@newskit-render/my-account 0.0.0-71c1af751 → 0.0.0-79cc2b652
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Components/Elements/TextWithLinks/TextWithLinks.d.ts +20 -0
- package/dist/cjs/Components/Elements/TextWithLinks/TextWithLinks.js +40 -0
- package/dist/cjs/Components/Elements/TextWithLinks/TextWithLinks.js.map +1 -0
- package/dist/cjs/Components/Elements/TextWithLinks/index.d.ts +1 -0
- package/dist/cjs/Components/Elements/{UserHubList → TextWithLinks}/index.js +1 -2
- package/dist/cjs/Components/Elements/TextWithLinks/index.js.map +1 -0
- package/dist/cjs/Components/Elements/UserHubListItem/UserHubListItem.d.ts +3 -0
- package/dist/cjs/Components/Elements/UserHubListItem/UserHubListItem.js +57 -0
- package/dist/cjs/Components/Elements/UserHubListItem/UserHubListItem.js.map +1 -0
- package/dist/cjs/Components/Elements/UserHubListItem/index.d.ts +2 -0
- package/dist/cjs/Components/Elements/{Tile → UserHubListItem}/index.js +1 -1
- package/dist/cjs/Components/Elements/UserHubListItem/index.js.map +1 -0
- package/dist/cjs/Components/Elements/{UserHubList → UserHubListItem}/types.d.ts +16 -3
- package/dist/cjs/Components/Elements/UserHubListItem/types.js.map +1 -0
- package/dist/cjs/Components/Sections/ContentContainer/ContentContainer.js +2 -2
- package/dist/cjs/Components/Sections/ContentContainer/ContentContainer.js.map +1 -1
- package/dist/cjs/Components/Templates/UserHubRender.js +17 -10
- package/dist/cjs/Components/Templates/UserHubRender.js.map +1 -1
- package/dist/cjs/context/types.d.ts +5 -4
- package/dist/cjs/context/types.js.map +1 -1
- package/dist/cjs/pages/UserHub/UserHubContext.js +74 -19
- package/dist/cjs/pages/UserHub/UserHubContext.js.map +1 -1
- package/dist/esm/Components/Elements/TextWithLinks/TextWithLinks.d.ts +20 -0
- package/dist/esm/Components/Elements/TextWithLinks/TextWithLinks.js +33 -0
- package/dist/esm/Components/Elements/TextWithLinks/TextWithLinks.js.map +1 -0
- package/dist/esm/Components/Elements/TextWithLinks/index.d.ts +1 -0
- package/dist/esm/Components/Elements/TextWithLinks/index.js +2 -0
- package/dist/esm/Components/Elements/TextWithLinks/index.js.map +1 -0
- package/dist/esm/Components/Elements/UserHubListItem/UserHubListItem.d.ts +3 -0
- package/dist/esm/Components/Elements/UserHubListItem/UserHubListItem.js +50 -0
- package/dist/esm/Components/Elements/UserHubListItem/UserHubListItem.js.map +1 -0
- package/dist/esm/Components/Elements/UserHubListItem/index.d.ts +2 -0
- package/dist/esm/Components/Elements/UserHubListItem/index.js +3 -0
- package/dist/esm/Components/Elements/UserHubListItem/index.js.map +1 -0
- package/dist/esm/Components/Elements/{UserHubList → UserHubListItem}/types.d.ts +16 -3
- package/dist/esm/Components/Elements/UserHubListItem/types.js.map +1 -0
- package/dist/esm/Components/Sections/ContentContainer/ContentContainer.js +2 -2
- package/dist/esm/Components/Sections/ContentContainer/ContentContainer.js.map +1 -1
- package/dist/esm/Components/Templates/UserHubRender.js +18 -11
- package/dist/esm/Components/Templates/UserHubRender.js.map +1 -1
- package/dist/esm/context/types.d.ts +5 -4
- package/dist/esm/context/types.js.map +1 -1
- package/dist/esm/pages/UserHub/UserHubContext.js +74 -19
- package/dist/esm/pages/UserHub/UserHubContext.js.map +1 -1
- package/package.json +2 -2
- package/dist/cjs/Components/Elements/Tile/Tile.d.ts +0 -3
- package/dist/cjs/Components/Elements/Tile/Tile.js +0 -13
- package/dist/cjs/Components/Elements/Tile/Tile.js.map +0 -1
- package/dist/cjs/Components/Elements/Tile/index.d.ts +0 -2
- package/dist/cjs/Components/Elements/Tile/index.js.map +0 -1
- package/dist/cjs/Components/Elements/Tile/types.d.ts +0 -4
- package/dist/cjs/Components/Elements/Tile/types.js.map +0 -1
- package/dist/cjs/Components/Elements/UserHubList/UserHubList.d.ts +0 -3
- package/dist/cjs/Components/Elements/UserHubList/UserHubList.js +0 -55
- package/dist/cjs/Components/Elements/UserHubList/UserHubList.js.map +0 -1
- package/dist/cjs/Components/Elements/UserHubList/index.d.ts +0 -2
- package/dist/cjs/Components/Elements/UserHubList/index.js.map +0 -1
- package/dist/cjs/Components/Elements/UserHubList/types.js +0 -3
- package/dist/cjs/Components/Elements/UserHubList/types.js.map +0 -1
- package/dist/esm/Components/Elements/Tile/Tile.d.ts +0 -3
- package/dist/esm/Components/Elements/Tile/Tile.js +0 -6
- package/dist/esm/Components/Elements/Tile/Tile.js.map +0 -1
- package/dist/esm/Components/Elements/Tile/index.d.ts +0 -2
- package/dist/esm/Components/Elements/Tile/index.js +0 -3
- package/dist/esm/Components/Elements/Tile/index.js.map +0 -1
- package/dist/esm/Components/Elements/Tile/types.d.ts +0 -4
- package/dist/esm/Components/Elements/Tile/types.js.map +0 -1
- package/dist/esm/Components/Elements/UserHubList/UserHubList.d.ts +0 -3
- package/dist/esm/Components/Elements/UserHubList/UserHubList.js +0 -48
- package/dist/esm/Components/Elements/UserHubList/UserHubList.js.map +0 -1
- package/dist/esm/Components/Elements/UserHubList/index.d.ts +0 -2
- package/dist/esm/Components/Elements/UserHubList/index.js +0 -3
- package/dist/esm/Components/Elements/UserHubList/index.js.map +0 -1
- package/dist/esm/Components/Elements/UserHubList/types.js +0 -2
- package/dist/esm/Components/Elements/UserHubList/types.js.map +0 -1
- /package/dist/cjs/Components/Elements/{Tile → UserHubListItem}/types.js +0 -0
- /package/dist/esm/Components/Elements/{Tile → UserHubListItem}/types.js +0 -0
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { LinkProps as ComponentLinkProps } from '@newskit-render/shared-components';
|
|
3
|
+
import { TextBlockProps } from 'newskit';
|
|
4
|
+
export interface LinkProps extends Partial<Omit<ComponentLinkProps, 'href'>> {
|
|
5
|
+
dataTestId?: string;
|
|
6
|
+
}
|
|
7
|
+
export interface TextProps extends TextBlockProps {
|
|
8
|
+
dataTestId?: string;
|
|
9
|
+
}
|
|
10
|
+
export interface TextWithLinksProps {
|
|
11
|
+
props?: {
|
|
12
|
+
linkProps?: LinkProps;
|
|
13
|
+
textProps?: TextProps;
|
|
14
|
+
};
|
|
15
|
+
content: {
|
|
16
|
+
text: string;
|
|
17
|
+
href?: string;
|
|
18
|
+
}[];
|
|
19
|
+
}
|
|
20
|
+
export declare const TextWithLinks: ({ content, props }: TextWithLinksProps) => JSX.Element;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.TextWithLinks = void 0;
|
|
18
|
+
var react_1 = __importDefault(require("react"));
|
|
19
|
+
var shared_components_1 = require("@newskit-render/shared-components");
|
|
20
|
+
var newskit_1 = require("newskit");
|
|
21
|
+
var TextWithLinks = function (_a) {
|
|
22
|
+
var _b;
|
|
23
|
+
var content = _a.content, props = _a.props;
|
|
24
|
+
console.log(__assign({}, props));
|
|
25
|
+
var text = content.map(function (item, index) {
|
|
26
|
+
if (item.href) {
|
|
27
|
+
return (react_1.default.createElement(shared_components_1.NextLink, __assign({ external: false, key: index, style: {
|
|
28
|
+
textDecoration: 'none',
|
|
29
|
+
}, type: "inline", href: item.href, overrides: {
|
|
30
|
+
typographyPreset: 'utilityBody010',
|
|
31
|
+
}, "data-testid": "text-with-links-link" }, props === null || props === void 0 ? void 0 : props.linkProps), item.text));
|
|
32
|
+
}
|
|
33
|
+
else {
|
|
34
|
+
return item.text;
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
return (react_1.default.createElement(newskit_1.TextBlock, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, props === null || props === void 0 ? void 0 : props.textProps, { "data-testid": (_b = props === null || props === void 0 ? void 0 : props.textProps) === null || _b === void 0 ? void 0 : _b.dataTestId }), text));
|
|
38
|
+
};
|
|
39
|
+
exports.TextWithLinks = TextWithLinks;
|
|
40
|
+
//# sourceMappingURL=TextWithLinks.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextWithLinks.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/TextWithLinks/TextWithLinks.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,uEAG0C;AAC1C,mCAAmD;AAmB5C,IAAM,aAAa,GAAG,UAAC,EAAsC;;QAApC,OAAO,aAAA,EAAE,KAAK,WAAA;IAC5C,OAAO,CAAC,GAAG,cAAM,KAAK,EAAG,CAAA;IACzB,IAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;QACnC,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO,CACL,8BAAC,4BAAQ,aACP,QAAQ,EAAE,KAAK,EACf,GAAG,EAAE,KAAK,EACV,KAAK,EAAE;oBACL,cAAc,EAAE,MAAM;iBACvB,EACD,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE;oBACT,gBAAgB,EAAE,gBAAgB;iBACnC,iBACW,sBAAsB,IAC9B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,GAEnB,IAAI,CAAC,IAAI,CACD,CACZ,CAAA;SACF;aAAM;YACL,OAAO,IAAI,CAAC,IAAI,CAAA;SACjB;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,8BAAC,mBAAS,aACR,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,gBAAgB,IAC7B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,mBACP,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,0CAAE,UAAU,KAExC,IAAI,CACK,CACb,CAAA;AACH,CAAC,CAAA;AArCY,QAAA,aAAa,iBAqCzB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TextWithLinks';
|
|
@@ -14,6 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./
|
|
18
|
-
__exportStar(require("./UserHubList"), exports);
|
|
17
|
+
__exportStar(require("./TextWithLinks"), exports);
|
|
19
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/TextWithLinks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA+B"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
17
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
|
+
};
|
|
20
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
exports.UserHubListItem = void 0;
|
|
22
|
+
var react_1 = __importDefault(require("react"));
|
|
23
|
+
var link_1 = __importDefault(require("next/link"));
|
|
24
|
+
var newskit_1 = require("newskit");
|
|
25
|
+
var TextWithLinks_1 = require("../TextWithLinks");
|
|
26
|
+
var StyledGridContainer = (0, newskit_1.styled)(newskit_1.GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n &:hover,\n &:focus,\n &:active {\n ", "\n cursor: ", ";\n }\n"], ["\n ", "\n &:hover,\n &:focus,\n &:active {\n ", "\n cursor: ", ";\n }\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'), function (_a) {
|
|
27
|
+
var isLink = _a.isLink;
|
|
28
|
+
return isLink ? (0, newskit_1.getColorCssFromTheme)('backgroundColor', 'interface020') : '';
|
|
29
|
+
}, function (_a) {
|
|
30
|
+
var isLink = _a.isLink;
|
|
31
|
+
return (isLink ? 'pointer' : 'default');
|
|
32
|
+
});
|
|
33
|
+
var StyledTextBlock = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-weight: 700;\n"], ["\n font-weight: 700;\n"])));
|
|
34
|
+
var UserHubListItem = function (_a) {
|
|
35
|
+
var label = _a.label, titleIcon = _a.titleIcon, subtitle = _a.subtitle, id = _a.id, linkIcon = _a.linkIcon, href = _a.href, containerOverrides = _a.containerOverrides, itemOverrides = _a.itemOverrides, footer = _a.footer;
|
|
36
|
+
return (react_1.default.createElement(link_1.default, { legacyBehavior: true, href: href || '', tabIndex: href ? undefined : -1, "aria-disabled": !href },
|
|
37
|
+
react_1.default.createElement(newskit_1.StructuredListItem, { href: href || '', disabled: !href, hideIcon: true, overrides: {
|
|
38
|
+
stylePreset: 'inkBase',
|
|
39
|
+
paddingInline: 'space000',
|
|
40
|
+
paddingBlock: 'space000',
|
|
41
|
+
} },
|
|
42
|
+
react_1.default.createElement(newskit_1.StructuredListCell, { fullWidthSingleCell: true },
|
|
43
|
+
react_1.default.createElement(StyledGridContainer, __assign({}, containerOverrides, { "data-testid": id, isLink: Boolean(href) }),
|
|
44
|
+
react_1.default.createElement(newskit_1.GridLayoutItem, __assign({}, itemOverrides),
|
|
45
|
+
react_1.default.createElement(newskit_1.Stack, { paddingBlock: "space000", flow: "vertical-stretch", stackDistribution: "center", spaceInline: "space030" },
|
|
46
|
+
react_1.default.createElement(newskit_1.StackChild, null,
|
|
47
|
+
react_1.default.createElement(newskit_1.Stack, { flow: "horizontal-center", stackDistribution: "flex-start" },
|
|
48
|
+
titleIcon,
|
|
49
|
+
react_1.default.createElement(StyledTextBlock, { typographyPreset: "editorialLabel030" }, label))),
|
|
50
|
+
react_1.default.createElement(newskit_1.StackChild, { marginBlockEnd: "space000" },
|
|
51
|
+
react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityBody020" }, subtitle)))),
|
|
52
|
+
linkIcon && (react_1.default.createElement(newskit_1.GridLayoutItem, { justifySelf: "flex-end" }, linkIcon)),
|
|
53
|
+
footer && (react_1.default.createElement(newskit_1.GridLayoutItem, { paddingBlockStart: "space060" }, Array.isArray(footer === null || footer === void 0 ? void 0 : footer.content) ? (react_1.default.createElement(TextWithLinks_1.TextWithLinks, { content: footer === null || footer === void 0 ? void 0 : footer.content, props: footer === null || footer === void 0 ? void 0 : footer.props })) : (footer === null || footer === void 0 ? void 0 : footer.content))))))));
|
|
54
|
+
};
|
|
55
|
+
exports.UserHubListItem = UserHubListItem;
|
|
56
|
+
var templateObject_1, templateObject_2;
|
|
57
|
+
//# sourceMappingURL=UserHubListItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UserHubListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/UserHubListItem/UserHubListItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,5 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
__exportStar(require("./types"), exports);
|
|
18
|
-
__exportStar(require("./
|
|
18
|
+
__exportStar(require("./UserHubListItem"), exports);
|
|
19
19
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/UserHubListItem/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,oDAAiC"}
|
|
@@ -1,18 +1,30 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { MQ, NewsKitIconProps } from 'newskit';
|
|
3
|
-
|
|
3
|
+
import { TextWithLinksProps } from '../TextWithLinks';
|
|
4
|
+
interface UserHubItemFooterProps {
|
|
5
|
+
text: string;
|
|
6
|
+
href?: string;
|
|
7
|
+
}
|
|
8
|
+
export interface UserHubItemProps {
|
|
4
9
|
label: string;
|
|
5
10
|
titleIcon?: React.ReactElement<NewsKitIconProps> | null;
|
|
6
11
|
subtitle?: string;
|
|
7
|
-
|
|
12
|
+
footer?: {
|
|
13
|
+
content: React.ReactNode | null | UserHubItemFooterProps[];
|
|
14
|
+
props?: TextWithLinksProps['props'];
|
|
15
|
+
};
|
|
16
|
+
href?: string;
|
|
8
17
|
linkIcon?: React.ReactElement<NewsKitIconProps> | null;
|
|
9
18
|
linkOverrides?: {
|
|
10
19
|
stylePreset: string;
|
|
11
20
|
};
|
|
21
|
+
itemOverrides?: {
|
|
22
|
+
column?: MQ<string>;
|
|
23
|
+
};
|
|
12
24
|
id?: string;
|
|
13
25
|
containerOverrides?: {
|
|
14
26
|
rows: MQ<string>;
|
|
15
|
-
columns
|
|
27
|
+
columns?: MQ<string>;
|
|
16
28
|
justifyContent: MQ<string>;
|
|
17
29
|
overrides: {
|
|
18
30
|
paddingBlock: MQ<string>;
|
|
@@ -21,3 +33,4 @@ export interface UserHubListProps {
|
|
|
21
33
|
};
|
|
22
34
|
};
|
|
23
35
|
}
|
|
36
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/UserHubListItem/types.ts"],"names":[],"mappings":""}
|
|
@@ -55,8 +55,8 @@ var ContentContainer = function (_a) {
|
|
|
55
55
|
var PUBLISHER = (env || {}).PUBLISHER;
|
|
56
56
|
var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
|
|
57
57
|
var _h = (0, react_1.useState)(3), currentInvoicePageSize = _h[0], setCurrentInvoicePageSize = _h[1];
|
|
58
|
-
var isTNLMobileApp = (0, shared_components_1.checkRequestHeaders)(requestHeaders, shared_components_1.UserPlatform.native_tm_apps);
|
|
59
58
|
var extendTitleOverrides = __assign(__assign({}, sectionsOverrides === null || sectionsOverrides === void 0 ? void 0 : sectionsOverrides.list.titleOverrides), introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.titleOverrides);
|
|
59
|
+
var isTNLMobileApp = (0, shared_components_1.checkRequestHeaders)(requestHeaders, shared_components_1.UserPlatform.native_tm_apps);
|
|
60
60
|
var extendDescriptionOverrides = __assign(__assign({}, sectionsOverrides === null || sectionsOverrides === void 0 ? void 0 : sectionsOverrides.list.descriptionOverrides), introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.descriptionOverrides);
|
|
61
61
|
var subscriptionCancelled = userData &&
|
|
62
62
|
userData.subscriptions &&
|
|
@@ -159,7 +159,7 @@ var ContentContainer = function (_a) {
|
|
|
159
159
|
};
|
|
160
160
|
return item.type === 'paymentHistory' ? (invoiceContentMap === null || invoiceContentMap === void 0 ? void 0 : invoiceContentMap.map(function (invoice, idx) { return (react_1.default.createElement(shared_components_1.ListItem, __assign({ key: "".concat(i, "-").concat(idx) }, __assign(__assign({}, ItemProps), { handlePDF: (0, invoiceUtils_1.handlePDF)(__assign(__assign({}, invoice), { cpn: userData.cpn }), isTNLMobileApp, function () {
|
|
161
161
|
return fireEvent((0, shared_components_1.createClickEvent)('content-list-view', 'cta : view invoice', undefined, undefined, 'Subscriptions & Billing', 'navigation'));
|
|
162
|
-
}),
|
|
162
|
+
}), item: __assign(__assign({}, ItemProps.item), invoice) })))); })) : (react_1.default.createElement(shared_components_1.ListItem, __assign({ key: i }, ItemProps)));
|
|
163
163
|
})),
|
|
164
164
|
(belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.type) === 'payment-history' ? (react_1.default.createElement(InvoiceHistoryButton_1.InvoiceHistoryButton, { contextName: contextName, currentInvoicePageSize: currentInvoicePageSize, setCurrentInvoicePageSize: setCurrentInvoicePageSize, marginBlockEnd: belowContentExtra === null || belowContentExtra === void 0 ? void 0 : belowContentExtra.marginBlockEnd })) : (belowContentExtra && (react_1.default.createElement(BelowContentExtra_1.default, { belowContentExtra: belowContentExtra, subscriptionCancelled: subscriptionCancelled, paymentFailure: paymentFailure, baseUrl: baseUrl, subscriptionType: subscriptionType, isUserFamilyAccountSecondary: !!userData.isUserFamilyAccountSecondary })))));
|
|
165
165
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentContainer.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/ContentContainer/ContentContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,mCAAgD;AAChD,uEAQ0C;AAE1C,4CAGyB;AACzB,gDAAyD;AACzD,4CAQyB;AACzB,8DAAwE;AAExE,0EAAmD;AACnD,+DAA6D;AAEtD,IAAM,gBAAgB,GAEzB,UAAC,EAQJ;;QAPC,iBAAiB,uBAAA,EACjB,SAAS,eAAA,EACT,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,gBAAgB,sBAAA,EAChB,WAAW,iBAAA,EACX,iBAAiB,uBAAA;IAEjB,IAAM,cAAc,GAAG,IAAA,2BAAiB,EACtC,WAAW,CACwB,CAAA;IAEnC,IAAA,QAAQ,GAON,cAAc,SAPR,EACR,iBAAiB,GAMf,cAAc,kBANC,EACjB,OAAO,GAKL,cAAc,QALT,EACC,SAAS,GAIf,cAAc,eAJC,EACjB,GAAG,GAGD,cAAc,IAHb,EACH,cAAc,GAEZ,cAAc,eAFF,EACd,YAAY,GACV,cAAc,aADJ,CACI;IACV,IAAA,SAAS,GAAK,CAAA,GAAG,IAAI,EAAE,CAAA,UAAd,CAAc;IACvB,IAAA,SAAS,GAAK,IAAA,4BAAkB,GAAE,UAAzB,CAAyB;IAEpC,IAAA,KAAsD,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAAhE,sBAAsB,QAAA,EAAE,yBAAyB,QAAe,CAAA;IAEvE,IAAM,
|
|
1
|
+
{"version":3,"file":"ContentContainer.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/ContentContainer/ContentContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -36,20 +36,27 @@ var context_1 = require("../../context");
|
|
|
36
36
|
var types_1 = require("../../context/types");
|
|
37
37
|
var newskit_1 = require("newskit");
|
|
38
38
|
var helpers_1 = require("../../helpers");
|
|
39
|
-
var
|
|
40
|
-
// import { Tile } from 'Components/Elements/Tile'
|
|
39
|
+
var UserHubListItem_1 = require("../../Components/Elements/UserHubListItem");
|
|
41
40
|
var StyledStructuredList = (0, newskit_1.styled)(newskit_1.StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border: 1px solid;\n ", "\n"], ["\n border: 1px solid;\n ", "\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'));
|
|
41
|
+
var StyledStackContainer = (0, newskit_1.styled)(newskit_1.Stack)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 100%;\n ", ";\n\n ", " {\n ", ";\n }\n"], ["\n width: 100%;\n ", ";\n\n ", " {\n ", ";\n }\n"])), (0, newskit_1.getSpacingCssFromTheme)('gap', 'space060'), (0, newskit_1.getMediaQueryFromTheme)('sm'), (0, newskit_1.getSpacingCssFromTheme)('gap', 'space090'));
|
|
42
42
|
var UserHubRender = function () {
|
|
43
43
|
var contextName = types_1.ContextName.userHubPage;
|
|
44
44
|
var _a = (0, context_1.useAccountContext)(contextName), baseUrl = _a.baseUrl, sections = _a.sections;
|
|
45
|
-
var quickLinks = sections.quickLinks;
|
|
46
|
-
return (react_1.default.createElement(
|
|
47
|
-
react_1.default.createElement(
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
45
|
+
var quickLinks = sections.quickLinks, helpAndSupport = sections.helpAndSupport;
|
|
46
|
+
return (react_1.default.createElement(StyledStackContainer, { flow: "vertical-stretch" },
|
|
47
|
+
quickLinks && (react_1.default.createElement(newskit_1.Stack, { key: "landing-section-quick-links", flow: "vertical-stretch" },
|
|
48
|
+
react_1.default.createElement(shared_components_1.Header, __assign({}, quickLinks.header)),
|
|
49
|
+
react_1.default.createElement(StyledStructuredList, { divider: true }, quickLinks.items.map(function (_a) {
|
|
50
|
+
var href = _a.href, props = __rest(_a, ["href"]);
|
|
51
|
+
return (react_1.default.createElement(UserHubListItem_1.UserHubListItem, __assign({ key: props.id }, props, { containerOverrides: quickLinks.containerOverrides, href: (0, helpers_1.replaceBaseURL)(baseUrl, href) })));
|
|
52
|
+
})))),
|
|
53
|
+
helpAndSupport && (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-stretch" },
|
|
54
|
+
react_1.default.createElement(shared_components_1.Header, __assign({}, helpAndSupport.header)),
|
|
55
|
+
react_1.default.createElement(StyledStructuredList, { divider: true }, helpAndSupport.items.map(function (_a) {
|
|
56
|
+
var href = _a.href, props = __rest(_a, ["href"]);
|
|
57
|
+
return (react_1.default.createElement(UserHubListItem_1.UserHubListItem, __assign({ key: props.id }, props, { containerOverrides: helpAndSupport.containerOverrides, href: (0, helpers_1.replaceBaseURL)(baseUrl, href) })));
|
|
58
|
+
}))))));
|
|
52
59
|
};
|
|
53
60
|
exports.UserHubRender = UserHubRender;
|
|
54
|
-
var templateObject_1;
|
|
61
|
+
var templateObject_1, templateObject_2;
|
|
55
62
|
//# sourceMappingURL=UserHubRender.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserHubRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/UserHubRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,uEAA0D;AAC1D,yCAAwE;AACxE,6CAAiD;AACjD,
|
|
1
|
+
{"version":3,"file":"UserHubRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/UserHubRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,uEAA0D;AAC1D,yCAAwE;AACxE,6CAAiD;AACjD,mCAOgB;AAChB,yCAA8C;AAC9C,6EAA2E;AAE3E,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,qGAAA,4BAE/C,EAAmD,IACtD,KADG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,CACtD,CAAA;AACD,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,4HAAA,sBAEtC,EAAyC,SAEzC,EAA4B,UAC1B,EAAyC,UAE9C,KALG,IAAA,gCAAsB,EAAC,KAAK,EAAE,UAAU,CAAC,EAEzC,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAC1B,IAAA,gCAAsB,EAAC,KAAK,EAAE,UAAU,CAAC,CAE9C,CAAA;AACM,IAAM,aAAa,GAAa;IACrC,IAAM,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAAwB,IAAA,2BAAiB,EAC7C,WAAW,CACa,EAFlB,OAAO,aAAA,EAAE,QAAQ,cAEC,CAAA;IAElB,IAAA,UAAU,GAAqB,QAAQ,WAA7B,EAAE,cAAc,GAAK,QAAQ,eAAb,CAAa;IAE/C,OAAO,CACL,8BAAC,oBAAoB,IAAC,IAAI,EAAC,kBAAkB;QAC1C,UAAU,IAAI,CACb,8BAAC,eAAK,IAAC,GAAG,EAAE,6BAA6B,EAAE,IAAI,EAAC,kBAAkB;YAChE,8BAAC,0BAAM,eAAK,UAAU,CAAC,MAAM,EAAI;YAEjC,8BAAC,oBAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,EAAkB;gBAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;gBACrC,OAAO,CACL,8BAAC,iCAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,UAAU,CAAC,kBAAkB,EACjD,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,IACnC,CACH,CAAA;YACH,CAAC,CAAC,CACmB,CACjB,CACT;QACA,cAAc,IAAI,CACjB,8BAAC,eAAK,IAAC,IAAI,EAAC,kBAAkB;YAC5B,8BAAC,0BAAM,eAAK,cAAc,CAAC,MAAM,EAAI;YAErC,8BAAC,oBAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,EAAkB;gBAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;gBACzC,OAAO,CACL,8BAAC,iCAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,cAAc,CAAC,kBAAkB,EACrD,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,IACnC,CACH,CAAA;YACH,CAAC,CAAC,CACmB,CACjB,CACT,CACoB,CACxB,CAAA;AACH,CAAC,CAAA;AAhDY,QAAA,aAAa,iBAgDzB"}
|
|
@@ -18,7 +18,7 @@ import { ButtonProps } from '@newskit-render/shared-components';
|
|
|
18
18
|
import { CardContentContainerProps } from 'Components/Sections/CardContentContainer';
|
|
19
19
|
import { FamilyMemberProps } from '../Components/Sections/Form/InviteFamilyMember/types';
|
|
20
20
|
import { PaymentMethodsMap } from 'Components/Templates';
|
|
21
|
-
import {
|
|
21
|
+
import { UserHubItemProps } from '../Components/Elements/UserHubListItem';
|
|
22
22
|
interface InfoPanel extends InlineMessageProps {
|
|
23
23
|
infoPanelCells?: MQ<number>;
|
|
24
24
|
href?: boolean;
|
|
@@ -635,7 +635,7 @@ export interface UserHubSection {
|
|
|
635
635
|
header: HeaderProps;
|
|
636
636
|
containerOverrides?: {
|
|
637
637
|
rows: MQ<string>;
|
|
638
|
-
columns
|
|
638
|
+
columns?: MQ<string>;
|
|
639
639
|
justifyContent: MQ<string>;
|
|
640
640
|
overrides: {
|
|
641
641
|
paddingBlock: MQ<string>;
|
|
@@ -643,12 +643,13 @@ export interface UserHubSection {
|
|
|
643
643
|
minWidth: MQ<string>;
|
|
644
644
|
};
|
|
645
645
|
};
|
|
646
|
-
items:
|
|
646
|
+
items: UserHubItemProps[];
|
|
647
647
|
}
|
|
648
648
|
export interface UserHubContextOptions extends NonInteractiveContextOptions {
|
|
649
649
|
tealiumContext?: TealiumEventContext;
|
|
650
650
|
sections: {
|
|
651
|
-
quickLinks
|
|
651
|
+
quickLinks?: UserHubSection;
|
|
652
|
+
helpAndSupport?: UserHubSection;
|
|
652
653
|
};
|
|
653
654
|
}
|
|
654
655
|
export declare enum FamilyMemberStatusTypes {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":";;;AAyLA,IAAY,WAmBX;AAnBD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;IACjB,gDAAmC,CAAA;IACnC,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;IACnC,sCAAyB,CAAA;IACzB,0CAA6B,CAAA;IAC7B,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,gCAAmB,CAAA;IACnB,0CAA6B,CAAA;AAC/B,CAAC,EAnBW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAmBtB;AAiHD,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAGvB;AAED,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,gDAA4B,CAAA;IAC5B,yCAAqB,CAAA;IACrB,8CAA0B,CAAA;AAC5B,CAAC,EAJW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAI7B;AAED,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAI3B;
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":";;;AAyLA,IAAY,WAmBX;AAnBD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;IACjB,gDAAmC,CAAA;IACnC,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;IACnC,sCAAyB,CAAA;IACzB,0CAA6B,CAAA;IAC7B,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,gCAAmB,CAAA;IACnB,0CAA6B,CAAA;AAC/B,CAAC,EAnBW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAmBtB;AAiHD,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAGvB;AAED,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,gDAA4B,CAAA;IAC5B,yCAAqB,CAAA;IACrB,8CAA0B,CAAA;AAC5B,CAAC,EAJW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAI7B;AAED,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAI3B;AAkaD,IAAY,uBAGX;AAHD,WAAY,uBAAuB;IACjC,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;AACrB,CAAC,EAHW,uBAAuB,GAAvB,+BAAuB,KAAvB,+BAAuB,QAGlC"}
|
|
@@ -10,9 +10,15 @@ var context_1 = require("../../context");
|
|
|
10
10
|
var ChevronRight_1 = require("@emotion-icons/material/ChevronRight");
|
|
11
11
|
var CreditCard_1 = require("@emotion-icons/material/CreditCard");
|
|
12
12
|
var Lock_1 = require("@emotion-icons/material-outlined/Lock");
|
|
13
|
+
var ChatBubbleOutline_1 = require("@emotion-icons/material/ChatBubbleOutline");
|
|
14
|
+
var Launch_1 = require("@emotion-icons/material/Launch");
|
|
15
|
+
var HelpOutline_1 = require("@emotion-icons/material/HelpOutline");
|
|
13
16
|
var IconOutlinedLock = (0, newskit_1.toNewsKitIcon)(Lock_1.Lock);
|
|
14
17
|
var IconFilledCreditCard = (0, newskit_1.toNewsKitIcon)(CreditCard_1.CreditCard);
|
|
15
18
|
var IconFilledChevronRight = (0, newskit_1.toNewsKitIcon)(ChevronRight_1.ChevronRight);
|
|
19
|
+
var IconChatBubbleOutline = (0, newskit_1.toNewsKitIcon)(ChatBubbleOutline_1.ChatBubbleOutline);
|
|
20
|
+
var IconHelpOutline = (0, newskit_1.toNewsKitIcon)(HelpOutline_1.HelpOutline);
|
|
21
|
+
var IconLaunch = (0, newskit_1.toNewsKitIcon)(Launch_1.Launch);
|
|
16
22
|
exports.userHubContext = {
|
|
17
23
|
sections: {
|
|
18
24
|
quickLinks: {
|
|
@@ -38,13 +44,13 @@ exports.userHubContext = {
|
|
|
38
44
|
},
|
|
39
45
|
items: [
|
|
40
46
|
{
|
|
41
|
-
label: 'Payment
|
|
47
|
+
label: 'Payment method',
|
|
42
48
|
titleIcon: (react_1.default.createElement(IconFilledCreditCard, { overrides: {
|
|
43
49
|
size: 'iconSize020',
|
|
44
50
|
marginInlineEnd: 'space020',
|
|
45
51
|
} })),
|
|
46
52
|
subtitle: 'Change your subscription payment details.',
|
|
47
|
-
href: '/payment',
|
|
53
|
+
href: '/payment-methods',
|
|
48
54
|
linkIcon: (react_1.default.createElement(IconFilledChevronRight, { overrides: { size: 'iconSize020', stylePreset: 'inkBlack' } })),
|
|
49
55
|
id: 'payment-details-tile',
|
|
50
56
|
},
|
|
@@ -64,23 +70,72 @@ exports.userHubContext = {
|
|
|
64
70
|
},
|
|
65
71
|
],
|
|
66
72
|
},
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
73
|
+
helpAndSupport: {
|
|
74
|
+
header: {
|
|
75
|
+
title: 'Help & Support',
|
|
76
|
+
titleOverrides: {
|
|
77
|
+
marginBlockEnd: {
|
|
78
|
+
xs: 'space050',
|
|
79
|
+
},
|
|
80
|
+
typographyPreset: 'editorialHeadline030',
|
|
81
|
+
},
|
|
82
|
+
showDivider: false,
|
|
83
|
+
},
|
|
84
|
+
containerOverrides: {
|
|
85
|
+
rows: '1fr auto',
|
|
86
|
+
columns: '3fr 1fr',
|
|
87
|
+
justifyContent: 'space-between',
|
|
88
|
+
overrides: {
|
|
89
|
+
paddingBlock: 'space050',
|
|
90
|
+
paddingInline: 'space040',
|
|
91
|
+
minWidth: '100%',
|
|
92
|
+
},
|
|
93
|
+
},
|
|
94
|
+
items: [
|
|
95
|
+
{
|
|
96
|
+
label: 'Looking for help?',
|
|
97
|
+
titleIcon: (react_1.default.createElement(IconHelpOutline, { overrides: {
|
|
98
|
+
size: 'iconSize020',
|
|
99
|
+
marginInlineEnd: 'space020',
|
|
100
|
+
} })),
|
|
101
|
+
subtitle: 'Find support and guidance in our Help Hub.',
|
|
102
|
+
href: '/help',
|
|
103
|
+
linkIcon: (react_1.default.createElement(IconLaunch, { overrides: { size: 'iconSize010', stylePreset: 'inkBlack' } })),
|
|
104
|
+
id: 'help-hub-tile',
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
itemOverrides: {
|
|
108
|
+
column: '1/-1',
|
|
109
|
+
},
|
|
110
|
+
label: 'Chat to our team',
|
|
111
|
+
titleIcon: (react_1.default.createElement(IconChatBubbleOutline, { overrides: {
|
|
112
|
+
size: 'iconSize020',
|
|
113
|
+
marginInlineEnd: 'space020',
|
|
114
|
+
} })),
|
|
115
|
+
subtitle: 'Talk to us via Live Chat for further assistance. Available Mon - Fri 8am - 7pm / Weekends & Bank Holiday 8am - 4pm UK time.',
|
|
116
|
+
footer: {
|
|
117
|
+
props: {
|
|
118
|
+
textProps: {
|
|
119
|
+
dataTestId: 'footer-text',
|
|
120
|
+
},
|
|
121
|
+
},
|
|
122
|
+
content: [
|
|
123
|
+
{
|
|
124
|
+
text: 'For any more support ',
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
text: 'contact us',
|
|
128
|
+
href: '/contact',
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
text: '.',
|
|
132
|
+
},
|
|
133
|
+
],
|
|
134
|
+
},
|
|
135
|
+
id: 'contact-us-tile',
|
|
136
|
+
},
|
|
137
|
+
],
|
|
138
|
+
},
|
|
84
139
|
},
|
|
85
140
|
footer: context_1.footer,
|
|
86
141
|
sideNav: context_1.sideNav,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserHubContext.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHubContext.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,mCAAuC;AAEvC,yCAAkE;AAClE,qEAAyF;AACzF,iEAAmF;AACnF,8DAA4E;
|
|
1
|
+
{"version":3,"file":"UserHubContext.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHubContext.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { LinkProps as ComponentLinkProps } from '@newskit-render/shared-components';
|
|
3
|
+
import { TextBlockProps } from 'newskit';
|
|
4
|
+
export interface LinkProps extends Partial<Omit<ComponentLinkProps, 'href'>> {
|
|
5
|
+
dataTestId?: string;
|
|
6
|
+
}
|
|
7
|
+
export interface TextProps extends TextBlockProps {
|
|
8
|
+
dataTestId?: string;
|
|
9
|
+
}
|
|
10
|
+
export interface TextWithLinksProps {
|
|
11
|
+
props?: {
|
|
12
|
+
linkProps?: LinkProps;
|
|
13
|
+
textProps?: TextProps;
|
|
14
|
+
};
|
|
15
|
+
content: {
|
|
16
|
+
text: string;
|
|
17
|
+
href?: string;
|
|
18
|
+
}[];
|
|
19
|
+
}
|
|
20
|
+
export declare const TextWithLinks: ({ content, props }: TextWithLinksProps) => JSX.Element;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import { NextLink, } from '@newskit-render/shared-components';
|
|
14
|
+
import { TextBlock } from 'newskit';
|
|
15
|
+
export var TextWithLinks = function (_a) {
|
|
16
|
+
var _b;
|
|
17
|
+
var content = _a.content, props = _a.props;
|
|
18
|
+
console.log(__assign({}, props));
|
|
19
|
+
var text = content.map(function (item, index) {
|
|
20
|
+
if (item.href) {
|
|
21
|
+
return (React.createElement(NextLink, __assign({ external: false, key: index, style: {
|
|
22
|
+
textDecoration: 'none',
|
|
23
|
+
}, type: "inline", href: item.href, overrides: {
|
|
24
|
+
typographyPreset: 'utilityBody010',
|
|
25
|
+
}, "data-testid": "text-with-links-link" }, props === null || props === void 0 ? void 0 : props.linkProps), item.text));
|
|
26
|
+
}
|
|
27
|
+
else {
|
|
28
|
+
return item.text;
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
return (React.createElement(TextBlock, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, props === null || props === void 0 ? void 0 : props.textProps, { "data-testid": (_b = props === null || props === void 0 ? void 0 : props.textProps) === null || _b === void 0 ? void 0 : _b.dataTestId }), text));
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=TextWithLinks.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextWithLinks.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/TextWithLinks/TextWithLinks.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,QAAQ,GAET,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAkB,MAAM,SAAS,CAAA;AAmBnD,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,EAAsC;;QAApC,OAAO,aAAA,EAAE,KAAK,WAAA;IAC5C,OAAO,CAAC,GAAG,cAAM,KAAK,EAAG,CAAA;IACzB,IAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;QACnC,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO,CACL,oBAAC,QAAQ,aACP,QAAQ,EAAE,KAAK,EACf,GAAG,EAAE,KAAK,EACV,KAAK,EAAE;oBACL,cAAc,EAAE,MAAM;iBACvB,EACD,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE;oBACT,gBAAgB,EAAE,gBAAgB;iBACnC,iBACW,sBAAsB,IAC9B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,GAEnB,IAAI,CAAC,IAAI,CACD,CACZ,CAAA;SACF;aAAM;YACL,OAAO,IAAI,CAAC,IAAI,CAAA;SACjB;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,SAAS,aACR,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,gBAAgB,IAC7B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,mBACP,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,0CAAE,UAAU,KAExC,IAAI,CACK,CACb,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TextWithLinks';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/TextWithLinks/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}
|