@newskit-render/my-account 7.155.0 → 7.156.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/SunArticleCard/SunArticleCard.d.ts +12 -8
- package/dist/cjs/Components/Elements/SunArticleCard/SunArticleCard.js +48 -12
- package/dist/cjs/Components/Elements/SunArticleCard/SunArticleCard.js.map +1 -1
- package/dist/cjs/Components/Elements/SunArticleGrid/SunArticleGrid.d.ts +2 -2
- package/dist/cjs/Components/Elements/SunArticleGrid/SunArticleGrid.js +2 -3
- package/dist/cjs/Components/Elements/SunArticleGrid/SunArticleGrid.js.map +1 -1
- package/dist/cjs/Components/Elements/SunOfferCard/SunOfferCard.d.ts +12 -7
- package/dist/cjs/Components/Elements/SunOfferCard/SunOfferCard.js +48 -11
- package/dist/cjs/Components/Elements/SunOfferCard/SunOfferCard.js.map +1 -1
- package/dist/cjs/Components/Elements/SunOfferGrid/SunOfferGrid.d.ts +2 -2
- package/dist/cjs/Components/Elements/SunOfferGrid/SunOfferGrid.js +2 -3
- package/dist/cjs/Components/Elements/SunOfferGrid/SunOfferGrid.js.map +1 -1
- package/dist/cjs/Components/Templates/SunCancellationFlowRender.js +66 -7
- package/dist/cjs/Components/Templates/SunCancellationFlowRender.js.map +1 -1
- package/dist/cjs/getProviderProps.js +3 -0
- package/dist/cjs/getProviderProps.js.map +1 -1
- package/dist/cjs/helpers/cancellationOffersUtils.d.ts +55 -0
- package/dist/cjs/helpers/cancellationOffersUtils.js +149 -0
- package/dist/cjs/helpers/cancellationOffersUtils.js.map +1 -0
- 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/pages/SunCancellationFlow/SunCancellationFlowContext.d.ts +2 -0
- package/dist/cjs/pages/SunCancellationFlow/SunCancellationFlowContext.js +13 -11
- package/dist/cjs/pages/SunCancellationFlow/SunCancellationFlowContext.js.map +1 -1
- package/dist/esm/Components/Elements/SunArticleCard/SunArticleCard.d.ts +12 -8
- package/dist/esm/Components/Elements/SunArticleCard/SunArticleCard.js +49 -13
- package/dist/esm/Components/Elements/SunArticleCard/SunArticleCard.js.map +1 -1
- package/dist/esm/Components/Elements/SunArticleGrid/SunArticleGrid.d.ts +2 -2
- package/dist/esm/Components/Elements/SunArticleGrid/SunArticleGrid.js +2 -3
- package/dist/esm/Components/Elements/SunArticleGrid/SunArticleGrid.js.map +1 -1
- package/dist/esm/Components/Elements/SunOfferCard/SunOfferCard.d.ts +12 -7
- package/dist/esm/Components/Elements/SunOfferCard/SunOfferCard.js +49 -12
- package/dist/esm/Components/Elements/SunOfferCard/SunOfferCard.js.map +1 -1
- package/dist/esm/Components/Elements/SunOfferGrid/SunOfferGrid.d.ts +2 -2
- package/dist/esm/Components/Elements/SunOfferGrid/SunOfferGrid.js +2 -3
- package/dist/esm/Components/Elements/SunOfferGrid/SunOfferGrid.js.map +1 -1
- package/dist/esm/Components/Templates/SunCancellationFlowRender.js +67 -8
- package/dist/esm/Components/Templates/SunCancellationFlowRender.js.map +1 -1
- package/dist/esm/getProviderProps.js +3 -0
- package/dist/esm/getProviderProps.js.map +1 -1
- package/dist/esm/helpers/cancellationOffersUtils.d.ts +55 -0
- package/dist/esm/helpers/cancellationOffersUtils.js +144 -0
- package/dist/esm/helpers/cancellationOffersUtils.js.map +1 -0
- 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/pages/SunCancellationFlow/SunCancellationFlowContext.d.ts +2 -0
- package/dist/esm/pages/SunCancellationFlow/SunCancellationFlowContext.js +13 -11
- package/dist/esm/pages/SunCancellationFlow/SunCancellationFlowContext.js.map +1 -1
- package/package.json +3 -3
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
3
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
4
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
5
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
6
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
7
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
8
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
12
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
|
13
|
+
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
14
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
15
|
+
function step(op) {
|
|
16
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
17
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
18
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
19
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
20
|
+
switch (op[0]) {
|
|
21
|
+
case 0: case 1: t = op; break;
|
|
22
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
23
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
24
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
25
|
+
default:
|
|
26
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
27
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
28
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
29
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
30
|
+
if (t[2]) _.ops.pop();
|
|
31
|
+
_.trys.pop(); continue;
|
|
32
|
+
}
|
|
33
|
+
op = body.call(thisArg, _);
|
|
34
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
35
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
|
+
exports.fetchSunClubArticles = exports.fetchSunClubOffers = void 0;
|
|
40
|
+
var newRelicUtils_1 = require("./newRelicUtils");
|
|
41
|
+
var fetchSunClubOffers = function (sunclubUrl, apiGatewayUrl) { return __awaiter(void 0, void 0, void 0, function () {
|
|
42
|
+
var endpoint, response, offers, sortedOffers, mappedOffers, err_1;
|
|
43
|
+
return __generator(this, function (_a) {
|
|
44
|
+
switch (_a.label) {
|
|
45
|
+
case 0:
|
|
46
|
+
endpoint = "".concat(apiGatewayUrl, "/loyalty/v2/promotions/onboarding?publicationStatus=PUBLISHED&status=ACTIVE,FUTURE&sunProduct=SUN_CLUB");
|
|
47
|
+
_a.label = 1;
|
|
48
|
+
case 1:
|
|
49
|
+
_a.trys.push([1, 4, , 5]);
|
|
50
|
+
return [4 /*yield*/, fetch(endpoint, {
|
|
51
|
+
method: 'GET',
|
|
52
|
+
headers: {
|
|
53
|
+
Accept: 'application/json',
|
|
54
|
+
'Content-Type': 'application/json',
|
|
55
|
+
},
|
|
56
|
+
})];
|
|
57
|
+
case 2:
|
|
58
|
+
response = _a.sent();
|
|
59
|
+
if (!response.ok) {
|
|
60
|
+
throw new Error("Failed to fetch offers: ".concat(response.status, " ").concat(response.statusText));
|
|
61
|
+
}
|
|
62
|
+
return [4 /*yield*/, response.json()];
|
|
63
|
+
case 3:
|
|
64
|
+
offers = _a.sent();
|
|
65
|
+
sortedOffers = (offers || []).sort(function (a, b) {
|
|
66
|
+
var _a, _b;
|
|
67
|
+
var posA = (_a = a.positionNumber) !== null && _a !== void 0 ? _a : Number.MAX_SAFE_INTEGER;
|
|
68
|
+
var posB = (_b = b.positionNumber) !== null && _b !== void 0 ? _b : Number.MAX_SAFE_INTEGER;
|
|
69
|
+
return posA - posB;
|
|
70
|
+
});
|
|
71
|
+
mappedOffers = sortedOffers.slice(0, 2).map(function (offer) { return ({
|
|
72
|
+
id: offer.code,
|
|
73
|
+
headline: offer.headline || offer.shortHeadline,
|
|
74
|
+
url: "".concat(sunclubUrl, "offers/").concat(offer.slug),
|
|
75
|
+
imageUrl: offer.featuredImageSmall || offer.featuredImage,
|
|
76
|
+
eventContext: {
|
|
77
|
+
offer_code: offer.code,
|
|
78
|
+
offer_name: offer.name,
|
|
79
|
+
},
|
|
80
|
+
}); });
|
|
81
|
+
return [2 /*return*/, mappedOffers];
|
|
82
|
+
case 4:
|
|
83
|
+
err_1 = _a.sent();
|
|
84
|
+
(0, newRelicUtils_1.handleNewRelicErrorLog)({
|
|
85
|
+
requestName: 'FETCH_CANCELLATION_OFFERS',
|
|
86
|
+
reqError: err_1,
|
|
87
|
+
});
|
|
88
|
+
return [2 /*return*/, []];
|
|
89
|
+
case 5: return [2 /*return*/];
|
|
90
|
+
}
|
|
91
|
+
});
|
|
92
|
+
}); };
|
|
93
|
+
exports.fetchSunClubOffers = fetchSunClubOffers;
|
|
94
|
+
var fetchSunClubArticles = function (tronApiUrl) { return __awaiter(void 0, void 0, void 0, function () {
|
|
95
|
+
var endpoint, response, data, articles_1, err_2;
|
|
96
|
+
return __generator(this, function (_a) {
|
|
97
|
+
switch (_a.label) {
|
|
98
|
+
case 0:
|
|
99
|
+
endpoint = "".concat(tronApiUrl, "/tron/v1/thesun/collections/sun-club");
|
|
100
|
+
_a.label = 1;
|
|
101
|
+
case 1:
|
|
102
|
+
_a.trys.push([1, 4, , 5]);
|
|
103
|
+
return [4 /*yield*/, fetch(endpoint, {
|
|
104
|
+
method: 'GET',
|
|
105
|
+
headers: {
|
|
106
|
+
Accept: 'application/json',
|
|
107
|
+
'Content-Type': 'application/json',
|
|
108
|
+
},
|
|
109
|
+
})];
|
|
110
|
+
case 2:
|
|
111
|
+
response = _a.sent();
|
|
112
|
+
if (!response.ok) {
|
|
113
|
+
throw new Error("Failed to fetch articles: ".concat(response.status, " ").concat(response.statusText));
|
|
114
|
+
}
|
|
115
|
+
return [4 /*yield*/, response.json()];
|
|
116
|
+
case 3:
|
|
117
|
+
data = _a.sent();
|
|
118
|
+
articles_1 = [];
|
|
119
|
+
data.blocks.forEach(function (block) {
|
|
120
|
+
if (block.type === 'teaser-block' && block.teasers) {
|
|
121
|
+
block.teasers.forEach(function (teaser) {
|
|
122
|
+
var _a;
|
|
123
|
+
articles_1.push({
|
|
124
|
+
id: "article-".concat(articles_1.length),
|
|
125
|
+
headline: teaser.headline || teaser.shortHeadline || '',
|
|
126
|
+
url: teaser.link,
|
|
127
|
+
imageUrl: (_a = teaser.image) === null || _a === void 0 ? void 0 : _a.url,
|
|
128
|
+
kicker: teaser.kicker,
|
|
129
|
+
eventContext: {
|
|
130
|
+
article_headline: teaser.headline || teaser.shortHeadline,
|
|
131
|
+
},
|
|
132
|
+
});
|
|
133
|
+
});
|
|
134
|
+
}
|
|
135
|
+
});
|
|
136
|
+
return [2 /*return*/, articles_1.slice(0, 2)];
|
|
137
|
+
case 4:
|
|
138
|
+
err_2 = _a.sent();
|
|
139
|
+
(0, newRelicUtils_1.handleNewRelicErrorLog)({
|
|
140
|
+
requestName: 'FETCH_SUN_CLUB_ARTICLES',
|
|
141
|
+
reqError: err_2,
|
|
142
|
+
});
|
|
143
|
+
return [2 /*return*/, []];
|
|
144
|
+
case 5: return [2 /*return*/];
|
|
145
|
+
}
|
|
146
|
+
});
|
|
147
|
+
}); };
|
|
148
|
+
exports.fetchSunClubArticles = fetchSunClubArticles;
|
|
149
|
+
//# sourceMappingURL=cancellationOffersUtils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cancellationOffersUtils.js","sourceRoot":"","sources":["../../../src/helpers/cancellationOffersUtils.ts"],"names":[],"mappings":"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"}
|
|
@@ -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 './cancellationOffersUtils';
|
|
19
20
|
export * from './layoutReflowUtils';
|
|
20
21
|
export * from './dmccVariant';
|
|
21
22
|
export * from './entitlementUtils';
|
|
@@ -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("./cancellationOffersUtils"), exports);
|
|
35
36
|
__exportStar(require("./layoutReflowUtils"), exports);
|
|
36
37
|
__exportStar(require("./dmccVariant"), exports);
|
|
37
38
|
__exportStar(require("./entitlementUtils"), exports);
|
|
@@ -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,sDAAmC;AACnC,gDAA6B;AAC7B,qDAAkC;AAClC,qDAAkC;AAClC,gDAA6B"}
|
|
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,4DAAyC;AACzC,sDAAmC;AACnC,gDAA6B;AAC7B,qDAAkC;AAClC,qDAAkC;AAClC,gDAA6B"}
|
|
@@ -116,6 +116,7 @@ export declare const sunCancellationFlowConfig: {
|
|
|
116
116
|
};
|
|
117
117
|
childComponents: ({
|
|
118
118
|
type: string;
|
|
119
|
+
placeholderText: string;
|
|
119
120
|
offers: {
|
|
120
121
|
id: string;
|
|
121
122
|
headline: string;
|
|
@@ -130,6 +131,7 @@ export declare const sunCancellationFlowConfig: {
|
|
|
130
131
|
articles?: undefined;
|
|
131
132
|
} | {
|
|
132
133
|
type: string;
|
|
134
|
+
placeholderText: string;
|
|
133
135
|
articles: {
|
|
134
136
|
id: string;
|
|
135
137
|
headline: string;
|
|
@@ -130,11 +130,12 @@ exports.sunCancellationFlowConfig = {
|
|
|
130
130
|
childComponents: [
|
|
131
131
|
{
|
|
132
132
|
type: 'offers',
|
|
133
|
+
placeholderText: 'No content yet',
|
|
133
134
|
offers: [
|
|
134
135
|
{
|
|
135
136
|
id: 'offer-1',
|
|
136
|
-
headline: '',
|
|
137
|
-
url: '',
|
|
137
|
+
headline: 'Something went wrong...',
|
|
138
|
+
url: 'https://google.com',
|
|
138
139
|
imageUrl: '',
|
|
139
140
|
eventContext: {
|
|
140
141
|
event_navigation_name: 'offer',
|
|
@@ -144,8 +145,8 @@ exports.sunCancellationFlowConfig = {
|
|
|
144
145
|
},
|
|
145
146
|
{
|
|
146
147
|
id: 'offer-2',
|
|
147
|
-
headline: '',
|
|
148
|
-
url: '',
|
|
148
|
+
headline: 'Something went wrong...',
|
|
149
|
+
url: 'https://google.com',
|
|
149
150
|
imageUrl: '',
|
|
150
151
|
eventContext: {
|
|
151
152
|
event_navigation_name: 'offer',
|
|
@@ -157,13 +158,14 @@ exports.sunCancellationFlowConfig = {
|
|
|
157
158
|
},
|
|
158
159
|
{
|
|
159
160
|
type: 'articles',
|
|
161
|
+
placeholderText: 'No content yet',
|
|
160
162
|
articles: [
|
|
161
163
|
{
|
|
162
|
-
id: '',
|
|
163
|
-
headline: '',
|
|
164
|
-
url: '',
|
|
164
|
+
id: 'article-1',
|
|
165
|
+
headline: 'Something went wrong...',
|
|
166
|
+
url: 'https://google.com',
|
|
165
167
|
imageUrl: '',
|
|
166
|
-
kicker: '',
|
|
168
|
+
kicker: 'KICKER ART 1',
|
|
167
169
|
eventContext: {
|
|
168
170
|
event_navigation_name: 'article',
|
|
169
171
|
event_navigation_action: 'click',
|
|
@@ -172,10 +174,10 @@ exports.sunCancellationFlowConfig = {
|
|
|
172
174
|
},
|
|
173
175
|
{
|
|
174
176
|
id: 'article-2',
|
|
175
|
-
headline: '',
|
|
176
|
-
url: '',
|
|
177
|
+
headline: 'Something went wrong...',
|
|
178
|
+
url: 'https://google.com',
|
|
177
179
|
imageUrl: '',
|
|
178
|
-
kicker: '',
|
|
180
|
+
kicker: 'KICKER ART 2',
|
|
179
181
|
eventContext: {
|
|
180
182
|
event_navigation_name: 'article',
|
|
181
183
|
event_navigation_action: 'click',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SunCancellationFlowContext.js","sourceRoot":"","sources":["../../../../src/pages/SunCancellationFlow/SunCancellationFlowContext.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"SunCancellationFlowContext.js","sourceRoot":"","sources":["../../../../src/pages/SunCancellationFlow/SunCancellationFlowContext.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,15 +9,19 @@ export interface SunArticle {
|
|
|
9
9
|
}
|
|
10
10
|
export interface SunArticleCardProps {
|
|
11
11
|
article: SunArticle;
|
|
12
|
-
onClick?: (
|
|
12
|
+
onClick?: (article: SunArticle) => void;
|
|
13
|
+
placeholderText?: string;
|
|
13
14
|
overrides?: {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
card?: Record<string, unknown>;
|
|
16
|
+
kicker?: {
|
|
17
|
+
stylePreset?: string;
|
|
18
|
+
typographyPreset?: string;
|
|
19
|
+
marginInlineEnd?: string;
|
|
20
|
+
};
|
|
21
|
+
headline?: {
|
|
22
|
+
stylePreset?: string;
|
|
23
|
+
typographyPreset?: string;
|
|
24
|
+
};
|
|
20
25
|
};
|
|
21
26
|
}
|
|
22
27
|
export declare const SunArticleCard: React.FC<SunArticleCardProps>;
|
|
23
|
-
export default SunArticleCard;
|
|
@@ -10,23 +10,59 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import {
|
|
13
|
+
import { CardInset, TextBlock, Block, styled, getColorCssFromTheme, getBorderCssFromTheme, } from 'newskit';
|
|
14
|
+
var StyledCardInset = styled(CardInset)(getBorderCssFromTheme('borderRadius', 'borderRadiusRounded020'), {
|
|
15
|
+
overflow: 'hidden',
|
|
16
|
+
});
|
|
17
|
+
var StyledHeadlineBlock = styled(Block)({
|
|
18
|
+
display: '-webkit-box',
|
|
19
|
+
WebkitBoxOrient: 'vertical',
|
|
20
|
+
WebkitLineClamp: 3,
|
|
21
|
+
overflow: 'hidden',
|
|
22
|
+
minHeight: '4.5em', // 3 lines * ~1.5em line-height
|
|
23
|
+
'@media (min-width: 480px)': {
|
|
24
|
+
WebkitLineClamp: 2,
|
|
25
|
+
minHeight: '3em', // 2 lines * ~1.5em line-height
|
|
26
|
+
},
|
|
27
|
+
});
|
|
28
|
+
var StyledImageContainer = styled(Block)({
|
|
29
|
+
aspectRatio: '3 / 2',
|
|
30
|
+
overflow: 'hidden',
|
|
31
|
+
width: '100%',
|
|
32
|
+
'& img': {
|
|
33
|
+
width: '100%',
|
|
34
|
+
height: '100%',
|
|
35
|
+
objectFit: 'cover',
|
|
36
|
+
display: 'block',
|
|
37
|
+
},
|
|
38
|
+
});
|
|
14
39
|
export var SunArticleCard = function (_a) {
|
|
40
|
+
var _b, _c, _d, _e, _f;
|
|
15
41
|
var article = _a.article, onClick = _a.onClick, overrides = _a.overrides;
|
|
16
|
-
var handleClick = function () {
|
|
42
|
+
var handleClick = function (event) {
|
|
17
43
|
if (onClick) {
|
|
18
|
-
onClick(article
|
|
19
|
-
}
|
|
20
|
-
else {
|
|
21
|
-
window.open(article.url, '_blank', 'noopener,noreferrer');
|
|
44
|
+
onClick(article);
|
|
22
45
|
}
|
|
23
46
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
47
|
+
var StyledTeaserWrapper = styled(Block)(getColorCssFromTheme('borderColor', 'interface020'), getBorderCssFromTheme('borderRadius', 'borderRadiusRounded020'), {
|
|
48
|
+
borderStyle: 'solid',
|
|
49
|
+
borderWidth: '0 1px 1px 1px',
|
|
50
|
+
borderRadius: '0 0 8px 8px',
|
|
51
|
+
padding: '12px',
|
|
52
|
+
'@media (min-width: 480px)': {
|
|
53
|
+
padding: '16px',
|
|
54
|
+
},
|
|
55
|
+
});
|
|
56
|
+
var MediaComponent = function () { return (React.createElement(StyledImageContainer, null,
|
|
57
|
+
React.createElement("img", { src: article.imageUrl || '/assets/cancellation/default_offer.png', alt: article.headline, loading: "lazy" }))); };
|
|
58
|
+
return (React.createElement(StyledCardInset, { "data-testid": "sun-article-card-".concat(article.id), layout: "vertical", href: article.url, media: MediaComponent, overrides: __assign({ teaserContainer: {
|
|
59
|
+
paddingBlock: 'space000',
|
|
60
|
+
paddingInline: 'space000',
|
|
61
|
+
} }, overrides === null || overrides === void 0 ? void 0 : overrides.card), onClick: handleClick },
|
|
62
|
+
React.createElement(StyledTeaserWrapper, null,
|
|
63
|
+
React.createElement(StyledHeadlineBlock, null,
|
|
64
|
+
React.createElement(TextBlock, { as: "h3", stylePreset: ((_b = overrides === null || overrides === void 0 ? void 0 : overrides.headline) === null || _b === void 0 ? void 0 : _b.stylePreset) || 'inkContrast', typographyPreset: ((_c = overrides === null || overrides === void 0 ? void 0 : overrides.headline) === null || _c === void 0 ? void 0 : _c.typographyPreset) || 'utilityLabel020' },
|
|
65
|
+
article.kicker && (React.createElement(TextBlock, { as: "span", stylePreset: ((_d = overrides === null || overrides === void 0 ? void 0 : overrides.kicker) === null || _d === void 0 ? void 0 : _d.stylePreset) || 'inkBrand020', typographyPreset: ((_e = overrides === null || overrides === void 0 ? void 0 : overrides.kicker) === null || _e === void 0 ? void 0 : _e.typographyPreset) || 'utilitySubheadline020', marginInlineEnd: ((_f = overrides === null || overrides === void 0 ? void 0 : overrides.kicker) === null || _f === void 0 ? void 0 : _f.marginInlineEnd) || 'space020' }, article.kicker)),
|
|
66
|
+
article.headline)))));
|
|
30
67
|
};
|
|
31
|
-
export default SunArticleCard;
|
|
32
68
|
//# sourceMappingURL=SunArticleCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SunArticleCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunArticleCard/SunArticleCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"SunArticleCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunArticleCard/SunArticleCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,11 +2,11 @@ import React from 'react';
|
|
|
2
2
|
import { SunArticle } from '../SunArticleCard';
|
|
3
3
|
export interface SunArticleGridProps {
|
|
4
4
|
articles: SunArticle[];
|
|
5
|
-
onArticleClick?: (
|
|
5
|
+
onArticleClick?: (article: SunArticle) => void;
|
|
6
|
+
placeholderText?: string;
|
|
6
7
|
overrides?: {
|
|
7
8
|
grid?: Record<string, unknown>;
|
|
8
9
|
card?: Record<string, unknown>;
|
|
9
10
|
};
|
|
10
11
|
}
|
|
11
12
|
export declare const SunArticleGrid: React.FC<SunArticleGridProps>;
|
|
12
|
-
export default SunArticleGrid;
|
|
@@ -13,8 +13,7 @@ import React from 'react';
|
|
|
13
13
|
import { GridLayout } from 'newskit';
|
|
14
14
|
import { SunArticleCard } from '../SunArticleCard';
|
|
15
15
|
export var SunArticleGrid = function (_a) {
|
|
16
|
-
var articles = _a.articles, onArticleClick = _a.onArticleClick, overrides = _a.overrides;
|
|
17
|
-
return (articles === null || articles === void 0 ? void 0 : articles.length) ? (React.createElement(GridLayout,
|
|
16
|
+
var articles = _a.articles, onArticleClick = _a.onArticleClick, placeholderText = _a.placeholderText, overrides = _a.overrides;
|
|
17
|
+
return (articles === null || articles === void 0 ? void 0 : articles.length) ? (React.createElement(GridLayout, { columns: { xs: '1fr', sm: '1fr 1fr' }, rowGap: "space040", columnGap: "space040", overrides: __assign({ maxWidth: '1200px', marginInline: 'auto', marginBlockEnd: { xs: 'space060', md: 'space080' } }, overrides === null || overrides === void 0 ? void 0 : overrides.grid), "data-testid": "sun-article-grid" }, articles.map(function (article) { return (React.createElement(SunArticleCard, { key: article.id, article: article, onClick: onArticleClick, placeholderText: placeholderText, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.card })); }))) : null;
|
|
18
18
|
};
|
|
19
|
-
export default SunArticleGrid;
|
|
20
19
|
//# sourceMappingURL=SunArticleGrid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SunArticleGrid.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunArticleGrid/SunArticleGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,cAAc,EAAc,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"SunArticleGrid.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunArticleGrid/SunArticleGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,cAAc,EAAc,MAAM,mBAAmB,CAAA;AAY9D,MAAM,CAAC,IAAM,cAAc,GAAkC,UAAC,EAK7D;QAJC,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,SAAS,eAAA;IAET,OAAA,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,EAAC,CAAC,CAAC,CACjB,oBAAC,UAAU,IACT,OAAO,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,EACrC,MAAM,EAAC,UAAU,EACjB,SAAS,EAAC,UAAU,EACpB,SAAS,aACP,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,MAAM,EACpB,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,IAC/C,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,kBAER,kBAAkB,IAE7B,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,CACzB,oBAAC,cAAc,IACb,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,cAAc,EACvB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,GAC1B,CACH,EAR0B,CAQ1B,CAAC,CACS,CACd,CAAC,CAAC,CAAC,IAAI;AAvBR,CAuBQ,CAAA"}
|
|
@@ -4,18 +4,23 @@ export interface SunOffer {
|
|
|
4
4
|
headline: string;
|
|
5
5
|
url: string;
|
|
6
6
|
imageUrl?: string;
|
|
7
|
+
kicker?: string;
|
|
7
8
|
eventContext?: Record<string, unknown>;
|
|
8
9
|
}
|
|
9
10
|
export interface SunOfferCardProps {
|
|
10
11
|
offer: SunOffer;
|
|
11
|
-
onClick?: (
|
|
12
|
+
onClick?: (offer: SunOffer) => void;
|
|
12
13
|
overrides?: {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
card?: Record<string, unknown>;
|
|
15
|
+
kicker?: {
|
|
16
|
+
stylePreset?: string;
|
|
17
|
+
typographyPreset?: string;
|
|
18
|
+
marginInlineEnd?: string;
|
|
19
|
+
};
|
|
20
|
+
headline?: {
|
|
21
|
+
stylePreset?: string;
|
|
22
|
+
typographyPreset?: string;
|
|
23
|
+
};
|
|
18
24
|
};
|
|
19
25
|
}
|
|
20
26
|
export declare const SunOfferCard: React.FC<SunOfferCardProps>;
|
|
21
|
-
export default SunOfferCard;
|
|
@@ -10,22 +10,59 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import {
|
|
13
|
+
import { CardInset, TextBlock, Block, styled, getColorCssFromTheme, getBorderCssFromTheme, } from 'newskit';
|
|
14
|
+
var StyledHeadlineBlock = styled(Block)({
|
|
15
|
+
display: '-webkit-box',
|
|
16
|
+
WebkitBoxOrient: 'vertical',
|
|
17
|
+
WebkitLineClamp: 3,
|
|
18
|
+
overflow: 'hidden',
|
|
19
|
+
minHeight: '4.5em',
|
|
20
|
+
'@media (min-width: 480px)': {
|
|
21
|
+
WebkitLineClamp: 2,
|
|
22
|
+
minHeight: '3em',
|
|
23
|
+
},
|
|
24
|
+
});
|
|
25
|
+
var StyledImageContainer = styled(Block)({
|
|
26
|
+
aspectRatio: '3 / 2',
|
|
27
|
+
overflow: 'hidden',
|
|
28
|
+
width: '100%',
|
|
29
|
+
'& img': {
|
|
30
|
+
width: '100%',
|
|
31
|
+
height: '100%',
|
|
32
|
+
objectFit: 'cover',
|
|
33
|
+
display: 'block',
|
|
34
|
+
},
|
|
35
|
+
});
|
|
36
|
+
var StyledCardInset = styled(CardInset)(getBorderCssFromTheme('borderRadius', 'borderRadiusRounded020'), {
|
|
37
|
+
overflow: 'hidden',
|
|
38
|
+
});
|
|
14
39
|
export var SunOfferCard = function (_a) {
|
|
40
|
+
var _b, _c, _d, _e, _f;
|
|
15
41
|
var offer = _a.offer, onClick = _a.onClick, overrides = _a.overrides;
|
|
16
|
-
var handleClick = function () {
|
|
42
|
+
var handleClick = function (event) {
|
|
17
43
|
if (onClick) {
|
|
18
|
-
onClick(offer
|
|
19
|
-
}
|
|
20
|
-
else {
|
|
21
|
-
window.open(offer.url, '_blank', 'noopener,noreferrer');
|
|
44
|
+
onClick(offer);
|
|
22
45
|
}
|
|
23
46
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
47
|
+
var StyledTeaserWrapper = styled(Block)(getColorCssFromTheme('borderColor', 'interface020'), getBorderCssFromTheme('borderRadius', 'borderRadiusRounded020'), {
|
|
48
|
+
borderStyle: 'solid',
|
|
49
|
+
borderWidth: '0 1px 1px 1px',
|
|
50
|
+
borderRadius: '0 0 8px 8px',
|
|
51
|
+
padding: '12px',
|
|
52
|
+
'@media (min-width: 480px)': {
|
|
53
|
+
padding: '16px',
|
|
54
|
+
},
|
|
55
|
+
});
|
|
56
|
+
var MediaComponent = function () { return (React.createElement(StyledImageContainer, null,
|
|
57
|
+
React.createElement("img", { src: offer.imageUrl || '/assets/cancellation/default_offer.png', alt: offer.headline, loading: "lazy" }))); };
|
|
58
|
+
return (React.createElement(StyledCardInset, { "data-testid": "sun-offer-card-".concat(offer.id), layout: "vertical", href: offer.url, media: MediaComponent, overrides: __assign({ teaserContainer: {
|
|
59
|
+
paddingBlock: 'space000',
|
|
60
|
+
paddingInline: 'space000',
|
|
61
|
+
} }, overrides === null || overrides === void 0 ? void 0 : overrides.card), onClick: handleClick },
|
|
62
|
+
React.createElement(StyledTeaserWrapper, null,
|
|
63
|
+
React.createElement(StyledHeadlineBlock, null,
|
|
64
|
+
React.createElement(TextBlock, { as: "h3", stylePreset: ((_b = overrides === null || overrides === void 0 ? void 0 : overrides.headline) === null || _b === void 0 ? void 0 : _b.stylePreset) || 'inkContrast', typographyPreset: ((_c = overrides === null || overrides === void 0 ? void 0 : overrides.headline) === null || _c === void 0 ? void 0 : _c.typographyPreset) || 'utilityLabel020' },
|
|
65
|
+
offer.kicker && (React.createElement(TextBlock, { as: "span", stylePreset: ((_d = overrides === null || overrides === void 0 ? void 0 : overrides.kicker) === null || _d === void 0 ? void 0 : _d.stylePreset) || 'inkBrand020', typographyPreset: ((_e = overrides === null || overrides === void 0 ? void 0 : overrides.kicker) === null || _e === void 0 ? void 0 : _e.typographyPreset) || 'utilitySubheadline020', marginInlineEnd: ((_f = overrides === null || overrides === void 0 ? void 0 : overrides.kicker) === null || _f === void 0 ? void 0 : _f.marginInlineEnd) || 'space020' }, offer.kicker)),
|
|
66
|
+
offer.headline)))));
|
|
29
67
|
};
|
|
30
|
-
export default SunOfferCard;
|
|
31
68
|
//# sourceMappingURL=SunOfferCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SunOfferCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunOfferCard/SunOfferCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"SunOfferCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunOfferCard/SunOfferCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,11 +2,11 @@ import React from 'react';
|
|
|
2
2
|
import { SunOffer } from '../SunOfferCard';
|
|
3
3
|
export interface SunOfferGridProps {
|
|
4
4
|
offers: SunOffer[];
|
|
5
|
-
onOfferClick?: (
|
|
5
|
+
onOfferClick?: (offer: SunOffer) => void;
|
|
6
|
+
placeholderText?: string;
|
|
6
7
|
overrides?: {
|
|
7
8
|
grid?: Record<string, unknown>;
|
|
8
9
|
card?: Record<string, unknown>;
|
|
9
10
|
};
|
|
10
11
|
}
|
|
11
12
|
export declare const SunOfferGrid: React.FC<SunOfferGridProps>;
|
|
12
|
-
export default SunOfferGrid;
|
|
@@ -13,8 +13,7 @@ import React from 'react';
|
|
|
13
13
|
import { GridLayout } from 'newskit';
|
|
14
14
|
import { SunOfferCard } from '../SunOfferCard';
|
|
15
15
|
export var SunOfferGrid = function (_a) {
|
|
16
|
-
var offers = _a.offers, onOfferClick = _a.onOfferClick, overrides = _a.overrides;
|
|
17
|
-
return (offers === null || offers === void 0 ? void 0 : offers.length) ? (React.createElement(GridLayout,
|
|
16
|
+
var offers = _a.offers, onOfferClick = _a.onOfferClick, placeholderText = _a.placeholderText, overrides = _a.overrides;
|
|
17
|
+
return (offers === null || offers === void 0 ? void 0 : offers.length) ? (React.createElement(GridLayout, { columns: { xs: '1fr', sm: '1fr 1fr' }, rowGap: "space040", columnGap: "space040", overrides: __assign({ maxWidth: '1200px', marginInline: 'auto', marginBlockEnd: { xs: 'space060', md: 'space080' } }, overrides === null || overrides === void 0 ? void 0 : overrides.grid), "data-testid": "sun-offer-grid" }, offers.map(function (offer) { return (React.createElement(SunOfferCard, { key: offer.id, offer: offer, onClick: onOfferClick, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.card })); }))) : null;
|
|
18
18
|
};
|
|
19
|
-
export default SunOfferGrid;
|
|
20
19
|
//# sourceMappingURL=SunOfferGrid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SunOfferGrid.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunOfferGrid/SunOfferGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,YAAY,EAAY,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"SunOfferGrid.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunOfferGrid/SunOfferGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,EAAE,YAAY,EAAY,MAAM,iBAAiB,CAAA;AAYxD,MAAM,CAAC,IAAM,YAAY,GAAgC,UAAC,EAKzD;QAJC,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,eAAe,qBAAA,EACf,SAAS,eAAA;IAET,OAAA,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAC,CAAC,CAAC,CACf,oBAAC,UAAU,IACT,OAAO,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,EACrC,MAAM,EAAC,UAAU,EACjB,SAAS,EAAC,UAAU,EACpB,SAAS,aACP,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,MAAM,EACpB,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,IAC/C,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,kBAER,gBAAgB,IAE3B,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACrB,oBAAC,YAAY,IACX,GAAG,EAAE,KAAK,CAAC,EAAE,EACb,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,GAC1B,CACH,EAPsB,CAOtB,CAAC,CACS,CACd,CAAC,CAAC,CAAC,IAAI;AAtBR,CAsBQ,CAAA"}
|