@secondstaxorg/sscomp 1.0.7 → 1.0.9

package/dist/components/PaymentMethodsTable/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 TableContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  overflow-x: auto;\n"], ["\n  overflow-x: auto;\n"])));
+export var Table = styled.table(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 0 8px;\n  text-align: left;\n  .rounded-row td:first-child, .rounded-row th:first-child{\n    border-top-left-radius: 8px;\n    border-bottom-left-radius: 8px;\n  }\n  .rounded-row td:last-child, .rounded-row th:last-child{\n    border-top-right-radius: 8px;\n    border-bottom-right-radius: 8px;\n  }\n  .rounded-row td:last-child div{\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  thead tr{\n    background: ", ";\n    font-size: 16px;\n    font-weight: 500;\n    font-family: Circular Book Medium, sans-serif;\n    line-height: 19px;\n  }\n  thead th{\n    color: ", ";\n    padding: 11px 16px;\n  }\n  tbody tr{\n    background: ", ";\n    color: ", ";\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 19px;\n    cursor:pointer;\n  }\n  tbody td{\n    padding: 16px;\n  }\n"], ["\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 0 8px;\n  text-align: left;\n  .rounded-row td:first-child, .rounded-row th:first-child{\n    border-top-left-radius: 8px;\n    border-bottom-left-radius: 8px;\n  }\n  .rounded-row td:last-child, .rounded-row th:last-child{\n    border-top-right-radius: 8px;\n    border-bottom-right-radius: 8px;\n  }\n  .rounded-row td:last-child div{\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  thead tr{\n    background: ", ";\n    font-size: 16px;\n    font-weight: 500;\n    font-family: Circular Book Medium, sans-serif;\n    line-height: 19px;\n  }\n  thead th{\n    color: ", ";\n    padding: 11px 16px;\n  }\n  tbody tr{\n    background: ", ";\n    color: ", ";\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 19px;\n    cursor:pointer;\n  }\n  tbody td{\n    padding: 16px;\n  }\n"])), theme.colors["neutral-900"], theme.colors.white, theme.colors.white, theme.colors["neutral-900"]);
+export var NothingContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 300px;\n  background: ", ";\n  border-radius: 8px;\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 300px;\n  background: ", ";\n  border-radius: 8px;\n"])), theme.colors.white);
+export var NothingContent = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  gap: 20px;\n  p{\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 19px;\n    margin: 0;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  gap: 20px;\n  p{\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 19px;\n    margin: 0;\n  }\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/PaymentMethodsTable/style.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,4FAAA,yBAEvC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,28BAAA,2gBAmBf,EAA2B,2JAOhC,EAAkB,gEAIb,EAAkB,gBACvB,EAA2B,0IASvC,KArBiB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAOhC,KAAK,CAAC,MAAM,CAAC,KAAK,EAIb,KAAK,CAAC,MAAM,CAAC,KAAK,EACvB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CASvC,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,2NAAA,0HAM1B,EAAkB,4BAEjC,KAFe,KAAK,CAAC,MAAM,CAAC,KAAK,CAEjC,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,0PAAA,uLAWvC,IAAA,CAAA"}

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

@@ -7,3 +7,4 @@ export interface PaymentMethodsProps {
     }[];
     callback: any;
 }
+//# sourceMappingURL=type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/PaymentMethodsTable/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAChC,OAAO,EAAC;QACJ,YAAY,EAAC,MAAM,CAAC;QACpB,YAAY,EAAC,MAAM,CAAC;QACpB,iBAAiB,EAAC,MAAM,CAAC;QACzB,OAAO,EAAC,MAAM,CAAA;KACjB,EAAE,CAAC;IACJ,QAAQ,EAAC,GAAG,CAAA;CACf"}

package/dist/components/PaymentMethodsTable/type.js

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

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

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

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

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

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

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

package/dist/components/ProvidersTable/ProvidersTable.js

@@ -0,0 +1,41 @@
+import React from "react";
+import { TableContainer, Table, NothingContainer, NothingContent } from "./style";
+import StatusBadge from "../StatusBadge/StatusBadge";
+var ProvidersTable = function (props) {
+    var providers = props.providers, callback = props.callback;
+    return (React.createElement(TableContainer, null,
+        React.createElement(Table, null,
+            React.createElement("thead", null,
+                React.createElement("tr", { className: "rounded-row" },
+                    React.createElement("th", null, "Name"),
+                    React.createElement("th", null, "Email"),
+                    React.createElement("th", null, "Phone"),
+                    React.createElement("th", null, "Status"))),
+            providers && providers.length > 0 &&
+                React.createElement("tbody", null, providers.map(function (provider, index) { return (React.createElement("tr", { key: index, className: "rounded-row", onClick: function () { callback(provider); } },
+                    React.createElement("td", null, provider.name),
+                    React.createElement("td", null, provider.email),
+                    React.createElement("td", null, provider.phone),
+                    React.createElement("td", null,
+                        React.createElement("div", null,
+                            React.createElement(StatusBadge, { status: provider.status === 'active' ? 'success' : 'error', label: provider.status.toUpperCase() }),
+                            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: "M10.3592 7.52685L6.58584 3.76019C6.52387 3.6977 6.45013 3.64811 6.36889 3.61426C6.28765 3.58041 6.20052 3.56299 6.11251 3.56299C6.0245 3.56299 5.93736 3.58041 5.85612 3.61426C5.77488 3.64811 5.70115 3.6977 5.63917 3.76019C5.51501 3.8851 5.44531 4.05406 5.44531 4.23019C5.44531 4.40631 5.51501 4.57528 5.63917 4.70019L8.93917 8.03352L5.63917 11.3335C5.51501 11.4584 5.44531 11.6274 5.44531 11.8035C5.44531 11.9796 5.51501 12.1486 5.63917 12.2735C5.70092 12.3365 5.77455 12.3866 5.8558 12.421C5.93705 12.4553 6.0243 12.4732 6.11251 12.4735C6.20071 12.4732 6.28797 12.4553 6.36922 12.421C6.45047 12.3866 6.5241 12.3365 6.58584 12.2735L10.3592 8.50685C10.4268 8.44443 10.4808 8.36866 10.5178 8.28432C10.5547 8.19999 10.5738 8.10892 10.5738 8.01685C10.5738 7.92479 10.5547 7.83372 10.5178 7.74938C10.4808 7.66505 10.4268 7.58928 10.3592 7.52685Z", fill: "#A4BBDD" })))))); }))),
+        providers && providers.length == 0 &&
+            React.createElement(NothingContainer, null,
+                React.createElement(NothingContent, null,
+                    React.createElement("svg", { width: "65", height: "64", viewBox: "0 0 65 64", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                        React.createElement("g", { clipPath: "url(#clip0_651_2393)" },
+                            React.createElement("path", { d: "M39.5 6H25.5V14H39.5V6Z", fill: "#E8EEF7" }),
+                            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M41.5006 6C41.5006 4.895 40.6046 4 39.5 4H25.5C24.3954 4 23.4994 4.895 23.4994 6V14C23.4994 15.105 24.3954 16 25.5 16H39.5C40.6046 16 41.5006 15.105 41.5006 14V6ZM27.5006 8V12H37.4994V8H27.5006Z", fill: "#D2DDEE" }),
+                            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M49.5 56C49.5 54.896 50.396 54 51.5 54C52.604 54 53.5 54.896 53.5 56V58C53.5 59.105 52.605 60 51.5 60H13.5C12.395 60 11.5 59.105 11.5 58V10C11.5 8.895 12.395 8 13.5 8H25.5C26.605 8 27.5 8.895 27.5 10V12H37.5V10C37.5 8.895 38.395 8 39.5 8H51.5C52.605 8 53.5 8.895 53.5 10V48C53.5 49.104 52.604 50 51.5 50C50.396 50 49.5 49.104 49.5 48V12H41.5V14C41.5 15.105 40.605 16 39.5 16H25.5C24.395 16 23.5 15.105 23.5 14V12H15.5V56H49.5Z", fill: "#D2DDEE" }),
+                            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 27H41.5C42.604 27 43.5 26.104 43.5 25C43.5 23.896 42.604 23 41.5 23H23.5C22.396 23 21.5 23.896 21.5 25C21.5 26.104 22.396 27 23.5 27Z", fill: "#D2DDEE" }),
+                            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 38H41.5C42.604 38 43.5 37.104 43.5 36C43.5 34.896 42.604 34 41.5 34H23.5C22.396 34 21.5 34.896 21.5 36C21.5 37.104 22.396 38 23.5 38Z", fill: "#D2DDEE" }),
+                            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23.5 49H41.5C42.604 49 43.5 48.104 43.5 47C43.5 45.896 42.604 45 41.5 45H23.5C22.396 45 21.5 45.896 21.5 47C21.5 48.104 22.396 49 23.5 49Z", fill: "#D2DDEE" })),
+                        React.createElement("defs", null,
+                            React.createElement("clipPath", { id: "clip0_651_2393" },
+                                React.createElement("rect", { width: "64", height: "64", fill: "white", transform: "translate(0.5)" })))),
+                    React.createElement("p", null, "Providers will be displayed here when you have any.")))));
+};
+export default ProvidersTable;
+//# sourceMappingURL=ProvidersTable.js.map

package/dist/components/ProvidersTable/ProvidersTable.js.map

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

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

@@ -0,0 +1,5 @@
+export declare const TableContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Table: import("styled-components").StyledComponent<"table", any, {}, never>;
+export declare const NothingContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const NothingContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+//# sourceMappingURL=style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/ProvidersTable/style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,oEAE1B,CAAA;AAED,eAAO,MAAM,KAAK,sEAwCjB,CAAA;AAED,eAAO,MAAM,gBAAgB,oEAQ5B,CAAA;AAED,eAAO,MAAM,cAAc,oEAW1B,CAAA"}

package/dist/components/ProvidersTable/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 TableContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  overflow-x: auto;\n"], ["\n  overflow-x: auto;\n"])));
+export var Table = styled.table(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 0 8px;\n  text-align: left;\n  .rounded-row td:first-child, .rounded-row th:first-child{\n    border-top-left-radius: 8px;\n    border-bottom-left-radius: 8px;\n  }\n  .rounded-row td:last-child, .rounded-row th:last-child{\n    border-top-right-radius: 8px;\n    border-bottom-right-radius: 8px;\n  }\n  .rounded-row td:last-child div{\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  thead tr{\n    background: ", ";\n    font-size: 16px;\n    font-weight: 500;\n    font-family: Circular Book Medium, sans-serif;\n    line-height: 19px;\n  }\n  thead th{\n    color: ", ";\n    padding: 11px 16px;\n  }\n  tbody tr{\n    background: ", ";\n    color: ", ";\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 19px;\n    cursor:pointer;\n  }\n  tbody td{\n    padding: 16px;\n  }\n"], ["\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 0 8px;\n  text-align: left;\n  .rounded-row td:first-child, .rounded-row th:first-child{\n    border-top-left-radius: 8px;\n    border-bottom-left-radius: 8px;\n  }\n  .rounded-row td:last-child, .rounded-row th:last-child{\n    border-top-right-radius: 8px;\n    border-bottom-right-radius: 8px;\n  }\n  .rounded-row td:last-child div{\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  thead tr{\n    background: ", ";\n    font-size: 16px;\n    font-weight: 500;\n    font-family: Circular Book Medium, sans-serif;\n    line-height: 19px;\n  }\n  thead th{\n    color: ", ";\n    padding: 11px 16px;\n  }\n  tbody tr{\n    background: ", ";\n    color: ", ";\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 19px;\n    cursor:pointer;\n  }\n  tbody td{\n    padding: 16px;\n  }\n"])), theme.colors["neutral-900"], theme.colors.white, theme.colors.white, theme.colors["neutral-900"]);
+export var NothingContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 300px;\n  background: ", ";\n  border-radius: 8px;\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 300px;\n  background: ", ";\n  border-radius: 8px;\n"])), theme.colors.white);
+export var NothingContent = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  gap: 20px;\n  p{\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 19px;\n    margin: 0;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  gap: 20px;\n  p{\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 19px;\n    margin: 0;\n  }\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/ProvidersTable/style.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,4FAAA,yBAEvC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,28BAAA,2gBAmBf,EAA2B,2JAOhC,EAAkB,gEAIb,EAAkB,gBACvB,EAA2B,0IASvC,KArBiB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAOhC,KAAK,CAAC,MAAM,CAAC,KAAK,EAIb,KAAK,CAAC,MAAM,CAAC,KAAK,EACvB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CASvC,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,2NAAA,0HAM1B,EAAkB,4BAEjC,KAFe,KAAK,CAAC,MAAM,CAAC,KAAK,CAEjC,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,0PAAA,uLAWvC,IAAA,CAAA"}

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

@@ -9,3 +9,4 @@ export interface ProvidersProps {
     callback: any;
 }
 export declare type Status = "active" | "inactive";
+//# sourceMappingURL=type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/ProvidersTable/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAC;QACN,UAAU,EAAC,MAAM,CAAC;QAClB,IAAI,EAAC,MAAM,CAAC;QACZ,KAAK,EAAC,MAAM,CAAC;QACb,KAAK,EAAC,MAAM,CAAC;QACb,MAAM,EAAE,MAAM,CAAA;KACjB,EAAE,CAAC;IACJ,QAAQ,EAAC,GAAG,CAAA;CACf;AAED,oBAAY,MAAM,GAAG,QAAQ,GAAC,UAAU,CAAA"}

package/dist/components/ProvidersTable/type.js

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

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

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

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

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

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

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

package/dist/components/RateHistory/RateHistory.js

@@ -0,0 +1,47 @@
+import React from "react";
+import { RateContainer, Currencies, Dates, Rates, Container, EmptyContainer } from "./style";
+var RateHistory = function (props) {
+    var ratePairs = props.ratePairs;
+    return (React.createElement(React.Fragment, null,
+        ratePairs && ratePairs.length > 0 &&
+            React.createElement(Container, null, ratePairs.map(function (rate, index) { return (React.createElement(RateContainer, { key: index },
+                React.createElement(Currencies, null,
+                    React.createElement("div", { className: "currency" },
+                        rate.baseFlag && React.createElement("img", { src: rate.baseFlag, alt: "" }),
+                        " ",
+                        rate.baseCurrency),
+                    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.9999 10C17.9999 9.73479 17.8945 9.48043 17.707 9.2929C17.5195 9.10536 17.2651 9 16.9999 9H5.4099L7.7099 6.71C7.8982 6.5217 8.00399 6.2663 8.00399 6C8.00399 5.7337 7.8982 5.47831 7.7099 5.29C7.52159 5.1017 7.2662 4.99591 6.9999 4.99591C6.73359 4.99591 6.4782 5.1017 6.2899 5.29L2.2899 9.29C2.15114 9.43063 2.05714 9.6092 2.01977 9.80319C1.98239 9.99718 2.00332 10.1979 2.0799 10.38C2.15492 10.5626 2.28231 10.7189 2.44603 10.8293C2.60975 10.9396 2.80247 10.999 2.9999 11H16.9999C17.2651 11 17.5195 10.8946 17.707 10.7071C17.8945 10.5196 17.9999 10.2652 17.9999 10ZM21.9199 13.62C21.8449 13.4374 21.7175 13.2811 21.5538 13.1707C21.39 13.0604 21.1973 13.001 20.9999 13H6.9999C6.73468 13 6.48033 13.1054 6.29279 13.2929C6.10525 13.4804 5.9999 13.7348 5.9999 14C5.9999 14.2652 6.10525 14.5196 6.29279 14.7071C6.48033 14.8946 6.73468 15 6.9999 15H18.5899L16.2899 17.29C16.1962 17.383 16.1218 17.4936 16.071 17.6154C16.0202 17.7373 15.9941 17.868 15.9941 18C15.9941 18.132 16.0202 18.2627 16.071 18.3846C16.1218 18.5064 16.1962 18.617 16.2899 18.71C16.3829 18.8037 16.4935 18.8781 16.6153 18.9289C16.7372 18.9797 16.8679 19.0058 16.9999 19.0058C17.1319 19.0058 17.2626 18.9797 17.3845 18.9289C17.5063 18.8781 17.6169 18.8037 17.7099 18.71L21.7099 14.71C21.8487 14.5694 21.9426 14.3908 21.98 14.1968C22.0174 14.0028 21.9965 13.8021 21.9199 13.62Z", fill: "#BBCCE6" })),
+                    React.createElement("div", { className: "currency" },
+                        rate.exchangeFlag && React.createElement("img", { src: rate.exchangeFlag, alt: "" }),
+                        " ",
+                        rate.exchangeCurrency)),
+                React.createElement(Rates, null,
+                    React.createElement("p", null,
+                        "Buy Rate: ",
+                        Number(rate.baseRate).toFixed(4)),
+                    " | ",
+                    React.createElement("p", null,
+                        "Sell Rate: ",
+                        Number(rate.exchangeRate).toFixed(4))),
+                React.createElement(Dates, null,
+                    React.createElement("p", null, rate.startDate),
+                    " to ",
+                    React.createElement("p", null, rate.endDate)))); })),
+        ratePairs && ratePairs.length === 0 &&
+            React.createElement(EmptyContainer, null,
+                React.createElement("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                    React.createElement("g", { clipPath: "url(#clip0_1126_91)" },
+                        React.createElement("path", { d: "M39 6H25V14H39V6Z", fill: "#E8EEF7" }),
+                        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M41.0006 6C41.0006 4.895 40.1046 4 39 4H25C23.8954 4 22.9994 4.895 22.9994 6V14C22.9994 15.105 23.8954 16 25 16H39C40.1046 16 41.0006 15.105 41.0006 14V6ZM27.0006 8V12H36.9994V8H27.0006Z", fill: "#D2DDEE" }),
+                        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M49 56C49 54.896 49.896 54 51 54C52.104 54 53 54.896 53 56V58C53 59.105 52.105 60 51 60H13C11.895 60 11 59.105 11 58V10C11 8.895 11.895 8 13 8H25C26.105 8 27 8.895 27 10V12H37V10C37 8.895 37.895 8 39 8H51C52.105 8 53 8.895 53 10V48C53 49.104 52.104 50 51 50C49.896 50 49 49.104 49 48V12H41V14C41 15.105 40.105 16 39 16H25C23.895 16 23 15.105 23 14V12H15V56H49Z", fill: "#D2DDEE" }),
+                        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23 27H41C42.104 27 43 26.104 43 25C43 23.896 42.104 23 41 23H23C21.896 23 21 23.896 21 25C21 26.104 21.896 27 23 27Z", fill: "#D2DDEE" }),
+                        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23 38H41C42.104 38 43 37.104 43 36C43 34.896 42.104 34 41 34H23C21.896 34 21 34.896 21 36C21 37.104 21.896 38 23 38Z", fill: "#D2DDEE" }),
+                        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23 49H41C42.104 49 43 48.104 43 47C43 45.896 42.104 45 41 45H23C21.896 45 21 45.896 21 47C21 48.104 21.896 49 23 49Z", fill: "#D2DDEE" })),
+                    React.createElement("defs", null,
+                        React.createElement("clipPath", { id: "clip0_1126_91" },
+                            React.createElement("rect", { width: "64", height: "64", fill: "white" })))),
+                "Rates history shall be displayed here when available")));
+};
+export default RateHistory;
+//# sourceMappingURL=RateHistory.js.map

package/dist/components/RateHistory/RateHistory.js.map

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

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

@@ -4,3 +4,4 @@ export declare const Currencies: import("styled-components").StyledComponent<"di
 export declare const Rates: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Dates: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const EmptyContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+//# sourceMappingURL=style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/RateHistory/style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,oEAIrB,CAAA;AAED,eAAO,MAAM,aAAa,oEAOzB,CAAA;AAED,eAAO,MAAM,UAAU,oEAetB,CAAA;AAED,eAAO,MAAM,KAAK,oEAYjB,CAAA;AAED,eAAO,MAAM,KAAK,oEAUjB,CAAA;AAED,eAAO,MAAM,cAAc,oEAO1B,CAAA"}

package/dist/components/RateHistory/style.js

@@ -0,0 +1,14 @@
+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: 8px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n"])));
+export var RateContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-radius: 8px;\n  padding: 16px;\n  background: ", ";\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n"], ["\n  border-radius: 8px;\n  padding: 16px;\n  background: ", ";\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n"])), theme.colors["neutral-50"]);
+export var Currencies = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  gap: 26px;\n  align-items: center;\n  height: 30px;\n  .currency{\n    display: flex;\n    gap: 4px;\n    align-items: center;\n    font-weight: 500;\n    font-family: Circular Book Medium, sans-serif;\n    font-size: 16px;\n    line-height: 19px;\n    color: ", ";\n  }\n"], ["\n  display: flex;\n  gap: 26px;\n  align-items: center;\n  height: 30px;\n  .currency{\n    display: flex;\n    gap: 4px;\n    align-items: center;\n    font-weight: 500;\n    font-family: Circular Book Medium, sans-serif;\n    font-size: 16px;\n    line-height: 19px;\n    color: ", ";\n  }\n"])), theme.colors["neutral-900"]);
+export var Rates = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  gap: 16px;\n  align-items: center;\n  p{\n    margin: 0;\n    font-weight: 500;\n    font-family: Circular Book Medium, sans-serif;\n    font-size: 16px;\n    line-height: 19px;\n    color: ", ";\n  }\n"], ["\n  display: flex;\n  gap: 16px;\n  align-items: center;\n  p{\n    margin: 0;\n    font-weight: 500;\n    font-family: Circular Book Medium, sans-serif;\n    font-size: 16px;\n    line-height: 19px;\n    color: ", ";\n  }\n"])), theme.colors["neutral-900"]);
+export var Dates = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  gap: 12px;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 14px;\n  color: ", ";\n  *{\n    margin: 0;\n  }\n"], ["\n  display: flex;\n  gap: 12px;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 14px;\n  color: ", ";\n  *{\n    margin: 0;\n  }\n"])), theme.colors["neutral-600"]);
+export var EmptyContainer = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n  height: 300px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  align-items: center;\n  justify-content: center;\n  height: 300px;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/RateHistory/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,iIAAA,8DAIlC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,gMAAA,2DAGvB,EAA0B,gEAIzC,KAJe,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAIzC,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,2WAAA,4RAavB,EAA2B,UAEvC,KAFY,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAEvC,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,qSAAA,sNAUlB,EAA2B,UAEvC,KAFY,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAEvC,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,iNAAA,4GAMpB,EAA2B,gCAIrC,KAJU,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAIrC,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,uMAAA,oIAOvC,IAAA,CAAA"}

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

@@ -10,3 +10,4 @@ export interface RateHistoryProps {
         endDate: string;
     }[];
 }
+//# sourceMappingURL=type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/RateHistory/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC7B,SAAS,EAAC;QACN,QAAQ,EAAC,MAAM,CAAC;QAChB,YAAY,EAAC,MAAM,CAAC;QACpB,YAAY,EAAC,MAAM,CAAC;QACpB,gBAAgB,EAAC,MAAM,CAAC;QACxB,QAAQ,EAAC,MAAM,CAAC;QAChB,YAAY,EAAC,MAAM,CAAC;QACpB,SAAS,EAAC,MAAM,CAAC;QACjB,OAAO,EAAC,MAAM,CAAA;KACjB,EAAE,CAAA;CACN"}

package/dist/components/RateHistory/type.js

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

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

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

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

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

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

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

package/dist/components/RequestForm/RequestForm.js

@@ -0,0 +1,69 @@
+import React, { useEffect, useState } from "react";
+import { Container, FormField } from "./style";
+import { Button } from "../Button";
+import TextField from "../TextField/TextField";
+import CountrySelector from "../CountrySelector/CountrySelector";
+var RequestForm = function (props) {
+    var symbols = props.symbols, currencies = props.currencies, returnedData = props.returnedData;
+    var _a = useState({}), selSymbol = _a[0], setSelSymbol = _a[1];
+    var _b = useState(''), qty = _b[0], setQty = _b[1];
+    var _c = useState({}), baseCurrency = _c[0], setBaseCurrency = _c[1];
+    var _d = useState(''), price = _d[0], setPrice = _d[1];
+    var _e = useState([]), fmtdSymbl = _e[0], setFmtdSymbl = _e[1];
+    var _f = useState([]), fmtdCurr = _f[0], setFmtdCurr = _f[1];
+    useEffect(function () {
+        var tempFmtd = [];
+        symbols.forEach(function (symbol) {
+            var temp = {
+                optionName: symbol.name,
+                optionShortName: symbol.shortName,
+                optionFlag: symbol.countryFlag,
+                price: symbol.price
+            };
+            tempFmtd.push(temp);
+        });
+        setFmtdSymbl(tempFmtd);
+    }, [symbols]);
+    useEffect(function () {
+        var tempFmtd = [];
+        currencies.forEach(function (currency) {
+            var temp = {
+                optionName: currency.currencyLongName,
+                optionShortName: currency.currencyShortName,
+                optionFlag: currency.countryFlag
+            };
+            tempFmtd.push(temp);
+        });
+        setFmtdCurr(tempFmtd);
+    }, [currencies]);
+    function compileInput() {
+        if (Object.keys(selSymbol).length > 0 && Object.keys(baseCurrency).length > 0 && qty) {
+            var data = {
+                symbol: selSymbol,
+                quantity: Number(qty),
+                baseCurrency: baseCurrency
+            };
+            returnedData(data);
+        }
+    }
+    return (React.createElement(Container, null,
+        React.createElement(FormField, null,
+            React.createElement("label", null, "Symbol"),
+            React.createElement(CountrySelector, { options: fmtdSymbl, selectedOption: function (symb) {
+                    setSelSymbol(symb);
+                    setPrice(symb.price);
+                }, initialText: "Select a symbol" })),
+        React.createElement(FormField, null,
+            React.createElement("label", null, "Price"),
+            React.createElement(TextField, { required: false, value: price, disabled: true })),
+        React.createElement(FormField, null,
+            React.createElement("label", null, "Quantity"),
+            React.createElement(TextField, { required: false, onChange: function (e) { setQty(e.target.value); }, value: qty })),
+        React.createElement(FormField, null,
+            React.createElement("label", null, "Currency I have"),
+            React.createElement(CountrySelector, { options: fmtdCurr, selectedOption: function (curr) { setBaseCurrency(curr); }, initialText: "Select a currency" })),
+        React.createElement(FormField, null,
+            React.createElement(Button, { size: "lg", variant: "primary", onClick: compileInput }, "View Offers"))));
+};
+export default RequestForm;
+//# sourceMappingURL=RequestForm.js.map

package/dist/components/RequestForm/RequestForm.js.map

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

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

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

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

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

package/dist/components/RequestForm/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  padding: 24px;\n  //border-radius: 8px;\n  gap: 24px;\n  display: grid;\n  grid-template-columns: calc(100%/5) auto auto auto calc(100%/5);\n  //grid-template-columns: calc(100%/5) calc(100%/5) calc(100%/5) calc(100%/5) calc(100%/5);\n  align-items: end;\n  //background: ", ";\n  \n"], ["\n  padding: 24px;\n  //border-radius: 8px;\n  gap: 24px;\n  display: grid;\n  grid-template-columns: calc(100%/5) auto auto auto calc(100%/5);\n  //grid-template-columns: calc(100%/5) calc(100%/5) calc(100%/5) calc(100%/5) calc(100%/5);\n  align-items: end;\n  //background: ", ";\n  \n"])), theme.colors.white);
+export var FormField = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  gap: 12px;\n  flex-direction: column;\n  width: 100%;\n  label{\n    font-weight: 500;\n    font-family: \"Circular Book Medium\", sans-serif;\n    font-size: 16px;\n    line-height: 19px;\n  }\n"], ["\n  display: flex;\n  gap: 12px;\n  flex-direction: column;\n  width: 100%;\n  label{\n    font-weight: 500;\n    font-family: \"Circular Book Medium\", sans-serif;\n    font-size: 16px;\n    line-height: 19px;\n  }\n"])));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/RequestForm/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,oWAAA,sRAQjB,EAAkB,SAEnC,KAFiB,KAAK,CAAC,MAAM,CAAC,KAAK,CAEnC,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,8RAAA,2NAWlC,IAAA,CAAA"}

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

@@ -16,3 +16,4 @@ export interface RequestFormProps {
         baseCurrency: string;
     }) => void;
 }
+//# sourceMappingURL=type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/RequestForm/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC7B,OAAO,EAAC;QACJ,IAAI,EAAC,MAAM,CAAC;QACZ,SAAS,EAAC,MAAM,CAAC;QACjB,WAAW,CAAC,EAAC,MAAM,CAAC;QACpB,KAAK,EAAC,MAAM,CAAA;KACf,EAAE,CAAC;IACJ,UAAU,EAAC;QACP,iBAAiB,EAAC,MAAM,CAAC;QACzB,gBAAgB,EAAC,MAAM,CAAC;QACxB,WAAW,CAAC,EAAC,MAAM,CAAA;KACtB,EAAE,CAAC;IACJ,YAAY,EAAC,CAAC,CAAC,EAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,QAAQ,EAAC,MAAM,CAAC;QAAC,YAAY,EAAC,MAAM,CAAA;KAAC,KAAG,IAAI,CAAA;CAC/E"}

package/dist/components/RequestForm/type.js

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

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

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

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

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

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

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

package/dist/components/Ribbon/Ribbon.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { RibbonContainer, RibbonItem } from "./style";
+var Ribbon = function (props) {
+    var links = props.links;
+    return (React.createElement(React.Fragment, null, links && links.length > 0 &&
+        React.createElement(RibbonContainer, null, links.map(function (link, index) { return (React.createElement(RibbonItem, { key: index, href: link.url }, link.label)); }))));
+};
+export default Ribbon;
+//# sourceMappingURL=Ribbon.js.map

package/dist/components/Ribbon/Ribbon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ribbon.js","sourceRoot":"","sources":["../../../src/components/Ribbon/Ribbon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,eAAe,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAGnD,IAAM,MAAM,GAAG,UAAC,KAAe;IACpB,IAAA,KAAK,GAAI,KAAK,MAAT,CAAS;IAErB,OAAO,CACH,0CACK,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;QACtB,oBAAC,eAAe,QACX,KAAK,CAAC,GAAG,CAAC,UAAC,IAA+B,EAAC,KAAY,IAAK,OAAA,CACzD,oBAAC,UAAU,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,GAAG,IAAG,IAAI,CAAC,KAAK,CAAc,CACpE,EAF4D,CAE5D,CAAC,CACY,CAEvB,CACN,CAAA;AACL,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/Ribbon/style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,oEAK3B,CAAA;AACD,eAAO,MAAM,UAAU,kEAStB,CAAA"}

package/dist/components/Ribbon/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 RibbonContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid ", ";\n  border-radius: 100px;\n  display: inline-block;\n  overflow: hidden;\n"], ["\n  border: 1px solid ", ";\n  border-radius: 100px;\n  display: inline-block;\n  overflow: hidden;\n"])), theme.colors["primary-500"]);
+export var RibbonItem = styled.a(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: inline-block;\n  background: ", ";\n  padding: 16px;\n  text-decoration: none;\n  color: ", ";\n  &:hover{\n    background:", ";\n  }\n"], ["\n  display: inline-block;\n  background: ", ";\n  padding: 16px;\n  text-decoration: none;\n  color: ", ";\n  &:hover{\n    background:", ";\n  }\n"])), theme.colors["neutral-900"], theme.colors.white, theme.colors["primary-500"]);
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/Ribbon/style.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,0KAAA,wBACnB,EAA2B,6EAIhD,KAJqB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAIhD,CAAA;AACD,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,CAAC,yNAAA,4CAElB,EAA2B,0DAGhC,EAAkB,gCAEZ,EAA2B,UAE3C,KAPe,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAGhC,KAAK,CAAC,MAAM,CAAC,KAAK,EAEZ,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAE3C,CAAA"}

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

@@ -4,3 +4,4 @@ export interface LinksType {
         url: string;
     }[];
 }
+//# sourceMappingURL=type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/Ribbon/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACtB,KAAK,EAAC;QACF,KAAK,EAAC,MAAM,CAAC;QACb,GAAG,EAAC,MAAM,CAAA;KACb,EAAE,CAAA;CACN"}

package/dist/components/Ribbon/type.js

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

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

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

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
 declare const SSXBar: (props: any) => JSX.Element;
 export default SSXBar;
+//# sourceMappingURL=SSXBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SSXBar.d.ts","sourceRoot":"","sources":["../../../src/components/SSXBar/SSXBar.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,UAAU,GAAG,gBAOxB,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/components/SSXBar/SSXBar.js

@@ -0,0 +1,19 @@
+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 from "react";
+import { SSXBarContainer } from "./style";
+var SSXBar = function (props) {
+    var children = props.children;
+    return (React.createElement(SSXBarContainer, __assign({}, props), children));
+};
+export default SSXBar;
+//# sourceMappingURL=SSXBar.js.map

package/dist/components/SSXBar/SSXBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SSXBar.js","sourceRoot":"","sources":["../../../src/components/SSXBar/SSXBar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAExC,IAAM,MAAM,GAAG,UAAC,KAAS;IACd,IAAA,QAAQ,GAAI,KAAK,SAAT,CAAS;IACxB,OAAO,CACH,oBAAC,eAAe,eAAK,KAAK,GACrB,QAAQ,CACK,CACrB,CAAA;AACL,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/SSXBar/style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,oEAQ3B,CAAA"}

package/dist/components/SSXBar/style.js

@@ -0,0 +1,9 @@
+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 SSXBarContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: ", ";\n  height: 81px;\n  left: 0;\n  right: 0;\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n"], ["\n  background: ", ";\n  height: 81px;\n  left: 0;\n  right: 0;\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n"])), theme.colors["neutral-900"]);
+var templateObject_1;
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/SSXBar/style.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,kNAAA,kBACzB,EAA2B,2HAO1C,KAPe,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAO1C,CAAA"}

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

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

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

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

package/dist/components/SearchBar/SearchBar.js

@@ -0,0 +1,27 @@
+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 from "react";
+import { SearchBarContainer, SearchBox, SearchButton } from "./style";
+var SearchBar = function (props) {
+    var value = props.value, submitFxn = props.submitFxn;
+    return (React.createElement("form", { onSubmit: function (e) {
+            e.preventDefault();
+            submitFxn();
+        } },
+        React.createElement(SearchBarContainer, null,
+            React.createElement(SearchBox, __assign({ type: "search", placeholder: "Search", value: value }, props)),
+            React.createElement(SearchButton, { type: "submit" },
+                React.createElement("svg", { width: "21", height: "21", viewBox: "0 0 21 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                    React.createElement("path", { d: "M20.21 19.29L16.5 15.61C17.9401 13.8144 18.6375 11.5353 18.4488 9.2413C18.2601 6.9473 17.1997 4.81278 15.4855 3.27664C13.7714 1.74051 11.5338 0.91951 9.23292 0.98247C6.93203 1.04543 4.74272 1.98756 3.11514 3.61514C1.48756 5.24272 0.545427 7.43204 0.482466 9.73292C0.419506 12.0338 1.2405 14.2714 2.77664 15.9855C4.31278 17.6997 6.4473 18.7601 8.7413 18.9488C11.0353 19.1375 13.3144 18.4401 15.11 17L18.79 20.68C18.883 20.7737 18.9936 20.8481 19.1154 20.8989C19.2373 20.9497 19.368 20.9758 19.5 20.9758C19.632 20.9758 19.7627 20.9497 19.8846 20.8989C20.0064 20.8481 20.117 20.7737 20.21 20.68C20.3902 20.4935 20.491 20.2443 20.491 19.985C20.491 19.7257 20.3902 19.4765 20.21 19.29V19.29ZM9.5 17C8.11553 17 6.76215 16.5895 5.611 15.8203C4.45986 15.0511 3.56265 13.9579 3.03284 12.6788C2.50303 11.3997 2.3644 9.99223 2.6345 8.63437C2.9046 7.2765 3.57128 6.02922 4.55025 5.05025C5.52922 4.07128 6.7765 3.4046 8.13436 3.1345C9.49223 2.86441 10.8997 3.00303 12.1788 3.53284C13.4579 4.06266 14.5511 4.95986 15.3203 6.11101C16.0895 7.26215 16.5 8.61553 16.5 10C16.5 11.8565 15.7625 13.637 14.4497 14.9497C13.137 16.2625 11.3565 17 9.5 17V17Z", fill: "#F7F9FC" }))))));
+};
+export default SearchBar;
+//# sourceMappingURL=SearchBar.js.map