@newskit-render/my-account 4.4.3 → 4.4.4-alpha.1
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/PastDueBanner/PastDueBanner.js +2 -2
- package/dist/cjs/Components/Elements/PastDueBanner/PastDueBanner.js.map +1 -1
- package/dist/cjs/Components/Elements/PastDueBanner/types.d.ts +5 -0
- package/dist/cjs/Components/Templates/LayoutTemplate.js +32 -5
- package/dist/cjs/Components/Templates/LayoutTemplate.js.map +1 -1
- package/dist/cjs/queries/getUserProfile.js +1 -1
- package/dist/cjs/queries/getUserProfile.js.map +1 -1
- package/dist/esm/Components/Elements/PastDueBanner/PastDueBanner.js +2 -2
- package/dist/esm/Components/Elements/PastDueBanner/PastDueBanner.js.map +1 -1
- package/dist/esm/Components/Elements/PastDueBanner/types.d.ts +5 -0
- package/dist/esm/Components/Templates/LayoutTemplate.js +9 -5
- package/dist/esm/Components/Templates/LayoutTemplate.js.map +1 -1
- package/dist/esm/queries/getUserProfile.js +1 -1
- package/dist/esm/queries/getUserProfile.js.map +1 -1
- package/package.json +2 -2
|
@@ -8,10 +8,10 @@ var context_1 = require("../../../context");
|
|
|
8
8
|
var shared_components_1 = require("@newskit-render/shared-components");
|
|
9
9
|
var helpers_1 = require("../../../helpers");
|
|
10
10
|
var PastDueBanner = function (_a) {
|
|
11
|
-
var className = _a.className, contextName = _a.contextName;
|
|
11
|
+
var className = _a.className, contextName = _a.contextName, hideBannerOverride = _a.hideBannerOverride;
|
|
12
12
|
var _b = (0, context_1.useAccountContext)(contextName), pastDueBanner = _b.pastDueBanner, baseUrl = _b.baseUrl, userData = _b.userData;
|
|
13
13
|
var buttonHref = (0, helpers_1.replaceBaseURL)(baseUrl, '[baseURL]/subscription-and-billing');
|
|
14
|
-
return (react_1.default.createElement(react_1.default.Fragment, null, pastDueBanner && userData && (react_1.default.createElement(shared_components_1.PastDueBanner, { pastDueBanner: pastDueBanner, userData: userData, url: buttonHref, className: className }))));
|
|
14
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, pastDueBanner && userData && (react_1.default.createElement(shared_components_1.PastDueBanner, { pastDueBanner: pastDueBanner, userData: userData, url: buttonHref, className: className, hideBannerOverride: hideBannerOverride }))));
|
|
15
15
|
};
|
|
16
16
|
exports.default = PastDueBanner;
|
|
17
17
|
//# sourceMappingURL=PastDueBanner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PastDueBanner.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/PastDueBanner/PastDueBanner.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AACzB,4CAGyB;AACzB,uEAAyF;AACzF,4CAAiD;AAGjD,IAAM,aAAa,GAAiC,UAAC,
|
|
1
|
+
{"version":3,"file":"PastDueBanner.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/PastDueBanner/PastDueBanner.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AACzB,4CAGyB;AACzB,uEAAyF;AACzF,4CAAiD;AAGjD,IAAM,aAAa,GAAiC,UAAC,EAIpD;QAHC,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,kBAAkB,wBAAA;IAEZ,IAAA,KAAuC,IAAA,2BAAiB,EAC5D,WAAW,CACwB,EAF7B,aAAa,mBAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAEH,CAAA;IAErC,IAAM,UAAU,GAAG,IAAA,wBAAc,EAC/B,OAAO,EACP,oCAAoC,CACrC,CAAA;IAED,OAAO,CACL,8DACG,aAAa,IAAI,QAAQ,IAAI,CAC5B,8BAAC,iCAAoB,IACnB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,GACtC,CACH,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,aAAa,CAAA"}
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { ContextName } from '../../../context/types';
|
|
2
3
|
export type PastDueBannerProps = {
|
|
3
4
|
className?: string;
|
|
4
5
|
contextName: ContextName;
|
|
6
|
+
hideBannerOverride?: {
|
|
7
|
+
hideBanner: boolean;
|
|
8
|
+
setHideBanner: React.Dispatch<React.SetStateAction<boolean>>;
|
|
9
|
+
};
|
|
5
10
|
};
|
|
@@ -14,6 +14,29 @@ var __assign = (this && this.__assign) || function () {
|
|
|
14
14
|
};
|
|
15
15
|
return __assign.apply(this, arguments);
|
|
16
16
|
};
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
17
40
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
41
|
var t = {};
|
|
19
42
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -30,14 +53,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
30
53
|
};
|
|
31
54
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
55
|
exports.LayoutTemplate = exports.BaseLayoutTemplate = void 0;
|
|
33
|
-
var react_1 =
|
|
56
|
+
var react_1 = __importStar(require("react"));
|
|
34
57
|
var newskit_1 = require("newskit");
|
|
35
58
|
var NavigationSecondary_1 = __importDefault(require("../Sections/NavigationSecondary"));
|
|
36
59
|
var shared_components_1 = require("@newskit-render/shared-components");
|
|
37
60
|
var context_1 = require("../../context");
|
|
38
61
|
var Head_1 = __importDefault(require("../Elements/Head"));
|
|
39
62
|
var PastDueBanner_1 = __importDefault(require("../Elements/PastDueBanner"));
|
|
40
|
-
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 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 flex-direction: initial;\n }\n"])), (0, newskit_1.getMediaQueryFromTheme)('md'), (0, newskit_1.getMediaQueryFromTheme)('lg'))
|
|
63
|
+
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 ? '80' : '151';
|
|
66
|
+
});
|
|
41
67
|
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) {
|
|
42
68
|
var offset = _a.offset;
|
|
43
69
|
return (offset ? '300' : '0');
|
|
@@ -67,16 +93,17 @@ var withMediaQueryProvider = function (Component) {
|
|
|
67
93
|
};
|
|
68
94
|
var BaseLayoutTemplate = function (_a) {
|
|
69
95
|
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
|
+
var _d = (0, react_1.useState)(true), hideBanner = _d[0], setHideBanner = _d[1];
|
|
70
97
|
return (react_1.default.createElement(context_1.AccountContextProvider, { context: context, contextName: contextName },
|
|
71
98
|
react_1.default.createElement(Head_1.default, { contextName: contextName }),
|
|
72
99
|
react_1.default.createElement(newskit_1.ThemeProvider, { theme: customTheme || shared_components_1.sharedTheme },
|
|
73
100
|
react_1.default.createElement(NavWrapper, null,
|
|
74
101
|
react_1.default.createElement(NavigationPrimaryWrapper, { customTheme: customTheme, themeDropdownObject: themeDropdownObject, contextName: contextName }),
|
|
75
|
-
react_1.default.createElement(BannerDesktop, { contextName: contextName })),
|
|
76
|
-
react_1.default.createElement(LayoutWrapper,
|
|
102
|
+
react_1.default.createElement(BannerDesktop, { contextName: contextName, hideBannerOverride: { hideBanner: hideBanner, setHideBanner: setHideBanner } })),
|
|
103
|
+
react_1.default.createElement(LayoutWrapper, { hideBannerMargin: hideBanner },
|
|
77
104
|
react_1.default.createElement(StickyDiv, null,
|
|
78
105
|
sidebar && react_1.default.createElement(NavigationSecondary_1.default, { contextName: contextName }),
|
|
79
|
-
react_1.default.createElement(MobileBanner, { contextName: contextName })),
|
|
106
|
+
react_1.default.createElement(MobileBanner, { contextName: contextName, hideBannerOverride: { hideBanner: hideBanner, setHideBanner: setHideBanner } })),
|
|
80
107
|
react_1.default.createElement(OffSetArea, { offset: +sidebar },
|
|
81
108
|
react_1.default.createElement(shared_components_1.LayoutGrid, { hasSidebar: sidebar, margin: {
|
|
82
109
|
xsMargin: 'space050',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../../src/Components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../../src/Components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
7
|
exports.GET_USER_PROFILE = void 0;
|
|
8
8
|
var client_1 = require("@apollo/client");
|
|
9
|
-
exports.GET_USER_PROFILE = (0, client_1.gql)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n fragment UserProfile on User {\n cpn\n firstName\n lastName\n dateOfBirth\n email\n mobile\n phoneNumber\n address {\n line1\n line2\n line3\n city\n postcode\n county\n country {\n countryIsoCode\n name\n }\n }\n
|
|
9
|
+
exports.GET_USER_PROFILE = (0, client_1.gql)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n fragment UserProfile on User {\n cpn\n firstName\n lastName\n dateOfBirth\n email\n mobile\n phoneNumber\n address {\n line1\n line2\n line3\n city\n postcode\n county\n country {\n countryIsoCode\n name\n }\n }\n }\n"], ["\n fragment UserProfile on User {\n cpn\n firstName\n lastName\n dateOfBirth\n email\n mobile\n phoneNumber\n address {\n line1\n line2\n line3\n city\n postcode\n county\n country {\n countryIsoCode\n name\n }\n }\n }\n"])));
|
|
10
10
|
var templateObject_1;
|
|
11
11
|
//# sourceMappingURL=getUserProfile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getUserProfile.js","sourceRoot":"","sources":["../../../src/queries/getUserProfile.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAAoC;AAEvB,QAAA,gBAAgB,OAAG,YAAG,
|
|
1
|
+
{"version":3,"file":"getUserProfile.js","sourceRoot":"","sources":["../../../src/queries/getUserProfile.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAAoC;AAEvB,QAAA,gBAAgB,OAAG,YAAG,qXAAA,iTAsBlC,KAAA"}
|
|
@@ -3,10 +3,10 @@ import { useAccountContext, } from '../../../context';
|
|
|
3
3
|
import { PastDueBanner as PastDueBannerDisplay } from '@newskit-render/shared-components';
|
|
4
4
|
import { replaceBaseURL } from '../../../helpers';
|
|
5
5
|
var PastDueBanner = function (_a) {
|
|
6
|
-
var className = _a.className, contextName = _a.contextName;
|
|
6
|
+
var className = _a.className, contextName = _a.contextName, hideBannerOverride = _a.hideBannerOverride;
|
|
7
7
|
var _b = useAccountContext(contextName), pastDueBanner = _b.pastDueBanner, baseUrl = _b.baseUrl, userData = _b.userData;
|
|
8
8
|
var buttonHref = replaceBaseURL(baseUrl, '[baseURL]/subscription-and-billing');
|
|
9
|
-
return (React.createElement(React.Fragment, null, pastDueBanner && userData && (React.createElement(PastDueBannerDisplay, { pastDueBanner: pastDueBanner, userData: userData, url: buttonHref, className: className }))));
|
|
9
|
+
return (React.createElement(React.Fragment, null, pastDueBanner && userData && (React.createElement(PastDueBannerDisplay, { pastDueBanner: pastDueBanner, userData: userData, url: buttonHref, className: className, hideBannerOverride: hideBannerOverride }))));
|
|
10
10
|
};
|
|
11
11
|
export default PastDueBanner;
|
|
12
12
|
//# sourceMappingURL=PastDueBanner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PastDueBanner.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/PastDueBanner/PastDueBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAEL,iBAAiB,GAClB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AACzF,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAGjD,IAAM,aAAa,GAAiC,UAAC,
|
|
1
|
+
{"version":3,"file":"PastDueBanner.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/PastDueBanner/PastDueBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAEL,iBAAiB,GAClB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AACzF,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAGjD,IAAM,aAAa,GAAiC,UAAC,EAIpD;QAHC,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,kBAAkB,wBAAA;IAEZ,IAAA,KAAuC,iBAAiB,CAC5D,WAAW,CACwB,EAF7B,aAAa,mBAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAEH,CAAA;IAErC,IAAM,UAAU,GAAG,cAAc,CAC/B,OAAO,EACP,oCAAoC,CACrC,CAAA;IAED,OAAO,CACL,0CACG,aAAa,IAAI,QAAQ,IAAI,CAC5B,oBAAC,oBAAoB,IACnB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,GACtC,CACH,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { ContextName } from '../../../context/types';
|
|
2
3
|
export type PastDueBannerProps = {
|
|
3
4
|
className?: string;
|
|
4
5
|
contextName: ContextName;
|
|
6
|
+
hideBannerOverride?: {
|
|
7
|
+
hideBanner: boolean;
|
|
8
|
+
setHideBanner: React.Dispatch<React.SetStateAction<boolean>>;
|
|
9
|
+
};
|
|
5
10
|
};
|
|
@@ -24,14 +24,17 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
24
24
|
}
|
|
25
25
|
return t;
|
|
26
26
|
};
|
|
27
|
-
import React from 'react';
|
|
27
|
+
import React, { useState } from 'react';
|
|
28
28
|
import { styled, getMediaQueryFromTheme, ThemeProvider, Block, ToastProvider, MediaQueryProvider, getSizingCssFromTheme, } from 'newskit';
|
|
29
29
|
import NavigationSecondary from '../Sections/NavigationSecondary';
|
|
30
30
|
import { NavigationFooter, LayoutGrid, NavigationPrimary, largeDesktop, sharedTheme, } from '@newskit-render/shared-components';
|
|
31
31
|
import { AccountContextProvider, useAccountContext, } from '../../context';
|
|
32
32
|
import Head from '../Elements/Head';
|
|
33
33
|
import PastDueBanner from '../Elements/PastDueBanner';
|
|
34
|
-
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 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 flex-direction: initial;\n }\n"])), getMediaQueryFromTheme('md'), getMediaQueryFromTheme('lg'))
|
|
34
|
+
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 ? '80' : '151';
|
|
37
|
+
});
|
|
35
38
|
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) {
|
|
36
39
|
var offset = _a.offset;
|
|
37
40
|
return (offset ? '300' : '0');
|
|
@@ -61,16 +64,17 @@ var withMediaQueryProvider = function (Component) {
|
|
|
61
64
|
};
|
|
62
65
|
export var BaseLayoutTemplate = function (_a) {
|
|
63
66
|
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
|
+
var _d = useState(true), hideBanner = _d[0], setHideBanner = _d[1];
|
|
64
68
|
return (React.createElement(AccountContextProvider, { context: context, contextName: contextName },
|
|
65
69
|
React.createElement(Head, { contextName: contextName }),
|
|
66
70
|
React.createElement(ThemeProvider, { theme: customTheme || sharedTheme },
|
|
67
71
|
React.createElement(NavWrapper, null,
|
|
68
72
|
React.createElement(NavigationPrimaryWrapper, { customTheme: customTheme, themeDropdownObject: themeDropdownObject, contextName: contextName }),
|
|
69
|
-
React.createElement(BannerDesktop, { contextName: contextName })),
|
|
70
|
-
React.createElement(LayoutWrapper,
|
|
73
|
+
React.createElement(BannerDesktop, { contextName: contextName, hideBannerOverride: { hideBanner: hideBanner, setHideBanner: setHideBanner } })),
|
|
74
|
+
React.createElement(LayoutWrapper, { hideBannerMargin: hideBanner },
|
|
71
75
|
React.createElement(StickyDiv, null,
|
|
72
76
|
sidebar && React.createElement(NavigationSecondary, { contextName: contextName }),
|
|
73
|
-
React.createElement(MobileBanner, { contextName: contextName })),
|
|
77
|
+
React.createElement(MobileBanner, { contextName: contextName, hideBannerOverride: { hideBanner: hideBanner, setHideBanner: setHideBanner } })),
|
|
74
78
|
React.createElement(OffSetArea, { offset: +sidebar },
|
|
75
79
|
React.createElement(LayoutGrid, { hasSidebar: sidebar, margin: {
|
|
76
80
|
xsMargin: 'space050',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../../src/Components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../../src/Components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
return cooked;
|
|
4
4
|
};
|
|
5
5
|
import { gql } from '@apollo/client';
|
|
6
|
-
export var GET_USER_PROFILE = gql(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n fragment UserProfile on User {\n cpn\n firstName\n lastName\n dateOfBirth\n email\n mobile\n phoneNumber\n address {\n line1\n line2\n line3\n city\n postcode\n county\n country {\n countryIsoCode\n name\n }\n }\n
|
|
6
|
+
export var GET_USER_PROFILE = gql(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n fragment UserProfile on User {\n cpn\n firstName\n lastName\n dateOfBirth\n email\n mobile\n phoneNumber\n address {\n line1\n line2\n line3\n city\n postcode\n county\n country {\n countryIsoCode\n name\n }\n }\n }\n"], ["\n fragment UserProfile on User {\n cpn\n firstName\n lastName\n dateOfBirth\n email\n mobile\n phoneNumber\n address {\n line1\n line2\n line3\n city\n postcode\n county\n country {\n countryIsoCode\n name\n }\n }\n }\n"])));
|
|
7
7
|
var templateObject_1;
|
|
8
8
|
//# sourceMappingURL=getUserProfile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getUserProfile.js","sourceRoot":"","sources":["../../../src/queries/getUserProfile.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,MAAM,CAAC,IAAM,gBAAgB,GAAG,GAAG,
|
|
1
|
+
{"version":3,"file":"getUserProfile.js","sourceRoot":"","sources":["../../../src/queries/getUserProfile.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,MAAM,CAAC,IAAM,gBAAgB,GAAG,GAAG,oXAAA,iTAsBlC,IAAA,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@newskit-render/my-account",
|
|
3
|
-
"version": "4.4.
|
|
3
|
+
"version": "4.4.4-alpha.1",
|
|
4
4
|
"description": "Newskit Render",
|
|
5
5
|
"author": "",
|
|
6
6
|
"license": "UNLICENSED",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"@emotion/styled": "11.9.3",
|
|
35
35
|
"@hookform/resolvers": "2.9.10",
|
|
36
36
|
"@newskit-render/api": "^1.6.6",
|
|
37
|
-
"@newskit-render/shared-components": "^2.
|
|
37
|
+
"@newskit-render/shared-components": "^2.6.0-alpha.1",
|
|
38
38
|
"@newskit-render/validation": "^1.5.12",
|
|
39
39
|
"@stripe/react-stripe-js": "1.4.1",
|
|
40
40
|
"@stripe/stripe-js": "1.46.0",
|