@newskit-render/my-account 7.85.0 → 7.86.0
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/UserHubListItem/UserHubListItem.js +13 -4
- package/dist/cjs/Components/Elements/UserHubListItem/UserHubListItem.js.map +1 -1
- package/dist/cjs/Components/Elements/UserHubListItem/types.d.ts +3 -0
- package/dist/cjs/pages/UserHub/UserHub.js +2 -0
- package/dist/cjs/pages/UserHub/UserHub.js.map +1 -1
- package/dist/cjs/pages/UserHub/UserHubContext.js +26 -1
- package/dist/cjs/pages/UserHub/UserHubContext.js.map +1 -1
- package/dist/esm/Components/Elements/UserHubListItem/UserHubListItem.js +14 -5
- package/dist/esm/Components/Elements/UserHubListItem/UserHubListItem.js.map +1 -1
- package/dist/esm/Components/Elements/UserHubListItem/types.d.ts +3 -0
- package/dist/esm/pages/UserHub/UserHub.js +2 -0
- package/dist/esm/pages/UserHub/UserHub.js.map +1 -1
- package/dist/esm/pages/UserHub/UserHubContext.js +27 -2
- package/dist/esm/pages/UserHub/UserHubContext.js.map +1 -1
- package/package.json +1 -1
|
@@ -22,6 +22,7 @@ exports.UserHubListItem = void 0;
|
|
|
22
22
|
var react_1 = __importDefault(require("react"));
|
|
23
23
|
var link_1 = __importDefault(require("next/link"));
|
|
24
24
|
var newskit_1 = require("newskit");
|
|
25
|
+
var shared_components_1 = require("@newskit-render/shared-components");
|
|
25
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) {
|
|
26
27
|
var isLink = _a.isLink;
|
|
27
28
|
return isLink ? (0, newskit_1.getColorCssFromTheme)('backgroundColor', 'interface020') : '';
|
|
@@ -32,13 +33,21 @@ var StyledGridContainer = (0, newskit_1.styled)(newskit_1.GridLayout)(templateOb
|
|
|
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"])));
|
|
33
34
|
var UserHubListItem = function (_a) {
|
|
34
35
|
var _b;
|
|
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
|
-
|
|
37
|
-
|
|
36
|
+
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, ariaLabel = _a.ariaLabel, eventContext = _a.eventContext;
|
|
37
|
+
var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
|
|
38
|
+
return (react_1.default.createElement(link_1.default, { legacyBehavior: true, href: href || '', tabIndex: href ? undefined : -1, "aria-disabled": !href, "aria-label": ariaLabel || '' },
|
|
39
|
+
react_1.default.createElement(newskit_1.StructuredListItem, __assign({ href: href || '', disabled: !href, hideIcon: true, overrides: {
|
|
38
40
|
stylePreset: 'inkBase',
|
|
39
41
|
paddingInline: 'space000',
|
|
40
42
|
paddingBlock: 'space000',
|
|
41
|
-
} },
|
|
43
|
+
} }, (href
|
|
44
|
+
? {
|
|
45
|
+
onClick: function () {
|
|
46
|
+
return fireEvent((0, shared_components_1.createClickEvent)('link', (eventContext === null || eventContext === void 0 ? void 0 : eventContext.event_navigation_name) || '', undefined, undefined, (eventContext === null || eventContext === void 0 ? void 0 : eventContext.page_name) || '', 'navigation', (eventContext === null || eventContext === void 0 ? void 0 : eventContext.event_navigation_browsing_method) ||
|
|
47
|
+
newskit_1.EventTrigger.Click));
|
|
48
|
+
},
|
|
49
|
+
}
|
|
50
|
+
: {})),
|
|
42
51
|
react_1.default.createElement(newskit_1.StructuredListCell, { fullWidthSingleCell: true },
|
|
43
52
|
react_1.default.createElement(StyledGridContainer, __assign({}, containerOverrides, { "data-testid": id, isLink: Boolean(href) }),
|
|
44
53
|
react_1.default.createElement(newskit_1.GridLayoutItem, __assign({}, itemOverrides),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserHubListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/UserHubListItem/UserHubListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,mDAA4B;AAC5B,
|
|
1
|
+
{"version":3,"file":"UserHubListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/UserHubListItem/UserHubListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,mDAA4B;AAC5B,mCAYgB;AAChB,uEAAoE;AAEpE,IAAM,mBAAmB,GAAG,IAAA,gBAAM,EAAC,oBAAU,CAAC,uJAAsB,MAChE,EAAmD,8CAIjD,EACqE,gBAC7D,EAAgD,UAE7D,KARG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,EAIjD,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,OAAA,MAAM,CAAC,CAAC,CAAC,IAAA,8BAAoB,EAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE;AAArE,CAAqE,EAC7D,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AAAhC,CAAgC,CAE7D,CAAA;AAED,IAAM,eAAe,GAAG,IAAA,gBAAM,EAAC,mBAAS,CAAC,4FAAA,yBAExC,IAAA,CAAA;AAEM,IAAM,eAAe,GAA+B,UAAC,EAY3D;;QAXC,KAAK,WAAA,EACL,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,kBAAkB,wBAAA,EAClB,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,SAAS,eAAA,EACT,YAAY,kBAAA;IAEJ,IAAA,SAAS,GAAK,IAAA,4BAAkB,GAAE,UAAzB,CAAyB;IAC1C,OAAO,CACL,8BAAC,cAAI,IACH,cAAc,QACd,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,mBAChB,CAAC,IAAI,gBACR,SAAS,IAAI,EAAE;QAE3B,8BAAC,4BAAkB,aACjB,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,QAAQ,EAAE,CAAC,IAAI,EACf,QAAQ,QACR,SAAS,EAAE;gBACT,WAAW,EAAE,SAAS;gBACtB,aAAa,EAAE,UAAU;gBACzB,YAAY,EAAE,UAAU;aACzB,IACG,CAAC,IAAI;YACP,CAAC,CAAC;gBACE,OAAO,EAAE;oBACP,OAAA,SAAS,CACP,IAAA,oCAAgB,EACd,MAAM,EACN,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,qBAAqB,KAAI,EAAE,EACzC,SAAS,EACT,SAAS,EACT,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,KAAI,EAAE,EAC7B,YAAY,EACZ,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,gCAAgC;wBAC5C,sBAAY,CAAC,KAAK,CACrB,CACF;gBAXD,CAWC;aACJ;YACH,CAAC,CAAC,EAAE,CAAC;YAEP,8BAAC,4BAAkB,IAAC,mBAAmB;gBACrC,8BAAC,mBAAmB,eACd,kBAAkB,mBACT,EAAE,EACf,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC;oBAErB,8BAAC,wBAAc,eAAK,aAAa;wBAC/B,8BAAC,eAAK,IACJ,YAAY,EAAC,UAAU,EACvB,IAAI,EAAC,kBAAkB,EACvB,iBAAiB,EAAC,QAAQ,EAC1B,WAAW,EAAC,UAAU;4BAEtB,8BAAC,oBAAU;gCACT,8BAAC,eAAK,IACJ,IAAI,EAAC,mBAAmB,EACxB,iBAAiB,EAAC,YAAY;oCAE7B,SAAS;oCACV,8BAAC,eAAe,IAAC,gBAAgB,EAAC,mBAAmB,IAClD,KAAK,CACU,CACZ,CACG;4BAEb,8BAAC,oBAAU,IAAC,cAAc,EAAC,UAAU;gCACnC,8BAAC,eAAK,IAAC,IAAI,EAAC,kBAAkB,EAAC,iBAAiB,EAAC,YAAY,IAC1D,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,8BAAC,mBAAS,IAAC,gBAAgB,EAAC,gBAAgB,IACzC,QAAQ,CACC,CACb,CAAC,CAAC,CAAC,CACF,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CACnB,8BAAC,mBAAS,IACR,GAAG,EAAE,CAAC,EACN,gBAAgB,EAAC,gBAAgB,EACjC,cAAc,EAAE,UAAU,IAEzB,CAAC,CACQ,CACb,EARoB,CAQpB,CAAC,CACH,CACK,CACG,CACP,CACO;oBAChB,QAAQ,IAAI,CACX,8BAAC,wBAAc,IAAC,WAAW,EAAC,UAAU,IAAE,QAAQ,CAAkB,CACnE;oBACA,MAAM,IAAI,CACT,8BAAC,wBAAc,IAAC,iBAAiB,EAAC,UAAU;wBAC1C,8BAAC,mBAAS,aACR,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,gBAAgB,IAC7B,MAAA,MAAM,CAAC,KAAK,0CAAE,aAAa,mBAClB,MAAM,CAAC,UAAU,KAE7B,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CACN,CACG,CAClB,CACmB,CACH,CACF,CAChB,CACR,CAAA;AACH,CAAC,CAAA;AAnHY,QAAA,eAAe,mBAmH3B"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
+
import { EventContext } from '@newskit-render/shared-components';
|
|
1
2
|
import { MQ, NewsKitIconProps } from 'newskit';
|
|
2
3
|
export interface UserHubItemProps {
|
|
3
4
|
label: string;
|
|
5
|
+
ariaLabel?: string;
|
|
4
6
|
titleIcon?: React.ReactElement<NewsKitIconProps> | null;
|
|
5
7
|
subtitle?: string | string[];
|
|
6
8
|
footer?: {
|
|
@@ -24,6 +26,7 @@ export interface UserHubItemProps {
|
|
|
24
26
|
column?: MQ<string>;
|
|
25
27
|
};
|
|
26
28
|
id?: string;
|
|
29
|
+
eventContext?: EventContext;
|
|
27
30
|
containerOverrides?: {
|
|
28
31
|
rows: MQ<string>;
|
|
29
32
|
columns?: MQ<string>;
|
|
@@ -46,6 +46,7 @@ var types_1 = require("../../context/types");
|
|
|
46
46
|
var UserHubContext_1 = require("./UserHubContext");
|
|
47
47
|
var hooks_1 = require("../../hooks");
|
|
48
48
|
var toastFunctions_1 = require("../../helpers/toastFunctions");
|
|
49
|
+
var shared_components_2 = require("@newskit-render/shared-components");
|
|
49
50
|
var UserHub = function (_a) {
|
|
50
51
|
var _b;
|
|
51
52
|
var customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, context = _a.context, user = _a.user, env = _a.env, requestHeaders = _a.requestHeaders, featureFlags = _a.featureFlags, _c = _a.footer, footer = _c === void 0 ? true : _c, _d = _a.sidebar, sidebar = _d === void 0 ? true : _d;
|
|
@@ -57,6 +58,7 @@ var UserHub = function (_a) {
|
|
|
57
58
|
}
|
|
58
59
|
: {})) });
|
|
59
60
|
(0, hooks_1.useSuccessToast)(withActions);
|
|
61
|
+
(0, shared_components_2.usePageViewTracking)(enhancedContext === null || enhancedContext === void 0 ? void 0 : enhancedContext.tealiumContext);
|
|
60
62
|
return (react_1.default.createElement(Templates_1.default, { sidebar: sidebar, footer: footer, context: withActions, customTheme: customTheme || shared_components_1.sharedTheme, themeDropdownObject: themeDropdownObject, contextName: contextName },
|
|
61
63
|
react_1.default.createElement(Templates_1.UserHubRender, null)));
|
|
62
64
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserHub.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHub.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gEAAkC;AAClC,uEAA+E;AAC/E,sEAAkE;AAElE,6CAAiD;AAEjD,mDAAiD;AACjD,qCAA6C;AAC7C,+DAIqC;
|
|
1
|
+
{"version":3,"file":"UserHub.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHub.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gEAAkC;AAClC,uEAA+E;AAC/E,sEAAkE;AAElE,6CAAiD;AAEjD,mDAAiD;AACjD,qCAA6C;AAC7C,+DAIqC;AACrC,uEAAuE;AAEhE,IAAM,OAAO,GAA2B,UAAC,EAU/C;;QATC,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,GAAG,SAAA,EACH,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA;IAEd,IAAM,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAA;IAE3C,IAAM,eAAe,yBAChB,IAAA,uBAAM,EACP,EAAE,eAEG,+BAAc,GAEnB,OAAO,CACR,KACD,QAAQ,EAAE,IAAI,EACd,GAAG,KAAA,EACH,YAAY,cAAA,EACZ,cAAc,gBAAA,GACf,CAAA;IAED,IAAM,WAAW,yBACZ,eAAe,KAClB,QAAQ,wBACH,eAAe,CAAC,QAAQ,GACxB,CAAC,CAAA,MAAA,eAAe,CAAC,QAAQ,0CAAE,WAAW;YACvC,CAAC,CAAC;gBACE,WAAW,wBACN,eAAe,CAAC,QAAQ,CAAC,WAAW,KACvC,oBAAoB,wBACf,eAAe,CAAC,QAAQ,CAAC,WAAW,CAAC,oBAAoB,KAC5D,WAAW,8BAAA,EACX,aAAa,gCAAA,EACb,iBAAiB,oCAAA,MAEpB;aACF;YACH,CAAC,CAAC,EAAE,CAAC,IAEV,CAAA;IACD,IAAA,uBAAe,EAAC,WAAW,CAAC,CAAA;IAC5B,IAAA,uCAAmB,EAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,cAAc,CAAC,CAAA;IAEpD,OAAO,CACL,8BAAC,mBAAM,IACL,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,WAAW,IAAI,+BAAY,EACxC,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW;QAExB,8BAAC,yBAAa,OAAG,CACV,CACV,CAAA;AACH,CAAC,CAAA;AA7DY,QAAA,OAAO,WA6DnB"}
|
|
@@ -32,6 +32,7 @@ var IconFilledChevronRight = (0, newskit_1.toNewsKitIcon)(ChevronRight_1.Chevron
|
|
|
32
32
|
var IconChatBubbleOutline = (0, newskit_1.toNewsKitIcon)(ChatBubbleOutline_1.ChatBubbleOutline);
|
|
33
33
|
var IconHelpOutline = (0, newskit_1.toNewsKitIcon)(HelpOutline_1.HelpOutline);
|
|
34
34
|
var IconLaunch = (0, newskit_1.toNewsKitIcon)(Launch_1.Launch);
|
|
35
|
+
var pageName = 'homepage';
|
|
35
36
|
exports.userHubContext = {
|
|
36
37
|
sections: {
|
|
37
38
|
quickLinks: {
|
|
@@ -58,6 +59,7 @@ exports.userHubContext = {
|
|
|
58
59
|
},
|
|
59
60
|
items: [
|
|
60
61
|
{
|
|
62
|
+
ariaLabel: 'update payment method',
|
|
61
63
|
label: 'Payment method',
|
|
62
64
|
titleIcon: (react_1.default.createElement(IconFilledCreditCard, { overrides: {
|
|
63
65
|
size: 'iconSize020',
|
|
@@ -67,8 +69,15 @@ exports.userHubContext = {
|
|
|
67
69
|
href: '/payment-methods',
|
|
68
70
|
linkIcon: (react_1.default.createElement(IconFilledChevronRight, { overrides: { size: 'iconSize020', stylePreset: 'inkBlack' } })),
|
|
69
71
|
id: 'payment-details-tile',
|
|
72
|
+
eventContext: {
|
|
73
|
+
event_navigation_action: 'navigation',
|
|
74
|
+
event_navigation_name: 'update payment method clicked',
|
|
75
|
+
event_navigation_browsing_method: newskit_1.EventTrigger.Click,
|
|
76
|
+
page_name: pageName,
|
|
77
|
+
},
|
|
70
78
|
},
|
|
71
79
|
{
|
|
80
|
+
ariaLabel: 'change your password',
|
|
72
81
|
label: 'Password',
|
|
73
82
|
titleIcon: (react_1.default.createElement(IconOutlinedLock, { overrides: {
|
|
74
83
|
size: 'iconSize020',
|
|
@@ -81,6 +90,12 @@ exports.userHubContext = {
|
|
|
81
90
|
stylePreset: 'inkBlack',
|
|
82
91
|
} })),
|
|
83
92
|
id: 'change-password-tile',
|
|
93
|
+
eventContext: {
|
|
94
|
+
event_navigation_action: 'navigation',
|
|
95
|
+
event_navigation_name: 'update password clicked',
|
|
96
|
+
event_navigation_browsing_method: newskit_1.EventTrigger.Click,
|
|
97
|
+
page_name: pageName,
|
|
98
|
+
},
|
|
84
99
|
},
|
|
85
100
|
],
|
|
86
101
|
},
|
|
@@ -108,6 +123,7 @@ exports.userHubContext = {
|
|
|
108
123
|
},
|
|
109
124
|
items: [
|
|
110
125
|
{
|
|
126
|
+
ariaLabel: 'looking for help',
|
|
111
127
|
label: 'Looking for help?',
|
|
112
128
|
titleIcon: (react_1.default.createElement(IconHelpOutline, { overrides: {
|
|
113
129
|
size: 'iconSize020',
|
|
@@ -117,6 +133,12 @@ exports.userHubContext = {
|
|
|
117
133
|
href: '/help',
|
|
118
134
|
linkIcon: (react_1.default.createElement(IconLaunch, { overrides: { size: 'iconSize010', stylePreset: 'inkBlack' } })),
|
|
119
135
|
id: 'help-hub-tile',
|
|
136
|
+
eventContext: {
|
|
137
|
+
event_navigation_action: 'navigation',
|
|
138
|
+
event_navigation_name: 'looking for help',
|
|
139
|
+
event_navigation_browsing_method: newskit_1.EventTrigger.Click,
|
|
140
|
+
page_name: pageName,
|
|
141
|
+
},
|
|
120
142
|
},
|
|
121
143
|
{
|
|
122
144
|
itemOverrides: {
|
|
@@ -174,7 +196,10 @@ exports.userHubContext = {
|
|
|
174
196
|
minWidth: '100%',
|
|
175
197
|
},
|
|
176
198
|
},
|
|
177
|
-
newslettersListProps: __assign(__assign({
|
|
199
|
+
newslettersListProps: __assign(__assign({ tealiumContext: {
|
|
200
|
+
originator: 'link',
|
|
201
|
+
context: { page_name: pageName },
|
|
202
|
+
}, userHubNewslettersIds: ['115', '108', '119', '133'] }, Newsletters_1.newslettersListContext), { cardOverrides: __assign(__assign({}, Newsletters_1.newslettersListContext.cardOverrides), { maxWidth: {
|
|
178
203
|
xl: 'none',
|
|
179
204
|
} }), gridLayoutOverrides: {
|
|
180
205
|
columns: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserHubContext.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHubContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,
|
|
1
|
+
{"version":3,"file":"UserHubContext.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHubContext.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,7 +15,8 @@ var __assign = (this && this.__assign) || function () {
|
|
|
15
15
|
};
|
|
16
16
|
import React from 'react';
|
|
17
17
|
import Link from 'next/link';
|
|
18
|
-
import { GridLayout, TextBlock, Stack, StackChild, StructuredListItem, styled, getColorCssFromTheme, GridLayoutItem, StructuredListCell, } from 'newskit';
|
|
18
|
+
import { GridLayout, TextBlock, Stack, StackChild, StructuredListItem, styled, getColorCssFromTheme, GridLayoutItem, StructuredListCell, useInstrumentation, EventTrigger, } from 'newskit';
|
|
19
|
+
import { createClickEvent } from '@newskit-render/shared-components';
|
|
19
20
|
var StyledGridContainer = styled(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"])), getColorCssFromTheme('borderColor', 'interface030'), function (_a) {
|
|
20
21
|
var isLink = _a.isLink;
|
|
21
22
|
return isLink ? getColorCssFromTheme('backgroundColor', 'interface020') : '';
|
|
@@ -26,13 +27,21 @@ var StyledGridContainer = styled(GridLayout)(templateObject_1 || (templateObject
|
|
|
26
27
|
var StyledTextBlock = styled(TextBlock)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n font-weight: 700;\n"], ["\n font-weight: 700;\n"])));
|
|
27
28
|
export var UserHubListItem = function (_a) {
|
|
28
29
|
var _b;
|
|
29
|
-
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;
|
|
30
|
-
|
|
31
|
-
|
|
30
|
+
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, ariaLabel = _a.ariaLabel, eventContext = _a.eventContext;
|
|
31
|
+
var fireEvent = useInstrumentation().fireEvent;
|
|
32
|
+
return (React.createElement(Link, { legacyBehavior: true, href: href || '', tabIndex: href ? undefined : -1, "aria-disabled": !href, "aria-label": ariaLabel || '' },
|
|
33
|
+
React.createElement(StructuredListItem, __assign({ href: href || '', disabled: !href, hideIcon: true, overrides: {
|
|
32
34
|
stylePreset: 'inkBase',
|
|
33
35
|
paddingInline: 'space000',
|
|
34
36
|
paddingBlock: 'space000',
|
|
35
|
-
} },
|
|
37
|
+
} }, (href
|
|
38
|
+
? {
|
|
39
|
+
onClick: function () {
|
|
40
|
+
return fireEvent(createClickEvent('link', (eventContext === null || eventContext === void 0 ? void 0 : eventContext.event_navigation_name) || '', undefined, undefined, (eventContext === null || eventContext === void 0 ? void 0 : eventContext.page_name) || '', 'navigation', (eventContext === null || eventContext === void 0 ? void 0 : eventContext.event_navigation_browsing_method) ||
|
|
41
|
+
EventTrigger.Click));
|
|
42
|
+
},
|
|
43
|
+
}
|
|
44
|
+
: {})),
|
|
36
45
|
React.createElement(StructuredListCell, { fullWidthSingleCell: true },
|
|
37
46
|
React.createElement(StyledGridContainer, __assign({}, containerOverrides, { "data-testid": id, isLink: Boolean(href) }),
|
|
38
47
|
React.createElement(GridLayoutItem, __assign({}, itemOverrides),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserHubListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/UserHubListItem/UserHubListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,EACL,UAAU,EACV,SAAS,EACT,KAAK,EACL,UAAU,EACV,kBAAkB,EAClB,MAAM,EACN,oBAAoB,EACpB,cAAc,EACd,kBAAkB,
|
|
1
|
+
{"version":3,"file":"UserHubListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/UserHubListItem/UserHubListItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
+
import { EventContext } from '@newskit-render/shared-components';
|
|
1
2
|
import { MQ, NewsKitIconProps } from 'newskit';
|
|
2
3
|
export interface UserHubItemProps {
|
|
3
4
|
label: string;
|
|
5
|
+
ariaLabel?: string;
|
|
4
6
|
titleIcon?: React.ReactElement<NewsKitIconProps> | null;
|
|
5
7
|
subtitle?: string | string[];
|
|
6
8
|
footer?: {
|
|
@@ -24,6 +26,7 @@ export interface UserHubItemProps {
|
|
|
24
26
|
column?: MQ<string>;
|
|
25
27
|
};
|
|
26
28
|
id?: string;
|
|
29
|
+
eventContext?: EventContext;
|
|
27
30
|
containerOverrides?: {
|
|
28
31
|
rows: MQ<string>;
|
|
29
32
|
columns?: MQ<string>;
|
|
@@ -17,6 +17,7 @@ import { ContextName } from '../../context/types';
|
|
|
17
17
|
import { userHubContext } from './UserHubContext';
|
|
18
18
|
import { useSuccessToast } from '../../hooks';
|
|
19
19
|
import { handleError, handleLoading, handleShowSuccess, } from '../../helpers/toastFunctions';
|
|
20
|
+
import { usePageViewTracking } from '@newskit-render/shared-components';
|
|
20
21
|
export var UserHub = function (_a) {
|
|
21
22
|
var _b;
|
|
22
23
|
var customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, context = _a.context, user = _a.user, env = _a.env, requestHeaders = _a.requestHeaders, featureFlags = _a.featureFlags, _c = _a.footer, footer = _c === void 0 ? true : _c, _d = _a.sidebar, sidebar = _d === void 0 ? true : _d;
|
|
@@ -28,6 +29,7 @@ export var UserHub = function (_a) {
|
|
|
28
29
|
}
|
|
29
30
|
: {})) });
|
|
30
31
|
useSuccessToast(withActions);
|
|
32
|
+
usePageViewTracking(enhancedContext === null || enhancedContext === void 0 ? void 0 : enhancedContext.tealiumContext);
|
|
31
33
|
return (React.createElement(Layout, { sidebar: sidebar, footer: footer, context: withActions, customTheme: customTheme || accountTheme, themeDropdownObject: themeDropdownObject, contextName: contextName },
|
|
32
34
|
React.createElement(UserHubRender, null)));
|
|
33
35
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserHub.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHub.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,eAAe,CAAA;AAClC,OAAO,EAAE,WAAW,IAAI,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAC/E,OAAO,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EACL,WAAW,EACX,aAAa,EACb,iBAAiB,GAClB,MAAM,8BAA8B,CAAA;
|
|
1
|
+
{"version":3,"file":"UserHub.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHub.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,eAAe,CAAA;AAClC,OAAO,EAAE,WAAW,IAAI,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAC/E,OAAO,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EACL,WAAW,EACX,aAAa,EACb,iBAAiB,GAClB,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AAEvE,MAAM,CAAC,IAAM,OAAO,GAA2B,UAAC,EAU/C;;QATC,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,GAAG,SAAA,EACH,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA;IAEd,IAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAA;IAE3C,IAAM,eAAe,yBAChB,MAAM,CACP,EAAE,eAEG,cAAc,GAEnB,OAAO,CACR,KACD,QAAQ,EAAE,IAAI,EACd,GAAG,KAAA,EACH,YAAY,cAAA,EACZ,cAAc,gBAAA,GACf,CAAA;IAED,IAAM,WAAW,yBACZ,eAAe,KAClB,QAAQ,wBACH,eAAe,CAAC,QAAQ,GACxB,CAAC,CAAA,MAAA,eAAe,CAAC,QAAQ,0CAAE,WAAW;YACvC,CAAC,CAAC;gBACE,WAAW,wBACN,eAAe,CAAC,QAAQ,CAAC,WAAW,KACvC,oBAAoB,wBACf,eAAe,CAAC,QAAQ,CAAC,WAAW,CAAC,oBAAoB,KAC5D,WAAW,aAAA,EACX,aAAa,eAAA,EACb,iBAAiB,mBAAA,MAEpB;aACF;YACH,CAAC,CAAC,EAAE,CAAC,IAEV,CAAA;IACD,eAAe,CAAC,WAAW,CAAC,CAAA;IAC5B,mBAAmB,CAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,cAAc,CAAC,CAAA;IAEpD,OAAO,CACL,oBAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,WAAW,IAAI,YAAY,EACxC,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW;QAExB,oBAAC,aAAa,OAAG,CACV,CACV,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import { toNewsKitIcon } from 'newskit';
|
|
13
|
+
import { EventTrigger, toNewsKitIcon } from 'newskit';
|
|
14
14
|
import { footer, sideNav, navigationPrimary } from '../../context';
|
|
15
15
|
import { ChevronRight as FilledChevronRight } from '@emotion-icons/material/ChevronRight';
|
|
16
16
|
import { CreditCard as FilledCreditCard } from '@emotion-icons/material/CreditCard';
|
|
@@ -26,6 +26,7 @@ var IconFilledChevronRight = toNewsKitIcon(FilledChevronRight);
|
|
|
26
26
|
var IconChatBubbleOutline = toNewsKitIcon(ChatBubbleOutline);
|
|
27
27
|
var IconHelpOutline = toNewsKitIcon(HelpOutline);
|
|
28
28
|
var IconLaunch = toNewsKitIcon(Launch);
|
|
29
|
+
var pageName = 'homepage';
|
|
29
30
|
export var userHubContext = {
|
|
30
31
|
sections: {
|
|
31
32
|
quickLinks: {
|
|
@@ -52,6 +53,7 @@ export var userHubContext = {
|
|
|
52
53
|
},
|
|
53
54
|
items: [
|
|
54
55
|
{
|
|
56
|
+
ariaLabel: 'update payment method',
|
|
55
57
|
label: 'Payment method',
|
|
56
58
|
titleIcon: (React.createElement(IconFilledCreditCard, { overrides: {
|
|
57
59
|
size: 'iconSize020',
|
|
@@ -61,8 +63,15 @@ export var userHubContext = {
|
|
|
61
63
|
href: '/payment-methods',
|
|
62
64
|
linkIcon: (React.createElement(IconFilledChevronRight, { overrides: { size: 'iconSize020', stylePreset: 'inkBlack' } })),
|
|
63
65
|
id: 'payment-details-tile',
|
|
66
|
+
eventContext: {
|
|
67
|
+
event_navigation_action: 'navigation',
|
|
68
|
+
event_navigation_name: 'update payment method clicked',
|
|
69
|
+
event_navigation_browsing_method: EventTrigger.Click,
|
|
70
|
+
page_name: pageName,
|
|
71
|
+
},
|
|
64
72
|
},
|
|
65
73
|
{
|
|
74
|
+
ariaLabel: 'change your password',
|
|
66
75
|
label: 'Password',
|
|
67
76
|
titleIcon: (React.createElement(IconOutlinedLock, { overrides: {
|
|
68
77
|
size: 'iconSize020',
|
|
@@ -75,6 +84,12 @@ export var userHubContext = {
|
|
|
75
84
|
stylePreset: 'inkBlack',
|
|
76
85
|
} })),
|
|
77
86
|
id: 'change-password-tile',
|
|
87
|
+
eventContext: {
|
|
88
|
+
event_navigation_action: 'navigation',
|
|
89
|
+
event_navigation_name: 'update password clicked',
|
|
90
|
+
event_navigation_browsing_method: EventTrigger.Click,
|
|
91
|
+
page_name: pageName,
|
|
92
|
+
},
|
|
78
93
|
},
|
|
79
94
|
],
|
|
80
95
|
},
|
|
@@ -102,6 +117,7 @@ export var userHubContext = {
|
|
|
102
117
|
},
|
|
103
118
|
items: [
|
|
104
119
|
{
|
|
120
|
+
ariaLabel: 'looking for help',
|
|
105
121
|
label: 'Looking for help?',
|
|
106
122
|
titleIcon: (React.createElement(IconHelpOutline, { overrides: {
|
|
107
123
|
size: 'iconSize020',
|
|
@@ -111,6 +127,12 @@ export var userHubContext = {
|
|
|
111
127
|
href: '/help',
|
|
112
128
|
linkIcon: (React.createElement(IconLaunch, { overrides: { size: 'iconSize010', stylePreset: 'inkBlack' } })),
|
|
113
129
|
id: 'help-hub-tile',
|
|
130
|
+
eventContext: {
|
|
131
|
+
event_navigation_action: 'navigation',
|
|
132
|
+
event_navigation_name: 'looking for help',
|
|
133
|
+
event_navigation_browsing_method: EventTrigger.Click,
|
|
134
|
+
page_name: pageName,
|
|
135
|
+
},
|
|
114
136
|
},
|
|
115
137
|
{
|
|
116
138
|
itemOverrides: {
|
|
@@ -168,7 +190,10 @@ export var userHubContext = {
|
|
|
168
190
|
minWidth: '100%',
|
|
169
191
|
},
|
|
170
192
|
},
|
|
171
|
-
newslettersListProps: __assign(__assign({
|
|
193
|
+
newslettersListProps: __assign(__assign({ tealiumContext: {
|
|
194
|
+
originator: 'link',
|
|
195
|
+
context: { page_name: pageName },
|
|
196
|
+
}, userHubNewslettersIds: ['115', '108', '119', '133'] }, newslettersListContext), { cardOverrides: __assign(__assign({}, newslettersListContext.cardOverrides), { maxWidth: {
|
|
172
197
|
xl: 'none',
|
|
173
198
|
} }), gridLayoutOverrides: {
|
|
174
199
|
columns: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserHubContext.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHubContext.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"UserHubContext.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHubContext.tsx"],"names":[],"mappings":"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"}
|