@newskit-render/my-account 7.191.4-7e666295.0 → 7.191.4-e786700a.3
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/OptOutBanner/OptOutBanner.js +12 -0
- package/dist/cjs/Components/Elements/OptOutBanner/OptOutBanner.js.map +1 -1
- package/dist/esm/Components/Elements/OptOutBanner/OptOutBanner.js +13 -1
- package/dist/esm/Components/Elements/OptOutBanner/OptOutBanner.js.map +1 -1
- package/package.json +6 -6
|
@@ -63,6 +63,7 @@ exports.OptOutBanner = void 0;
|
|
|
63
63
|
var react_1 = __importStar(require("react"));
|
|
64
64
|
var newskit_1 = require("newskit");
|
|
65
65
|
var icons_1 = require("newskit/cjs/icons");
|
|
66
|
+
var shared_components_1 = require("@newskit-render/shared-components");
|
|
66
67
|
var OptOutBanner = function (_a) {
|
|
67
68
|
var className = _a.className, optOutBanner = _a.optOutBanner, optedOut = _a.optedOut, setOptedOut = _a.setOptedOut, setHeight = _a.setHeight;
|
|
68
69
|
var bannerWrapperRef = (0, react_1.useRef)(null);
|
|
@@ -78,6 +79,7 @@ var OptOutBanner = function (_a) {
|
|
|
78
79
|
xs: 'medium',
|
|
79
80
|
md: 'small',
|
|
80
81
|
});
|
|
82
|
+
var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
|
|
81
83
|
var _b = optOutBanner || {}, title = _b.title, text = _b.text, button = _b.button, onClick = _b.onClick;
|
|
82
84
|
(0, react_1.useEffect)(function () {
|
|
83
85
|
var _a;
|
|
@@ -85,6 +87,15 @@ var OptOutBanner = function (_a) {
|
|
|
85
87
|
setHeight(((_a = bannerWrapperRef === null || bannerWrapperRef === void 0 ? void 0 : bannerWrapperRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0);
|
|
86
88
|
}
|
|
87
89
|
}, []);
|
|
90
|
+
(0, react_1.useEffect)(function () {
|
|
91
|
+
if (optOutBanner && optedOut && typeof window !== 'undefined') {
|
|
92
|
+
fireEvent((0, shared_components_1.createClickEvent)({
|
|
93
|
+
originator: 'opt-out-banner',
|
|
94
|
+
text: 'newsletter recovery banner : displayed',
|
|
95
|
+
event_navigation_browsing_method: 'automated',
|
|
96
|
+
}));
|
|
97
|
+
}
|
|
98
|
+
}, [optOutBanner, optedOut]);
|
|
88
99
|
if (!optOutBanner || !optedOut)
|
|
89
100
|
return null;
|
|
90
101
|
return (react_1.default.createElement("div", { className: className, ref: bannerWrapperRef },
|
|
@@ -126,6 +137,7 @@ var OptOutBanner = function (_a) {
|
|
|
126
137
|
switch (_a.label) {
|
|
127
138
|
case 0:
|
|
128
139
|
event.preventDefault();
|
|
140
|
+
fireEvent((0, shared_components_1.createClickEvent)('opt-out-banner', 'newsletter recovery banner : opt in'));
|
|
129
141
|
return [4 /*yield*/, (onClick === null || onClick === void 0 ? void 0 : onClick(event))];
|
|
130
142
|
case 1:
|
|
131
143
|
_a.sent();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptOutBanner.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OptOutBanner/OptOutBanner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAgD;AAChD,
|
|
1
|
+
{"version":3,"file":"OptOutBanner.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OptOutBanner/OptOutBanner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -35,8 +35,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
37
|
import React, { useEffect, useRef } from 'react';
|
|
38
|
-
import { Banner, useMediaQueryObject, MediaQueryProvider, Button, } from 'newskit';
|
|
38
|
+
import { Banner, useMediaQueryObject, MediaQueryProvider, Button, useInstrumentation, } from 'newskit';
|
|
39
39
|
import { IconFilledWarning } from 'newskit/cjs/icons';
|
|
40
|
+
import { createClickEvent } from '@newskit-render/shared-components';
|
|
40
41
|
export var OptOutBanner = function (_a) {
|
|
41
42
|
var className = _a.className, optOutBanner = _a.optOutBanner, optedOut = _a.optedOut, setOptedOut = _a.setOptedOut, setHeight = _a.setHeight;
|
|
42
43
|
var bannerWrapperRef = useRef(null);
|
|
@@ -52,6 +53,7 @@ export var OptOutBanner = function (_a) {
|
|
|
52
53
|
xs: 'medium',
|
|
53
54
|
md: 'small',
|
|
54
55
|
});
|
|
56
|
+
var fireEvent = useInstrumentation().fireEvent;
|
|
55
57
|
var _b = optOutBanner || {}, title = _b.title, text = _b.text, button = _b.button, onClick = _b.onClick;
|
|
56
58
|
useEffect(function () {
|
|
57
59
|
var _a;
|
|
@@ -59,6 +61,15 @@ export var OptOutBanner = function (_a) {
|
|
|
59
61
|
setHeight(((_a = bannerWrapperRef === null || bannerWrapperRef === void 0 ? void 0 : bannerWrapperRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) || 0);
|
|
60
62
|
}
|
|
61
63
|
}, []);
|
|
64
|
+
useEffect(function () {
|
|
65
|
+
if (optOutBanner && optedOut && typeof window !== 'undefined') {
|
|
66
|
+
fireEvent(createClickEvent({
|
|
67
|
+
originator: 'opt-out-banner',
|
|
68
|
+
text: 'newsletter recovery banner : displayed',
|
|
69
|
+
event_navigation_browsing_method: 'automated',
|
|
70
|
+
}));
|
|
71
|
+
}
|
|
72
|
+
}, [optOutBanner, optedOut]);
|
|
62
73
|
if (!optOutBanner || !optedOut)
|
|
63
74
|
return null;
|
|
64
75
|
return (React.createElement("div", { className: className, ref: bannerWrapperRef },
|
|
@@ -100,6 +111,7 @@ export var OptOutBanner = function (_a) {
|
|
|
100
111
|
switch (_a.label) {
|
|
101
112
|
case 0:
|
|
102
113
|
event.preventDefault();
|
|
114
|
+
fireEvent(createClickEvent('opt-out-banner', 'newsletter recovery banner : opt in'));
|
|
103
115
|
return [4 /*yield*/, (onClick === null || onClick === void 0 ? void 0 : onClick(event))];
|
|
104
116
|
case 1:
|
|
105
117
|
_a.sent();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptOutBanner.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OptOutBanner/OptOutBanner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EACL,MAAM,EACN,mBAAmB,EACnB,kBAAkB,EAElB,MAAM,
|
|
1
|
+
{"version":3,"file":"OptOutBanner.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OptOutBanner/OptOutBanner.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@newskit-render/my-account",
|
|
3
|
-
"version": "7.191.4-
|
|
3
|
+
"version": "7.191.4-e786700a.3+e786700a",
|
|
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.20.1-
|
|
38
|
-
"@newskit-render/feature-flags": "^1.16.1-
|
|
39
|
-
"@newskit-render/shared-components": "^4.75.3-
|
|
40
|
-
"@newskit-render/validation": "^1.27.1-
|
|
37
|
+
"@newskit-render/api": "^1.20.1-e786700a.31+e786700a",
|
|
38
|
+
"@newskit-render/feature-flags": "^1.16.1-e786700a.31+e786700a",
|
|
39
|
+
"@newskit-render/shared-components": "^4.75.3-e786700a.16+e786700a",
|
|
40
|
+
"@newskit-render/validation": "^1.27.1-e786700a.29+e786700a",
|
|
41
41
|
"@stripe/react-stripe-js": "2.1.1",
|
|
42
42
|
"@stripe/stripe-js": "1.54.1",
|
|
43
43
|
"cross-fetch": "3.1.5",
|
|
@@ -119,5 +119,5 @@
|
|
|
119
119
|
"publishConfig": {
|
|
120
120
|
"access": "public"
|
|
121
121
|
},
|
|
122
|
-
"gitHead": "
|
|
122
|
+
"gitHead": "e786700a9abed826948b488599ab9302aa656e5d"
|
|
123
123
|
}
|