@veracity/vui 0.3.2 → 0.4.0

package/avatar/avatar.js

@@ -36,7 +36,7 @@ var icon_1 = __importDefault(require("../icon"));
 var image_1 = __importDefault(require("../image"));
 var utils_1 = require("../utils");
 var helpers_1 = require("./helpers");
-exports.AvatarBase = core_1.styled.spanBox(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\talign-items: center;\n\tdisplay: inline-flex;\n\tflex-shrink: 0;\n\tfont-weight: medium;\n\tjustify-content: center;\n\tline-height: normal;\n\toutline: none;\n\ttransition-duration: fast;\n\n\t&:focus {\n\t\tborder-color: transparent;\n\t}\n"], ["\n\talign-items: center;\n\tdisplay: inline-flex;\n\tflex-shrink: 0;\n\tfont-weight: medium;\n\tjustify-content: center;\n\tline-height: normal;\n\toutline: none;\n\ttransition-duration: fast;\n\n\t&:focus {\n\t\tborder-color: transparent;\n\t}\n"
+exports.AvatarBase = core_1.styled.spanBox(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\talign-items: center;\n\tdisplay: inline-flex;\n\tflex-shrink: 0;\n\tfont-weight: medium;\n\tjustify-content: center;\n\tline-height: normal;\n\toutline: none;\n\toverflow: hidden;\n\ttransition-duration: fast;\n\n\t&:focus {\n\t\tborder-color: transparent;\n\t}\n"], ["\n\talign-items: center;\n\tdisplay: inline-flex;\n\tflex-shrink: 0;\n\tfont-weight: medium;\n\tjustify-content: center;\n\tline-height: normal;\n\toutline: none;\n\toverflow: hidden;\n\ttransition-duration: fast;\n\n\t&:focus {\n\t\tborder-color: transparent;\n\t}\n"
     /** Displays user data, such as name initials or profile image. */
 ])));
 /** Displays user data, such as name initials or profile image. */

package/button/button.types.d.ts

@@ -2,16 +2,16 @@
 import { IconProp, IconProps } from '../icon';
 import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
