@secondstaxorg/sscomp 1.0.6 → 1.0.8

package/dist/components/MenuBar/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 MenuBarContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  background: ", ";\n"], ["\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  background: ", ";\n"])), theme.colors.white);
+export var MenuItems = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  .menu-item{\n    padding: 0 24px;\n    height: 67px;\n    text-decoration: none;\n    color: ", ";\n    display: flex;\n    align-items: center;\n    font-size: 16px;\n    line-height: 19px;\n    letter-spacing: 0.02em;\n    font-weight: 700;\n  }\n  .active{\n    background: ", ";\n    border-bottom: 1px solid ", ";\n    color: ", ";\n  }\n"], ["\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  .menu-item{\n    padding: 0 24px;\n    height: 67px;\n    text-decoration: none;\n    color: ", ";\n    display: flex;\n    align-items: center;\n    font-size: 16px;\n    line-height: 19px;\n    letter-spacing: 0.02em;\n    font-weight: 700;\n  }\n  .active{\n    background: ", ";\n    border-bottom: 1px solid ", ";\n    color: ", ";\n  }\n"])), theme.colors["neutral-900"], theme.colors["primary-50"], theme.colors["primary-500"], theme.colors["primary-500"]);
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/MenuBar/style.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,wKAAA,8FAI1B,EAAkB,KACjC,KADe,KAAK,CAAC,MAAM,CAAC,KAAK,CACjC,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,udAAA,0JAQtB,EAA2B,sLAStB,EAA0B,kCACb,EAA2B,gBAC7C,EAA2B,UAEvC,KAbY,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAStB,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,EACb,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAC7C,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAEvC,CAAA"}

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

@@ -0,0 +1,9 @@
+export interface MenuBarProps {
+    menuItems: {
+        label: string;
+        url: string;
+        pageName?: string;
+    }[];
+    currentPageName?: string;
+}
+//# sourceMappingURL=type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/MenuBar/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IACzB,SAAS,EAAC;QACN,KAAK,EAAC,MAAM,CAAC;QACb,GAAG,EAAC,MAAM,CAAC;QACX,QAAQ,CAAC,EAAC,MAAM,CAAA;KACnB,EAAE,CAAC;IACJ,eAAe,CAAC,EAAC,MAAM,CAAA;CAC1B"}

package/dist/components/MenuBar/type.js

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

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

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

package/dist/components/NewsCard/NewsCard.d.ts

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

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

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

package/dist/components/NewsCard/NewsCard.js

@@ -0,0 +1,21 @@
+import React from "react";
+import { FeaturedImg, NewsCardContainer, NewsData, NewsExcerpt, NewsTitle, SourceDate } from "./style";
+var NewsCard = function (props) {
+    var featuredImg = props.featuredImg, excerpt = props.excerpt, source = props.source, sourceCountryFlag = props.sourceCountryFlag, title = props.title, date = props.date, storyUrl = props.storyUrl;
+    return (React.createElement(NewsCardContainer, null,
+        React.createElement(NewsData, null,
+            React.createElement(SourceDate, null,
+                React.createElement("div", { className: "tag" },
+                    React.createElement("span", { style: { marginRight: '8px' } },
+                        React.createElement("img", { src: sourceCountryFlag, alt: "Source flag" })),
+                    source),
+                React.createElement("div", { className: "tag" }, date)),
+            React.createElement("a", { href: storyUrl },
+                React.createElement(NewsTitle, null, title)),
+            React.createElement(NewsExcerpt, null, "".concat(excerpt.substring(0, 140), "..."))),
+        React.createElement(FeaturedImg, null,
+            React.createElement("a", { href: storyUrl },
+                React.createElement("img", { src: featuredImg, alt: "Featured image", className: "featured-img", loading: "lazy" })))));
+};
+export default NewsCard;
+//# sourceMappingURL=NewsCard.js.map

