@newskit-render/my-account 7.127.1 → 7.128.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Components/Elements/NewsletterCard/NewsletterCard.js +6 -5
- package/dist/cjs/Components/Elements/NewsletterCard/NewsletterCard.js.map +1 -1
- package/dist/cjs/Components/Sections/NewslettersList/NewslettersList.js +55 -5
- package/dist/cjs/Components/Sections/NewslettersList/NewslettersList.js.map +1 -1
- package/dist/cjs/helpers/index.d.ts +1 -0
- package/dist/cjs/helpers/index.js +1 -0
- package/dist/cjs/helpers/index.js.map +1 -1
- package/dist/cjs/helpers/layoutReflowUtils.d.ts +1 -0
- package/dist/cjs/helpers/layoutReflowUtils.js +13 -0
- package/dist/cjs/helpers/layoutReflowUtils.js.map +1 -0
- package/dist/esm/Components/Elements/NewsletterCard/NewsletterCard.js +6 -5
- package/dist/esm/Components/Elements/NewsletterCard/NewsletterCard.js.map +1 -1
- package/dist/esm/Components/Sections/NewslettersList/NewslettersList.js +32 -2
- package/dist/esm/Components/Sections/NewslettersList/NewslettersList.js.map +1 -1
- package/dist/esm/helpers/index.d.ts +1 -0
- package/dist/esm/helpers/index.js +1 -0
- package/dist/esm/helpers/index.js.map +1 -1
- package/dist/esm/helpers/layoutReflowUtils.d.ts +1 -0
- package/dist/esm/helpers/layoutReflowUtils.js +10 -0
- package/dist/esm/helpers/layoutReflowUtils.js.map +1 -0
- package/package.json +5 -5
|
@@ -99,9 +99,10 @@ var StyledHeaderBlockWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateOb
|
|
|
99
99
|
}, (0, newskit_1.getMediaQueryFromTheme)('sm'));
|
|
100
100
|
var StyledTitleBlockWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n span {\n display: block;\n }\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n span {\n display: block;\n }\n"])));
|
|
101
101
|
var StyledFrequencyWrapper = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n text-transform: uppercase;\n"], ["\n text-transform: uppercase;\n"])));
|
|
102
|
-
var StyledCardContentWrapper = (0, newskit_1.styled)(newskit_1.CardContent)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n grid-row-start: 1;\n grid-row-end: span 3;\n\n .switch-block {\n align-self: end;\n }\n"], ["\n grid-row-start: 1;\n grid-row-end: span 3;\n\n .switch-block {\n align-self: end;\n }\n"])));
|
|
103
|
-
var
|
|
104
|
-
var
|
|
102
|
+
var StyledCardContentWrapper = (0, newskit_1.styled)(newskit_1.CardContent)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n grid-row-start: 1;\n grid-row-end: span 3;\n\n .switch-block {\n align-self: end;\n margin-top: auto;\n flex-shrink: 0;\n }\n"], ["\n grid-row-start: 1;\n grid-row-end: span 3;\n\n .switch-block {\n align-self: end;\n margin-top: auto;\n flex-shrink: 0;\n }\n"])));
|
|
103
|
+
var StyledDescription = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: normal;\n min-height: 0;\n flex-shrink: 1;\n word-break: break-word;\n"], ["\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: normal;\n min-height: 0;\n flex-shrink: 1;\n word-break: break-word;\n"])));
|
|
104
|
+
var StyledSwitchWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n z-index: 0;\n"], ["\n z-index: 0;\n"])));
|
|
105
|
+
var StyledButton = newskit_1.styled.button(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: auto;\n height: auto;\n background: transparent;\n border: none;\n margin: 0;\n padding: 0;\n\n input {\n display: none;\n }\n"], ["\n width: auto;\n height: auto;\n background: transparent;\n border: none;\n margin: 0;\n padding: 0;\n\n input {\n display: none;\n }\n"])));
|
|
105
106
|
var NewslettersSubscriptionTypes;
|
|
106
107
|
(function (NewslettersSubscriptionTypes) {
|
|
107
108
|
NewslettersSubscriptionTypes["unsubscribe"] = "unsubscribe";
|
|
@@ -176,12 +177,12 @@ var NewsletterCard = function (_a) {
|
|
|
176
177
|
react_1.default.createElement(newskit_1.Headline, { overrides: headlineOverrides.content, headingAs: "span" }, title),
|
|
177
178
|
react_1.default.createElement(StyledFrequencyWrapper, { stylePreset: frequencyOverrides.stylePreset, typographyPreset: frequencyOverrides.typographyPreset }, frequency)),
|
|
178
179
|
react_1.default.createElement(shared_components_1.Image, { src: imageSrc, alt: title, width: "80", height: "80" })),
|
|
179
|
-
react_1.default.createElement(
|
|
180
|
+
react_1.default.createElement(StyledDescription, { stylePreset: textOverrides.stylePreset, typographyPreset: textOverrides.typographyPreset }, description),
|
|
180
181
|
react_1.default.createElement(StyledSwitchWrapper, { className: "switch-block", "data-testid": "switch-wrapper" },
|
|
181
182
|
react_1.default.createElement(StyledButton, { onClick: handleSubscribeBtnClick, "aria-label": switchButtonProps.label ||
|
|
182
183
|
"subscribe/unsubscribe button for the ".concat(title, " newsletter") },
|
|
183
184
|
react_1.default.createElement(newskit_1.Switch, { checked: isSubscribed, label: switchButtonProps.label, "aria-label": title, size: switchButtonProps.size, overrides: switchButtonProps.overrides }))))));
|
|
184
185
|
};
|
|
185
186
|
exports.NewsletterCard = NewsletterCard;
|
|
186
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
187
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
187
188
|
//# sourceMappingURL=NewsletterCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NewsletterCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/NewsletterCard/NewsletterCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,mCAWgB;AAChB,4DAA+B;AAE/B,uEAA2E;AAK3E,IAAM,wBAAwB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,oRAA4B,gHAOpE,EACkD,aAGpD,EAA4B,gFAO/B,KAXK,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB;AAAlD,CAAkD,EAGpD,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAO/B,CAAA;AAED,IAAM,uBAAuB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,6LAAA,0HAQ5C,IAAA,CAAA;AAED,IAAM,sBAAsB,GAAG,IAAA,gBAAM,EAAC,mBAAS,CAAC,qGAAA,kCAE/C,IAAA,CAAA;AAED,IAAM,wBAAwB,GAAG,IAAA,gBAAM,EAAC,qBAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"NewsletterCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/NewsletterCard/NewsletterCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
13
36
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
37
|
var t = {};
|
|
15
38
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -21,18 +44,45 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
44
|
}
|
|
22
45
|
return t;
|
|
23
46
|
};
|
|
24
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
-
};
|
|
27
47
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
48
|
exports.NewslettersList = void 0;
|
|
29
|
-
var react_1 =
|
|
49
|
+
var react_1 = __importStar(require("react"));
|
|
30
50
|
var newskit_1 = require("newskit");
|
|
51
|
+
var layoutReflowUtils_1 = require("../../../helpers/layoutReflowUtils");
|
|
31
52
|
var NewslettersList = function (_a) {
|
|
32
53
|
var gridLayoutOverrides = _a.gridLayoutOverrides, children = _a.children, rest = __rest(_a, ["gridLayoutOverrides", "children"]);
|
|
54
|
+
var gridRef = (0, react_1.useRef)(null);
|
|
55
|
+
// Safari-specific workaround for layout issues with Newsletters tiles content
|
|
56
|
+
// overflowing and overlapping on viewport changes.
|
|
57
|
+
// This effect adds event listeners for 'resize' and 'wheel' events to trigger a
|
|
58
|
+
// layout recalculation by temporarily changing the display property of the grid container.
|
|
59
|
+
// This is necessary due to Safari's handling of CSS Grid and viewport changes.
|
|
60
|
+
(0, react_1.useEffect)(function () {
|
|
61
|
+
var timeoutId;
|
|
62
|
+
var handleViewportChange = function () {
|
|
63
|
+
clearTimeout(timeoutId);
|
|
64
|
+
timeoutId = setTimeout(function () {
|
|
65
|
+
(0, layoutReflowUtils_1.forceLayoutReflow)(gridRef.current);
|
|
66
|
+
}, 100);
|
|
67
|
+
};
|
|
68
|
+
var userAgent = (navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) || '';
|
|
69
|
+
var isSafari = /^((?!chrome|android).)*safari/i.test(userAgent);
|
|
70
|
+
if (isSafari && (window === null || window === void 0 ? void 0 : window.addEventListener)) {
|
|
71
|
+
window.addEventListener('resize', handleViewportChange);
|
|
72
|
+
window.addEventListener('wheel', handleViewportChange, { passive: true });
|
|
73
|
+
return function () {
|
|
74
|
+
if (window === null || window === void 0 ? void 0 : window.removeEventListener) {
|
|
75
|
+
window.removeEventListener('resize', handleViewportChange);
|
|
76
|
+
window.removeEventListener('wheel', handleViewportChange);
|
|
77
|
+
}
|
|
78
|
+
clearTimeout(timeoutId);
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
return;
|
|
82
|
+
}, []);
|
|
33
83
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
34
84
|
react_1.default.createElement(newskit_1.Block, __assign({ marginBlockEnd: 'space070' }, rest),
|
|
35
|
-
react_1.default.createElement(newskit_1.GridLayout, { columns: gridLayoutOverrides.columns, columnGap: gridLayoutOverrides.columnGap, autoFlow: gridLayoutOverrides.autoFlow, rowGap: gridLayoutOverrides.rowGap }, children))));
|
|
85
|
+
react_1.default.createElement(newskit_1.GridLayout, { ref: gridRef, columns: gridLayoutOverrides.columns, columnGap: gridLayoutOverrides.columnGap, autoFlow: gridLayoutOverrides.autoFlow, rowGap: gridLayoutOverrides.rowGap }, children))));
|
|
36
86
|
};
|
|
37
87
|
exports.NewslettersList = NewslettersList;
|
|
38
88
|
//# sourceMappingURL=NewslettersList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NewslettersList.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NewslettersList/NewslettersList.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NewslettersList.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NewslettersList/NewslettersList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmE;AACnE,mCAA2C;AAG3C,wEAAsE;AAO/D,IAAM,eAAe,GAExB,UAAC,EAA0C;IAAxC,IAAA,mBAAmB,yBAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAAxC,mCAA0C,CAAF;IAC3C,IAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAE5C,8EAA8E;IAC9E,mDAAmD;IACnD,gFAAgF;IAChF,2FAA2F;IAC3F,+EAA+E;IAC/E,IAAA,iBAAS,EAAC;QACR,IAAI,SAAyB,CAAA;QAE7B,IAAM,oBAAoB,GAAG;YAC3B,YAAY,CAAC,SAAS,CAAC,CAAA;YACvB,SAAS,GAAG,UAAU,CAAC;gBACrB,IAAA,qCAAiB,EAAC,OAAO,CAAC,OAAO,CAAC,CAAA;YACpC,CAAC,EAAE,GAAG,CAAC,CAAA;QACT,CAAC,CAAA;QAED,IAAM,SAAS,GAAG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,KAAI,EAAE,CAAA;QAC5C,IAAM,QAAQ,GAAG,gCAAgC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAEjE,IAAI,QAAQ,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,gBAAgB,CAAA,EAAE,CAAC;YACzC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAA;YACvD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,oBAAoB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;YAEzE,OAAO;gBACL,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,EAAE,CAAC;oBAChC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAA;oBAC1D,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAA;gBAC3D,CAAC;gBACD,YAAY,CAAC,SAAS,CAAC,CAAA;YACzB,CAAC,CAAA;QACH,CAAC;QAED,OAAM;IACR,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL;QACE,8BAAC,eAAK,aAAC,cAAc,EAAE,UAAU,IAAM,IAAI;YACzC,8BAAC,oBAAU,IACT,GAAG,EAAE,OAAO,EACZ,OAAO,EAAE,mBAAmB,CAAC,OAAO,EACpC,SAAS,EAAE,mBAAmB,CAAC,SAAS,EACxC,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,EACtC,MAAM,EAAE,mBAAmB,CAAC,MAAM,IAEjC,QAAQ,CACE,CACP,CACP,CACJ,CAAA;AACH,CAAC,CAAA;AAtDY,QAAA,eAAe,mBAsD3B"}
|
|
@@ -32,6 +32,7 @@ __exportStar(require("./getAppMfaUri"), exports);
|
|
|
32
32
|
__exportStar(require("./callAppMfa"), exports);
|
|
33
33
|
__exportStar(require("./dateUtils"), exports);
|
|
34
34
|
__exportStar(require("./cancellationUtils"), exports);
|
|
35
|
+
__exportStar(require("./layoutReflowUtils"), exports);
|
|
35
36
|
// line below causes circular dependency in tests, exported directly from file
|
|
36
37
|
// export * from './invoiceUtils'
|
|
37
38
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B;AAC3B,kDAA+B;AAC/B,oDAAiC;AACjC,6CAA0B;AAC1B,iDAA8B;AAC9B,iDAA8B;AAC9B,uDAAoC;AACpC,kDAA+B;AAC/B,kDAA+B;AAC/B,iDAA8B;AAC9B,uDAAoC;AACpC,4DAAyC;AACzC,sDAAmC;AACnC,qDAAkC;AAClC,iDAA8B;AAC9B,+CAA4B;AAC5B,8CAA2B;AAC3B,sDAAmC;AACnC,8EAA8E;AAC9E,iCAAiC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B;AAC3B,kDAA+B;AAC/B,oDAAiC;AACjC,6CAA0B;AAC1B,iDAA8B;AAC9B,iDAA8B;AAC9B,uDAAoC;AACpC,kDAA+B;AAC/B,kDAA+B;AAC/B,iDAA8B;AAC9B,uDAAoC;AACpC,4DAAyC;AACzC,sDAAmC;AACnC,qDAAkC;AAClC,iDAA8B;AAC9B,+CAA4B;AAC5B,8CAA2B;AAC3B,sDAAmC;AACnC,sDAAmC;AACnC,8EAA8E;AAC9E,iCAAiC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function forceLayoutReflow(element: HTMLElement | null): void;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.forceLayoutReflow = forceLayoutReflow;
|
|
4
|
+
function forceLayoutReflow(element) {
|
|
5
|
+
if (!element) {
|
|
6
|
+
return;
|
|
7
|
+
}
|
|
8
|
+
var originalDisplay = element.style.display;
|
|
9
|
+
element.style.display = 'none';
|
|
10
|
+
void element.offsetHeight;
|
|
11
|
+
element.style.display = originalDisplay || 'grid';
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=layoutReflowUtils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"layoutReflowUtils.js","sourceRoot":"","sources":["../../../src/helpers/layoutReflowUtils.ts"],"names":[],"mappings":";;AAAA,8CASC;AATD,SAAgB,iBAAiB,CAAC,OAA2B;IAC3D,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAM;IACR,CAAC;IAED,IAAM,eAAe,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAA;IAC7C,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAA;IAC9B,KAAK,OAAO,CAAC,YAAY,CAAA;IACzB,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,eAAe,IAAI,MAAM,CAAA;AACnD,CAAC"}
|
|
@@ -70,9 +70,10 @@ var StyledHeaderBlockWrapper = styled(Block)(templateObject_1 || (templateObject
|
|
|
70
70
|
}, getMediaQueryFromTheme('sm'));
|
|
71
71
|
var StyledTitleBlockWrapper = styled(Block)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n span {\n display: block;\n }\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n span {\n display: block;\n }\n"])));
|
|
72
72
|
var StyledFrequencyWrapper = styled(TextBlock)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n text-transform: uppercase;\n"], ["\n text-transform: uppercase;\n"])));
|
|
73
|
-
var StyledCardContentWrapper = styled(CardContent)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n grid-row-start: 1;\n grid-row-end: span 3;\n\n .switch-block {\n align-self: end;\n }\n"], ["\n grid-row-start: 1;\n grid-row-end: span 3;\n\n .switch-block {\n align-self: end;\n }\n"])));
|
|
74
|
-
var
|
|
75
|
-
var
|
|
73
|
+
var StyledCardContentWrapper = styled(CardContent)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n grid-row-start: 1;\n grid-row-end: span 3;\n\n .switch-block {\n align-self: end;\n margin-top: auto;\n flex-shrink: 0;\n }\n"], ["\n grid-row-start: 1;\n grid-row-end: span 3;\n\n .switch-block {\n align-self: end;\n margin-top: auto;\n flex-shrink: 0;\n }\n"])));
|
|
74
|
+
var StyledDescription = styled(TextBlock)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: normal;\n min-height: 0;\n flex-shrink: 1;\n word-break: break-word;\n"], ["\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: normal;\n min-height: 0;\n flex-shrink: 1;\n word-break: break-word;\n"])));
|
|
75
|
+
var StyledSwitchWrapper = styled(Block)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n z-index: 0;\n"], ["\n z-index: 0;\n"])));
|
|
76
|
+
var StyledButton = styled.button(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: auto;\n height: auto;\n background: transparent;\n border: none;\n margin: 0;\n padding: 0;\n\n input {\n display: none;\n }\n"], ["\n width: auto;\n height: auto;\n background: transparent;\n border: none;\n margin: 0;\n padding: 0;\n\n input {\n display: none;\n }\n"])));
|
|
76
77
|
var NewslettersSubscriptionTypes;
|
|
77
78
|
(function (NewslettersSubscriptionTypes) {
|
|
78
79
|
NewslettersSubscriptionTypes["unsubscribe"] = "unsubscribe";
|
|
@@ -147,11 +148,11 @@ export var NewsletterCard = function (_a) {
|
|
|
147
148
|
React.createElement(Headline, { overrides: headlineOverrides.content, headingAs: "span" }, title),
|
|
148
149
|
React.createElement(StyledFrequencyWrapper, { stylePreset: frequencyOverrides.stylePreset, typographyPreset: frequencyOverrides.typographyPreset }, frequency)),
|
|
149
150
|
React.createElement(Image, { src: imageSrc, alt: title, width: "80", height: "80" })),
|
|
150
|
-
React.createElement(
|
|
151
|
+
React.createElement(StyledDescription, { stylePreset: textOverrides.stylePreset, typographyPreset: textOverrides.typographyPreset }, description),
|
|
151
152
|
React.createElement(StyledSwitchWrapper, { className: "switch-block", "data-testid": "switch-wrapper" },
|
|
152
153
|
React.createElement(StyledButton, { onClick: handleSubscribeBtnClick, "aria-label": switchButtonProps.label ||
|
|
153
154
|
"subscribe/unsubscribe button for the ".concat(title, " newsletter") },
|
|
154
155
|
React.createElement(Switch, { checked: isSubscribed, label: switchButtonProps.label, "aria-label": title, size: switchButtonProps.size, overrides: switchButtonProps.overrides }))))));
|
|
155
156
|
};
|
|
156
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
157
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
157
158
|
//# sourceMappingURL=NewsletterCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NewsletterCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/NewsletterCard/NewsletterCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EACL,KAAK,EACL,MAAM,EACN,cAAc,EACd,WAAW,EACX,QAAQ,EACR,SAAS,EACT,MAAM,EACN,sBAAsB,EACtB,kBAAkB,EAClB,YAAY,GACb,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,MAAM,aAAa,CAAA;AAE/B,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAA;AAK3E,IAAM,wBAAwB,GAAG,MAAM,CAAC,KAAK,CAAC,oRAA4B,gHAOpE,EACkD,aAGpD,EAA4B,gFAO/B,KAXK,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB;AAAlD,CAAkD,EAGpD,sBAAsB,CAAC,IAAI,CAAC,CAO/B,CAAA;AAED,IAAM,uBAAuB,GAAG,MAAM,CAAC,KAAK,CAAC,6LAAA,0HAQ5C,IAAA,CAAA;AAED,IAAM,sBAAsB,GAAG,MAAM,CAAC,SAAS,CAAC,qGAAA,kCAE/C,IAAA,CAAA;AAED,IAAM,wBAAwB,GAAG,MAAM,CAAC,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"NewsletterCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/NewsletterCard/NewsletterCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,12 +20,42 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
20
20
|
}
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
|
-
import React from 'react';
|
|
23
|
+
import React, { useEffect, useRef } from 'react';
|
|
24
24
|
import { GridLayout, Block } from 'newskit';
|
|
25
|
+
import { forceLayoutReflow } from '../../../helpers/layoutReflowUtils';
|
|
25
26
|
export var NewslettersList = function (_a) {
|
|
26
27
|
var gridLayoutOverrides = _a.gridLayoutOverrides, children = _a.children, rest = __rest(_a, ["gridLayoutOverrides", "children"]);
|
|
28
|
+
var gridRef = useRef(null);
|
|
29
|
+
// Safari-specific workaround for layout issues with Newsletters tiles content
|
|
30
|
+
// overflowing and overlapping on viewport changes.
|
|
31
|
+
// This effect adds event listeners for 'resize' and 'wheel' events to trigger a
|
|
32
|
+
// layout recalculation by temporarily changing the display property of the grid container.
|
|
33
|
+
// This is necessary due to Safari's handling of CSS Grid and viewport changes.
|
|
34
|
+
useEffect(function () {
|
|
35
|
+
var timeoutId;
|
|
36
|
+
var handleViewportChange = function () {
|
|
37
|
+
clearTimeout(timeoutId);
|
|
38
|
+
timeoutId = setTimeout(function () {
|
|
39
|
+
forceLayoutReflow(gridRef.current);
|
|
40
|
+
}, 100);
|
|
41
|
+
};
|
|
42
|
+
var userAgent = (navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) || '';
|
|
43
|
+
var isSafari = /^((?!chrome|android).)*safari/i.test(userAgent);
|
|
44
|
+
if (isSafari && (window === null || window === void 0 ? void 0 : window.addEventListener)) {
|
|
45
|
+
window.addEventListener('resize', handleViewportChange);
|
|
46
|
+
window.addEventListener('wheel', handleViewportChange, { passive: true });
|
|
47
|
+
return function () {
|
|
48
|
+
if (window === null || window === void 0 ? void 0 : window.removeEventListener) {
|
|
49
|
+
window.removeEventListener('resize', handleViewportChange);
|
|
50
|
+
window.removeEventListener('wheel', handleViewportChange);
|
|
51
|
+
}
|
|
52
|
+
clearTimeout(timeoutId);
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
return;
|
|
56
|
+
}, []);
|
|
27
57
|
return (React.createElement(React.Fragment, null,
|
|
28
58
|
React.createElement(Block, __assign({ marginBlockEnd: 'space070' }, rest),
|
|
29
|
-
React.createElement(GridLayout, { columns: gridLayoutOverrides.columns, columnGap: gridLayoutOverrides.columnGap, autoFlow: gridLayoutOverrides.autoFlow, rowGap: gridLayoutOverrides.rowGap }, children))));
|
|
59
|
+
React.createElement(GridLayout, { ref: gridRef, columns: gridLayoutOverrides.columns, columnGap: gridLayoutOverrides.columnGap, autoFlow: gridLayoutOverrides.autoFlow, rowGap: gridLayoutOverrides.rowGap }, children))));
|
|
30
60
|
};
|
|
31
61
|
//# sourceMappingURL=NewslettersList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NewslettersList.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NewslettersList/NewslettersList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"NewslettersList.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NewslettersList/NewslettersList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAqB,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AAOtE,MAAM,CAAC,IAAM,eAAe,GAExB,UAAC,EAA0C;IAAxC,IAAA,mBAAmB,yBAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAAxC,mCAA0C,CAAF;IAC3C,IAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAE5C,8EAA8E;IAC9E,mDAAmD;IACnD,gFAAgF;IAChF,2FAA2F;IAC3F,+EAA+E;IAC/E,SAAS,CAAC;QACR,IAAI,SAAyB,CAAA;QAE7B,IAAM,oBAAoB,GAAG;YAC3B,YAAY,CAAC,SAAS,CAAC,CAAA;YACvB,SAAS,GAAG,UAAU,CAAC;gBACrB,iBAAiB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;YACpC,CAAC,EAAE,GAAG,CAAC,CAAA;QACT,CAAC,CAAA;QAED,IAAM,SAAS,GAAG,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,KAAI,EAAE,CAAA;QAC5C,IAAM,QAAQ,GAAG,gCAAgC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAEjE,IAAI,QAAQ,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,gBAAgB,CAAA,EAAE,CAAC;YACzC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAA;YACvD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,oBAAoB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;YAEzE,OAAO;gBACL,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,mBAAmB,EAAE,CAAC;oBAChC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAA;oBAC1D,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAA;gBAC3D,CAAC;gBACD,YAAY,CAAC,SAAS,CAAC,CAAA;YACzB,CAAC,CAAA;QACH,CAAC;QAED,OAAM;IACR,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL;QACE,oBAAC,KAAK,aAAC,cAAc,EAAE,UAAU,IAAM,IAAI;YACzC,oBAAC,UAAU,IACT,GAAG,EAAE,OAAO,EACZ,OAAO,EAAE,mBAAmB,CAAC,OAAO,EACpC,SAAS,EAAE,mBAAmB,CAAC,SAAS,EACxC,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,EACtC,MAAM,EAAE,mBAAmB,CAAC,MAAM,IAEjC,QAAQ,CACE,CACP,CACP,CACJ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -16,6 +16,7 @@ export * from './getAppMfaUri';
|
|
|
16
16
|
export * from './callAppMfa';
|
|
17
17
|
export * from './dateUtils';
|
|
18
18
|
export * from './cancellationUtils';
|
|
19
|
+
export * from './layoutReflowUtils';
|
|
19
20
|
// line below causes circular dependency in tests, exported directly from file
|
|
20
21
|
// export * from './invoiceUtils'
|
|
21
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,qBAAqB,CAAA;AACnC,8EAA8E;AAC9E,iCAAiC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,8EAA8E;AAC9E,iCAAiC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function forceLayoutReflow(element: HTMLElement | null): void;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export function forceLayoutReflow(element) {
|
|
2
|
+
if (!element) {
|
|
3
|
+
return;
|
|
4
|
+
}
|
|
5
|
+
var originalDisplay = element.style.display;
|
|
6
|
+
element.style.display = 'none';
|
|
7
|
+
void element.offsetHeight;
|
|
8
|
+
element.style.display = originalDisplay || 'grid';
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=layoutReflowUtils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"layoutReflowUtils.js","sourceRoot":"","sources":["../../../src/helpers/layoutReflowUtils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,iBAAiB,CAAC,OAA2B;IAC3D,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAM;IACR,CAAC;IAED,IAAM,eAAe,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAA;IAC7C,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAA;IAC9B,KAAK,OAAO,CAAC,YAAY,CAAA;IACzB,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,eAAe,IAAI,MAAM,CAAA;AACnD,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@newskit-render/my-account",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.128.0-alpha.0",
|
|
4
4
|
"description": "Newskit Render",
|
|
5
5
|
"author": "",
|
|
6
6
|
"license": "UNLICENSED",
|
|
@@ -34,10 +34,10 @@
|
|
|
34
34
|
"@emotion/react": "11.9.3",
|
|
35
35
|
"@emotion/styled": "11.9.3",
|
|
36
36
|
"@hookform/resolvers": "2.9.10",
|
|
37
|
-
"@newskit-render/api": "^1.16.
|
|
38
|
-
"@newskit-render/feature-flags": "^1.11.
|
|
39
|
-
"@newskit-render/shared-components": "^4.53.
|
|
40
|
-
"@newskit-render/validation": "^1.20.
|
|
37
|
+
"@newskit-render/api": "^1.16.58-alpha.0",
|
|
38
|
+
"@newskit-render/feature-flags": "^1.11.74-alpha.0",
|
|
39
|
+
"@newskit-render/shared-components": "^4.53.23-alpha.0",
|
|
40
|
+
"@newskit-render/validation": "^1.20.18-alpha.0",
|
|
41
41
|
"@stripe/react-stripe-js": "2.1.1",
|
|
42
42
|
"@stripe/stripe-js": "1.54.1",
|
|
43
43
|
"cross-fetch": "3.1.5",
|