-import { AnyElement, AnyString } from '../utils';
+import { AnyString } from '../utils';
 export declare type ButtonProps = SystemProps & ThemingProps<'Button'> & {
     /** Available theme colors for this component. @default prussian */
     colorScheme?: 'blue' | 'green' | 'pink' | 'prussian' | 'red';
     /** Icon that replaces any other content. */
-    icon?: IconProp | AnyElement;
+    icon?: IconProp | JSX.Element;
     /** Socket displaying icon on the left side. */
-    iconLeft?: IconProp | AnyElement;
+    iconLeft?: IconProp | JSX.Element;
     /** Socket displaying icon on the right side. */
-    iconRight?: IconProp | AnyElement;
+    iconRight?: IconProp | JSX.Element;
     /** Adds box shadow style. @default false */
     isElevated?: boolean;
     /** Makes the button take full width of the container. @deprecated */

package/button/consts.js

@@ -13,8 +13,8 @@ exports.buttonStateMapping = {
         colorScheme: 'blue',
         iconProps: {
             animation: 'vui-spin 0.6s linear infinite',
-            fill: ['', 'transparent'],
-            icon: 'fadSpinnerThird'
+            name: 'fadSpinnerThird',
+            pathFill: ['', 'transparent']
         }
     },
     success: {

package/footer/consts.d.ts

@@ -1,21 +1,115 @@
-import { FooterColumnsData } from './footer.types';
+import { Environment } from '../utils';
 /**
  * Defines the structure of columns and sections of the Footer.
  * Links' url values here are unique references to actual urls in the footerLinks dictionary.
  */
-export declare const footerColumnsTemplate: FooterColumnsData;
+export declare const footerColumnsTemplate: {
+    readonly column1: {
+        readonly section1: {
+            readonly heading: "Platform";
+            readonly links: readonly [{
+                readonly text: "About Veracity";
+                readonly url: "aboutVeracity";
+            }, {
+                readonly text: "News";
+                readonly url: "news";
+            }, {
+                readonly text: "Marketplace";
+                readonly url: "marketplace";
+            }, {
+                readonly text: "Veracity trust center";
+                readonly url: "veracityTrustCenter";
+            }, {
+                readonly text: "Career";
+                readonly url: "career";
+            }];
+        };
+    };
+    readonly column2: {
+        readonly section1: {
+            readonly heading: "Products";
+            readonly links: readonly [{
+                readonly text: "Veracity Connected app";
+                readonly url: "veracityConnectedApp";
+            }, {
+                readonly text: "Veracity Data Fabric";
+                readonly url: "veracityDataFabric";
+            }, {
+                readonly text: "Deep Search";
+                readonly url: "deepSearch";
+            }, {
+                readonly text: "Asset Connect";
+                readonly url: "assetConnect";
+            }, {
+                readonly text: "Veracity Adapter for Power BI (VAP)";
+                readonly url: "veracityAdapterForPowerBI";
+            }];
+        };
+    };
+    readonly column3: {
+        readonly section1: {
+            readonly heading: "Partnership";
+            readonly links: readonly [{
+                readonly text: "Selling on Veracity";
+                readonly url: "sellingOnVeracity";
+            }, {
+                readonly text: "Veracity partner program";
+                readonly url: "veracityPartnerProgram";
+            }];
+        };
+        readonly section2: {
+            readonly heading: "Developer";
+            readonly links: readonly [{
+                readonly text: "Developer community";
+                readonly url: "developerCommunity";
+            }, {
+                readonly text: "Documentation";
+                readonly url: "documentation";
+            }, {
+                readonly text: "API explorer";
+                readonly url: "apiExplorer";
+            }];
+        };
+    };
+    readonly column4: {
+        readonly section1: {
+            readonly heading: "Support";
+            readonly links: readonly [{
+                readonly text: "Help center";
+                readonly url: "helpCenter";
+            }, {
+                readonly text: "Contact us";
+                readonly url: "contactUs";
+            }];
+        };
+        readonly section2: {
+            readonly heading: "Legal";
+            readonly links: readonly [{
+                readonly text: "Privacy statement";
+                readonly url: "privacyStatement";
+            }, {
+                readonly text: "Terms of use";
+                readonly url: "termsOfUse";
+            }, {
+                readonly text: "Cookies policy";
+                readonly url: "cookiesPolicy";
+            }];
+        };
+    };
+};
 /** Footer link URLs used in Production environment. */
 export declare const footerLinksProd: {
     readonly aboutVeracity: "https://www.veracity.com/about";
     readonly apiExplorer: "https://developer.veracity.com/api";
     readonly assetConnect: "https://www.veracity.com/article/veracity-asset";
     readonly career: "https://www.veracity.com/career";
-    readonly contactUs: "https://services.veracity.com/form/Support";
+    readonly contactUs: "https://support.veracity.com";
     readonly cookiesPolicy: "https://services.veracity.com/CookieList";
     readonly deepSearch: "https://store.veracity.com/veracity-deep-search";
     readonly developerCommunity: "https://developer.veracity.com";
     readonly documentation: "https://developer.veracity.com/docs";
-    readonly marketplace: "https://store.veracity.com/";
+    readonly helpCenter: "https://help-center.veracity.com";
+    readonly marketplace: "https://store.veracity.com";
     readonly news: "https://www.veracity.com";
     readonly privacyStatement: "https://services.veracity.com/PrivacyStatement";
     readonly sellingOnVeracity: "https://developer.veracity.com/article/are-you-ready-to-sell-on-veracity";
@@ -32,12 +126,13 @@ export declare const footerLinksStag: {
     readonly apiExplorer: "https://developer.veracity.com/api";
     readonly assetConnect: "https://www.veracity.com/article/veracity-asset";
     readonly career: "https://wwwstag.veracity.com/career";
-    readonly contactUs: "https://servicesstag.veracity.com/form/Support";
+    readonly contactUs: "https://support.veracity.com";
     readonly cookiesPolicy: "https://servicesstag.veracity.com/CookieList";
     readonly deepSearch: "https://storestag.veracity.com/veracity-deep-search";
     readonly developerCommunity: "https://developerstag.veracity.com";
     readonly documentation: "https://developerstag.veracity.com/docs";
-    readonly marketplace: "https://storestag.veracity.com/";
+    readonly helpCenter: "https://help-center.veracity.com";
+    readonly marketplace: "https://storestag.veracity.com";
     readonly news: "https://wwwstag.veracity.com";
     readonly privacyStatement: "https://servicesstag.veracity.com/PrivacyStatement";
     readonly sellingOnVeracity: "https://developer.veracity.com/article/are-you-ready-to-sell-on-veracity";
@@ -54,12 +149,13 @@ export declare const footerLinksTest: {
     readonly apiExplorer: "https://developer.veracity.com/api";
     readonly assetConnect: "https://www.veracity.com/article/veracity-asset";
     readonly career: "https://www.veracity.com/career";
-    readonly contactUs: "https://servicestest.veracity.com/form/Support";
+    readonly contactUs: "https://support.veracity.com";
     readonly cookiesPolicy: "https://servicestest.veracity.com/CookieList";
     readonly deepSearch: "https://storetest.veracity.com/veracity-deep-search";
     readonly developerCommunity: "https://developertest.veracity.com";
     readonly documentation: "https://developertest.veracity.com/docs";
-    readonly marketplace: "https://storetest.veracity.com/";
+    readonly helpCenter: "https://help-center.veracity.com";
+    readonly marketplace: "https://storetest.veracity.com";
     readonly news: "https://wwwtest.veracity.com";
     readonly privacyStatement: "https://servicestest.veracity.com/PrivacyStatement";
     readonly sellingOnVeracity: "https://developer.veracity.com/article/are-you-ready-to-sell-on-veracity";
@@ -70,3 +166,4 @@ export declare const footerLinksTest: {
     readonly veracityPartnerProgram: "https://wwwtest.veracity.com/partner";
     readonly veracityTrustCenter: "https://www.veracity.com/veracity-trust-center";
 };
+export declare const footerLinks: Record<Environment, Record<string, string>>;

package/footer/consts.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.footerLinksTest = exports.footerLinksStag = exports.footerLinksProd = exports.footerColumnsTemplate = void 0;
+exports.footerLinks = exports.footerLinksTest = exports.footerLinksStag = exports.footerLinksProd = exports.footerColumnsTemplate = void 0;
 /**
  * Defines the structure of columns and sections of the Footer.
  * Links' url values here are unique references to actual urls in the footerLinks dictionary.
@@ -51,13 +51,14 @@ exports.footerColumnsTemplate = {
         section1: {
             heading: 'Support',
             links: [
-                { text: 'Contact us', url: 'contactUs' },
-                { text: 'Privacy statement', url: 'privacyStatement' }
+                { text: 'Help center', url: 'helpCenter' },
+                { text: 'Contact us', url: 'contactUs' }
             ]
         },
         section2: {
             heading: 'Legal',
             links: [
+                { text: 'Privacy statement', url: 'privacyStatement' },
                 { text: 'Terms of use', url: 'termsOfUse' },
                 { text: 'Cookies policy', url: 'cookiesPolicy' }
             ]
@@ -70,12 +71,13 @@ exports.footerLinksProd = {
     apiExplorer: 'https://developer.veracity.com/api',
     assetConnect: 'https://www.veracity.com/article/veracity-asset',
     career: 'https://www.veracity.com/career',
-    contactUs: 'https://services.veracity.com/form/Support',
+    contactUs: 'https://support.veracity.com',
     cookiesPolicy: 'https://services.veracity.com/CookieList',
     deepSearch: 'https://store.veracity.com/veracity-deep-search',
     developerCommunity: 'https://developer.veracity.com',
     documentation: 'https://developer.veracity.com/docs',
-    marketplace: 'https://store.veracity.com/',
+    helpCenter: 'https://help-center.veracity.com',
+    marketplace: 'https://store.veracity.com',
     news: 'https://www.veracity.com',
     privacyStatement: 'https://services.veracity.com/PrivacyStatement',
     sellingOnVeracity: 'https://developer.veracity.com/article/are-you-ready-to-sell-on-veracity',
@@ -92,12 +94,13 @@ exports.footerLinksStag = {
     apiExplorer: 'https://developer.veracity.com/api',
     assetConnect: 'https://www.veracity.com/article/veracity-asset',
     career: 'https://wwwstag.veracity.com/career',
-    contactUs: 'https://servicesstag.veracity.com/form/Support',
+    contactUs: 'https://support.veracity.com',
     cookiesPolicy: 'https://servicesstag.veracity.com/CookieList',
     deepSearch: 'https://storestag.veracity.com/veracity-deep-search',
     developerCommunity: 'https://developerstag.veracity.com',
     documentation: 'https://developerstag.veracity.com/docs',
-    marketplace: 'https://storestag.veracity.com/',
+    helpCenter: 'https://help-center.veracity.com',
+    marketplace: 'https://storestag.veracity.com',
     news: 'https://wwwstag.veracity.com',
     privacyStatement: 'https://servicesstag.veracity.com/PrivacyStatement',
     sellingOnVeracity: 'https://developer.veracity.com/article/are-you-ready-to-sell-on-veracity',
@@ -114,12 +117,13 @@ exports.footerLinksTest = {
     apiExplorer: 'https://developer.veracity.com/api',
     assetConnect: 'https://www.veracity.com/article/veracity-asset',
     career: 'https://www.veracity.com/career',
-    contactUs: 'https://servicestest.veracity.com/form/Support',
+    contactUs: 'https://support.veracity.com',
     cookiesPolicy: 'https://servicestest.veracity.com/CookieList',
     deepSearch: 'https://storetest.veracity.com/veracity-deep-search',
     developerCommunity: 'https://developertest.veracity.com',
     documentation: 'https://developertest.veracity.com/docs',
-    marketplace: 'https://storetest.veracity.com/',
+    helpCenter: 'https://help-center.veracity.com',
+    marketplace: 'https://storetest.veracity.com',
     news: 'https://wwwtest.veracity.com',
     privacyStatement: 'https://servicestest.veracity.com/PrivacyStatement',
     sellingOnVeracity: 'https://developer.veracity.com/article/are-you-ready-to-sell-on-veracity',
@@ -130,3 +134,8 @@ exports.footerLinksTest = {
     veracityPartnerProgram: 'https://wwwtest.veracity.com/partner',
     veracityTrustCenter: 'https://www.veracity.com/veracity-trust-center'
 };
+exports.footerLinks = {
+    Prod: exports.footerLinksProd,
+    Stag: exports.footerLinksStag,
+    Test: exports.footerLinksTest
+};

package/footer/footerColumn.d.ts

@@ -2,6 +2,7 @@
 declare const FooterColumn: import("../core").VuiComponent<"div", {
     col?: (string | number | true | import("@xstyled/system").BreakpointsProps<string | number | true, import("..").VuiTheme>) | undefined;
     p?: (((string | number) & {}) | import("@xstyled/system").BreakpointsProps<(string | number) & {}, import("..").VuiTheme>) | undefined;
+    resize?: (import("csstype").Property.Resize | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Resize, import("..").VuiTheme>) | undefined;
     column?: boolean | undefined;
     row?: (boolean | import("@xstyled/system").BreakpointsProps<boolean, import("..").VuiTheme>) | undefined;
     activeBg?: (import("..").ColorGetter | import("@xstyled/system").BreakpointsProps<import("..").ColorGetter, import("..").VuiTheme>) | undefined;
@@ -81,7 +82,6 @@ declare const FooterColumn: import("../core").VuiComponent<"div", {
     overflowX?: (import("csstype").Property.OverflowX | import("@xstyled/system").BreakpointsProps<import("csstype").Property.OverflowX, import("..").VuiTheme>) | undefined;
     overflowY?: (import("csstype").Property.OverflowY | import("@xstyled/system").BreakpointsProps<import("csstype").Property.OverflowY, import("..").VuiTheme>) | undefined;
     position?: (import("csstype").Property.Position | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Position, import("..").VuiTheme>) | undefined;
-    resize?: (import("csstype").Property.Resize | import("@xstyled/system").BreakpointsProps<import("csstype").Property.Resize, import("..").VuiTheme>) | undefined;
     rowGap?: (0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | import("@xstyled/system").BreakpointsProps<0 | (string & {}) | (number & {}) | "normal" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset", import("..").VuiTheme>) | undefined;
     tableLayout?: (import("csstype").Property.TableLayout | import("@xstyled/system").BreakpointsProps<import("csstype").Property.TableLayout, import("..").VuiTheme>) | undefined;
     textAlign?: (import("csstype").Property.TextAlign | import("@xstyled/system").BreakpointsProps<import("csstype").Property.TextAlign, import("..").VuiTheme>) | undefined;

package/footer/helpers.d.ts

@@ -1,10 +1,9 @@
+import { Environment } from '../utils';
 import { FooterColumnsData } from './footer.types';
-declare type Environment = 'Prod' | 'Stag' | 'Test';
 /**
- * Computes footer columns with appropriate sections and links.
+ * Computes Footer columns with appropriate sections and links.
  * Links are selected per environment and modified based on log in state.
  * @param environment current application environment
  * @param isLoggedIn is current user logged in
  */
 export declare function getFooterColumns(environment: Environment, isLoggedIn?: boolean): FooterColumnsData;
-export {};

package/footer/helpers.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -17,14 +28,10 @@ var __read = (this && this.__read) || function (o, n) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getFooterColumns = void 0;
+var utils_1 = require("../utils");
 var consts_1 = require("./consts");
-var envLinks = {
-    Prod: consts_1.footerLinksProd,
-    Stag: consts_1.footerLinksStag,
-    Test: consts_1.footerLinksTest
-};
 /**
- * Computes footer columns with appropriate sections and links.
+ * Computes Footer columns with appropriate sections and links.
  * Links are selected per environment and modified based on log in state.
  * @param environment current application environment
  * @param isLoggedIn is current user logged in
@@ -37,17 +44,10 @@ function getFooterColumns(environment, isLoggedIn) {
         var _b = __read(_a, 2), columnName = _b[0], column = _b[1];
         Object.entries(column).forEach(function (_a) {
             var _b = __read(_a, 2), sectionName = _b[0], section = _b[1];
-            var links = section.links.map(function (_a) {
-                var _b;
-                var text = _a.text, urlId = _a.url;
-                var url = (_b = envLinks[environment][urlId]) !== null && _b !== void 0 ? _b : '';
-                if (urlId === 'contactUs' && !isLoggedIn)
-                    url += 'Anonymous';
-                if (isLoggedIn)
-                    url += '?loggedin=1';
-                return { text: text, url: url };
+            columns[columnName][sectionName].links = section.links.map(function (link) {
+                var url = consts_1.footerLinks[environment][link.url];
+                return __assign(__assign({}, link), { url: (0, utils_1.getLoggedInLink)(url, isLoggedIn) });
             });
-            columns[columnName][sectionName].links = links;
         });
     });
     return columns;

package/header/consts.d.ts

@@ -0,0 +1,58 @@
+import { Environment } from '../utils';
+import { HeaderLinkKey } from './header.types';
+/**
+ * Defines the structure of Header's account popover sections with links.
+ * Links' url values here are unique references to actual urls in the headerLinks dictionary.
+ */
+export declare const headerAccountSectionsTemplate: {
+    readonly section1: {
+        readonly links: readonly [{
+            readonly icon: "falUser";
+            readonly text: "User settings";
+            readonly url: "userSettings";
+        }];
+    };
+    readonly section2: {
+        readonly links: readonly [{
+            readonly icon: "falEnvelope";
+            readonly text: "Invite to Veracity";
+            readonly url: "invite";
+        }];
+    };
+};
+/** Header link URLs used in Production environment. */
+export declare const headerLinksProd: {
+    readonly createAccount: "https://id.veracity.com/sign-up";
+    readonly home: "https://www.veracity.com";
+    readonly invite: "https://id.veracity.com/invite";
+    readonly marketplace: "https://store.veracity.com";
+    readonly myData: "https://data.veracity.com";
+    readonly myServices: "https://services.veracity.com";
+    readonly notifications: "https://services.veracity.com/Notifications";
+    readonly signIn: "https://login.veracity.com";
+    readonly support: "https://support.veracity.com";
+    readonly userSettings: "https://id.veracity.com/settings";
+};
+/** Header link URLs used in Staging environment. */
+export declare const headerLinksStag: Record<HeaderLinkKey, string>;
+/** Header link URLs used in Test environment. */
+export declare const headerLinksTest: Record<HeaderLinkKey, string>;
+/** Dictionary of Header links for each environment (Prod, Stag, Test). */
+export declare const headerLinks: Record<Environment, Record<HeaderLinkKey, string>>;
+/**
+ * Defines the structure of Header's main links.
+ * Links' url values here are unique references to actual urls in the headerLinks dictionary.
+ */
+export declare const headerMainLinksTemplate: readonly [{
+    readonly text: "Marketplace";
+    readonly url: "marketplace";
+}, {
+    readonly text: "My services";
+    readonly url: "myServices";
+}, {
+    readonly text: "My data";
+    readonly url: "myData";
+}, {
+    readonly text: "Support";
+    readonly url: "support";
+}];

package/header/consts.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.headerMainLinksTemplate = exports.headerLinks = exports.headerLinksTest = exports.headerLinksStag = exports.headerLinksProd = exports.headerAccountSectionsTemplate = void 0;
+/**
+ * Defines the structure of Header's account popover sections with links.
+ * Links' url values here are unique references to actual urls in the headerLinks dictionary.
+ */
+exports.headerAccountSectionsTemplate = {
+    section1: {
+        links: [
+            { icon: 'falUser', text: 'User settings', url: 'userSettings' }
+            // { icon: 'falShoppingBasket', text: 'Subscriptions and payments', url: 'subscriptionsAndPayments' }
+        ]
+    },
+    section2: {
+        links: [{ icon: 'falEnvelope', text: 'Invite to Veracity', url: 'invite' }]
+    }
+};
+/** Header link URLs used in Production environment. */
+exports.headerLinksProd = {
+    createAccount: 'https://id.veracity.com/sign-up',
+    home: 'https://www.veracity.com',
+    invite: 'https://id.veracity.com/invite',
+    marketplace: 'https://store.veracity.com',
+    myData: 'https://data.veracity.com',
+    myServices: 'https://services.veracity.com',
+    notifications: 'https://services.veracity.com/Notifications',
+    signIn: 'https://login.veracity.com',
+    // subscriptionsAndPayments: 'ADD LINK',
+    support: 'https://support.veracity.com',
+    userSettings: 'https://id.veracity.com/settings'
+};
+/** Header link URLs used in Staging environment. */
+exports.headerLinksStag = {
+    createAccount: 'https://idstag.veracity.com/sign-up',
+    home: 'https://wwwstag.veracity.com',
+    invite: 'https://idstag.veracity.com/invite',
+    marketplace: 'https://storestag.veracity.com',
+    myData: 'https://datastag.veracity.com',
+    myServices: 'https://servicesstag.veracity.com',
+    notifications: 'https://servicesstag.veracity.com/Notifications',
+    signIn: 'https://loginstag.veracity.com',
+    // subscriptionsAndPayments: 'ADD LINK',
+    support: 'https://support.veracity.com',
+    userSettings: 'https://idstag.veracity.com/settings'
+};
+/** Header link URLs used in Test environment. */
+exports.headerLinksTest = {
+    createAccount: 'https://idtest.veracity.com/sign-up',
+    home: 'https://wwwtest.veracity.com',
+    invite: 'https://idtest.veracity.com/invite',
+    marketplace: 'https://storetest.veracity.com',
+    myData: 'https://datatest.veracity.com',
+    myServices: 'https://servicestest.veracity.com',
+    notifications: 'https://servicestest.veracity.com/Notifications',
+    signIn: 'https://logintest.veracity.com',
+    // subscriptionsAndPayments: 'ADD LINK',
+    support: 'https://support.veracity.com',
+    userSettings: 'https://idtest.veracity.com/settings'
+};
+/** Dictionary of Header links for each environment (Prod, Stag, Test). */
+exports.headerLinks = {
+    Prod: exports.headerLinksProd,
+    Stag: exports.headerLinksStag,
+    Test: exports.headerLinksTest
+};
+/**
+ * Defines the structure of Header's main links.
+ * Links' url values here are unique references to actual urls in the headerLinks dictionary.
+ */
+exports.headerMainLinksTemplate = [
+    { text: 'Marketplace', url: 'marketplace' },
+    { text: 'My services', url: 'myServices' },
+    { text: 'My data', url: 'myData' },
+    { text: 'Support', url: 'support' }
+];

package/header/context.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { HeaderContext } from './header.types';
-declare const HeaderProvider: import("react").Provider<HeaderContext>, useHeader: () => HeaderContext;
-export { HeaderProvider, useHeader };
+declare const HeaderProvider: import("react").Provider<HeaderContext>, useHeaderContext: () => HeaderContext;
+export { HeaderProvider, useHeaderContext };

package/header/context.js

@@ -16,8 +16,8 @@ var __read = (this && this.__read) || function (o, n) {
     return ar;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHeader = exports.HeaderProvider = void 0;
+exports.useHeaderContext = exports.HeaderProvider = void 0;
 var utils_1 = require("../utils");
-var _a = __read((0, utils_1.createContext)({ isOptional: true }), 2), HeaderProvider = _a[0], useHeader = _a[1];
+var _a = __read((0, utils_1.createContext)({ isOptional: true }), 2), HeaderProvider = _a[0], useHeaderContext = _a[1];
 exports.HeaderProvider = HeaderProvider;
-exports.useHeader = useHeader;
+exports.useHeaderContext = useHeaderContext;

package/header/header.d.ts

@@ -1,33 +1,33 @@
 import { VuiComponent } from '../core';
 import { HeaderProps } from './header.types';
+import HeaderAccount from './headerAccount';
 import HeaderContent from './headerContent';
 import HeaderCreateAccount from './headerCreateAccount';
 import HeaderDivider from './headerDivider';
-import HeaderLink from './headerLink';
-import HeaderLinks from './headerLinks';
+import HeaderLinkItem from './headerLinkItem';
+import HeaderLinksList from './headerLinksList';
 import HeaderLogo from './headerLogo';
 import HeaderMobileContent from './headerMobileContent';
 import HeaderMobileToggle from './headerMobileToggle';
 import HeaderNotifications from './headerNotifications';
-import HeaderProfile from './headerProfile';
 import HeaderServices from './headerServices';
 import HeaderSignIn from './headerSignIn';
 export declare const HeaderBase: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
 /**
- * Branded Veracity Header with logo, links, services, profile and other data. Controls max-width of the content.
+ * Branded Veracity Header with logo, links, services, account and other data. Controls max-width of the content.
  * Exposes some props to the children via context.
  */
 export declare const Header: VuiComponent<"header", HeaderProps> & {
+    Account: typeof HeaderAccount;
     Content: typeof HeaderContent;
     CreateAccount: typeof HeaderCreateAccount;
     Divider: typeof HeaderDivider;
-    Link: typeof HeaderLink;
-    Links: typeof HeaderLinks;
+    LinkItem: typeof HeaderLinkItem;
+    LinksList: typeof HeaderLinksList;
     Logo: typeof HeaderLogo;
     MobileContent: typeof HeaderMobileContent;
     MobileToggle: typeof HeaderMobileToggle;
     Notifications: typeof HeaderNotifications;
-    Profile: typeof HeaderProfile;
     Services: typeof HeaderServices;
     SignIn: typeof HeaderSignIn;
 };