@newskit-render/shared-components 4.53.29 → 4.53.30-3f459feb4.7
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/ContentListView/BenefitsListItem.d.ts +17 -0
- package/dist/cjs/ContentListView/BenefitsListItem.js +43 -0
- package/dist/cjs/ContentListView/BenefitsListItem.js.map +1 -0
- package/dist/cjs/ContentListView/ListItem.js +13 -2
- package/dist/cjs/ContentListView/ListItem.js.map +1 -1
- package/dist/cjs/ContentListView/types.d.ts +18 -3
- package/dist/cjs/ContentListView/types.js.map +1 -1
- package/dist/cjs/Link/types.d.ts +14 -8
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.js +1 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/sharedTypes/logicalProps.d.ts +19 -0
- package/dist/cjs/sharedTypes/logicalProps.js +3 -0
- package/dist/cjs/sharedTypes/logicalProps.js.map +1 -0
- package/dist/cjs/utils/tracking.d.ts +25 -10
- package/dist/cjs/utils/tracking.js +32 -9
- package/dist/cjs/utils/tracking.js.map +1 -1
- package/dist/esm/ContentListView/BenefitsListItem.d.ts +17 -0
- package/dist/esm/ContentListView/BenefitsListItem.js +36 -0
- package/dist/esm/ContentListView/BenefitsListItem.js.map +1 -0
- package/dist/esm/ContentListView/ListItem.js +12 -1
- package/dist/esm/ContentListView/ListItem.js.map +1 -1
- package/dist/esm/ContentListView/types.d.ts +18 -3
- package/dist/esm/ContentListView/types.js.map +1 -1
- package/dist/esm/Link/types.d.ts +14 -8
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/sharedTypes/logicalProps.d.ts +19 -0
- package/dist/esm/sharedTypes/logicalProps.js +2 -0
- package/dist/esm/sharedTypes/logicalProps.js.map +1 -0
- package/dist/esm/utils/tracking.d.ts +25 -10
- package/dist/esm/utils/tracking.js +29 -7
- package/dist/esm/utils/tracking.js.map +1 -1
- package/package.json +3 -2
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { NewsKitIcon, NewsKitIconProps, TextBlockProps } from 'newskit';
|
|
3
|
+
export interface BenefitsListItemProps {
|
|
4
|
+
code: string;
|
|
5
|
+
title: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
icon?: NewsKitIcon;
|
|
8
|
+
iconOverrides?: NewsKitIconProps;
|
|
9
|
+
titleOverrides?: TextBlockProps;
|
|
10
|
+
descriptionOverrides?: TextBlockProps;
|
|
11
|
+
link?: {
|
|
12
|
+
href: string;
|
|
13
|
+
text: string;
|
|
14
|
+
};
|
|
15
|
+
linkOverrides?: TextBlockProps;
|
|
16
|
+
}
|
|
17
|
+
export declare const BenefitsListItem: FC<BenefitsListItemProps>;
|
|
@@ -0,0 +1,43 @@
|
|
|
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.BenefitsListItem = void 0;
|
|
18
|
+
var react_1 = __importDefault(require("react"));
|
|
19
|
+
var newskit_1 = require("newskit");
|
|
20
|
+
var material_outlined_1 = require("@emotion-icons/material-outlined");
|
|
21
|
+
var Link_1 = require("../Link");
|
|
22
|
+
var IconArticle = (0, newskit_1.toNewsKitIcon)(material_outlined_1.Article);
|
|
23
|
+
var BenefitsListItem = function (_a) {
|
|
24
|
+
var code = _a.code, title = _a.title, description = _a.description, BenefitIcon = _a.icon, iconOverrides = _a.iconOverrides, titleOverrides = _a.titleOverrides, descriptionOverrides = _a.descriptionOverrides, link = _a.link, linkOverrides = _a.linkOverrides;
|
|
25
|
+
return (react_1.default.createElement(newskit_1.Stack, { key: code, paddingBlockEnd: "space060" },
|
|
26
|
+
react_1.default.createElement(newskit_1.Stack, { paddingBlockEnd: "space020", flow: "horizontal-center" },
|
|
27
|
+
BenefitIcon ? (react_1.default.createElement(BenefitIcon, __assign({ overrides: {
|
|
28
|
+
size: 'iconSize020',
|
|
29
|
+
stylePreset: 'inkContrast',
|
|
30
|
+
}, "data-testid": "benefit-icon" }, iconOverrides))) : (react_1.default.createElement(IconArticle, __assign({ overrides: {
|
|
31
|
+
size: 'iconSize020',
|
|
32
|
+
stylePreset: 'inkContrast',
|
|
33
|
+
}, "data-testid": "benefit-icon" }, iconOverrides))),
|
|
34
|
+
react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "benefit-title", typographyPreset: "utilityHeading010", stylePreset: "inkContrast" }, titleOverrides), title)),
|
|
35
|
+
description && (react_1.default.createElement(newskit_1.StackChild, null,
|
|
36
|
+
react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "benefit-description", typographyPreset: "utilityBody020", stylePreset: "inkBase" }, descriptionOverrides), description))),
|
|
37
|
+
link && (react_1.default.createElement(Link_1.NextLink, __assign({ external: false, type: "inline", href: link.href, "data-testid": "benefit-link", overrides: {
|
|
38
|
+
paddingBlockStart: 'space040',
|
|
39
|
+
typographyPreset: 'utilityHeading010',
|
|
40
|
+
} }, linkOverrides), link.text))));
|
|
41
|
+
};
|
|
42
|
+
exports.BenefitsListItem = BenefitsListItem;
|
|
43
|
+
//# sourceMappingURL=BenefitsListItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BenefitsListItem.js","sourceRoot":"","sources":["../../../src/ContentListView/BenefitsListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAiC;AACjC,mCAQgB;AAChB,sEAA0D;AAC1D,gCAAkC;AAElC,IAAM,WAAW,GAAG,IAAA,uBAAa,EAAC,2BAAO,CAAC,CAAA;AAgBnC,IAAM,gBAAgB,GAA8B,UAAC,EAU3D;QATC,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,WAAW,iBAAA,EACL,WAAW,UAAA,EACjB,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,oBAAoB,0BAAA,EACpB,IAAI,UAAA,EACJ,aAAa,mBAAA;IAEb,OAAO,CACL,8BAAC,eAAK,IAAC,GAAG,EAAE,IAAI,EAAE,eAAe,EAAC,UAAU;QAC1C,8BAAC,eAAK,IAAC,eAAe,EAAC,UAAU,EAAC,IAAI,EAAC,mBAAmB;YACvD,WAAW,CAAC,CAAC,CAAC,CACb,8BAAC,WAAW,aACV,SAAS,EAAE;oBACT,IAAI,EAAE,aAAa;oBACnB,WAAW,EAAE,aAAa;iBAC3B,iBACW,cAAc,IACtB,aAAa,EACjB,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,WAAW,aACV,SAAS,EAAE;oBACT,IAAI,EAAE,aAAa;oBACnB,WAAW,EAAE,aAAa;iBAC3B,iBACW,cAAc,IACtB,aAAa,EACjB,CACH;YACD,8BAAC,mBAAS,4BACI,eAAe,EAC3B,gBAAgB,EAAC,mBAAmB,EACpC,WAAW,EAAC,aAAa,IACrB,cAAc,GAEjB,KAAK,CACI,CACN;QACP,WAAW,IAAI,CACd,8BAAC,oBAAU;YACT,8BAAC,mBAAS,4BACI,qBAAqB,EACjC,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,SAAS,IACjB,oBAAoB,GAEvB,WAAW,CACF,CACD,CACd;QACA,IAAI,IAAI,CACP,8BAAC,eAAQ,aACP,QAAQ,EAAE,KAAK,EACf,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,iBACH,cAAc,EAC1B,SAAS,EAAE;gBACT,iBAAiB,EAAE,UAAU;gBAC7B,gBAAgB,EAAE,mBAAmB;aACtC,IACG,aAAa,GAEhB,IAAI,CAAC,IAAI,CACD,CACZ,CACK,CACT,CAAA;AACH,CAAC,CAAA;AAvEY,QAAA,gBAAgB,oBAuE5B"}
|
|
@@ -24,12 +24,13 @@ var react_1 = __importDefault(require("react"));
|
|
|
24
24
|
var link_1 = __importDefault(require("next/link"));
|
|
25
25
|
var OpenInNew_1 = require("@emotion-icons/material/OpenInNew");
|
|
26
26
|
var ArrowForwardIos_1 = require("@emotion-icons/material-outlined/ArrowForwardIos");
|
|
27
|
-
var
|
|
27
|
+
var material_outlined_1 = require("@emotion-icons/material-outlined");
|
|
28
28
|
var lodash_unescape_1 = __importDefault(require("lodash.unescape"));
|
|
29
29
|
var InvoiceListItem_1 = require("./InvoiceListItem");
|
|
30
30
|
var Link_1 = require("../Link");
|
|
31
|
+
var BenefitsListItem_1 = require("./BenefitsListItem");
|
|
31
32
|
var IconFilledOpenInNew = (0, newskit_1.toNewsKitIcon)(OpenInNew_1.OpenInNew);
|
|
32
|
-
var IconOutlinedInfo = (0, newskit_1.toNewsKitIcon)(
|
|
33
|
+
var IconOutlinedInfo = (0, newskit_1.toNewsKitIcon)(material_outlined_1.Info);
|
|
33
34
|
var IconOutlinedArrowForwardIos = (0, newskit_1.toNewsKitIcon)(ArrowForwardIos_1.ArrowForwardIos);
|
|
34
35
|
var Description = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: transparent;\n"], ["\n background: transparent;\n"])));
|
|
35
36
|
var WordBreakSpan = newskit_1.styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n word-break: break-word;\n"], ["\n word-break: break-word;\n"])));
|
|
@@ -48,6 +49,16 @@ var ListItem = function (_a) {
|
|
|
48
49
|
if (item.type === 'paymentHistory') {
|
|
49
50
|
return (react_1.default.createElement(InvoiceListItem_1.InvoiceListItem, { item: item, handlePDF: handlePDF, overrides: invoiceOverrides }));
|
|
50
51
|
}
|
|
52
|
+
if (item.type === 'benefitsV2') {
|
|
53
|
+
var contentItems = item.default;
|
|
54
|
+
return (react_1.default.createElement(newskit_1.StructuredListItem, { "data-testid": "benefits-list-item", hideIcon: true, overrides: {
|
|
55
|
+
paddingInline: 'space050',
|
|
56
|
+
paddingBlock: 'space050',
|
|
57
|
+
} },
|
|
58
|
+
react_1.default.createElement(newskit_1.StructuredListCell, null,
|
|
59
|
+
react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "utilityHeading010", stylePreset: "inkContrast" }, labelOverrides), item.label)),
|
|
60
|
+
react_1.default.createElement(newskit_1.StructuredListCell, null, contentItems.map(function (content) { return (react_1.default.createElement(BenefitsListItem_1.BenefitsListItem, __assign({ key: content.code }, content))); }))));
|
|
61
|
+
}
|
|
51
62
|
return (react_1.default.createElement(link_1.default, { href: item.href || '', legacyBehavior: true },
|
|
52
63
|
react_1.default.createElement(StyledStructuredListItem, __assign({}, listItemProps, { href: item.href, target: item.target }),
|
|
53
64
|
react_1.default.createElement(newskit_1.StructuredListCell, { xs: xs, md: md, fullWidthSingleCell: fullWidthSingleCell, align: align || 'start' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ContentListView/ListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,mCAagB;AAChB,gDAAyB;AACzB,mDAA4B;
|
|
1
|
+
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ContentListView/ListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,mCAagB;AAChB,gDAAyB;AACzB,mDAA4B;AAO5B,+DAAgF;AAChF,oFAA6G;AAC7G,sEAAuE;AACvE,oEAAsC;AACtC,qDAAmD;AACnD,gCAAkC;AAClC,uDAAqD;AAErD,IAAM,mBAAmB,GAAG,IAAA,uBAAa,EAAC,qBAAe,CAAC,CAAA;AAC1D,IAAM,gBAAgB,GAAG,IAAA,uBAAa,EAAC,wBAAY,CAAC,CAAA;AACpD,IAAM,2BAA2B,GAAG,IAAA,uBAAa,EAAC,iCAAuB,CAAC,CAAA;AAE1E,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,mBAAS,CAAC,mGAAA,gCAEpC,IAAA,CAAA;AAED,IAAM,aAAa,GAAG,gBAAM,CAAC,IAAI,kGAAA,+BAEhC,IAAA,CAAA;AAED,IAAM,aAAa,GAAwB,UAAC,EAAmB;QAAjB,IAAI,UAAA,EAAE,SAAS,eAAA;IAAO,OAAA,CAClE,8BAAC,IAAI,IAAC,SAAS,EAAE,SAAS,GAAI,CAC/B;AAFmE,CAEnE,CAAA;AAED,IAAM,wBAAwB,GAAG,IAAA,gBAAM,EAAC,4BAAkB,CAAC,+EAEzD,MACE,EAIA,IACH,KALG,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,WAAW;QACX,gDAEA;AAHA,CAGA,CACH,CAAA;AAED,IAAM,UAAU,GAAG,gBAAM,CAAC,IAAI,iHAAA,8CAG7B,IAAA,CAAA;AAEM,IAAM,QAAQ,GAAqC,UAAC,EAiB1D;QAhBC,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,qBAYM,EAZN,qBAYI,EAAE,KAAA,EAXJ,EAAE,QAAA,EACF,EAAE,QAAA,EACF,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,oBAAoB,0BAAA,EACpB,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,KAAK,WAAA,EACL,mBAAmB,yBAAA,EAErB,aAAa,mBAAA;IAEb,IAAI,IAAI,CAAC,IAAI,KAAK,gBAAgB,EAAE,CAAC;QACnC,OAAO,CACL,8BAAC,iCAAe,IACd,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,gBAAgB,GAC3B,CACH,CAAA;IACH,CAAC;IAED,IAAI,IAAI,CAAC,IAAI,KAAK,YAAY,EAAE,CAAC;QAC/B,IAAM,YAAY,GAAG,IAAI,CAAC,OAAoC,CAAA;QAE9D,OAAO,CACL,8BAAC,4BAAkB,mBACL,oBAAoB,EAChC,QAAQ,EAAE,IAAI,EACd,SAAS,EAAE;gBACT,aAAa,EAAE,UAAU;gBACzB,YAAY,EAAE,UAAU;aACzB;YAED,8BAAC,4BAAkB;gBACjB,8BAAC,mBAAS,aACR,gBAAgB,EAAC,mBAAmB,EACpC,WAAW,EAAC,aAAa,IACrB,cAAc,GAEjB,IAAI,CAAC,KAAK,CACD,CACO;YACrB,8BAAC,4BAAkB,QAChB,YAAY,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,CAC7B,8BAAC,mCAAgB,aAAC,GAAG,EAAE,OAAO,CAAC,IAAI,IAAM,OAAO,EAAI,CACrD,EAF8B,CAE9B,CAAC,CACiB,CACF,CACtB,CAAA;IACH,CAAC;IAED,OAAO,CACL,8BAAC,cAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,EAAE,EAAE,cAAc;QACzC,8BAAC,wBAAwB,eACnB,aAAa,IACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM;YAEnB,8BAAC,4BAAkB,IACjB,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,mBAAmB,EAAE,mBAAmB,EACxC,KAAK,EAAG,KAAiC,IAAI,OAAO;gBAEpD,8BAAC,oBAAU,IACT,UAAU,EAAC,OAAO,EAClB,OAAO,EAAC,iBAAiB,EACzB,SAAS,EAAE;wBACT,gBAAgB,EAAE,CAAC,IAAI,CAAC,IAAI;4BAC1B,CAAC,CAAC;gCACE,EAAE,EAAE,UAAU;gCACd,EAAE,EAAE,UAAU;6BACf;4BACH,CAAC,CAAC,SAAS;qBACd;oBAGD,8BAAC,wBAAc,IACb,MAAM,EAAE;4BACN,EAAE,EAAE,SAAS;4BACb,EAAE,EAAE,SAAS;yBACd;wBAED,8BAAC,mBAAS,aACR,WAAW,EAAC,aAAa,EACzB,gBAAgB,EAAC,mBAAmB,IAChC,cAAc,IAClB,KAAK,EAAE;gCACL,UAAU,EAAE,UAAG,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAE;6BACzD,EACD,eAAe,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;4BAEnD,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAChB,8BAAC,UAAU;gCACT,8BAAC,aAAa,eAAK,IAAI,CAAC,SAAS,EAAI;gCACpC,IAAI,CAAC,KAAK,CACA,CACd,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,KAAK,CACX;4BACA,IAAI,CAAC,gBAAgB,IAAI,CACxB,8BAAC,WAAW,aACV,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,gBAAgB,EACjC,gBAAgB,EAAC,UAAU,EAC3B,EAAE,EAAE,WAAW,EACf,EAAE,EAAC,MAAM,IACL,oBAAoB,GAEvB,IAAI,CAAC,gBAAgB,CACV,CACf,CACS,CACG;oBAChB,IAAI,CAAC,IAAI,IAAI,CACZ,8BAAC,wBAAc,IAAC,MAAM,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE;wBACtC,8BAAC,iBAAO,eAAK,CAAC,IAAI,CAAC,aAAa,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC;4BACzD,8BAAC,eAAK,IAAC,iBAAiB,EAAC,UAAU,EAAC,IAAI,EAAC,mBAAmB;gCACzD,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,CAC3B,8BAAC,mBAAmB,IAClB,SAAS,EAAE;wCACT,IAAI,EAAE,aAAa;wCACnB,WAAW,EAAE,aAAa;qCAC3B,GACD,CACH;gCACA,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,CAC3B,8BAAC,2BAA2B,IAC1B,SAAS,EAAE;wCACT,IAAI,EAAE,aAAa;wCACnB,WAAW,EAAE,aAAa;qCAC3B,GACD,CACH,CACK,CACA,CACK,CAClB,CACU,CACM;YAEpB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,CAC5C,8BAAC,4BAAkB,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;gBAC/B,8BAAC,mBAAS,IACR,EAAE,EAAC,MAAM,EACT,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,SAAS,EACrB,MAAM,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS,EAC/B,KAAK,EAAE;wBACL,UAAU,EAAE,UAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAE;qBAC5C;oBAED,8BAAC,aAAa,QACX,OAAO,SAAS,KAAK,QAAQ;wBAC5B,CAAC,CAAC,IAAA,yBAAQ,EAAC,SAAS,CAAC;wBACrB,CAAC,CAAC,SAAS,CACC;oBACf,WAAW,IAAI,CACd;wBACE,8BAAC,eAAK,IACJ,EAAE,EAAC,MAAM,EACT,WAAW,EACT,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EAEnD,KAAK,EAAE;gCACL,OAAO,EAAE,OAAO;6BACjB,GACD;wBACF,8BAAC,WAAW,IACV,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,gBAAgB,EACjC,EAAE,EAAE,WAAW,IAEd,WAAW,CACA,CACb,CACJ;oBACA,eAAe,IAAI,CAClB,8BAAC,eAAK,IACJ,WAAW,EAAC,mBAAmB,iBACnB,0BAA0B;wBAEtC,8BAAC,eAAQ,IACP,IAAI,EAAC,YAAY,EACjB,IAAI,EAAE,eAAe,CAAC,IAAI,EAC1B,SAAS,EAAE;gCACT,gBAAgB,EAAE,gBAAgB;6BACnC,EACD,QAAQ,EAAE,KAAK,IAEd,eAAe,CAAC,IAAI,CACZ,CACL,CACT,CACS,CACO,CACtB;YACA,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CACnC,8BAAC,4BAAkB,IAAC,SAAS;gBAC3B,8BAAC,iBAAO,IAAC,EAAE,QAAC,EAAE,QAAC,EAAE;oBACf,8BAAC,eAAK,IAAC,iBAAiB,EAAC,UAAU,EAAC,IAAI,EAAC,mBAAmB;wBACzD,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,CAC3B,8BAAC,mBAAmB,IAClB,SAAS,EAAE;gCACT,IAAI,EAAE,aAAa;gCACnB,WAAW,EAAE,aAAa;6BAC3B,GACD,CACH;wBACA,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,CAC3B,8BAAC,2BAA2B,IAC1B,SAAS,EAAE;gCACT,IAAI,EAAE,aAAa;gCACnB,WAAW,EAAE,aAAa;6BAC3B,GACD,CACH,CACK,CACA,CACS,CACtB;YACA,IAAI,CAAC,OAAO,IAAI,CACf,8BAAC,4BAAkB,IAAC,EAAE,EAAE,CAAC,EAAE,SAAS;gBAClC,8BAAC,eAAK,IAAC,iBAAiB,EAAC,UAAU,EAAC,IAAI,EAAC,mBAAmB;oBAC1D,8BAAC,iBAAO,IACN,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAC7B,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,EACjC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAC7B,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS;wBAEjC;4BACE,8BAAC,gBAAgB,IACf,SAAS,EAAE;oCACT,IAAI,EAAE,aAAa;oCACnB,WAAW,EAAE,aAAa;iCAC3B,kBACY,mBAAmB,GAChC,CACE,CACE,CACJ,CACW,CACtB,CACwB,CACtB,CACR,CAAA;AACH,CAAC,CAAA;AA7PY,QAAA,QAAQ,YA6PpB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { MQ, TriggerType, NewsKitIcon, Flow, StackDistribution, StructuredListProps } from 'newskit';
|
|
1
|
+
import { MQ, TriggerType, NewsKitIcon, Flow, StackDistribution, StructuredListProps, NewsKitIconProps, TextBlockProps } from 'newskit';
|
|
2
2
|
import { LogicalProps } from 'newskit/cjs/utils/logical-properties';
|
|
3
3
|
import { DescriptionOverrides, IntroductionProps, TitleOverrides } from '../Introduction/types';
|
|
4
4
|
export interface LabelIcon {
|
|
@@ -33,12 +33,27 @@ interface ListItemDescriptionLink {
|
|
|
33
33
|
href: string;
|
|
34
34
|
text: string;
|
|
35
35
|
}
|
|
36
|
+
export interface BenefitsListItemContent {
|
|
37
|
+
title: string;
|
|
38
|
+
description?: string;
|
|
39
|
+
icon?: NewsKitIcon;
|
|
40
|
+
iconOverrides?: NewsKitIconProps;
|
|
41
|
+
labelOverrides?: TextBlockProps;
|
|
42
|
+
code: string;
|
|
43
|
+
descriptionOverrides?: TextBlockProps;
|
|
44
|
+
titleOverrides?: TextBlockProps;
|
|
45
|
+
link?: {
|
|
46
|
+
href: string;
|
|
47
|
+
text: string;
|
|
48
|
+
};
|
|
49
|
+
linkOverrides?: TextBlockProps;
|
|
50
|
+
}
|
|
36
51
|
export interface ListItemType {
|
|
37
52
|
href?: string;
|
|
38
53
|
target?: string;
|
|
39
54
|
label: string;
|
|
40
55
|
labelIcon?: LabelIcon;
|
|
41
|
-
default: string | string[];
|
|
56
|
+
default: string | string[] | BenefitsListItemContent[];
|
|
42
57
|
labelDescription?: string;
|
|
43
58
|
valueDescription?: string;
|
|
44
59
|
valueDescriptionLink?: ListItemDescriptionLink;
|
|
@@ -84,7 +99,7 @@ export declare enum HolidayStopStatus {
|
|
|
84
99
|
processed = "processed",
|
|
85
100
|
cancelled = "cancelled"
|
|
86
101
|
}
|
|
87
|
-
export type ItemTypes = 'name' | 'dob' | 'displayName' | 'email' | 'password' | 'mobile' | 'landline' | 'address' | 'subscription' | 'price' | 'customerNumber' | 'subDate' | 'payment' | 'paymentMethods' | 'billDate' | 'amountDue' | 'newsletters' | 'commentingNotifications' | 'contactPreferences' | 'benefits' | 'deliveryInstructions' | 'holidayStops' | 'billingPostcode' | 'vouchers' | 'vouchersStartDate' | 'paymentHistory' | 'gender';
|
|
102
|
+
export type ItemTypes = 'name' | 'dob' | 'displayName' | 'email' | 'password' | 'mobile' | 'landline' | 'address' | 'subscription' | 'price' | 'customerNumber' | 'subDate' | 'payment' | 'paymentMethods' | 'billDate' | 'amountDue' | 'newsletters' | 'commentingNotifications' | 'contactPreferences' | 'benefits' | 'benefitsV2' | 'deliveryInstructions' | 'holidayStops' | 'billingPostcode' | 'vouchers' | 'vouchersStartDate' | 'paymentHistory' | 'gender';
|
|
88
103
|
export type EditComponentType = 'likedYourMessage' | 'userMentioned' | 'repliedToMessage';
|
|
89
104
|
export interface ContentListViewProps {
|
|
90
105
|
children: React.ReactElement<StructuredListProps> | React.ReactElement<StructuredListProps>[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/ContentListView/types.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/ContentListView/types.ts"],"names":[],"mappings":";;;AAsHA,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC3B,4CAAuB,CAAA;IACvB,4CAAuB,CAAA;IACvB,4CAAuB,CAAA;AACzB,CAAC,EAJW,iBAAiB,iCAAjB,iBAAiB,QAI5B"}
|
package/dist/cjs/Link/types.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { EventTrigger, MQ } from 'newskit';
|
|
2
|
+
import { LogicalProps } from 'sharedTypes/logicalProps';
|
|
2
3
|
export interface EventContext {
|
|
3
4
|
event_navigation_action: string;
|
|
4
5
|
event_navigation_name: string;
|
|
@@ -6,6 +7,17 @@ export interface EventContext {
|
|
|
6
7
|
event_navigation_label?: string;
|
|
7
8
|
page_name?: string;
|
|
8
9
|
article_parent_name?: string;
|
|
10
|
+
optimizely_feature_data?: string;
|
|
11
|
+
contract_state?: string;
|
|
12
|
+
embedded_mode?: string;
|
|
13
|
+
}
|
|
14
|
+
interface LinkOverrides extends LogicalProps {
|
|
15
|
+
stylePreset?: MQ<string>;
|
|
16
|
+
typographyPreset?: MQ<string>;
|
|
17
|
+
spaceInline?: MQ<string>;
|
|
18
|
+
externalIcon?: {
|
|
19
|
+
size?: string;
|
|
20
|
+
};
|
|
9
21
|
}
|
|
10
22
|
export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
11
23
|
type: 'standalone' | 'inline';
|
|
@@ -14,12 +26,6 @@ export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>
|
|
|
14
26
|
eventOriginator?: string;
|
|
15
27
|
external?: boolean;
|
|
16
28
|
target?: string;
|
|
17
|
-
overrides?:
|
|
18
|
-
stylePreset?: MQ<string>;
|
|
19
|
-
typographyPreset?: MQ<string>;
|
|
20
|
-
spaceInline?: MQ<string>;
|
|
21
|
-
externalIcon?: {
|
|
22
|
-
size?: string;
|
|
23
|
-
};
|
|
24
|
-
};
|
|
29
|
+
overrides?: LinkOverrides;
|
|
25
30
|
}
|
|
31
|
+
export {};
|
package/dist/cjs/index.d.ts
CHANGED
package/dist/cjs/index.js
CHANGED
|
@@ -40,4 +40,5 @@ __exportStar(require("./Calendar"), exports);
|
|
|
40
40
|
__exportStar(require("./helpers"), exports);
|
|
41
41
|
__exportStar(require("./theme"), exports);
|
|
42
42
|
__exportStar(require("./utils"), exports);
|
|
43
|
+
__exportStar(require("./sharedTypes/logicalProps"), exports);
|
|
43
44
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,gDAA6B;AAC7B,oDAAiC;AACjC,uDAAoC;AACpC,kDAA+B;AAC/B,0CAAuB;AACvB,kDAA+B;AAC/B,8CAA2B;AAC3B,2CAAwB;AACxB,iDAA8B;AAC9B,yCAAsB;AACtB,gDAA6B;AAC7B,0CAAuB;AACvB,sDAAmC;AACnC,qDAAkC;AAClC,kDAA+B;AAC/B,wCAAqB;AACrB,kDAA+B;AAC/B,uDAAoC;AACpC,wDAAqC;AACrC,kDAA+B;AAC/B,6CAA0B;AAC1B,6CAA0B;AAC1B,4CAAyB;AACzB,0CAAuB;AACvB,0CAAuB"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,gDAA6B;AAC7B,oDAAiC;AACjC,uDAAoC;AACpC,kDAA+B;AAC/B,0CAAuB;AACvB,kDAA+B;AAC/B,8CAA2B;AAC3B,2CAAwB;AACxB,iDAA8B;AAC9B,yCAAsB;AACtB,gDAA6B;AAC7B,0CAAuB;AACvB,sDAAmC;AACnC,qDAAkC;AAClC,kDAA+B;AAC/B,wCAAqB;AACrB,kDAA+B;AAC/B,uDAAoC;AACpC,wDAAqC;AACrC,kDAA+B;AAC/B,6CAA0B;AAC1B,6CAA0B;AAC1B,4CAAyB;AACzB,0CAAuB;AACvB,0CAAuB;AACvB,6DAA0C"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { MQ } from 'newskit';
|
|
2
|
+
export interface LogicalMarginProps {
|
|
3
|
+
marginInlineStart?: MQ<string>;
|
|
4
|
+
marginInlineEnd?: MQ<string>;
|
|
5
|
+
marginInline?: MQ<string>;
|
|
6
|
+
marginBlockStart?: MQ<string>;
|
|
7
|
+
marginBlockEnd?: MQ<string>;
|
|
8
|
+
marginBlock?: MQ<string>;
|
|
9
|
+
}
|
|
10
|
+
export interface LogicalPaddingProps {
|
|
11
|
+
paddingInlineStart?: MQ<string>;
|
|
12
|
+
paddingInlineEnd?: MQ<string>;
|
|
13
|
+
paddingInline?: MQ<string>;
|
|
14
|
+
paddingBlockStart?: MQ<string>;
|
|
15
|
+
paddingBlockEnd?: MQ<string>;
|
|
16
|
+
paddingBlock?: MQ<string>;
|
|
17
|
+
}
|
|
18
|
+
export interface LogicalProps extends LogicalMarginProps, LogicalPaddingProps {
|
|
19
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logicalProps.js","sourceRoot":"","sources":["../../../src/sharedTypes/logicalProps.ts"],"names":[],"mappings":""}
|
|
@@ -1,16 +1,27 @@
|
|
|
1
|
+
import { EventContext } from 'Link';
|
|
1
2
|
import { EventTrigger } from 'newskit';
|
|
2
|
-
|
|
3
|
+
interface ClickEventContext extends Omit<EventContext, 'event_navigation_browsing_method'> {
|
|
4
|
+
event_navigation_browsing_method: EventTrigger | 'automated';
|
|
5
|
+
}
|
|
6
|
+
interface ClickEvent {
|
|
3
7
|
originator: string;
|
|
4
8
|
trigger: EventTrigger;
|
|
5
|
-
context:
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
context: ClickEventContext;
|
|
10
|
+
}
|
|
11
|
+
interface ClickEventOptions {
|
|
12
|
+
originator: string;
|
|
13
|
+
text: string;
|
|
14
|
+
event_navigation_label?: string;
|
|
15
|
+
article_parent_name?: string;
|
|
16
|
+
page_name?: string;
|
|
17
|
+
event_navigation_action?: string;
|
|
18
|
+
event_navigation_browsing_method?: EventTrigger | 'automated';
|
|
19
|
+
optimizely_feature_data?: string;
|
|
20
|
+
contract_state?: string;
|
|
21
|
+
embedded_mode?: string;
|
|
22
|
+
}
|
|
23
|
+
export declare function createClickEvent(originator: string, text: string, label?: string, articleParentName?: string, pageName?: string, event_navigation_action?: string, event_navigation_browsing_method?: EventTrigger | 'automated'): ClickEvent;
|
|
24
|
+
export declare function createClickEvent(options: ClickEventOptions): ClickEvent;
|
|
14
25
|
export declare const createAutomatedEvent: (originator: string, text: string, label?: string) => {
|
|
15
26
|
originator: string;
|
|
16
27
|
trigger: EventTrigger;
|
|
@@ -26,3 +37,7 @@ export interface TealiumEventContext {
|
|
|
26
37
|
context: Record<string, string>;
|
|
27
38
|
}
|
|
28
39
|
export declare const usePageViewTracking: (trackingObject?: TealiumEventContext) => void;
|
|
40
|
+
export declare const getEmbeddedModeProperty: (inEmbeddedMode?: boolean) => {
|
|
41
|
+
embedded_mode?: string;
|
|
42
|
+
};
|
|
43
|
+
export {};
|
|
@@ -1,25 +1,44 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.getEmbeddedModeProperty = exports.usePageViewTracking = exports.createAutomatedEvent = void 0;
|
|
4
|
+
exports.createClickEvent = createClickEvent;
|
|
4
5
|
var newskit_1 = require("newskit");
|
|
5
6
|
var react_1 = require("react");
|
|
6
|
-
|
|
7
|
+
function createClickEvent(originatorOrOptions, text, label, articleParentName, pageName, event_navigation_action, event_navigation_browsing_method) {
|
|
8
|
+
var _a, _b, _c;
|
|
7
9
|
if (event_navigation_action === void 0) { event_navigation_action = 'navigation'; }
|
|
8
10
|
if (event_navigation_browsing_method === void 0) { event_navigation_browsing_method = newskit_1.EventTrigger.Click; }
|
|
11
|
+
if (typeof originatorOrOptions === 'object' && originatorOrOptions !== null) {
|
|
12
|
+
var options = originatorOrOptions;
|
|
13
|
+
return {
|
|
14
|
+
originator: options.originator,
|
|
15
|
+
trigger: newskit_1.EventTrigger.Click,
|
|
16
|
+
context: {
|
|
17
|
+
event_navigation_action: options.event_navigation_action || 'navigation',
|
|
18
|
+
event_navigation_browsing_method: options.event_navigation_browsing_method || newskit_1.EventTrigger.Click,
|
|
19
|
+
event_navigation_name: options.text.toLowerCase(),
|
|
20
|
+
event_navigation_label: (_a = options.event_navigation_label) === null || _a === void 0 ? void 0 : _a.toLowerCase(),
|
|
21
|
+
article_parent_name: (_b = options.article_parent_name) === null || _b === void 0 ? void 0 : _b.toLowerCase(),
|
|
22
|
+
page_name: (_c = options.page_name) === null || _c === void 0 ? void 0 : _c.toLowerCase(),
|
|
23
|
+
optimizely_feature_data: options.optimizely_feature_data,
|
|
24
|
+
contract_state: options.contract_state,
|
|
25
|
+
embedded_mode: options.embedded_mode,
|
|
26
|
+
},
|
|
27
|
+
};
|
|
28
|
+
}
|
|
9
29
|
return {
|
|
10
|
-
originator:
|
|
30
|
+
originator: originatorOrOptions,
|
|
11
31
|
trigger: newskit_1.EventTrigger.Click,
|
|
12
32
|
context: {
|
|
13
33
|
event_navigation_action: event_navigation_action,
|
|
14
34
|
event_navigation_browsing_method: event_navigation_browsing_method,
|
|
15
|
-
event_navigation_name: text.toLowerCase(),
|
|
16
|
-
event_navigation_label: label
|
|
17
|
-
article_parent_name: articleParentName
|
|
18
|
-
page_name: pageName
|
|
35
|
+
event_navigation_name: (text === null || text === void 0 ? void 0 : text.toLowerCase()) || '',
|
|
36
|
+
event_navigation_label: label === null || label === void 0 ? void 0 : label.toLowerCase(),
|
|
37
|
+
article_parent_name: articleParentName === null || articleParentName === void 0 ? void 0 : articleParentName.toLowerCase(),
|
|
38
|
+
page_name: pageName === null || pageName === void 0 ? void 0 : pageName.toLowerCase(),
|
|
19
39
|
},
|
|
20
40
|
};
|
|
21
|
-
}
|
|
22
|
-
exports.createClickEvent = createClickEvent;
|
|
41
|
+
}
|
|
23
42
|
var createAutomatedEvent = function (originator, text, label) {
|
|
24
43
|
return {
|
|
25
44
|
originator: originator,
|
|
@@ -49,4 +68,8 @@ var usePageViewTracking = function (trackingObject) {
|
|
|
49
68
|
}, []);
|
|
50
69
|
};
|
|
51
70
|
exports.usePageViewTracking = usePageViewTracking;
|
|
71
|
+
var getEmbeddedModeProperty = function (inEmbeddedMode) {
|
|
72
|
+
return inEmbeddedMode ? { embedded_mode: 'true' } : {};
|
|
73
|
+
};
|
|
74
|
+
exports.getEmbeddedModeProperty = getEmbeddedModeProperty;
|
|
52
75
|
//# sourceMappingURL=tracking.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../src/utils/tracking.tsx"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../src/utils/tracking.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { NewsKitIcon, NewsKitIconProps, TextBlockProps } from 'newskit';
|
|
3
|
+
export interface BenefitsListItemProps {
|
|
4
|
+
code: string;
|
|
5
|
+
title: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
icon?: NewsKitIcon;
|
|
8
|
+
iconOverrides?: NewsKitIconProps;
|
|
9
|
+
titleOverrides?: TextBlockProps;
|
|
10
|
+
descriptionOverrides?: TextBlockProps;
|
|
11
|
+
link?: {
|
|
12
|
+
href: string;
|
|
13
|
+
text: string;
|
|
14
|
+
};
|
|
15
|
+
linkOverrides?: TextBlockProps;
|
|
16
|
+
}
|
|
17
|
+
export declare const BenefitsListItem: FC<BenefitsListItemProps>;
|
|
@@ -0,0 +1,36 @@
|
|
|
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 { Stack, StackChild, TextBlock, toNewsKitIcon, } from 'newskit';
|
|
14
|
+
import { Article } from '@emotion-icons/material-outlined';
|
|
15
|
+
import { NextLink } from '../Link';
|
|
16
|
+
var IconArticle = toNewsKitIcon(Article);
|
|
17
|
+
export var BenefitsListItem = function (_a) {
|
|
18
|
+
var code = _a.code, title = _a.title, description = _a.description, BenefitIcon = _a.icon, iconOverrides = _a.iconOverrides, titleOverrides = _a.titleOverrides, descriptionOverrides = _a.descriptionOverrides, link = _a.link, linkOverrides = _a.linkOverrides;
|
|
19
|
+
return (React.createElement(Stack, { key: code, paddingBlockEnd: "space060" },
|
|
20
|
+
React.createElement(Stack, { paddingBlockEnd: "space020", flow: "horizontal-center" },
|
|
21
|
+
BenefitIcon ? (React.createElement(BenefitIcon, __assign({ overrides: {
|
|
22
|
+
size: 'iconSize020',
|
|
23
|
+
stylePreset: 'inkContrast',
|
|
24
|
+
}, "data-testid": "benefit-icon" }, iconOverrides))) : (React.createElement(IconArticle, __assign({ overrides: {
|
|
25
|
+
size: 'iconSize020',
|
|
26
|
+
stylePreset: 'inkContrast',
|
|
27
|
+
}, "data-testid": "benefit-icon" }, iconOverrides))),
|
|
28
|
+
React.createElement(TextBlock, __assign({ "data-testid": "benefit-title", typographyPreset: "utilityHeading010", stylePreset: "inkContrast" }, titleOverrides), title)),
|
|
29
|
+
description && (React.createElement(StackChild, null,
|
|
30
|
+
React.createElement(TextBlock, __assign({ "data-testid": "benefit-description", typographyPreset: "utilityBody020", stylePreset: "inkBase" }, descriptionOverrides), description))),
|
|
31
|
+
link && (React.createElement(NextLink, __assign({ external: false, type: "inline", href: link.href, "data-testid": "benefit-link", overrides: {
|
|
32
|
+
paddingBlockStart: 'space040',
|
|
33
|
+
typographyPreset: 'utilityHeading010',
|
|
34
|
+
} }, linkOverrides), link.text))));
|
|
35
|
+
};
|
|
36
|
+
//# sourceMappingURL=BenefitsListItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BenefitsListItem.js","sourceRoot":"","sources":["../../../src/ContentListView/BenefitsListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EAGL,KAAK,EACL,UAAU,EACV,SAAS,EAET,aAAa,GACd,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAElC,IAAM,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,CAAA;AAgB1C,MAAM,CAAC,IAAM,gBAAgB,GAA8B,UAAC,EAU3D;QATC,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,WAAW,iBAAA,EACL,WAAW,UAAA,EACjB,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,oBAAoB,0BAAA,EACpB,IAAI,UAAA,EACJ,aAAa,mBAAA;IAEb,OAAO,CACL,oBAAC,KAAK,IAAC,GAAG,EAAE,IAAI,EAAE,eAAe,EAAC,UAAU;QAC1C,oBAAC,KAAK,IAAC,eAAe,EAAC,UAAU,EAAC,IAAI,EAAC,mBAAmB;YACvD,WAAW,CAAC,CAAC,CAAC,CACb,oBAAC,WAAW,aACV,SAAS,EAAE;oBACT,IAAI,EAAE,aAAa;oBACnB,WAAW,EAAE,aAAa;iBAC3B,iBACW,cAAc,IACtB,aAAa,EACjB,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,WAAW,aACV,SAAS,EAAE;oBACT,IAAI,EAAE,aAAa;oBACnB,WAAW,EAAE,aAAa;iBAC3B,iBACW,cAAc,IACtB,aAAa,EACjB,CACH;YACD,oBAAC,SAAS,4BACI,eAAe,EAC3B,gBAAgB,EAAC,mBAAmB,EACpC,WAAW,EAAC,aAAa,IACrB,cAAc,GAEjB,KAAK,CACI,CACN;QACP,WAAW,IAAI,CACd,oBAAC,UAAU;YACT,oBAAC,SAAS,4BACI,qBAAqB,EACjC,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,SAAS,IACjB,oBAAoB,GAEvB,WAAW,CACF,CACD,CACd;QACA,IAAI,IAAI,CACP,oBAAC,QAAQ,aACP,QAAQ,EAAE,KAAK,EACf,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,iBACH,cAAc,EAC1B,SAAS,EAAE;gBACT,iBAAiB,EAAE,UAAU;gBAC7B,gBAAgB,EAAE,mBAAmB;aACtC,IACG,aAAa,GAEhB,IAAI,CAAC,IAAI,CACD,CACZ,CACK,CACT,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -18,10 +18,11 @@ import React from 'react';
|
|
|
18
18
|
import Link from 'next/link';
|
|
19
19
|
import { OpenInNew as FilledOpenInNew } from '@emotion-icons/material/OpenInNew';
|
|
20
20
|
import { ArrowForwardIos as OutlinedArrowForwardIos } from '@emotion-icons/material-outlined/ArrowForwardIos';
|
|
21
|
-
import { Info as OutlinedInfo } from '@emotion-icons/material-outlined
|
|
21
|
+
import { Info as OutlinedInfo } from '@emotion-icons/material-outlined';
|
|
22
22
|
import unescape from 'lodash.unescape';
|
|
23
23
|
import { InvoiceListItem } from './InvoiceListItem';
|
|
24
24
|
import { NextLink } from '../Link';
|
|
25
|
+
import { BenefitsListItem } from './BenefitsListItem';
|
|
25
26
|
var IconFilledOpenInNew = toNewsKitIcon(FilledOpenInNew);
|
|
26
27
|
var IconOutlinedInfo = toNewsKitIcon(OutlinedInfo);
|
|
27
28
|
var IconOutlinedArrowForwardIos = toNewsKitIcon(OutlinedArrowForwardIos);
|
|
@@ -42,6 +43,16 @@ export var ListItem = function (_a) {
|
|
|
42
43
|
if (item.type === 'paymentHistory') {
|
|
43
44
|
return (React.createElement(InvoiceListItem, { item: item, handlePDF: handlePDF, overrides: invoiceOverrides }));
|
|
44
45
|
}
|
|
46
|
+
if (item.type === 'benefitsV2') {
|
|
47
|
+
var contentItems = item.default;
|
|
48
|
+
return (React.createElement(StructuredListItem, { "data-testid": "benefits-list-item", hideIcon: true, overrides: {
|
|
49
|
+
paddingInline: 'space050',
|
|
50
|
+
paddingBlock: 'space050',
|
|
51
|
+
} },
|
|
52
|
+
React.createElement(StructuredListCell, null,
|
|
53
|
+
React.createElement(TextBlock, __assign({ typographyPreset: "utilityHeading010", stylePreset: "inkContrast" }, labelOverrides), item.label)),
|
|
54
|
+
React.createElement(StructuredListCell, null, contentItems.map(function (content) { return (React.createElement(BenefitsListItem, __assign({ key: content.code }, content))); }))));
|
|
55
|
+
}
|
|
45
56
|
return (React.createElement(Link, { href: item.href || '', legacyBehavior: true },
|
|
46
57
|
React.createElement(StyledStructuredListItem, __assign({}, listItemProps, { href: item.href, target: item.target }),
|
|
47
58
|
React.createElement(StructuredListCell, { xs: xs, md: md, fullWidthSingleCell: fullWidthSingleCell, align: align || 'start' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ContentListView/ListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,EACL,KAAK,EACL,UAAU,EACV,cAAc,EACd,KAAK,EACL,kBAAkB,
|
|
1
|
+
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/ContentListView/ListItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { MQ, TriggerType, NewsKitIcon, Flow, StackDistribution, StructuredListProps } from 'newskit';
|
|
1
|
+
import { MQ, TriggerType, NewsKitIcon, Flow, StackDistribution, StructuredListProps, NewsKitIconProps, TextBlockProps } from 'newskit';
|
|
2
2
|
import { LogicalProps } from 'newskit/cjs/utils/logical-properties';
|
|
3
3
|
import { DescriptionOverrides, IntroductionProps, TitleOverrides } from '../Introduction/types';
|
|
4
4
|
export interface LabelIcon {
|
|
@@ -33,12 +33,27 @@ interface ListItemDescriptionLink {
|
|
|
33
33
|
href: string;
|
|
34
34
|
text: string;
|
|
35
35
|
}
|
|
36
|
+
export interface BenefitsListItemContent {
|
|
37
|
+
title: string;
|
|
38
|
+
description?: string;
|
|
39
|
+
icon?: NewsKitIcon;
|
|
40
|
+
iconOverrides?: NewsKitIconProps;
|
|
41
|
+
labelOverrides?: TextBlockProps;
|
|
42
|
+
code: string;
|
|
43
|
+
descriptionOverrides?: TextBlockProps;
|
|
44
|
+
titleOverrides?: TextBlockProps;
|
|
45
|
+
link?: {
|
|
46
|
+
href: string;
|
|
47
|
+
text: string;
|
|
48
|
+
};
|
|
49
|
+
linkOverrides?: TextBlockProps;
|
|
50
|
+
}
|
|
36
51
|
export interface ListItemType {
|
|
37
52
|
href?: string;
|
|
38
53
|
target?: string;
|
|
39
54
|
label: string;
|
|
40
55
|
labelIcon?: LabelIcon;
|
|
41
|
-
default: string | string[];
|
|
56
|
+
default: string | string[] | BenefitsListItemContent[];
|
|
42
57
|
labelDescription?: string;
|
|
43
58
|
valueDescription?: string;
|
|
44
59
|
valueDescriptionLink?: ListItemDescriptionLink;
|
|
@@ -84,7 +99,7 @@ export declare enum HolidayStopStatus {
|
|
|
84
99
|
processed = "processed",
|
|
85
100
|
cancelled = "cancelled"
|
|
86
101
|
}
|
|
87
|
-
export type ItemTypes = 'name' | 'dob' | 'displayName' | 'email' | 'password' | 'mobile' | 'landline' | 'address' | 'subscription' | 'price' | 'customerNumber' | 'subDate' | 'payment' | 'paymentMethods' | 'billDate' | 'amountDue' | 'newsletters' | 'commentingNotifications' | 'contactPreferences' | 'benefits' | 'deliveryInstructions' | 'holidayStops' | 'billingPostcode' | 'vouchers' | 'vouchersStartDate' | 'paymentHistory' | 'gender';
|
|
102
|
+
export type ItemTypes = 'name' | 'dob' | 'displayName' | 'email' | 'password' | 'mobile' | 'landline' | 'address' | 'subscription' | 'price' | 'customerNumber' | 'subDate' | 'payment' | 'paymentMethods' | 'billDate' | 'amountDue' | 'newsletters' | 'commentingNotifications' | 'contactPreferences' | 'benefits' | 'benefitsV2' | 'deliveryInstructions' | 'holidayStops' | 'billingPostcode' | 'vouchers' | 'vouchersStartDate' | 'paymentHistory' | 'gender';
|
|
88
103
|
export type EditComponentType = 'likedYourMessage' | 'userMentioned' | 'repliedToMessage';
|
|
89
104
|
export interface ContentListViewProps {
|
|
90
105
|
children: React.ReactElement<StructuredListProps> | React.ReactElement<StructuredListProps>[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/ContentListView/types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/ContentListView/types.ts"],"names":[],"mappings":"AAsHA,MAAM,CAAN,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC3B,4CAAuB,CAAA;IACvB,4CAAuB,CAAA;IACvB,4CAAuB,CAAA;AACzB,CAAC,EAJW,iBAAiB,KAAjB,iBAAiB,QAI5B"}
|
package/dist/esm/Link/types.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { EventTrigger, MQ } from 'newskit';
|
|
2
|
+
import { LogicalProps } from 'sharedTypes/logicalProps';
|
|
2
3
|
export interface EventContext {
|
|
3
4
|
event_navigation_action: string;
|
|
4
5
|
event_navigation_name: string;
|
|
@@ -6,6 +7,17 @@ export interface EventContext {
|
|
|
6
7
|
event_navigation_label?: string;
|
|
7
8
|
page_name?: string;
|
|
8
9
|
article_parent_name?: string;
|
|
10
|
+
optimizely_feature_data?: string;
|
|
11
|
+
contract_state?: string;
|
|
12
|
+
embedded_mode?: string;
|
|
13
|
+
}
|
|
14
|
+
interface LinkOverrides extends LogicalProps {
|
|
15
|
+
stylePreset?: MQ<string>;
|
|
16
|
+
typographyPreset?: MQ<string>;
|
|
17
|
+
spaceInline?: MQ<string>;
|
|
18
|
+
externalIcon?: {
|
|
19
|
+
size?: string;
|
|
20
|
+
};
|
|
9
21
|
}
|
|
10
22
|
export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
11
23
|
type: 'standalone' | 'inline';
|
|
@@ -14,12 +26,6 @@ export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>
|
|
|
14
26
|
eventOriginator?: string;
|
|
15
27
|
external?: boolean;
|
|
16
28
|
target?: string;
|
|
17
|
-
overrides?:
|
|
18
|
-
stylePreset?: MQ<string>;
|
|
19
|
-
typographyPreset?: MQ<string>;
|
|
20
|
-
spaceInline?: MQ<string>;
|
|
21
|
-
externalIcon?: {
|
|
22
|
-
size?: string;
|
|
23
|
-
};
|
|
24
|
-
};
|
|
29
|
+
overrides?: LinkOverrides;
|
|
25
30
|
}
|
|
31
|
+
export {};
|
package/dist/esm/index.d.ts
CHANGED
package/dist/esm/index.js
CHANGED
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,OAAO,CAAA;AACrB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,OAAO,CAAA;AACrB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,4BAA4B,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { MQ } from 'newskit';
|
|
2
|
+
export interface LogicalMarginProps {
|
|
3
|
+
marginInlineStart?: MQ<string>;
|
|
4
|
+
marginInlineEnd?: MQ<string>;
|
|
5
|
+
marginInline?: MQ<string>;
|
|
6
|
+
marginBlockStart?: MQ<string>;
|
|
7
|
+
marginBlockEnd?: MQ<string>;
|
|
8
|
+
marginBlock?: MQ<string>;
|
|
9
|
+
}
|
|
10
|
+
export interface LogicalPaddingProps {
|
|
11
|
+
paddingInlineStart?: MQ<string>;
|
|
12
|
+
paddingInlineEnd?: MQ<string>;
|
|
13
|
+
paddingInline?: MQ<string>;
|
|
14
|
+
paddingBlockStart?: MQ<string>;
|
|
15
|
+
paddingBlockEnd?: MQ<string>;
|
|
16
|
+
paddingBlock?: MQ<string>;
|
|
17
|
+
}
|
|
18
|
+
export interface LogicalProps extends LogicalMarginProps, LogicalPaddingProps {
|
|
19
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logicalProps.js","sourceRoot":"","sources":["../../../src/sharedTypes/logicalProps.ts"],"names":[],"mappings":""}
|
|
@@ -1,16 +1,27 @@
|
|
|
1
|
+
import { EventContext } from 'Link';
|
|
1
2
|
import { EventTrigger } from 'newskit';
|
|
2
|
-
|
|
3
|
+
interface ClickEventContext extends Omit<EventContext, 'event_navigation_browsing_method'> {
|
|
4
|
+
event_navigation_browsing_method: EventTrigger | 'automated';
|
|
5
|
+
}
|
|
6
|
+
interface ClickEvent {
|
|
3
7
|
originator: string;
|
|
4
8
|
trigger: EventTrigger;
|
|
5
|
-
context:
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
context: ClickEventContext;
|
|
10
|
+
}
|
|
11
|
+
interface ClickEventOptions {
|
|
12
|
+
originator: string;
|
|
13
|
+
text: string;
|
|
14
|
+
event_navigation_label?: string;
|
|
15
|
+
article_parent_name?: string;
|
|
16
|
+
page_name?: string;
|
|
17
|
+
event_navigation_action?: string;
|
|
18
|
+
event_navigation_browsing_method?: EventTrigger | 'automated';
|
|
19
|
+
optimizely_feature_data?: string;
|
|
20
|
+
contract_state?: string;
|
|
21
|
+
embedded_mode?: string;
|
|
22
|
+
}
|
|
23
|
+
export declare function createClickEvent(originator: string, text: string, label?: string, articleParentName?: string, pageName?: string, event_navigation_action?: string, event_navigation_browsing_method?: EventTrigger | 'automated'): ClickEvent;
|
|
24
|
+
export declare function createClickEvent(options: ClickEventOptions): ClickEvent;
|
|
14
25
|
export declare const createAutomatedEvent: (originator: string, text: string, label?: string) => {
|
|
15
26
|
originator: string;
|
|
16
27
|
trigger: EventTrigger;
|
|
@@ -26,3 +37,7 @@ export interface TealiumEventContext {
|
|
|
26
37
|
context: Record<string, string>;
|
|
27
38
|
}
|
|
28
39
|
export declare const usePageViewTracking: (trackingObject?: TealiumEventContext) => void;
|
|
40
|
+
export declare const getEmbeddedModeProperty: (inEmbeddedMode?: boolean) => {
|
|
41
|
+
embedded_mode?: string;
|
|
42
|
+
};
|
|
43
|
+
export {};
|
|
@@ -1,21 +1,40 @@
|
|
|
1
1
|
import { EventTrigger, useInstrumentation } from 'newskit';
|
|
2
2
|
import { useEffect } from 'react';
|
|
3
|
-
export
|
|
3
|
+
export function createClickEvent(originatorOrOptions, text, label, articleParentName, pageName, event_navigation_action, event_navigation_browsing_method) {
|
|
4
|
+
var _a, _b, _c;
|
|
4
5
|
if (event_navigation_action === void 0) { event_navigation_action = 'navigation'; }
|
|
5
6
|
if (event_navigation_browsing_method === void 0) { event_navigation_browsing_method = EventTrigger.Click; }
|
|
7
|
+
if (typeof originatorOrOptions === 'object' && originatorOrOptions !== null) {
|
|
8
|
+
var options = originatorOrOptions;
|
|
9
|
+
return {
|
|
10
|
+
originator: options.originator,
|
|
11
|
+
trigger: EventTrigger.Click,
|
|
12
|
+
context: {
|
|
13
|
+
event_navigation_action: options.event_navigation_action || 'navigation',
|
|
14
|
+
event_navigation_browsing_method: options.event_navigation_browsing_method || EventTrigger.Click,
|
|
15
|
+
event_navigation_name: options.text.toLowerCase(),
|
|
16
|
+
event_navigation_label: (_a = options.event_navigation_label) === null || _a === void 0 ? void 0 : _a.toLowerCase(),
|
|
17
|
+
article_parent_name: (_b = options.article_parent_name) === null || _b === void 0 ? void 0 : _b.toLowerCase(),
|
|
18
|
+
page_name: (_c = options.page_name) === null || _c === void 0 ? void 0 : _c.toLowerCase(),
|
|
19
|
+
optimizely_feature_data: options.optimizely_feature_data,
|
|
20
|
+
contract_state: options.contract_state,
|
|
21
|
+
embedded_mode: options.embedded_mode,
|
|
22
|
+
},
|
|
23
|
+
};
|
|
24
|
+
}
|
|
6
25
|
return {
|
|
7
|
-
originator:
|
|
26
|
+
originator: originatorOrOptions,
|
|
8
27
|
trigger: EventTrigger.Click,
|
|
9
28
|
context: {
|
|
10
29
|
event_navigation_action: event_navigation_action,
|
|
11
30
|
event_navigation_browsing_method: event_navigation_browsing_method,
|
|
12
|
-
event_navigation_name: text.toLowerCase(),
|
|
13
|
-
event_navigation_label: label
|
|
14
|
-
article_parent_name: articleParentName
|
|
15
|
-
page_name: pageName
|
|
31
|
+
event_navigation_name: (text === null || text === void 0 ? void 0 : text.toLowerCase()) || '',
|
|
32
|
+
event_navigation_label: label === null || label === void 0 ? void 0 : label.toLowerCase(),
|
|
33
|
+
article_parent_name: articleParentName === null || articleParentName === void 0 ? void 0 : articleParentName.toLowerCase(),
|
|
34
|
+
page_name: pageName === null || pageName === void 0 ? void 0 : pageName.toLowerCase(),
|
|
16
35
|
},
|
|
17
36
|
};
|
|
18
|
-
}
|
|
37
|
+
}
|
|
19
38
|
export var createAutomatedEvent = function (originator, text, label) {
|
|
20
39
|
return {
|
|
21
40
|
originator: originator,
|
|
@@ -43,4 +62,7 @@ export var usePageViewTracking = function (trackingObject) {
|
|
|
43
62
|
});
|
|
44
63
|
}, []);
|
|
45
64
|
};
|
|
65
|
+
export var getEmbeddedModeProperty = function (inEmbeddedMode) {
|
|
66
|
+
return inEmbeddedMode ? { embedded_mode: 'true' } : {};
|
|
67
|
+
};
|
|
46
68
|
//# sourceMappingURL=tracking.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../src/utils/tracking.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../src/utils/tracking.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@newskit-render/shared-components",
|
|
3
|
-
"version": "4.53.
|
|
3
|
+
"version": "4.53.30-3f459feb4.7+3f459feb4",
|
|
4
4
|
"description": "Newskit Render Shared Components",
|
|
5
5
|
"author": "",
|
|
6
6
|
"license": "UNLICENSED",
|
|
@@ -105,5 +105,6 @@
|
|
|
105
105
|
"@types/react": "18.0.26",
|
|
106
106
|
"@types/react-dom": "18.0.10",
|
|
107
107
|
"newskit/react-hook-form": "7.20.2"
|
|
108
|
-
}
|
|
108
|
+
},
|
|
109
|
+
"gitHead": "3f459feb4ccdd416f73a17c5a1d9ca35c6e167e9"
|
|
109
110
|
}
|