package/dist/components/NewsCard/NewsCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewsCard.js","sourceRoot":"","sources":["../../../src/components/NewsCard/NewsCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,WAAW,EAAE,iBAAiB,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAC,MAAM,SAAS,CAAC;AAGrG,IAAM,QAAQ,GAAG,UAAC,KAAe;IACtB,IAAA,WAAW,GAAyD,KAAK,YAA9D,EAAC,OAAO,GAAiD,KAAK,QAAtD,EAAC,MAAM,GAA0C,KAAK,OAA/C,EAAC,iBAAiB,GAAwB,KAAK,kBAA7B,EAAC,KAAK,GAAkB,KAAK,MAAvB,EAAC,IAAI,GAAa,KAAK,KAAlB,EAAC,QAAQ,GAAI,KAAK,SAAT,CAAS;IAChF,OAAO,CACH,oBAAC,iBAAiB;QACd,oBAAC,QAAQ;YACL,oBAAC,UAAU;gBACP,6BAAK,SAAS,EAAC,KAAK;oBAChB,8BAAM,KAAK,EAAE,EAAC,WAAW,EAAC,KAAK,EAAC;wBAC5B,6BAAK,GAAG,EAAE,iBAAiB,EAAE,GAAG,EAAC,aAAa,GAAE,CAC7C;oBACN,MAAM,CACL;gBACN,6BAAK,SAAS,EAAC,KAAK,IAAE,IAAI,CAAO,CACxB;YACb,2BAAG,IAAI,EAAE,QAAQ;gBAAE,oBAAC,SAAS,QAAE,KAAK,CAAa,CAAI;YACrD,oBAAC,WAAW,QAAE,UAAG,OAAO,CAAC,SAAS,CAAC,CAAC,EAAC,GAAG,CAAC,QAAK,CAAe,CACtD;QACX,oBAAC,WAAW;YACR,2BAAG,IAAI,EAAE,QAAQ;gBAAE,6BAAK,GAAG,EAAE,WAAW,EAAE,GAAG,EAAC,gBAAgB,EAAC,SAAS,EAAC,cAAc,EAAC,OAAO,EAAC,MAAM,GAAE,CAAI,CAClG,CACE,CACvB,CAAA;AACL,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -0,0 +1,7 @@
+export declare const NewsCardContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FeaturedImg: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SourceDate: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const NewsTitle: import("styled-components").StyledComponent<"h5", any, {}, never>;
+export declare const NewsExcerpt: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const NewsData: import("styled-components").StyledComponent<"div", any, {}, never>;
+//# sourceMappingURL=style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/NewsCard/style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,oEAU7B,CAAA;AAED,eAAO,MAAM,WAAW,oEAUvB,CAAA;AAED,eAAO,MAAM,UAAU,oEAetB,CAAA;AAED,eAAO,MAAM,SAAS,mEAOrB,CAAA;AAED,eAAO,MAAM,WAAW,kEAKvB,CAAA;AACD,eAAO,MAAM,QAAQ,oEAEpB,CAAA"}

