@secondstaxorg/sscomp 1.0.6 → 1.0.8

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/dist/components/TransactionDetails/style.d.ts

@@ -0,0 +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/dist/components/TransactionDetails/type.d.ts

@@ -0,0 +1,18 @@
+export interface TxnDetsProps {
+    requestedBy: string;
+    requestDate: string;
+    amount: {
+        baseAmount: number;
+        baseFlag: string;
+        baseCurr: string;
+        exchAmount: number;
+        exchFlag: string;
+        exchCurr: string;
+        exchRate: number;
+    };
+    provider: {
+        name: string;
+        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/dist/components/TransactionDetailsWithPayment/TransactionDetailsWithPayment.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+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/dist/components/TransactionDetailsWithPayment/style.d.ts

@@ -0,0 +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/dist/components/TransactionDetailsWithPayment/type.d.ts

@@ -0,0 +1,25 @@
+export interface TxnDetsWPymntProps {
+    requestedBy: string;
+    requestDate: string;
+    amount: {
+        baseAmount: number;
+        baseFlag: string;
+        baseCurr: string;
+        exchAmount: number;
+        exchFlag: string;
+        exchCurr: string;
+        exchRate: number;
+    };
+    provider: {
+        name: string;
+        logo?: string;
+    };
+    paymentDets: {
+        payeeName: string;
+        bankCountry: string;
+        bankCountryFlag: string;
+        bankName: string;
+        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/dist/components/UpdateUserActions/UpdateUserActions.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+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":";;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAChD,OAAO,EAAC,UAAU,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,SAAS,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAG1G,IAAM,iBAAiB,GAAG,UAAC,KAA4B;IAC5C,IAAA,cAAc,GAA4D,KAAK,eAAjE,EAAC,gBAAgB,GAA2C,KAAK,iBAAhD,EAAC,UAAU,GAAgC,KAAK,WAArC,EAAC,cAAc,GAAiB,KAAK,eAAtB,EAAC,YAAY,GAAI,KAAK,aAAT,CAAS;IAChF,IAAA,KAA+B,QAAQ,CAAC,gBAAgB,CAAC,EAAxD,SAAS,QAAA,EAAC,YAAY,QAAkC,CAAA;IACzD,IAAA,KAAiD,QAAQ,CAAC,cAAc,CAAC,EAAxE,kBAAkB,QAAA,EAAC,qBAAqB,QAAgC,CAAA;IACzE,IAAA,KAAiC,QAAQ,CAAC,EAAC,KAAK,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,CAAC,EAA/D,UAAU,QAAA,EAAC,aAAa,QAAuC,CAAA;IAEtE,SAAS,CAAC;QACN,UAAU,CAAC,UAAU,CAAC,CAAA;IAC1B,CAAC,EAAC,EAAE,CAAC,CAAA;IAEL,SAAS,SAAS,CAAC,UAAc;QAC7B,4GAA4G;QAC5G,IAAI,cAAc,CAAC,MAAM,CAAC,UAAC,IAAQ,IAAG,OAAA,IAAI,CAAC,QAAQ,IAAI,UAAU,CAAC,QAAQ,EAApC,CAAoC,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;YACtF,IAAI,GAAG,GAAG,UAAU,CAAA;YACpB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC;gBAAE,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAA;YACjF,aAAa,CAAC,GAAG,CAAC,CAAA;SACrB;QAED,uGAAuG;QACvG,IAAI,cAAc,CAAC,MAAM,CAAC,UAAC,IAAQ,IAAG,OAAA,IAAI,CAAC,QAAQ,IAAI,UAAU,CAAC,QAAQ,EAApC,CAAoC,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;YACpF,IAAI,IAAI,GAAG,UAAU,CAAA;YACrB,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,UAAC,GAAQ,IAAK,OAAA,GAAG,IAAI,UAAU,CAAC,QAAQ,EAA1B,CAA0B,CAAC,CAAA;YAClF,aAAa,CAAC,IAAI,CAAC,CAAA;SACtB;QAED,8CAA8C;QAC9C,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,UAAC,KAAS,IAAG,OAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,EAAzE,CAAyE,CAAC,CAAC,CAAA;QAEtH,oDAAoD;QACpD,qBAAqB,iCAAK,kBAAkB,UAAE,UAAU,UAAE,CAAA;QAE1D,yEAAyE;QACzE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC1B,CAAC;IAED,SAAS,YAAY,CAAC,UAAc;QAChC,4DAA4D;QAC5D,qBAAqB,CAAC,kBAAkB,CAAC,MAAM,CAAC,UAAC,IAAQ,IAAG,OAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,EAAxE,CAAwE,CAAC,CAAC,CAAA;QAEtI,6CAA6C;QAC7C,YAAY,iCAAK,SAAS,UAAC,UAAU,UAAE,CAAA;QAEvC,uGAAuG;QACvG,IAAI,gBAAgB,CAAC,MAAM,CAAC,UAAC,KAAS,IAAG,OAAA,KAAK,CAAC,QAAQ,IAAI,UAAU,CAAC,QAAQ,EAArC,CAAqC,CAAC,CAAC,MAAM,GAAG,CAAC,EAAC;YACvF,IAAI,IAAI,GAAG,UAAU,CAAA;YACrB,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,UAAC,GAAO,IAAK,OAAA,GAAG,IAAI,UAAU,CAAC,QAAQ,EAA1B,CAA0B,CAAC,CAAA;YAC7E,aAAa,CAAC,IAAI,CAAC,CAAA;SACtB;QAED,4GAA4G;QAC5G,IAAI,cAAc,CAAC,MAAM,CAAC,UAAC,IAAQ,IAAG,OAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAA3C,CAA2C,CAAC,CAAC,MAAM,GAAG,CAAC,EAAC;YAC1F,IAAI,GAAG,GAAG,UAAU,CAAA;YACpB,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC;gBAAE,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAA;YACrF,aAAa,CAAC,GAAG,CAAC,CAAA;SACrB;QAED,yEAAyE;QACzE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC1B,CAAC;IAED,OAAO,CACH,oBAAC,SAAS;QACN,oBAAC,gBAAgB;YACb,gCAAK,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,mBAAmB,CAAM;YAChE,oBAAC,oBAAoB;gBAChB,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC,UAAC,MAA0C;oBAC3F,IAAI,cAAc,CAAC,MAAM,CAAC,UAAC,IAAQ,IAAK,OAAA,IAAI,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,EAA/E,CAA+E,CAAC,CAAC,MAAM,IAAI,CAAC;wBACpI,OAAO,CACH,oBAAC,UAAU,IAAC,GAAG,EAAE,MAAM,CAAC,QAAQ;4BAC5B,+BAAI,MAAM,CAAC,UAAU,CAAK;4BAC1B,gCAAQ,OAAO,EAAE;oCACb,SAAS,CAAC,MAAM,CAAC,CAAA;gCACrB,CAAC;gCAEG,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EACtD,KAAK,EAAC,4BAA4B;oCACnC,8BACI,CAAC,EAAC,20BAA20B,EAC70B,IAAI,EAAC,SAAS,GAAE,CAClB,CACD,CACA,CAChB,CAAA;gBACL,CAAC,CAAC;gBACD,SAAS,CAAC,MAAM,IAAI,CAAC;oBAClB,oBAAC,kBAAkB;wBACf,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;4BAC1F,2BAAG,QAAQ,EAAC,sBAAsB;gCAC9B,8BAAM,CAAC,EAAC,yBAAyB,EAAC,IAAI,EAAC,SAAS,GAAE;gCAClD,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,4OAA4O,EAAC,IAAI,EAAC,SAAS,GAAE;gCAC3S,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,8aAA8a,EAAC,IAAI,EAAC,SAAS,GAAE;gCAC7e,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,yIAAyI,EAAC,IAAI,EAAC,SAAS,GAAE;gCACxM,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,yIAAyI,EAAC,IAAI,EAAC,SAAS,GAAE;gCACxM,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,yIAAyI,EAAC,IAAI,EAAC,SAAS,GAAE,CACxM;4BACJ;gCACI,kCAAU,EAAE,EAAC,gBAAgB;oCACzB,8BAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,kBAAkB,GAAE,CACjE,CACR,CACL;wBACN,sDAA2B,CACV,CAEN,CACR;QACnB,oBAAC,gBAAgB;YACb,gCAAK,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,CAAM;YAC1D,oBAAC,oBAAoB;gBAChB,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,kBAAkB,CAAC,GAAG,CAAC,UAAC,MAA0C,IAAK,OAAA,CACrG,oBAAC,UAAU,IAAC,GAAG,EAAE,MAAM,CAAC,QAAQ;oBAC5B,+BAAI,MAAM,CAAC,UAAU,CAAK;oBAC1B,gCAAQ,OAAO,EAAE,cAAK,YAAY,CAAC,MAAM,CAAC,CAAA,CAAA,CAAC;wBAEvC,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;4BAC1F,8BAAM,CAAC,EAAC,+ZAA+Z,EAAC,IAAI,EAAC,SAAS,GAAE,CACtb,CACD,CACA,CAChB,EAVwG,CAUxG,CAAC;gBACD,kBAAkB,CAAC,MAAM,IAAI,CAAC;oBAC3B,oBAAC,kBAAkB;wBACf,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;4BAC1F,2BAAG,QAAQ,EAAC,sBAAsB;gCAC9B,8BAAM,CAAC,EAAC,yBAAyB,EAAC,IAAI,EAAC,SAAS,GAAE;gCAClD,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,4OAA4O,EAAC,IAAI,EAAC,SAAS,GAAE;gCAC3S,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,8aAA8a,EAAC,IAAI,EAAC,SAAS,GAAE;gCAC7e,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,yIAAyI,EAAC,IAAI,EAAC,SAAS,GAAE;gCACxM,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,yIAAyI,EAAC,IAAI,EAAC,SAAS,GAAE;gCACxM,8BAAM,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,yIAAyI,EAAC,IAAI,EAAC,SAAS,GAAE,CACxM;4BACJ;gCACI,kCAAU,EAAE,EAAC,gBAAgB;oCACzB,8BAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,kBAAkB,GAAE,CACjE,CACR,CACL;wBACN,sDAA2B,CACV,CAEN,CACR,CACX,CACf,CAAA;AACL,CAAC,CAAA;AAED,eAAe,iBAAiB,CAAA"}

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

@@ -0,0 +1,6 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ActionsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+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"}

package/dist/components/UpdateUserActions/style.js

@@ -0,0 +1,13 @@
+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: 34px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 34px;\n"])));
+export var ActionsContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  h4{\n    color: ", ";\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 19px;\n    font-family: Circular Book Medium,sans-serif;\n    margin: 0;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  h4{\n    color: ", ";\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 19px;\n    font-family: Circular Book Medium,sans-serif;\n    margin: 0;\n  }\n"])), theme.colors["neutral-900"]);
+export var ActionsListContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding: 8px;\n  border-radius: 8px;\n  border: 1px solid ", ";\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  height: 346px;\n  overflow-y: auto;\n"], ["\n  padding: 8px;\n  border-radius: 8px;\n  border: 1px solid ", ";\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  height: 346px;\n  overflow-y: auto;\n"])), theme.colors["neutral-200"]);
+export var ActionItem = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  padding: 8px;\n  border-radius: 8px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  :hover{\n    background: ", ";\n  }\n  &.current-action{\n    background: ", ";\n  }\n  p{\n    color: ", ";\n    margin: 0;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 22.4px;\n  }\n  button{\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n  }\n"], ["\n  padding: 8px;\n  border-radius: 8px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  :hover{\n    background: ", ";\n  }\n  &.current-action{\n    background: ", ";\n  }\n  p{\n    color: ", ";\n    margin: 0;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 22.4px;\n  }\n  button{\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n  }\n"])), theme.colors["neutral-50"], theme.colors["neutral-100"], theme.colors["neutral-900"]);
+export var NoActionsContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  height: 346px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  gap:8px;\n  p{\n    margin: 0;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 19px;\n    color: #0F1B4C;\n  }\n"], ["\n  height: 346px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  gap:8px;\n  p{\n    margin: 0;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 19px;\n    color: #0F1B4C;\n  }\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/UpdateUserActions/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,kIAAA,+DAIlC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,wSAAA,iFAK7B,EAA2B,kJAOvC,KAPY,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAOvC,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,2OAAA,gEAGxB,EAA2B,sGAMhD,KANqB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAMhD,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,2eAAA,oJAOlB,EAA0B,+CAG1B,EAA2B,2BAGhC,EAA2B,oMAYvC,KAlBiB,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,EAG1B,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAGhC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAYvC,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,2TAAA,wPAc3C,IAAA,CAAA"}

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

@@ -0,0 +1,17 @@
+export interface UpdateUserActionsProps {
+    availableOptions: {
+        optionName: string;
+        optionId: string;
+    }[];
+    currentOptions: {
+        optionName: string;
+        optionId: string;
+    }[];
+    titleAvailable?: string;
+    titleCurrent?: string;
+    selOptions: (a: {
+        added: [];
+        removed: [];
+    }) => void;
+}
+//# sourceMappingURL=type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/UpdateUserActions/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,sBAAsB;IACnC,gBAAgB,EAAC;QACb,UAAU,EAAC,MAAM,CAAC;QAClB,QAAQ,EAAC,MAAM,CAAA;KAClB,EAAE,CAAC;IACJ,cAAc,EAAC;QACX,UAAU,EAAC,MAAM,CAAC;QAClB,QAAQ,EAAC,MAAM,CAAA;KAClB,EAAE,CAAC;IACJ,cAAc,CAAC,EAAC,MAAM,CAAC;IACvB,YAAY,CAAC,EAAC,MAAM,CAAC;IACrB,UAAU,EAAC,CAAC,CAAC,EAAC;QAAC,KAAK,EAAC,EAAE,CAAC;QAAA,OAAO,EAAC,EAAE,CAAA;KAAC,KAAK,IAAI,CAAA;CAC/C"}

package/dist/components/UpdateUserActions/type.js

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

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

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

package/dist/components/UserActions/UserActions.d.ts

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

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

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

package/dist/components/UserActions/UserActions.js

@@ -0,0 +1,90 @@
+import React, { useEffect, useState } from "react";
+import { ActionItem, ActionsContainer, ActionsListContainer, Container, NoActionsContainer } from "./style";
+var UserActions = function (props) {
+    var currentActions = props.currentActions, availableActions = props.availableActions, newActionsFxn = props.newActionsFxn, titleAvailable = props.titleAvailable, titleCurrent = props.titleCurrent, currentSelections = props.currentSelections;
+    var _a = useState([]), available = _a[0], setAvailable = _a[1];
+    var _b = useState([]), newActions = _b[0], setNewActions = _b[1];
+    var _c = useState([]), currentSels = _c[0], setCurrentSel = _c[1];
+    //TODO come back to this later
+    /* useEffect(()=>{
+         if (currentSelections && currentSelections.length > 0){
+             setCurrentSel(currentSelections)
+         }
+     },[currentSelections])*/
+    useEffect(function () {
+        setAvailable(availableActions);
+    }, [availableActions]);
+    function addAction(actionItem) {
+        var tempNew = newActions;
+        var al = available.filter(function (addAction) { return addAction.actionId !== actionItem.actionId; });
+        setAvailable(al);
+        tempNew.push(actionItem);
+        setNewActions(tempNew);
+        newActionsFxn(tempNew);
+    }
+    function removeAction(actionItem) {
+        var tempAvailable = available;
+        var al = newActions.filter(function (newAction) { return newAction.actionId !== actionItem.actionId; });
+        setNewActions(al);
+        newActionsFxn(al);
+        tempAvailable.push(actionItem);
+        setAvailable(tempAvailable);
+    }
+    /*useEffect(()=>{
+        newActionsFxn(newActions)
+    },[newActions])*/
+    return (React.createElement(Container, null,
+        React.createElement(ActionsContainer, null,
+            React.createElement("h4", null, titleAvailable ? titleAvailable : 'Available Actions'),
+            React.createElement(ActionsListContainer, null,
+                available && available.length > 0 && available.map(function (action) { return (React.createElement(ActionItem, { key: action.actionId },
+                    React.createElement("p", null, action.actionName),
+                    React.createElement("button", { onClick: function () { addAction(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 Actions'),
+            React.createElement(ActionsListContainer, null,
+                currentActions && currentActions.length > 0 && currentActions.map(function (action) { return (React.createElement(ActionItem, { key: action.actionId, className: "current-action" },
+                    React.createElement("p", null, action.actionName))); }),
+                newActions.length > 0 && newActions.map(function (action) { return (React.createElement(ActionItem, { key: action.actionId },
+                    React.createElement("p", null, action.actionName),
+                    React.createElement("button", { onClick: function () { removeAction(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" }))))); }),
+                currentSels.length > 0 && currentSels.map(function (action) { return (React.createElement(ActionItem, { key: action.actionId },
+                    React.createElement("p", null, action.actionName),
+                    React.createElement("button", { onClick: function () { removeAction(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" }))))); }),
+                currentActions && currentActions.length == 0 && newActions.length == 0 && currentSelections && currentSelections.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 UserActions;
+//# sourceMappingURL=UserActions.js.map

package/dist/components/UserActions/UserActions.js.map

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

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

@@ -0,0 +1,6 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ActionsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+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/UserActions/style.d.ts.map

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

package/dist/components/UserActions/style.js

@@ -0,0 +1,13 @@
+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: 34px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 34px;\n"])));
+export var ActionsContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  h4{\n    color: ", ";\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 19px;\n    font-family: Circular Book Medium,sans-serif;\n    margin: 0;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  h4{\n    color: ", ";\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 19px;\n    font-family: Circular Book Medium,sans-serif;\n    margin: 0;\n  }\n"])), theme.colors["neutral-900"]);
+export var ActionsListContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding: 8px;\n  border-radius: 8px;\n  border: 1px solid ", ";\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  height: 346px;\n  overflow-y: auto;\n"], ["\n  padding: 8px;\n  border-radius: 8px;\n  border: 1px solid ", ";\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  height: 346px;\n  overflow-y: auto;\n"])), theme.colors["neutral-200"]);
+export var ActionItem = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  padding: 8px;\n  border-radius: 8px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  :hover{\n    background: ", ";\n  }\n  &.current-action{\n    background: ", ";\n  }\n  p{\n    color: ", ";\n    margin: 0;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 22.4px;\n  }\n  button{\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n  }\n"], ["\n  padding: 8px;\n  border-radius: 8px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  :hover{\n    background: ", ";\n  }\n  &.current-action{\n    background: ", ";\n  }\n  p{\n    color: ", ";\n    margin: 0;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 22.4px;\n  }\n  button{\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px;\n  }\n"])), theme.colors["neutral-50"], theme.colors["neutral-100"], theme.colors["neutral-900"]);
+export var NoActionsContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  height: 346px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  gap:8px;\n  p{\n    margin: 0;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 19px;\n    color: #0F1B4C;\n  }\n"], ["\n  height: 346px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  gap:8px;\n  p{\n    margin: 0;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 19px;\n    color: #0F1B4C;\n  }\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=style.js.map