@newskit-render/my-account 6.18.0 → 6.19.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/README.md +15 -0
- package/dist/cjs/Components/Elements/InfoBanner/InfoBanner.d.ts +3 -0
- package/dist/cjs/Components/Elements/InfoBanner/InfoBanner.js +87 -0
- package/dist/cjs/Components/Elements/InfoBanner/InfoBanner.js.map +1 -0
- package/dist/cjs/Components/Elements/InfoBanner/index.d.ts +2 -0
- package/dist/cjs/Components/Elements/InfoBanner/index.js +5 -0
- package/dist/cjs/Components/Elements/InfoBanner/index.js.map +1 -0
- package/dist/cjs/Components/Elements/InfoBanner/types.d.ts +6 -0
- package/dist/cjs/Components/Elements/InfoBanner/types.js +3 -0
- package/dist/cjs/Components/Elements/InfoBanner/types.js.map +1 -0
- package/dist/cjs/Components/Templates/LayoutTemplate.js +15 -7
- package/dist/cjs/Components/Templates/LayoutTemplate.js.map +1 -1
- package/dist/cjs/context/baseContext.d.ts +2 -0
- package/dist/cjs/context/baseContext.js +7 -1
- package/dist/cjs/context/baseContext.js.map +1 -1
- package/dist/cjs/context/types.d.ts +7 -0
- package/dist/cjs/context/types.js.map +1 -1
- package/dist/esm/Components/Elements/InfoBanner/InfoBanner.d.ts +3 -0
- package/dist/esm/Components/Elements/InfoBanner/InfoBanner.js +60 -0
- package/dist/esm/Components/Elements/InfoBanner/InfoBanner.js.map +1 -0
- package/dist/esm/Components/Elements/InfoBanner/index.d.ts +2 -0
- package/dist/esm/Components/Elements/InfoBanner/index.js +3 -0
- package/dist/esm/Components/Elements/InfoBanner/index.js.map +1 -0
- package/dist/esm/Components/Elements/InfoBanner/types.d.ts +6 -0
- package/dist/esm/Components/Elements/InfoBanner/types.js +2 -0
- package/dist/esm/Components/Elements/InfoBanner/types.js.map +1 -0
- package/dist/esm/Components/Templates/LayoutTemplate.js +15 -7
- package/dist/esm/Components/Templates/LayoutTemplate.js.map +1 -1
- package/dist/esm/context/baseContext.d.ts +2 -0
- package/dist/esm/context/baseContext.js +6 -0
- package/dist/esm/context/baseContext.js.map +1 -1
- package/dist/esm/context/types.d.ts +7 -0
- package/dist/esm/context/types.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -720,6 +720,21 @@ It is a part of EditFieldContextOptions, which you can [see below](#type-descrip
|
|
|
720
720
|
|
|
721
721
|
Change `redirectUrl` if you are not sticking to the default routing set up in the Core package. Currently set as `/account/subscription-and-billing` but will need to be changes if you change `pages/account/subscription-and-billing` file structure in the Core package.
|
|
722
722
|
|
|
723
|
+
#### 22. `infoBanner` - Banner for informative messages.
|
|
724
|
+
|
|
725
|
+
This banner is visible only if the following data is provided in the Context Options:
|
|
726
|
+
|
|
727
|
+
```
|
|
728
|
+
infoBanner {
|
|
729
|
+
bannerName: string
|
|
730
|
+
preset?: string
|
|
731
|
+
title?: string
|
|
732
|
+
text?: string
|
|
733
|
+
disableClose?: boolean
|
|
734
|
+
}
|
|
735
|
+
```
|
|
736
|
+
When the close button is clicked, a new object with the key as the banner name and the value as "dismissed" will be added to the local storage. The banner will remain invisible as long as this local storage value is present.
|
|
737
|
+
|
|
723
738
|
## Address Form - Loqate
|
|
724
739
|
|
|
725
740
|
The Address form uses [Loqate](https://www.loqate.com/en-gb/) to add address lookup functionality. For it to work you need to add LOQACCOUNT_KEY to your CircleCi context.
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.InfoBanner = void 0;
|
|
27
|
+
var react_1 = __importStar(require("react"));
|
|
28
|
+
var newskit_1 = require("newskit");
|
|
29
|
+
var context_1 = require("../../../context");
|
|
30
|
+
var InfoBanner = function (_a) {
|
|
31
|
+
var contextName = _a.contextName, className = _a.className, setHeight = _a.setHeight;
|
|
32
|
+
var bannerWrapperRef = (0, react_1.useRef)(null);
|
|
33
|
+
var _b = (0, react_1.useState)(true), bannerHidden = _b[0], setBannerHidden = _b[1];
|
|
34
|
+
var infoBanner = (0, context_1.useAccountContext)(contextName).infoBanner;
|
|
35
|
+
if (!infoBanner)
|
|
36
|
+
return null;
|
|
37
|
+
var bannerName = infoBanner.bannerName, title = infoBanner.title, text = infoBanner.text, disableClose = infoBanner.disableClose;
|
|
38
|
+
var dataTestID = (0, newskit_1.useMediaQueryObject)({
|
|
39
|
+
xs: 'info-banner-mobile',
|
|
40
|
+
md: 'info-banner',
|
|
41
|
+
});
|
|
42
|
+
var handleBannerClose = function () {
|
|
43
|
+
if (window === null || window === void 0 ? void 0 : window.localStorage) {
|
|
44
|
+
window.localStorage.setItem(bannerName, 'dismissed');
|
|
45
|
+
}
|
|
46
|
+
setBannerHidden(true);
|
|
47
|
+
};
|
|
48
|
+
(0, react_1.useEffect)(function () {
|
|
49
|
+
var _a;
|
|
50
|
+
if (setHeight) {
|
|
51
|
+
setHeight(((_a = bannerWrapperRef === null || bannerWrapperRef === void 0 ? void 0 : bannerWrapperRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0);
|
|
52
|
+
}
|
|
53
|
+
}, [bannerHidden]);
|
|
54
|
+
(0, react_1.useEffect)(function () {
|
|
55
|
+
if ((window === null || window === void 0 ? void 0 : window.localStorage) && bannerHidden) {
|
|
56
|
+
var infoBannerDismissed = window.localStorage.getItem(bannerName);
|
|
57
|
+
if (!infoBannerDismissed && bannerHidden)
|
|
58
|
+
setBannerHidden(false);
|
|
59
|
+
}
|
|
60
|
+
}, []);
|
|
61
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, !bannerHidden && (react_1.default.createElement("div", { className: className, ref: bannerWrapperRef },
|
|
62
|
+
react_1.default.createElement(newskit_1.MediaQueryProvider, null,
|
|
63
|
+
react_1.default.createElement(newskit_1.Banner, { "data-testid": dataTestID, overrides: {
|
|
64
|
+
paddingInline: 'space040',
|
|
65
|
+
paddingBlock: 'space040',
|
|
66
|
+
icon: {
|
|
67
|
+
spaceInline: 'space030',
|
|
68
|
+
},
|
|
69
|
+
content: {
|
|
70
|
+
spaceInline: {
|
|
71
|
+
xs: 'space060',
|
|
72
|
+
md: 'space000',
|
|
73
|
+
},
|
|
74
|
+
title: {
|
|
75
|
+
stylePreset: 'inkInverse',
|
|
76
|
+
typographyPreset: 'utilityHeading010',
|
|
77
|
+
spaceStack: 'space030',
|
|
78
|
+
},
|
|
79
|
+
message: {
|
|
80
|
+
stylePreset: 'inkInverse',
|
|
81
|
+
typographyPreset: 'utilityBody020',
|
|
82
|
+
},
|
|
83
|
+
},
|
|
84
|
+
}, layout: { xs: 'vertical', md: 'horizontal' }, title: title || '', onClose: disableClose ? undefined : handleBannerClose }, text || ''))))));
|
|
85
|
+
};
|
|
86
|
+
exports.InfoBanner = InfoBanner;
|
|
87
|
+
//# sourceMappingURL=InfoBanner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InfoBanner.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/InfoBanner/InfoBanner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0D;AAC1D,mCAAyE;AAEzE,4CAAoD;AAG7C,IAAM,UAAU,GAA8B,UAAC,EAIrD;QAHC,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,SAAS,eAAA;IAET,IAAM,gBAAgB,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAC/C,IAAA,KAAkC,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAA/C,YAAY,QAAA,EAAE,eAAe,QAAkB,CAAA;IAE9C,IAAA,UAAU,GAAK,IAAA,2BAAiB,EAAC,WAAW,CAAC,WAAnC,CAAmC;IACrD,IAAI,CAAC,UAAU;QAAE,OAAO,IAAI,CAAA;IAEpB,IAAA,UAAU,GAAgC,UAAU,WAA1C,EAAE,KAAK,GAAyB,UAAU,MAAnC,EAAE,IAAI,GAAmB,UAAU,KAA7B,EAAE,YAAY,GAAK,UAAU,aAAf,CAAe;IAE5D,IAAM,UAAU,GAAG,IAAA,6BAAmB,EAAC;QACrC,EAAE,EAAE,oBAAoB;QACxB,EAAE,EAAE,aAAa;KAClB,CAAC,CAAA;IAEF,IAAM,iBAAiB,GAAG;QACxB,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,EAAE;YACxB,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,WAAW,CAAC,CAAA;SACrD;QAED,eAAe,CAAC,IAAI,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;;QACR,IAAI,SAAS,EAAE;YACb,SAAS,CAAC,CAAA,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,OAAO,0CAAE,YAAY,KAAI,CAAC,CAAC,CAAA;SACxD;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,IAAA,iBAAS,EAAC;QACR,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,KAAI,YAAY,EAAE;YACxC,IAAM,mBAAmB,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAA;YAEnE,IAAI,CAAC,mBAAmB,IAAI,YAAY;gBAAE,eAAe,CAAC,KAAK,CAAC,CAAA;SACjE;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,8DACG,CAAC,YAAY,IAAI,CAChB,uCAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB;QAC9C,8BAAC,4BAAkB;YACjB,8BAAC,gBAAM,mBACQ,UAAU,EACvB,SAAS,EAAE;oBACT,aAAa,EAAE,UAAU;oBACzB,YAAY,EAAE,UAAU;oBACxB,IAAI,EAAE;wBACJ,WAAW,EAAE,UAAU;qBACxB;oBACD,OAAO,EAAE;wBACP,WAAW,EAAE;4BACX,EAAE,EAAE,UAAU;4BACd,EAAE,EAAE,UAAU;yBACf;wBACD,KAAK,EAAE;4BACL,WAAW,EAAE,YAAY;4BACzB,gBAAgB,EAAE,mBAAmB;4BACrC,UAAU,EAAE,UAAU;yBACvB;wBACD,OAAO,EAAE;4BACP,WAAW,EAAE,YAAY;4BACzB,gBAAgB,EAAE,gBAAgB;yBACnC;qBACF;iBACF,EACD,MAAM,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,YAAY,EAAE,EAC5C,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,IAEpD,IAAI,IAAI,EAAE,CACJ,CACU,CACjB,CACP,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAhFY,QAAA,UAAU,cAgFtB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/InfoBanner/index.ts"],"names":[],"mappings":";;AAAA,2CAAyC;AAEzC,kBAAe,uBAAU,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/InfoBanner/types.ts"],"names":[],"mappings":""}
|
|
@@ -60,9 +60,12 @@ var shared_components_1 = require("@newskit-render/shared-components");
|
|
|
60
60
|
var context_1 = require("../../context");
|
|
61
61
|
var Head_1 = __importDefault(require("../Elements/Head"));
|
|
62
62
|
var PastDueBanner_1 = __importDefault(require("../Elements/PastDueBanner"));
|
|
63
|
+
var InfoBanner_1 = __importDefault(require("../Elements/InfoBanner"));
|
|
63
64
|
var LayoutWrapper = newskit_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n width: 100%;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n flex-direction: column;\n ", " {\n margin-top: 80px;\n }\n ", " {\n margin-top: ", "px;\n flex-direction: initial;\n }\n"], ["\n display: flex;\n justify-content: center;\n width: 100%;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n flex-direction: column;\n ", " {\n margin-top: 80px;\n }\n ", " {\n margin-top: ", "px;\n flex-direction: initial;\n }\n"])), (0, newskit_1.getMediaQueryFromTheme)('md'), (0, newskit_1.getMediaQueryFromTheme)('lg'), function (_a) {
|
|
64
|
-
var hideBannerMargin = _a.hideBannerMargin;
|
|
65
|
-
return hideBannerMargin
|
|
65
|
+
var hideBannerMargin = _a.hideBannerMargin, infoBannerHeight = _a.infoBannerHeight;
|
|
66
|
+
return hideBannerMargin
|
|
67
|
+
? "".concat(infoBannerHeight + 80)
|
|
68
|
+
: "".concat(infoBannerHeight + 151);
|
|
66
69
|
});
|
|
67
70
|
var OffSetArea = newskit_1.styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 100%;\n display: flex;\n flex-direction: column;\n ", " {\n padding-left: ", "px;\n }\n"], ["\n width: 100%;\n display: flex;\n flex-direction: column;\n ", " {\n padding-left: ", "px;\n }\n"])), (0, newskit_1.getMediaQueryFromTheme)('lg'), function (_a) {
|
|
68
71
|
var offset = _a.offset;
|
|
@@ -71,8 +74,10 @@ var OffSetArea = newskit_1.styled.div(templateObject_2 || (templateObject_2 = __
|
|
|
71
74
|
var FooterArea = newskit_1.styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex-shrink: 0;\n ", "\n"], ["\n flex-shrink: 0;\n ", "\n"])), (0, newskit_1.getSizingCssFromTheme)('marginTop', 'sizing080'));
|
|
72
75
|
var NavWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: 100%;\n z-index: 2;\n\n ", " {\n position: fixed;\n top: 0;\n }\n"], ["\n width: 100%;\n z-index: 2;\n\n ", " {\n position: fixed;\n top: 0;\n }\n"])), (0, newskit_1.getMediaQueryFromTheme)('md'));
|
|
73
76
|
var BannerDesktop = (0, shared_components_1.largeDesktop)(PastDueBanner_1.default);
|
|
77
|
+
var InfoBannerDesktop = (0, shared_components_1.largeDesktop)(InfoBanner_1.default);
|
|
74
78
|
var MobileBanner = (0, newskit_1.styled)(PastDueBanner_1.default)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: block;\n width: 100%;\n ", " {\n display: none;\n }\n"], ["\n display: block;\n width: 100%;\n ", " {\n display: none;\n }\n"])), (0, newskit_1.getMediaQueryFromTheme)('lg'));
|
|
75
|
-
var
|
|
79
|
+
var InfoBannerMobile = (0, newskit_1.styled)(InfoBanner_1.default)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: block;\n width: 100%;\n ", " {\n display: none;\n }\n"], ["\n display: block;\n width: 100%;\n ", " {\n display: none;\n }\n"])), (0, newskit_1.getMediaQueryFromTheme)('lg'));
|
|
80
|
+
var StickyDiv = newskit_1.styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n position: sticky;\n top: 0;\n z-index: 1;\n"], ["\n position: sticky;\n top: 0;\n z-index: 1;\n"])));
|
|
76
81
|
var FooterWrapper = function (_a) {
|
|
77
82
|
var contextName = _a.contextName;
|
|
78
83
|
var _b = (0, context_1.useAccountContext)(contextName), footer = _b.footer, footerOverrides = _b.footerOverrides;
|
|
@@ -94,16 +99,19 @@ var withMediaQueryProvider = function (Component) {
|
|
|
94
99
|
var BaseLayoutTemplate = function (_a) {
|
|
95
100
|
var children = _a.children, _b = _a.sidebar, sidebar = _b === void 0 ? false : _b, _c = _a.footer, footer = _c === void 0 ? false : _c, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, context = _a.context, toastProviderProps = _a.toastProviderProps, contextName = _a.contextName;
|
|
96
101
|
var _d = (0, react_1.useState)(true), hideBanner = _d[0], setHideBanner = _d[1];
|
|
102
|
+
var _e = (0, react_1.useState)(0), infoBannerHeight = _e[0], setInfoBannerHeight = _e[1];
|
|
97
103
|
return (react_1.default.createElement(context_1.AccountContextProvider, { context: context, contextName: contextName },
|
|
98
104
|
react_1.default.createElement(Head_1.default, { contextName: contextName }),
|
|
99
105
|
react_1.default.createElement(newskit_1.ThemeProvider, { theme: customTheme || shared_components_1.sharedTheme },
|
|
100
106
|
react_1.default.createElement(NavWrapper, null,
|
|
101
107
|
react_1.default.createElement(NavigationPrimaryWrapper, { customTheme: customTheme, themeDropdownObject: themeDropdownObject, contextName: contextName }),
|
|
102
|
-
react_1.default.createElement(BannerDesktop, { contextName: contextName, hideBannerOverride: { hideBanner: hideBanner, setHideBanner: setHideBanner } })
|
|
103
|
-
|
|
108
|
+
react_1.default.createElement(BannerDesktop, { contextName: contextName, hideBannerOverride: { hideBanner: hideBanner, setHideBanner: setHideBanner } }),
|
|
109
|
+
react_1.default.createElement(InfoBannerDesktop, { contextName: contextName, setHeight: setInfoBannerHeight })),
|
|
110
|
+
react_1.default.createElement(LayoutWrapper, { hideBannerMargin: hideBanner, infoBannerHeight: infoBannerHeight || 0 },
|
|
104
111
|
react_1.default.createElement(StickyDiv, null,
|
|
105
112
|
sidebar && react_1.default.createElement(NavigationSecondary_1.default, { contextName: contextName }),
|
|
106
|
-
react_1.default.createElement(MobileBanner, { contextName: contextName, hideBannerOverride: { hideBanner: hideBanner, setHideBanner: setHideBanner } })
|
|
113
|
+
react_1.default.createElement(MobileBanner, { contextName: contextName, hideBannerOverride: { hideBanner: hideBanner, setHideBanner: setHideBanner } }),
|
|
114
|
+
react_1.default.createElement(InfoBannerMobile, { contextName: contextName })),
|
|
107
115
|
react_1.default.createElement(OffSetArea, { offset: +sidebar },
|
|
108
116
|
react_1.default.createElement(shared_components_1.MainContent, null, children),
|
|
109
117
|
footer && react_1.default.createElement(FooterWrapper, { contextName: contextName })))),
|
|
@@ -111,5 +119,5 @@ var BaseLayoutTemplate = function (_a) {
|
|
|
111
119
|
};
|
|
112
120
|
exports.BaseLayoutTemplate = BaseLayoutTemplate;
|
|
113
121
|
exports.LayoutTemplate = withMediaQueryProvider(exports.BaseLayoutTemplate);
|
|
114
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
122
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
115
123
|
//# sourceMappingURL=LayoutTemplate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../../src/Components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,mCASgB;AAChB,wFAAiE;AACjE,uEAS0C;AAE1C,yCAIsB;AACtB,0DAAmC;AACnC,4EAAqD;
|
|
1
|
+
{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../../src/Components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { As, FooterContext, NavigationPrimaryProps } from '@newskit-render/shared-components';
|
|
2
2
|
import { NavigationSecondaryInterface } from '../Components/Sections/NavigationSecondary';
|
|
3
|
+
import { InfoBannerProps } from '../context/types';
|
|
3
4
|
export declare const baseContext: {
|
|
4
5
|
baseUrl: string;
|
|
5
6
|
pastDueBanner: import("@newskit-render/shared-components").PastDueBannerType;
|
|
@@ -148,3 +149,4 @@ export declare const baseContext: {
|
|
|
148
149
|
export declare const navigationPrimary: NavigationPrimaryProps;
|
|
149
150
|
export declare const sideNav: NavigationSecondaryInterface[];
|
|
150
151
|
export declare const footer: FooterContext;
|
|
152
|
+
export declare const infoBanner: InfoBannerProps;
|
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.footer = exports.sideNav = exports.navigationPrimary = exports.baseContext = void 0;
|
|
6
|
+
exports.infoBanner = exports.footer = exports.sideNav = exports.navigationPrimary = exports.baseContext = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
8
|
var shared_components_1 = require("@newskit-render/shared-components");
|
|
9
9
|
var newskit_1 = require("newskit");
|
|
@@ -213,4 +213,10 @@ exports.footer = {
|
|
|
213
213
|
],
|
|
214
214
|
legalText: "\u00A9 NewsKit Limited ".concat(new Date().getFullYear(), ".\n Registered in England No. 000000. Registered office: 1 London Bridge Street, SE1 9GF."),
|
|
215
215
|
};
|
|
216
|
+
exports.infoBanner = {
|
|
217
|
+
bannerName: 'info-banner',
|
|
218
|
+
title: '',
|
|
219
|
+
text: 'Welcome to your enhanced "My Account" - your hub for subscription management',
|
|
220
|
+
disableClose: false,
|
|
221
|
+
};
|
|
216
222
|
//# sourceMappingURL=baseContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"baseContext.js","sourceRoot":"","sources":["../../../src/context/baseContext.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,uEAK0C;AAC1C,mCAAuC;AACvC,0CAAuC;AAGvC,qEAAyF;AACzF,uDAAoE;
|
|
1
|
+
{"version":3,"file":"baseContext.js","sourceRoot":"","sources":["../../../src/context/baseContext.tsx"],"names":[],"mappings":"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"}
|
|
@@ -83,6 +83,12 @@ interface HolidayStopContext {
|
|
|
83
83
|
header?: HeaderProps;
|
|
84
84
|
props?: HolidayStopProps;
|
|
85
85
|
}
|
|
86
|
+
export interface InfoBannerProps {
|
|
87
|
+
bannerName: string;
|
|
88
|
+
title?: string;
|
|
89
|
+
text?: string;
|
|
90
|
+
disableClose?: boolean;
|
|
91
|
+
}
|
|
86
92
|
export interface Notice {
|
|
87
93
|
title: string;
|
|
88
94
|
text: string;
|
|
@@ -118,6 +124,7 @@ export interface BaseContextOptions {
|
|
|
118
124
|
header: HeaderProps;
|
|
119
125
|
env?: Record<string, unknown>;
|
|
120
126
|
footer?: FooterContext;
|
|
127
|
+
infoBanner?: InfoBannerProps;
|
|
121
128
|
}
|
|
122
129
|
interface BaseContextOptionsWithUserData extends BaseContextOptions {
|
|
123
130
|
userData: UserData;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":";;;AA8IA,IAAY,WAcX;AAdD,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;AAC3B,CAAC,EAdW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QActB;AAiGD,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAGvB;AAED,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAI3B"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import React, { useState, useEffect, useRef } from 'react';
|
|
2
|
+
import { Banner, useMediaQueryObject, MediaQueryProvider } from 'newskit';
|
|
3
|
+
import { useAccountContext } from '../../../context';
|
|
4
|
+
export var InfoBanner = function (_a) {
|
|
5
|
+
var contextName = _a.contextName, className = _a.className, setHeight = _a.setHeight;
|
|
6
|
+
var bannerWrapperRef = useRef(null);
|
|
7
|
+
var _b = useState(true), bannerHidden = _b[0], setBannerHidden = _b[1];
|
|
8
|
+
var infoBanner = useAccountContext(contextName).infoBanner;
|
|
9
|
+
if (!infoBanner)
|
|
10
|
+
return null;
|
|
11
|
+
var bannerName = infoBanner.bannerName, title = infoBanner.title, text = infoBanner.text, disableClose = infoBanner.disableClose;
|
|
12
|
+
var dataTestID = useMediaQueryObject({
|
|
13
|
+
xs: 'info-banner-mobile',
|
|
14
|
+
md: 'info-banner',
|
|
15
|
+
});
|
|
16
|
+
var handleBannerClose = function () {
|
|
17
|
+
if (window === null || window === void 0 ? void 0 : window.localStorage) {
|
|
18
|
+
window.localStorage.setItem(bannerName, 'dismissed');
|
|
19
|
+
}
|
|
20
|
+
setBannerHidden(true);
|
|
21
|
+
};
|
|
22
|
+
useEffect(function () {
|
|
23
|
+
var _a;
|
|
24
|
+
if (setHeight) {
|
|
25
|
+
setHeight(((_a = bannerWrapperRef === null || bannerWrapperRef === void 0 ? void 0 : bannerWrapperRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0);
|
|
26
|
+
}
|
|
27
|
+
}, [bannerHidden]);
|
|
28
|
+
useEffect(function () {
|
|
29
|
+
if ((window === null || window === void 0 ? void 0 : window.localStorage) && bannerHidden) {
|
|
30
|
+
var infoBannerDismissed = window.localStorage.getItem(bannerName);
|
|
31
|
+
if (!infoBannerDismissed && bannerHidden)
|
|
32
|
+
setBannerHidden(false);
|
|
33
|
+
}
|
|
34
|
+
}, []);
|
|
35
|
+
return (React.createElement(React.Fragment, null, !bannerHidden && (React.createElement("div", { className: className, ref: bannerWrapperRef },
|
|
36
|
+
React.createElement(MediaQueryProvider, null,
|
|
37
|
+
React.createElement(Banner, { "data-testid": dataTestID, overrides: {
|
|
38
|
+
paddingInline: 'space040',
|
|
39
|
+
paddingBlock: 'space040',
|
|
40
|
+
icon: {
|
|
41
|
+
spaceInline: 'space030',
|
|
42
|
+
},
|
|
43
|
+
content: {
|
|
44
|
+
spaceInline: {
|
|
45
|
+
xs: 'space060',
|
|
46
|
+
md: 'space000',
|
|
47
|
+
},
|
|
48
|
+
title: {
|
|
49
|
+
stylePreset: 'inkInverse',
|
|
50
|
+
typographyPreset: 'utilityHeading010',
|
|
51
|
+
spaceStack: 'space030',
|
|
52
|
+
},
|
|
53
|
+
message: {
|
|
54
|
+
stylePreset: 'inkInverse',
|
|
55
|
+
typographyPreset: 'utilityBody020',
|
|
56
|
+
},
|
|
57
|
+
},
|
|
58
|
+
}, layout: { xs: 'vertical', md: 'horizontal' }, title: title || '', onClose: disableClose ? undefined : handleBannerClose }, text || ''))))));
|
|
59
|
+
};
|
|
60
|
+
//# sourceMappingURL=InfoBanner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InfoBanner.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/InfoBanner/InfoBanner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/InfoBanner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,eAAe,UAAU,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/InfoBanner/types.ts"],"names":[],"mappings":""}
|
|
@@ -31,9 +31,12 @@ import { NavigationFooter, MainContent, NavigationPrimary, largeDesktop, sharedT
|
|
|
31
31
|
import { AccountContextProvider, useAccountContext, } from '../../context';
|
|
32
32
|
import Head from '../Elements/Head';
|
|
33
33
|
import PastDueBanner from '../Elements/PastDueBanner';
|
|
34
|
+
import InfoBanner from '../Elements/InfoBanner';
|
|
34
35
|
var LayoutWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n width: 100%;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n flex-direction: column;\n ", " {\n margin-top: 80px;\n }\n ", " {\n margin-top: ", "px;\n flex-direction: initial;\n }\n"], ["\n display: flex;\n justify-content: center;\n width: 100%;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n flex-direction: column;\n ", " {\n margin-top: 80px;\n }\n ", " {\n margin-top: ", "px;\n flex-direction: initial;\n }\n"])), getMediaQueryFromTheme('md'), getMediaQueryFromTheme('lg'), function (_a) {
|
|
35
|
-
var hideBannerMargin = _a.hideBannerMargin;
|
|
36
|
-
return hideBannerMargin
|
|
36
|
+
var hideBannerMargin = _a.hideBannerMargin, infoBannerHeight = _a.infoBannerHeight;
|
|
37
|
+
return hideBannerMargin
|
|
38
|
+
? "".concat(infoBannerHeight + 80)
|
|
39
|
+
: "".concat(infoBannerHeight + 151);
|
|
37
40
|
});
|
|
38
41
|
var OffSetArea = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 100%;\n display: flex;\n flex-direction: column;\n ", " {\n padding-left: ", "px;\n }\n"], ["\n width: 100%;\n display: flex;\n flex-direction: column;\n ", " {\n padding-left: ", "px;\n }\n"])), getMediaQueryFromTheme('lg'), function (_a) {
|
|
39
42
|
var offset = _a.offset;
|
|
@@ -42,8 +45,10 @@ var OffSetArea = styled.div(templateObject_2 || (templateObject_2 = __makeTempla
|
|
|
42
45
|
var FooterArea = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex-shrink: 0;\n ", "\n"], ["\n flex-shrink: 0;\n ", "\n"])), getSizingCssFromTheme('marginTop', 'sizing080'));
|
|
43
46
|
var NavWrapper = styled(Block)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: 100%;\n z-index: 2;\n\n ", " {\n position: fixed;\n top: 0;\n }\n"], ["\n width: 100%;\n z-index: 2;\n\n ", " {\n position: fixed;\n top: 0;\n }\n"])), getMediaQueryFromTheme('md'));
|
|
44
47
|
var BannerDesktop = largeDesktop(PastDueBanner);
|
|
48
|
+
var InfoBannerDesktop = largeDesktop(InfoBanner);
|
|
45
49
|
var MobileBanner = styled(PastDueBanner)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: block;\n width: 100%;\n ", " {\n display: none;\n }\n"], ["\n display: block;\n width: 100%;\n ", " {\n display: none;\n }\n"])), getMediaQueryFromTheme('lg'));
|
|
46
|
-
var
|
|
50
|
+
var InfoBannerMobile = styled(InfoBanner)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: block;\n width: 100%;\n ", " {\n display: none;\n }\n"], ["\n display: block;\n width: 100%;\n ", " {\n display: none;\n }\n"])), getMediaQueryFromTheme('lg'));
|
|
51
|
+
var StickyDiv = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n position: sticky;\n top: 0;\n z-index: 1;\n"], ["\n position: sticky;\n top: 0;\n z-index: 1;\n"])));
|
|
47
52
|
var FooterWrapper = function (_a) {
|
|
48
53
|
var contextName = _a.contextName;
|
|
49
54
|
var _b = useAccountContext(contextName), footer = _b.footer, footerOverrides = _b.footerOverrides;
|
|
@@ -65,21 +70,24 @@ var withMediaQueryProvider = function (Component) {
|
|
|
65
70
|
export var BaseLayoutTemplate = function (_a) {
|
|
66
71
|
var children = _a.children, _b = _a.sidebar, sidebar = _b === void 0 ? false : _b, _c = _a.footer, footer = _c === void 0 ? false : _c, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, context = _a.context, toastProviderProps = _a.toastProviderProps, contextName = _a.contextName;
|
|
67
72
|
var _d = useState(true), hideBanner = _d[0], setHideBanner = _d[1];
|
|
73
|
+
var _e = useState(0), infoBannerHeight = _e[0], setInfoBannerHeight = _e[1];
|
|
68
74
|
return (React.createElement(AccountContextProvider, { context: context, contextName: contextName },
|
|
69
75
|
React.createElement(Head, { contextName: contextName }),
|
|
70
76
|
React.createElement(ThemeProvider, { theme: customTheme || sharedTheme },
|
|
71
77
|
React.createElement(NavWrapper, null,
|
|
72
78
|
React.createElement(NavigationPrimaryWrapper, { customTheme: customTheme, themeDropdownObject: themeDropdownObject, contextName: contextName }),
|
|
73
|
-
React.createElement(BannerDesktop, { contextName: contextName, hideBannerOverride: { hideBanner: hideBanner, setHideBanner: setHideBanner } })
|
|
74
|
-
|
|
79
|
+
React.createElement(BannerDesktop, { contextName: contextName, hideBannerOverride: { hideBanner: hideBanner, setHideBanner: setHideBanner } }),
|
|
80
|
+
React.createElement(InfoBannerDesktop, { contextName: contextName, setHeight: setInfoBannerHeight })),
|
|
81
|
+
React.createElement(LayoutWrapper, { hideBannerMargin: hideBanner, infoBannerHeight: infoBannerHeight || 0 },
|
|
75
82
|
React.createElement(StickyDiv, null,
|
|
76
83
|
sidebar && React.createElement(NavigationSecondary, { contextName: contextName }),
|
|
77
|
-
React.createElement(MobileBanner, { contextName: contextName, hideBannerOverride: { hideBanner: hideBanner, setHideBanner: setHideBanner } })
|
|
84
|
+
React.createElement(MobileBanner, { contextName: contextName, hideBannerOverride: { hideBanner: hideBanner, setHideBanner: setHideBanner } }),
|
|
85
|
+
React.createElement(InfoBannerMobile, { contextName: contextName })),
|
|
78
86
|
React.createElement(OffSetArea, { offset: +sidebar },
|
|
79
87
|
React.createElement(MainContent, null, children),
|
|
80
88
|
footer && React.createElement(FooterWrapper, { contextName: contextName })))),
|
|
81
89
|
React.createElement(ToastProvider, __assign({ position: 'bottom-center' }, toastProviderProps))));
|
|
82
90
|
};
|
|
83
91
|
export var LayoutTemplate = withMediaQueryProvider(BaseLayoutTemplate);
|
|
84
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
92
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
85
93
|
//# sourceMappingURL=LayoutTemplate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../../src/Components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EACL,MAAM,EACN,sBAAsB,EACtB,aAAa,EACb,KAAK,EACL,aAAa,EAEb,kBAAkB,EAClB,qBAAqB,GACtB,MAAM,SAAS,CAAA;AAChB,OAAO,mBAAmB,MAAM,iCAAiC,CAAA;AACjE,OAAO,EAGL,gBAAgB,EAChB,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,WAAW,GAEZ,MAAM,mCAAmC,CAAA;AAE1C,OAAO,EACL,sBAAsB,EAEtB,iBAAiB,GAClB,MAAM,eAAe,CAAA;AACtB,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,aAAa,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../../src/Components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { As, FooterContext, NavigationPrimaryProps } from '@newskit-render/shared-components';
|
|
2
2
|
import { NavigationSecondaryInterface } from '../Components/Sections/NavigationSecondary';
|
|
3
|
+
import { InfoBannerProps } from '../context/types';
|
|
3
4
|
export declare const baseContext: {
|
|
4
5
|
baseUrl: string;
|
|
5
6
|
pastDueBanner: import("@newskit-render/shared-components").PastDueBannerType;
|
|
@@ -148,3 +149,4 @@ export declare const baseContext: {
|
|
|
148
149
|
export declare const navigationPrimary: NavigationPrimaryProps;
|
|
149
150
|
export declare const sideNav: NavigationSecondaryInterface[];
|
|
150
151
|
export declare const footer: FooterContext;
|
|
152
|
+
export declare const infoBanner: InfoBannerProps;
|
|
@@ -207,4 +207,10 @@ export var footer = {
|
|
|
207
207
|
],
|
|
208
208
|
legalText: "\u00A9 NewsKit Limited ".concat(new Date().getFullYear(), ".\n Registered in England No. 000000. Registered office: 1 London Bridge Street, SE1 9GF."),
|
|
209
209
|
};
|
|
210
|
+
export var infoBanner = {
|
|
211
|
+
bannerName: 'info-banner',
|
|
212
|
+
title: '',
|
|
213
|
+
text: 'Welcome to your enhanced "My Account" - your hub for subscription management',
|
|
214
|
+
disableClose: false,
|
|
215
|
+
};
|
|
210
216
|
//# sourceMappingURL=baseContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"baseContext.js","sourceRoot":"","sources":["../../../src/context/baseContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAIL,2BAA2B,GAC5B,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAGvC,OAAO,EAAE,YAAY,IAAI,kBAAkB,EAAE,MAAM,sCAAsC,CAAA;AACzF,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,+BAA+B,CAAA;
|
|
1
|
+
{"version":3,"file":"baseContext.js","sourceRoot":"","sources":["../../../src/context/baseContext.tsx"],"names":[],"mappings":"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"}
|
|
@@ -83,6 +83,12 @@ interface HolidayStopContext {
|
|
|
83
83
|
header?: HeaderProps;
|
|
84
84
|
props?: HolidayStopProps;
|
|
85
85
|
}
|
|
86
|
+
export interface InfoBannerProps {
|
|
87
|
+
bannerName: string;
|
|
88
|
+
title?: string;
|
|
89
|
+
text?: string;
|
|
90
|
+
disableClose?: boolean;
|
|
91
|
+
}
|
|
86
92
|
export interface Notice {
|
|
87
93
|
title: string;
|
|
88
94
|
text: string;
|
|
@@ -118,6 +124,7 @@ export interface BaseContextOptions {
|
|
|
118
124
|
header: HeaderProps;
|
|
119
125
|
env?: Record<string, unknown>;
|
|
120
126
|
footer?: FooterContext;
|
|
127
|
+
infoBanner?: InfoBannerProps;
|
|
121
128
|
}
|
|
122
129
|
interface BaseContextOptionsWithUserData extends BaseContextOptions {
|
|
123
130
|
userData: UserData;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":"AA8IA,MAAM,CAAN,IAAY,WAcX;AAdD,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;AAC3B,CAAC,EAdW,WAAW,KAAX,WAAW,QActB;AAiGD,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B"}
|