package/dist/components/NewsCard/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 NewsCardContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 24px;\n  border-radius: 8px;\n  background:", ";\n  display:flex;\n  //align-items: center;\n  justify-content: space-between;\n  a{\n    text-decoration: none;\n  }\n"], ["\n  padding: 24px;\n  border-radius: 8px;\n  background:", ";\n  display:flex;\n  //align-items: center;\n  justify-content: space-between;\n  a{\n    text-decoration: none;\n  }\n"])), theme.colors.white);
+export var FeaturedImg = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-radius: 8px;\n  overflow: hidden;\n  width: 300px;\n  height: 210px;\n  .featured-img{\n    object-fit: cover;\n    width: 300px;\n    height: 210px;\n  }\n"], ["\n  border-radius: 8px;\n  overflow: hidden;\n  width: 300px;\n  height: 210px;\n  .featured-img{\n    object-fit: cover;\n    width: 300px;\n    height: 210px;\n  }\n"])));
+export var SourceDate = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background: ", ";\n  border-radius: 8px;\n  display: inline-flex;\n  .tag{\n    color: ", ";\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 17px;\n    padding: 8px;\n    display: inline-flex;\n  }\n  .tag:first-of-type{\n    border-right: 2px solid ", ";\n  }\n"], ["\n  background: ", ";\n  border-radius: 8px;\n  display: inline-flex;\n  .tag{\n    color: ", ";\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 17px;\n    padding: 8px;\n    display: inline-flex;\n  }\n  .tag:first-of-type{\n    border-right: 2px solid ", ";\n  }\n"])), theme.colors["neutral-50"], theme.colors["neutral-900"], theme.colors["neutral-100"]);
+export var NewsTitle = styled.h5(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin: 16px 0;\n  font-weight: 700;\n  font-size: 23px;\n  line-height: 28px;\n  letter-spacing: 0.02em;\n  color: ", ";\n"], ["\n  margin: 16px 0;\n  font-weight: 700;\n  font-size: 23px;\n  line-height: 28px;\n  letter-spacing: 0.02em;\n  color: ", ";\n"])), theme.colors["neutral-900"]);
+export var NewsExcerpt = styled.p(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 19px;\n  color:", ";\n"], ["\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 19px;\n  color:", ";\n"])), theme.colors["neutral-900"]);
+export var NewsData = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 555px;\n"], ["\n  width: 555px;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/NewsCard/style.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,yPAAA,0DAG5B,EAAkB,0HAOhC,KAPc,KAAK,CAAC,MAAM,CAAC,KAAK,CAOhC,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,4OAAA,yKAUpC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,8VAAA,kBACpB,EAA0B,yEAI7B,EAA2B,gLAQV,EAA2B,UAExD,KAde,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,EAI7B,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAQV,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAExD,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,EAAE,oMAAA,0HAMvB,EAA2B,KACrC,KADU,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CACrC,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,CAAC,qJAAA,2EAIzB,EAA2B,KACpC,KADS,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CACpC,CAAA;AACD,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,wFAAA,qBAEjC,IAAA,CAAA"}

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

@@ -0,0 +1,11 @@
+export interface NewsProps {
+    id: string;
+    title: string;
+    excerpt: string;
+    source: string;
+    sourceCountryFlag: string;
+    date: string;
+    featuredImg: string;
+    storyUrl: string;
+}
+//# sourceMappingURL=type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/NewsCard/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACtB,EAAE,EAAC,MAAM,CAAC;IACV,KAAK,EAAC,MAAM,CAAC;IACb,OAAO,EAAC,MAAM,CAAC;IACf,MAAM,EAAC,MAAM,CAAC;IACd,iBAAiB,EAAC,MAAM,CAAC;IACzB,IAAI,EAAC,MAAM,CAAC;IACZ,WAAW,EAAC,MAAM,CAAC;IACnB,QAAQ,EAAC,MAAM,CAAA;CAClB"}

package/dist/components/NewsCard/type.js

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

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

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

package/dist/components/NewsFilterBar/NewsFilterBar.d.ts

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

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

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

package/dist/components/NewsFilterBar/NewsFilterBar.js

@@ -0,0 +1,34 @@
+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 { NewsFilters, TitleBarContainer } from "./style";
+import DropdownList from "../DropdownList/DropdownList";
+var NewsFilterBar = function (props) {
+    var countries = props.countries, outlets = props.outlets, selectedCountryFxn = props.selectedCountryFxn, selectedOutletFxn = props.selectedOutletFxn;
+    return (React.createElement(TitleBarContainer, __assign({}, props),
+        React.createElement("h4", { className: "title-bar-text" }, "News"),
+        React.createElement(NewsFilters, null,
+            countries && countries.length > 0 &&
+                React.createElement("div", { className: "filterContainer" },
+                    React.createElement(DropdownList, { options: countries, returnedSelection: function (selCountry) {
+                            if (selectedCountryFxn)
+                                selectedCountryFxn(selCountry);
+                        }, initialText: "Select Country" })),
+            outlets && outlets.length > 0 &&
+                React.createElement("div", { className: "filterContainer" },
+                    React.createElement(DropdownList, { options: outlets, returnedSelection: function (selOutlet) {
+                            if (selectedOutletFxn)
+                                selectedOutletFxn(selOutlet);
+                        }, initialText: "Select Outlet" })))));
+};
+export default NewsFilterBar;
+//# sourceMappingURL=NewsFilterBar.js.map

package/dist/components/NewsFilterBar/NewsFilterBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewsFilterBar.js","sourceRoot":"","sources":["../../../src/components/NewsFilterBar/NewsFilterBar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAiB,MAAM,OAAO,CAAA;AACrC,OAAO,EAAC,WAAW,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAC;AACvD,OAAO,YAAY,MAAM,8BAA8B,CAAC;AAGxD,IAAM,aAAa,GAAG,UAAC,KAAqB;IACjC,IAAA,SAAS,GAAiD,KAAK,UAAtD,EAAC,OAAO,GAAyC,KAAK,QAA9C,EAAC,kBAAkB,GAAsB,KAAK,mBAA3B,EAAC,iBAAiB,GAAI,KAAK,kBAAT,CAAS;IAEtE,OAAO,CACH,oBAAC,iBAAiB,eAAK,KAAK;QACxB,4BAAI,SAAS,EAAC,gBAAgB,WAAU;QACxC,oBAAC,WAAW;YACP,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC;gBAC9B,6BAAK,SAAS,EAAC,iBAAiB;oBAC5B,oBAAC,YAAY,IAAC,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,UAAC,UAAc;4BAChE,IAAI,kBAAkB;gCAAE,kBAAkB,CAAC,UAAU,CAAC,CAAA;wBAC1D,CAAC,EAAE,WAAW,EAAC,gBAAgB,GAAE,CAC/B;YAET,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC;gBAC1B,6BAAK,SAAS,EAAC,iBAAiB;oBAC5B,oBAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,UAAC,SAAa;4BAC7D,IAAI,iBAAiB;gCAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;wBACvD,CAAC,EAAE,WAAW,EAAC,eAAe,GAAE,CAC9B,CAEA,CACE,CACvB,CAAA;AACL,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/NewsFilterBar/style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,oEAgB7B,CAAA;AAED,eAAO,MAAM,WAAW,oEAMvB,CAAA"}

package/dist/components/NewsFilterBar/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 TitleBarContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: ", ";\n  padding: 11px 16px;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 72px;\n  color:", ";\n  .title-bar-text{\n    font-size: 16px;\n    font-weight: 500;\n    font-family: Circular Book Medium, sans-serif;\n    line-height: 19px;\n    margin: 0;\n  }\n"], ["\n  background: ", ";\n  padding: 11px 16px;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 72px;\n  color:", ";\n  .title-bar-text{\n    font-size: 16px;\n    font-weight: 500;\n    font-family: Circular Book Medium, sans-serif;\n    line-height: 19px;\n    margin: 0;\n  }\n"])), theme.colors["neutral-900"], theme.colors["neutral-50"]);
+export var NewsFilters = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  gap: 16px;\n  .filterContainer{\n    width: 200px;\n  }\n"], ["\n  display: flex;\n  gap: 16px;\n  .filterContainer{\n    width: 200px;\n  }\n"])));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/NewsFilterBar/style.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,yZAAA,kBAC3B,EAA2B,yJAOjC,EAA0B,uKAQnC,KAfe,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAOjC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAQnC,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,oJAAA,iFAMpC,IAAA,CAAA"}

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

@@ -0,0 +1,14 @@
+import React from "react";
+export interface NewsFilterProps extends React.HTMLAttributes<any> {
+    countries: {
+        label: string;
+        value: string;
+    }[];
+    outlets: {
+        label: string;
+        value: string;
+    }[];
+    selectedOutletFxn?: Function;
+    selectedCountryFxn?: Function;
+}
+//# sourceMappingURL=type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/NewsFilterBar/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC;IAC9D,SAAS,EAAC;QACN,KAAK,EAAC,MAAM,CAAC;QACb,KAAK,EAAC,MAAM,CAAA;KACf,EAAE,CAAC;IACJ,OAAO,EAAC;QACJ,KAAK,EAAC,MAAM,CAAC;QACb,KAAK,EAAC,MAAM,CAAA;KACf,EAAE,CAAC;IACJ,iBAAiB,CAAC,EAAC,QAAQ,CAAC;IAC5B,kBAAkB,CAAC,EAAC,QAAQ,CAAA;CAC/B"}

package/dist/components/NewsFilterBar/type.js

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

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

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

package/dist/components/NewsSourceTag/NewsSourceTag.d.ts

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

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

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

package/dist/components/NewsSourceTag/NewsSourceTag.js

@@ -0,0 +1,13 @@
+import { SourceDate } from "./style";
+import React from "react";
+var NewsSourceTag = function (props) {
+    var source = props.source, date = props.date, flag = props.flag;
+    return (React.createElement(SourceDate, null,
+        React.createElement("div", { className: "tag" },
+            React.createElement("span", { style: { marginRight: '8px' } },
+                React.createElement("img", { src: flag, alt: "Source flag" })),
+            source),
+        React.createElement("div", { className: "tag" }, date)));
+};
+export default NewsSourceTag;
+//# sourceMappingURL=NewsSourceTag.js.map

package/dist/components/NewsSourceTag/NewsSourceTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewsSourceTag.js","sourceRoot":"","sources":["../../../src/components/NewsSourceTag/NewsSourceTag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AACnC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,IAAM,aAAa,GAAG,UAAC,KAAc;IAC1B,IAAA,MAAM,GAAc,KAAK,OAAnB,EAAC,IAAI,GAAS,KAAK,KAAd,EAAC,IAAI,GAAI,KAAK,KAAT,CAAS;IAEhC,OAAO,CACH,oBAAC,UAAU;QACP,6BAAK,SAAS,EAAC,KAAK;YACR,8BAAM,KAAK,EAAE,EAAC,WAAW,EAAC,KAAK,EAAC;gBAC5B,6BAAK,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,aAAa,GAAE,CAChC;YACd,MAAM,CACL;QACN,6BAAK,SAAS,EAAC,KAAK,IAAE,IAAI,CAAO,CACxB,CAChB,CAAA;AACL,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

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

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

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

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

package/dist/components/NewsSourceTag/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 SourceDate = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: ", ";\n  border-radius: 8px;\n  display: inline-flex;\n  .tag{\n    color: ", ";\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 17px;\n    padding: 8px;\n    display: inline-flex;\n  }\n  .tag:first-of-type{\n    border-right: 2px solid ", ";\n  }\n"], ["\n  background: ", ";\n  border-radius: 8px;\n  display: inline-flex;\n  .tag{\n    color: ", ";\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 17px;\n    padding: 8px;\n    display: inline-flex;\n  }\n  .tag:first-of-type{\n    border-right: 2px solid ", ";\n  }\n"])), theme.colors["neutral-50"], theme.colors["neutral-900"], theme.colors["neutral-100"]);
+var templateObject_1;
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/NewsSourceTag/style.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,8VAAA,kBACpB,EAA0B,yEAI7B,EAA2B,gLAQV,EAA2B,UAExD,KAde,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,EAI7B,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAQV,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAExD,CAAA"}

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

@@ -0,0 +1,6 @@
+export interface TagProps {
+    flag: string;
+    source: string;
+    date: string;
+}
+//# sourceMappingURL=type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/NewsSourceTag/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,QAAQ;IACrB,IAAI,EAAC,MAAM,CAAC;IACZ,MAAM,EAAC,MAAM,CAAC;IACd,IAAI,EAAC,MAAM,CAAA;CACd"}

package/dist/components/NewsSourceTag/type.js

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

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

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

package/dist/components/NewsTitleBar/NewsTitleBar.d.ts

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

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

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

package/dist/components/NewsTitleBar/NewsTitleBar.js

@@ -0,0 +1,20 @@
+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 { TitleBarContainer } from "./style";
+var NewsTitleBar = function (props) {
+    var title = props.title;
+    return (React.createElement(TitleBarContainer, __assign({}, props),
+        React.createElement("h4", { className: "title-bar-text" }, title)));
+};
+export default NewsTitleBar;
+//# sourceMappingURL=NewsTitleBar.js.map

package/dist/components/NewsTitleBar/NewsTitleBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewsTitleBar.js","sourceRoot":"","sources":["../../../src/components/NewsTitleBar/NewsTitleBar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAG1C,IAAM,YAAY,GAAG,UAAC,KAAkB;IAC7B,IAAA,KAAK,GAAI,KAAK,MAAT,CAAS;IAEvB,OAAO,CACH,oBAAC,iBAAiB,eAAK,KAAK;QACxB,4BAAI,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAM,CAC3B,CACvB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

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

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

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

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

package/dist/components/NewsTitleBar/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 TitleBarContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: ", ";\n  padding: 11px 16px;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  height: 72px;\n  color:", ";\n  .title-bar-text{\n    font-size: 16px;\n    font-weight: 500;\n    font-family: Circular Book Medium, sans-serif;\n    line-height: 19px;\n    margin: 0;\n  }\n"], ["\n  background: ", ";\n  padding: 11px 16px;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  height: 72px;\n  color:", ";\n  .title-bar-text{\n    font-size: 16px;\n    font-weight: 500;\n    font-family: Circular Book Medium, sans-serif;\n    line-height: 19px;\n    margin: 0;\n  }\n"])), theme.colors["neutral-900"], theme.colors["neutral-50"]);
+var templateObject_1;
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/NewsTitleBar/style.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,sXAAA,kBAC3B,EAA2B,sHAMjC,EAA0B,uKAQnC,KAde,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAMjC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAQnC,CAAA"}

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

@@ -0,0 +1,5 @@
+import React from "react";
+export interface NewsBarProps extends React.HTMLAttributes<any> {
+    title: string;
+}
+//# sourceMappingURL=type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/NewsTitleBar/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC;IAC3D,KAAK,EAAC,MAAM,CAAA;CACf"}

package/dist/components/NewsTitleBar/type.js

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

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

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

package/dist/components/PasswordField/PasswordField.d.ts

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

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

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

package/dist/components/PasswordField/PasswordField.js

@@ -0,0 +1,60 @@
+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, { useState } from "react";
+import { InputLabel, InputContainer, InputField, ErrorMessage, ToggleButton } from "./style";
+var PasswordField = function (props) {
+    var label = props.label, subtext = props.subtext, disabled = props.disabled, errMsg = props.errMsg, setValue = props.setValue;
+    var _a = useState(''), passString = _a[0], setPassString = _a[1];
+    var _b = useState(''), borderColor = _b[0], setBorderColor = _b[1];
+    var _c = useState(false), err = _c[0], setErr = _c[1];
+    var _d = useState(false), showPw = _d[0], setShowPw = _d[1];
+    function validate() {
+        if (passString) {
+            setBorderColor('success');
+            setErr(false);
+        }
+        else {
+            setBorderColor('error');
+            setErr(true);
+        }
+    }
+    var style = {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '12px'
+    };
+    return (React.createElement("div", { style: style },
+        label &&
+            React.createElement(InputLabel, null,
+                React.createElement("label", { className: disabled ? 'disabled' : '' }, label),
+                React.createElement("span", { className: disabled ? 'disabled' : '' }, subtext)),
+        React.createElement(InputContainer, { className: "".concat(borderColor, " ").concat(disabled ? 'disabled' : '') },
+            React.createElement(InputField, __assign({ type: !showPw ? 'password' : 'text', value: passString, onChange: function (e) {
+                    setValue(e.target.value);
+                    setPassString(e.target.value);
+                }, onBlur: function () { validate(); }, disabled: disabled }, props, { required: true })),
+            React.createElement(ToggleButton, { type: "button", onClick: function () { setShowPw(!showPw); } }, !showPw ?
+                //eye
+                React.createElement("svg", { width: "22", height: "16", viewBox: "0 0 22 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                    React.createElement("path", { d: "M20.9201 7.6C18.9001 2.91 15.1001 0 11.0001 0C6.90007 0 3.10007 2.91 1.08007 7.6C1.025 7.72617 0.996582 7.86234 0.996582 8C0.996582 8.13766 1.025 8.27383 1.08007 8.4C3.10007 13.09 6.90007 16 11.0001 16C15.1001 16 18.9001 13.09 20.9201 8.4C20.9751 8.27383 21.0036 8.13766 21.0036 8C21.0036 7.86234 20.9751 7.72617 20.9201 7.6ZM11.0001 14C7.83007 14 4.83007 11.71 3.10007 8C4.83007 4.29 7.83007 2 11.0001 2C14.1701 2 17.1701 4.29 18.9001 8C17.1701 11.71 14.1701 14 11.0001 14ZM11.0001 4C10.2089 4 9.43558 4.2346 8.77779 4.67412C8.11999 5.11365 7.6073 5.73836 7.30455 6.46927C7.0018 7.20017 6.92258 8.00444 7.07693 8.78036C7.23127 9.55628 7.61223 10.269 8.17164 10.8284C8.73105 11.3878 9.44378 11.7688 10.2197 11.9231C10.9956 12.0775 11.7999 11.9983 12.5308 11.6955C13.2617 11.3928 13.8864 10.8801 14.3259 10.2223C14.7655 9.56448 15.0001 8.79113 15.0001 8C15.0001 6.93913 14.5786 5.92172 13.8285 5.17157C13.0783 4.42143 12.0609 4 11.0001 4ZM11.0001 10C10.6045 10 10.2178 9.8827 9.88893 9.66294C9.56003 9.44318 9.30368 9.13082 9.15231 8.76537C9.00093 8.39991 8.96133 7.99778 9.0385 7.60982C9.11567 7.22186 9.30615 6.86549 9.58585 6.58579C9.86556 6.30608 10.2219 6.1156 10.6099 6.03843C10.9978 5.96126 11.4 6.00087 11.7654 6.15224C12.1309 6.30362 12.4432 6.55996 12.663 6.88886C12.8828 7.21776 13.0001 7.60444 13.0001 8C13.0001 8.53043 12.7894 9.03914 12.4143 9.41421C12.0392 9.78929 11.5305 10 11.0001 10Z", fill: "#070B12" }))
+                :
+                    //eye-slash
+                    React.createElement("svg", { width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                        React.createElement("path", { d: "M9.94018 5.07994C10.2909 5.02617 10.6453 4.99943 11.0002 4.99994C14.1802 4.99994 17.1702 7.28994 18.9102 10.9999C18.6441 11.5645 18.3435 12.1122 18.0102 12.6399C17.9044 12.8038 17.8487 12.9949 17.8502 13.1899C17.8524 13.4082 17.926 13.6197 18.0596 13.7922C18.1933 13.9647 18.3798 14.0888 18.5905 14.1455C18.8013 14.2021 19.0248 14.1883 19.227 14.106C19.4291 14.0238 19.5988 13.8776 19.7102 13.6899C20.1761 12.9579 20.5808 12.1886 20.9202 11.3899C20.9738 11.2652 21.0015 11.1308 21.0015 10.9949C21.0015 10.8591 20.9738 10.7247 20.9202 10.5999C18.9002 5.90994 15.1002 2.99994 11.0002 2.99994C10.5309 2.99758 10.0623 3.03774 9.60019 3.11994C9.46886 3.14227 9.34322 3.19024 9.23044 3.26112C9.11766 3.332 9.01994 3.4244 8.94287 3.53304C8.8658 3.64169 8.81088 3.76445 8.78125 3.89432C8.75162 4.02419 8.74786 4.15862 8.77018 4.28994C8.79251 4.42126 8.84048 4.5469 8.91136 4.65968C8.98224 4.77247 9.07464 4.87018 9.18329 4.94726C9.29193 5.02433 9.41469 5.07925 9.54456 5.10888C9.67443 5.13851 9.80886 5.14227 9.94018 5.11994V5.07994ZM2.71019 1.28994C2.61695 1.1967 2.50626 1.12274 2.38443 1.07228C2.26261 1.02182 2.13204 0.99585 2.00019 0.99585C1.86833 0.99585 1.73776 1.02182 1.61594 1.07228C1.49411 1.12274 1.38342 1.1967 1.29019 1.28994C1.10188 1.47824 0.996094 1.73364 0.996094 1.99994C0.996094 2.26624 1.10188 2.52164 1.29019 2.70994L4.39019 5.79994C2.97576 7.16147 1.85004 8.79393 1.08019 10.5999C1.02512 10.7261 0.996701 10.8623 0.996701 10.9999C0.996701 11.1376 1.02512 11.2738 1.08019 11.3999C3.10019 16.0899 6.90019 18.9999 11.0002 18.9999C12.7973 18.9875 14.552 18.4524 16.0502 17.4599L19.2902 20.7099C19.3831 20.8037 19.4937 20.8781 19.6156 20.9288C19.7375 20.9796 19.8682 21.0057 20.0002 21.0057C20.1322 21.0057 20.2629 20.9796 20.3848 20.9288C20.5066 20.8781 20.6172 20.8037 20.7102 20.7099C20.8039 20.617 20.8783 20.5064 20.9291 20.3845C20.9798 20.2627 21.006 20.132 21.006 19.9999C21.006 19.8679 20.9798 19.7372 20.9291 19.6154C20.8783 19.4935 20.8039 19.3829 20.7102 19.2899L2.71019 1.28994ZM9.07018 10.4799L11.5202 12.9299C11.3512 12.9784 11.176 13.002 11.0002 12.9999C10.4698 12.9999 9.96104 12.7892 9.58597 12.4142C9.2109 12.0391 9.00019 11.5304 9.00019 10.9999C8.99814 10.8241 9.02172 10.649 9.07018 10.4799ZM11.0002 16.9999C7.82018 16.9999 4.83019 14.7099 3.10019 10.9999C3.74627 9.57369 4.66326 8.28652 5.80019 7.20994L7.57019 8.99994C7.15443 9.75874 6.99592 10.6319 7.11844 11.4884C7.24096 12.3449 7.6379 13.1386 8.24971 13.7504C8.86152 14.3622 9.65522 14.7592 10.5117 14.8817C11.3682 15.0042 12.2414 14.8457 13.0002 14.4299L14.5902 15.9999C13.5013 16.6408 12.2636 16.9856 11.0002 16.9999Z", fill: "#070B12" })))),
+        !passString && err &&
+            React.createElement(ErrorMessage, null,
+                React.createElement("svg", { width: "16", height: "14", viewBox: "0 0 16 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                    React.createElement("path", { d: "M8.00006 9.66669C7.86821 9.66669 7.73931 9.70578 7.62968 9.77904C7.52005 9.85229 7.4346 9.95641 7.38414 10.0782C7.33368 10.2 7.32048 10.3341 7.3462 10.4634C7.37193 10.5927 7.43542 10.7115 7.52866 10.8048C7.62189 10.898 7.74068 10.9615 7.87 10.9872C7.99932 11.0129 8.13336 10.9997 8.25518 10.9493C8.377 10.8988 8.48112 10.8134 8.55437 10.7037C8.62763 10.5941 8.66673 10.4652 8.66673 10.3334C8.66673 10.1565 8.59649 9.98697 8.47146 9.86195C8.34644 9.73692 8.17687 9.66669 8.00006 9.66669ZM15.1134 10.6467L9.74673 1.31335C9.57326 1.00236 9.31992 0.743323 9.01285 0.562997C8.70579 0.382672 8.35615 0.287598 8.00006 0.287598C7.64396 0.287598 7.29433 0.382672 6.98726 0.562997C6.6802 0.743323 6.42686 1.00236 6.25339 1.31335L0.92006 10.6467C0.74059 10.9494 0.644155 11.294 0.640489 11.6459C0.636824 11.9978 0.726058 12.3444 0.899184 12.6507C1.07231 12.9571 1.3232 13.2123 1.62652 13.3907C1.92984 13.5691 2.27485 13.6643 2.62673 13.6667H13.3734C13.7281 13.6702 14.0773 13.5793 14.3853 13.4033C14.6933 13.2273 14.949 12.9726 15.126 12.6652C15.3031 12.3579 15.3953 12.009 15.3931 11.6542C15.3908 11.2995 15.2943 10.9518 15.1134 10.6467ZM13.9601 11.98C13.9016 12.084 13.8164 12.1704 13.7132 12.2302C13.61 12.29 13.4927 12.321 13.3734 12.32H2.62673C2.50747 12.321 2.39013 12.29 2.28694 12.2302C2.18375 12.1704 2.0985 12.084 2.04006 11.98C1.98155 11.8787 1.95074 11.7637 1.95074 11.6467C1.95074 11.5297 1.98155 11.4147 2.04006 11.3134L7.37339 1.98002C7.42934 1.87082 7.51433 1.77917 7.61902 1.71518C7.72371 1.65119 7.84403 1.61733 7.96673 1.61733C8.08942 1.61733 8.20974 1.65119 8.31443 1.71518C8.41912 1.77917 8.50411 1.87082 8.56006 1.98002L13.9267 11.3134C13.9929 11.4132 14.0309 11.5291 14.0367 11.6488C14.0426 11.7684 14.0161 11.8875 13.9601 11.9934V11.98ZM8.00006 4.33335C7.82325 4.33335 7.65368 4.40359 7.52866 4.52861C7.40363 4.65364 7.33339 4.82321 7.33339 5.00002V7.66669C7.33339 7.8435 7.40363 8.01307 7.52866 8.13809C7.65368 8.26311 7.82325 8.33335 8.00006 8.33335C8.17687 8.33335 8.34644 8.26311 8.47146 8.13809C8.59649 8.01307 8.66673 7.8435 8.66673 7.66669V5.00002C8.66673 4.82321 8.59649 4.65364 8.47146 4.52861C8.34644 4.40359 8.17687 4.33335 8.00006 4.33335Z", fill: "#F80000" })),
+                errMsg ? errMsg : 'This field is required')));
+};
+export default PasswordField;
+//# sourceMappingURL=PasswordField.js.map

package/dist/components/PasswordField/PasswordField.js.map

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

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

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

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

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

package/dist/components/PasswordField/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 InputLabel = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  gap: 4px;\n  flex-direction: column;\n  label{\n    color:", " ;\n  }\n  span{\n    color: ", ";\n  }\n  .disabled{\n    color: ", ";\n  }\n"], ["\n  display: flex;\n  gap: 4px;\n  flex-direction: column;\n  label{\n    color:", " ;\n  }\n  span{\n    color: ", ";\n  }\n  .disabled{\n    color: ", ";\n  }\n"])), theme.colors["primary-900"], theme.colors["neutral-600"], theme.colors["neutral-100"]);
+export var InputField = styled.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border: none;\n  width: 100%;\n  height: 50px;\n  font-size: 16px;\n  padding: 0 16px;\n  margin: 0;\n  &:focus,&:focus-within{\n    outline: none;\n  }\n  &::placeholder{\n    color: ", ";\n  }\n  &:disabled{\n    background: ", ";\n    cursor: not-allowed;\n    pointer-events: none;\n   }\n  &:disabled &::placeholder{\n    color: ", ";\n  }\n"], ["\n  border: none;\n  width: 100%;\n  height: 50px;\n  font-size: 16px;\n  padding: 0 16px;\n  margin: 0;\n  &:focus,&:focus-within{\n    outline: none;\n  }\n  &::placeholder{\n    color: ", ";\n  }\n  &:disabled{\n    background: ", ";\n    cursor: not-allowed;\n    pointer-events: none;\n   }\n  &:disabled &::placeholder{\n    color: ", ";\n  }\n"])), theme.colors["neutral-200"], theme.colors.white, theme.colors["neutral-100"]);
+export var InputContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 50px;\n  width: 100%;\n  border-radius: 8px;\n  border: 1px solid ", ";\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  &:hover{\n    border: 1px solid ", ";\n  }\n  &:focus,&:focus-within{\n    border: 1px solid ", ";\n    outline: none;\n  }\n  &.success{\n    border: 1px solid ", ";\n  }\n  &.error{\n    border: 1px solid ", ";\n  }\n  &.disabled{\n    pointer-events: none;\n  }\n  &.disabled input{\n    cursor: not-allowed !important;\n  }\n"], ["\n  height: 50px;\n  width: 100%;\n  border-radius: 8px;\n  border: 1px solid ", ";\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  &:hover{\n    border: 1px solid ", ";\n  }\n  &:focus,&:focus-within{\n    border: 1px solid ", ";\n    outline: none;\n  }\n  &.success{\n    border: 1px solid ", ";\n  }\n  &.error{\n    border: 1px solid ", ";\n  }\n  &.disabled{\n    pointer-events: none;\n  }\n  &.disabled input{\n    cursor: not-allowed !important;\n  }\n"])), theme.colors["neutral-200"], theme.colors["primary-300"], theme.colors["primary-500"], theme.colors["success-500"], theme.colors["error-500"]);
+export var ToggleButton = styled.button(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  border: none;\n  background: ", ";\n  cursor:pointer;\n  height: 100%;\n  padding: 13px 8px;\n"], ["\n  border: none;\n  background: ", ";\n  cursor:pointer;\n  height: 100%;\n  padding: 13px 8px;\n"])), theme.colors.white);
+export var ErrorMessage = styled.p(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: ", ";\n  margin: 0;\n  display: flex;\n  gap: 4px;\n  justify-content: start;\n  align-items: center;\n"], ["\n  color: ", ";\n  margin: 0;\n  display: flex;\n  gap: 4px;\n  justify-content: start;\n  align-items: center;\n"])), theme.colors["error-500"]);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/PasswordField/style.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,uOAAA,kFAKxB,EAA2B,+BAG1B,EAA2B,mCAG3B,EAA2B,UAEvC,KARW,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAG1B,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAG3B,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAEvC,CAAA;AACD,MAAM,CAAC,IAAM,UAAU,GAAI,MAAM,CAAC,KAAK,maAAA,8LAW1B,EAA2B,yCAGtB,EAAkB,yGAKvB,EAA2B,UAEvC,KAVY,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAGtB,KAAK,CAAC,MAAM,CAAC,KAAK,EAKvB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAEvC,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,oiBAAA,gFAIlB,EAA2B,sGAKzB,EAA2B,2DAG3B,EAA2B,kEAI3B,EAA2B,4CAG3B,EAAyB,wHAQhD,KAvBqB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAKzB,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAG3B,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAI3B,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAG3B,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAQhD,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,uKAAA,mCAEzB,EAAkB,+DAIjC,KAJe,KAAK,CAAC,MAAM,CAAC,KAAK,CAIjC,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,CAAC,uLAAA,aACzB,EAAyB,qGAMnC,KANU,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAMnC,CAAA"}

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

@@ -0,0 +1,8 @@
+export interface PasswordFieldProps {
+    label?: string;
+    subtext?: string;
+    disabled?: boolean;
+    errMsg?: string;
+    setValue: (a: string) => void;
+}
+//# sourceMappingURL=type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordField/type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IAC/B,KAAK,CAAC,EAAC,MAAM,CAAC;IACd,OAAO,CAAC,EAAC,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAC,OAAO,CAAC;IAClB,MAAM,CAAC,EAAC,MAAM,CAAC;IACf,QAAQ,EAAC,CAAC,CAAC,EAAC,MAAM,KAAG,IAAI,CAAA;CAC5B"}

package/dist/components/PasswordField/type.js

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

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

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

package/dist/components/PaymentMethodsTable/PaymentMethods.d.ts

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

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

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