@newskit-render/my-account 7.143.2 → 7.143.3-28406c85e.2
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/CancelSubscriptionModal/CancelSubscriptionModal.d.ts +6 -0
- package/dist/cjs/Components/Elements/CancelSubscriptionModal/CancelSubscriptionModal.js +66 -0
- package/dist/cjs/Components/Elements/CancelSubscriptionModal/CancelSubscriptionModal.js.map +1 -0
- package/dist/cjs/Components/Elements/CancelSubscriptionModal/index.d.ts +1 -0
- package/dist/cjs/Components/Elements/CancelSubscriptionModal/index.js +18 -0
- package/dist/cjs/Components/Elements/CancelSubscriptionModal/index.js.map +1 -0
- package/dist/cjs/Components/Elements/CancellationPolicy/CancellationPolicy.d.ts +13 -0
- package/dist/cjs/Components/Elements/CancellationPolicy/CancellationPolicy.js +36 -0
- package/dist/cjs/Components/Elements/CancellationPolicy/CancellationPolicy.js.map +1 -0
- package/dist/cjs/Components/Elements/CancellationPolicy/index.d.ts +1 -0
- package/dist/cjs/Components/Elements/CancellationPolicy/index.js +6 -0
- package/dist/cjs/Components/Elements/CancellationPolicy/index.js.map +1 -0
- package/dist/cjs/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.d.ts +19 -0
- package/dist/cjs/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.js +42 -0
- package/dist/cjs/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.js.map +1 -0
- package/dist/cjs/Components/Elements/CancellationReasonSelector/index.d.ts +1 -0
- package/dist/cjs/Components/Elements/CancellationReasonSelector/index.js +6 -0
- package/dist/cjs/Components/Elements/CancellationReasonSelector/index.js.map +1 -0
- package/dist/cjs/Components/Elements/SectionListItem/SectionListItem.js +3 -2
- package/dist/cjs/Components/Elements/SectionListItem/SectionListItem.js.map +1 -1
- package/dist/cjs/Components/Elements/SectionListItem/types.d.ts +2 -0
- package/dist/cjs/Components/Elements/SunArticleCard/SunArticleCard.d.ts +23 -0
- package/dist/cjs/Components/Elements/SunArticleCard/SunArticleCard.js +39 -0
- package/dist/cjs/Components/Elements/SunArticleCard/SunArticleCard.js.map +1 -0
- package/dist/cjs/Components/Elements/SunArticleCard/index.d.ts +1 -0
- package/dist/cjs/Components/Elements/SunArticleCard/index.js +6 -0
- package/dist/cjs/Components/Elements/SunArticleCard/index.js.map +1 -0
- package/dist/cjs/Components/Elements/SunArticleGrid/SunArticleGrid.d.ts +12 -0
- package/dist/cjs/Components/Elements/SunArticleGrid/SunArticleGrid.js +27 -0
- package/dist/cjs/Components/Elements/SunArticleGrid/SunArticleGrid.js.map +1 -0
- package/dist/cjs/Components/Elements/SunArticleGrid/index.d.ts +1 -0
- package/dist/cjs/Components/Elements/SunArticleGrid/index.js +6 -0
- package/dist/cjs/Components/Elements/SunArticleGrid/index.js.map +1 -0
- package/dist/cjs/Components/Elements/SunOfferCard/SunOfferCard.d.ts +21 -0
- package/dist/cjs/Components/Elements/SunOfferCard/SunOfferCard.js +38 -0
- package/dist/cjs/Components/Elements/SunOfferCard/SunOfferCard.js.map +1 -0
- package/dist/cjs/Components/Elements/SunOfferCard/index.d.ts +1 -0
- package/dist/cjs/Components/Elements/SunOfferCard/index.js +6 -0
- package/dist/cjs/Components/Elements/SunOfferCard/index.js.map +1 -0
- package/dist/cjs/Components/Elements/SunOfferGrid/SunOfferGrid.d.ts +12 -0
- package/dist/cjs/Components/Elements/SunOfferGrid/SunOfferGrid.js +27 -0
- package/dist/cjs/Components/Elements/SunOfferGrid/SunOfferGrid.js.map +1 -0
- package/dist/cjs/Components/Elements/SunOfferGrid/index.d.ts +1 -0
- package/dist/cjs/Components/Elements/SunOfferGrid/index.js +6 -0
- package/dist/cjs/Components/Elements/SunOfferGrid/index.js.map +1 -0
- package/dist/cjs/Components/Sections/CancelSubscription/CancelSubscription.d.ts +1 -1
- package/dist/cjs/Components/Sections/CancelSubscription/CancelSubscription.js +7 -46
- package/dist/cjs/Components/Sections/CancelSubscription/CancelSubscription.js.map +1 -1
- package/dist/cjs/Components/Sections/UserHub/BaseSection.d.ts +3 -0
- package/dist/cjs/Components/Sections/UserHub/BaseSection.js +3 -3
- package/dist/cjs/Components/Sections/UserHub/BaseSection.js.map +1 -1
- package/dist/cjs/Components/Sections/UserHub/SubscriptionDetailsSection.d.ts +6 -0
- package/dist/cjs/Components/Sections/UserHub/SubscriptionDetailsSection.js +71 -0
- package/dist/cjs/Components/Sections/UserHub/SubscriptionDetailsSection.js.map +1 -0
- package/dist/cjs/Components/Templates/SunCancellationFlowRender.d.ts +3 -0
- package/dist/cjs/Components/Templates/SunCancellationFlowRender.js +111 -0
- package/dist/cjs/Components/Templates/SunCancellationFlowRender.js.map +1 -0
- package/dist/cjs/Components/Templates/UserHubRender.js +3 -1
- package/dist/cjs/Components/Templates/UserHubRender.js.map +1 -1
- package/dist/cjs/context/index.d.ts +3 -2
- package/dist/cjs/context/index.js +1 -0
- package/dist/cjs/context/index.js.map +1 -1
- package/dist/cjs/context/types.d.ts +16 -2
- package/dist/cjs/context/types.js +1 -0
- package/dist/cjs/context/types.js.map +1 -1
- package/dist/cjs/hooks/index.d.ts +1 -0
- package/dist/cjs/hooks/index.js +1 -0
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/useCancelSubscriptionModal.d.ts +6 -0
- package/dist/cjs/hooks/useCancelSubscriptionModal.js +31 -0
- package/dist/cjs/hooks/useCancelSubscriptionModal.js.map +1 -0
- package/dist/cjs/index.d.ts +6 -1
- package/dist/cjs/index.js +5 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/pages/SubscriptionAndBilling/Sections/CancelSubscriptionSectionContext.js +13 -0
- package/dist/cjs/pages/SubscriptionAndBilling/Sections/CancelSubscriptionSectionContext.js.map +1 -1
- package/dist/cjs/pages/SunCancellationFlow/SunCancellationFlow.d.ts +7 -0
- package/dist/cjs/pages/SunCancellationFlow/SunCancellationFlow.js +34 -0
- package/dist/cjs/pages/SunCancellationFlow/SunCancellationFlow.js.map +1 -0
- package/dist/cjs/pages/SunCancellationFlow/SunCancellationFlowContext.d.ts +215 -0
- package/dist/cjs/pages/SunCancellationFlow/SunCancellationFlowContext.js +259 -0
- package/dist/cjs/pages/SunCancellationFlow/SunCancellationFlowContext.js.map +1 -0
- package/dist/cjs/pages/SunCancellationFlow/index.d.ts +2 -0
- package/dist/cjs/pages/SunCancellationFlow/index.js +19 -0
- package/dist/cjs/pages/SunCancellationFlow/index.js.map +1 -0
- package/dist/cjs/pages/UserHub/UserHubContext.js +64 -0
- package/dist/cjs/pages/UserHub/UserHubContext.js.map +1 -1
- package/dist/cjs/providers/index.d.ts +1 -0
- package/dist/cjs/providers/index.js +1 -0
- package/dist/cjs/providers/index.js.map +1 -1
- package/dist/cjs/providers/sunCancellationProvider.d.ts +1 -0
- package/dist/cjs/providers/sunCancellationProvider.js +6 -0
- package/dist/cjs/providers/sunCancellationProvider.js.map +1 -0
- package/dist/cjs/queries/getContractPhases.d.ts +1 -0
- package/dist/cjs/queries/getContractPhases.js +11 -0
- package/dist/cjs/queries/getContractPhases.js.map +1 -0
- package/dist/cjs/queries/getPropositionFeatures.d.ts +1 -0
- package/dist/cjs/queries/getPropositionFeatures.js +11 -0
- package/dist/cjs/queries/getPropositionFeatures.js.map +1 -0
- package/dist/cjs/queries/getUserSubscription.js +3 -1
- package/dist/cjs/queries/getUserSubscription.js.map +1 -1
- package/dist/cjs/queries/getUserWithNewsletters.js +4 -1
- package/dist/cjs/queries/getUserWithNewsletters.js.map +1 -1
- package/dist/esm/Components/Elements/CancelSubscriptionModal/CancelSubscriptionModal.d.ts +6 -0
- package/dist/esm/Components/Elements/CancelSubscriptionModal/CancelSubscriptionModal.js +59 -0
- package/dist/esm/Components/Elements/CancelSubscriptionModal/CancelSubscriptionModal.js.map +1 -0
- package/dist/esm/Components/Elements/CancelSubscriptionModal/index.d.ts +1 -0
- package/dist/esm/Components/Elements/CancelSubscriptionModal/index.js +2 -0
- package/dist/esm/Components/Elements/CancelSubscriptionModal/index.js.map +1 -0
- package/dist/esm/Components/Elements/CancellationPolicy/CancellationPolicy.d.ts +13 -0
- package/dist/esm/Components/Elements/CancellationPolicy/CancellationPolicy.js +29 -0
- package/dist/esm/Components/Elements/CancellationPolicy/CancellationPolicy.js.map +1 -0
- package/dist/esm/Components/Elements/CancellationPolicy/index.d.ts +1 -0
- package/dist/esm/Components/Elements/CancellationPolicy/index.js +2 -0
- package/dist/esm/Components/Elements/CancellationPolicy/index.js.map +1 -0
- package/dist/esm/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.d.ts +19 -0
- package/dist/esm/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.js +35 -0
- package/dist/esm/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.js.map +1 -0
- package/dist/esm/Components/Elements/CancellationReasonSelector/index.d.ts +1 -0
- package/dist/esm/Components/Elements/CancellationReasonSelector/index.js +2 -0
- package/dist/esm/Components/Elements/CancellationReasonSelector/index.js.map +1 -0
- package/dist/esm/Components/Elements/SectionListItem/SectionListItem.js +3 -2
- package/dist/esm/Components/Elements/SectionListItem/SectionListItem.js.map +1 -1
- package/dist/esm/Components/Elements/SectionListItem/types.d.ts +2 -0
- package/dist/esm/Components/Elements/SunArticleCard/SunArticleCard.d.ts +23 -0
- package/dist/esm/Components/Elements/SunArticleCard/SunArticleCard.js +32 -0
- package/dist/esm/Components/Elements/SunArticleCard/SunArticleCard.js.map +1 -0
- package/dist/esm/Components/Elements/SunArticleCard/index.d.ts +1 -0
- package/dist/esm/Components/Elements/SunArticleCard/index.js +2 -0
- package/dist/esm/Components/Elements/SunArticleCard/index.js.map +1 -0
- package/dist/esm/Components/Elements/SunArticleGrid/SunArticleGrid.d.ts +12 -0
- package/dist/esm/Components/Elements/SunArticleGrid/SunArticleGrid.js +20 -0
- package/dist/esm/Components/Elements/SunArticleGrid/SunArticleGrid.js.map +1 -0
- package/dist/esm/Components/Elements/SunArticleGrid/index.d.ts +1 -0
- package/dist/esm/Components/Elements/SunArticleGrid/index.js +2 -0
- package/dist/esm/Components/Elements/SunArticleGrid/index.js.map +1 -0
- package/dist/esm/Components/Elements/SunOfferCard/SunOfferCard.d.ts +21 -0
- package/dist/esm/Components/Elements/SunOfferCard/SunOfferCard.js +31 -0
- package/dist/esm/Components/Elements/SunOfferCard/SunOfferCard.js.map +1 -0
- package/dist/esm/Components/Elements/SunOfferCard/index.d.ts +1 -0
- package/dist/esm/Components/Elements/SunOfferCard/index.js +2 -0
- package/dist/esm/Components/Elements/SunOfferCard/index.js.map +1 -0
- package/dist/esm/Components/Elements/SunOfferGrid/SunOfferGrid.d.ts +12 -0
- package/dist/esm/Components/Elements/SunOfferGrid/SunOfferGrid.js +20 -0
- package/dist/esm/Components/Elements/SunOfferGrid/SunOfferGrid.js.map +1 -0
- package/dist/esm/Components/Elements/SunOfferGrid/index.d.ts +1 -0
- package/dist/esm/Components/Elements/SunOfferGrid/index.js +2 -0
- package/dist/esm/Components/Elements/SunOfferGrid/index.js.map +1 -0
- package/dist/esm/Components/Sections/CancelSubscription/CancelSubscription.d.ts +1 -1
- package/dist/esm/Components/Sections/CancelSubscription/CancelSubscription.js +9 -48
- package/dist/esm/Components/Sections/CancelSubscription/CancelSubscription.js.map +1 -1
- package/dist/esm/Components/Sections/UserHub/BaseSection.d.ts +3 -0
- package/dist/esm/Components/Sections/UserHub/BaseSection.js +1 -1
- package/dist/esm/Components/Sections/UserHub/BaseSection.js.map +1 -1
- package/dist/esm/Components/Sections/UserHub/SubscriptionDetailsSection.d.ts +6 -0
- package/dist/esm/Components/Sections/UserHub/SubscriptionDetailsSection.js +64 -0
- package/dist/esm/Components/Sections/UserHub/SubscriptionDetailsSection.js.map +1 -0
- package/dist/esm/Components/Templates/SunCancellationFlowRender.d.ts +3 -0
- package/dist/esm/Components/Templates/SunCancellationFlowRender.js +86 -0
- package/dist/esm/Components/Templates/SunCancellationFlowRender.js.map +1 -0
- package/dist/esm/Components/Templates/UserHubRender.js +3 -1
- package/dist/esm/Components/Templates/UserHubRender.js.map +1 -1
- package/dist/esm/context/index.d.ts +3 -2
- package/dist/esm/context/index.js +1 -0
- package/dist/esm/context/index.js.map +1 -1
- package/dist/esm/context/types.d.ts +16 -2
- package/dist/esm/context/types.js +1 -0
- package/dist/esm/context/types.js.map +1 -1
- package/dist/esm/hooks/index.d.ts +1 -0
- package/dist/esm/hooks/index.js +1 -0
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/useCancelSubscriptionModal.d.ts +6 -0
- package/dist/esm/hooks/useCancelSubscriptionModal.js +27 -0
- package/dist/esm/hooks/useCancelSubscriptionModal.js.map +1 -0
- package/dist/esm/index.d.ts +6 -1
- package/dist/esm/index.js +5 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/pages/SubscriptionAndBilling/Sections/CancelSubscriptionSectionContext.js +13 -0
- package/dist/esm/pages/SubscriptionAndBilling/Sections/CancelSubscriptionSectionContext.js.map +1 -1
- package/dist/esm/pages/SunCancellationFlow/SunCancellationFlow.d.ts +7 -0
- package/dist/esm/pages/SunCancellationFlow/SunCancellationFlow.js +27 -0
- package/dist/esm/pages/SunCancellationFlow/SunCancellationFlow.js.map +1 -0
- package/dist/esm/pages/SunCancellationFlow/SunCancellationFlowContext.d.ts +215 -0
- package/dist/esm/pages/SunCancellationFlow/SunCancellationFlowContext.js +256 -0
- package/dist/esm/pages/SunCancellationFlow/SunCancellationFlowContext.js.map +1 -0
- package/dist/esm/pages/SunCancellationFlow/index.d.ts +2 -0
- package/dist/esm/pages/SunCancellationFlow/index.js +3 -0
- package/dist/esm/pages/SunCancellationFlow/index.js.map +1 -0
- package/dist/esm/pages/UserHub/UserHubContext.js +64 -0
- package/dist/esm/pages/UserHub/UserHubContext.js.map +1 -1
- package/dist/esm/providers/index.d.ts +1 -0
- package/dist/esm/providers/index.js +1 -0
- package/dist/esm/providers/index.js.map +1 -1
- package/dist/esm/providers/sunCancellationProvider.d.ts +1 -0
- package/dist/esm/providers/sunCancellationProvider.js +2 -0
- package/dist/esm/providers/sunCancellationProvider.js.map +1 -0
- package/dist/esm/queries/getContractPhases.d.ts +1 -0
- package/dist/esm/queries/getContractPhases.js +8 -0
- package/dist/esm/queries/getContractPhases.js.map +1 -0
- package/dist/esm/queries/getPropositionFeatures.d.ts +1 -0
- package/dist/esm/queries/getPropositionFeatures.js +8 -0
- package/dist/esm/queries/getPropositionFeatures.js.map +1 -0
- package/dist/esm/queries/getUserSubscription.js +3 -1
- package/dist/esm/queries/getUserSubscription.js.map +1 -1
- package/dist/esm/queries/getUserWithNewsletters.js +4 -1
- package/dist/esm/queries/getUserWithNewsletters.js.map +1 -1
- package/package.json +3 -3
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { CancelSubscriptionProps } from '../../Sections/CancelSubscription';
|
|
2
|
+
export interface CancelSubscriptionModalProps extends Pick<CancelSubscriptionProps, 'modal' | 'featureFlags' | 'cpn' | 'subscriptions'> {
|
|
3
|
+
isOpen: boolean;
|
|
4
|
+
onDismissModal: () => void;
|
|
5
|
+
}
|
|
6
|
+
export declare const CancelSubscriptionModal: ({ isOpen, onDismissModal, modal, featureFlags, cpn, subscriptions, }: CancelSubscriptionModalProps) => JSX.Element;
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
17
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
|
+
var t = {};
|
|
19
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
20
|
+
t[p] = s[p];
|
|
21
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
22
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
24
|
+
t[p[i]] = s[p[i]];
|
|
25
|
+
}
|
|
26
|
+
return t;
|
|
27
|
+
};
|
|
28
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
+
};
|
|
31
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
+
exports.CancelSubscriptionModal = void 0;
|
|
33
|
+
var react_1 = __importDefault(require("react"));
|
|
34
|
+
var shared_components_1 = require("@newskit-render/shared-components");
|
|
35
|
+
var newskit_1 = require("newskit");
|
|
36
|
+
var LayoutContentContainer_1 = require("../../Sections/LayoutContentContainer");
|
|
37
|
+
var SectionListItem_1 = require("../../Elements/SectionListItem");
|
|
38
|
+
var ForwardButton_1 = require("../../Elements/ForwardButton/ForwardButton");
|
|
39
|
+
var constants_1 = require("../../../constants");
|
|
40
|
+
var StyledStructuredList = (0, newskit_1.styled)(newskit_1.StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n li {\n border-top: 1px solid;\n ", "\n }\n\n li:last-child {\n border-bottom: ", ";\n ", ";\n }\n\n li:first-child {\n ", "\n }\n"], ["\n li {\n border-top: 1px solid;\n ", "\n }\n\n li:last-child {\n border-bottom: ", ";\n ", ";\n }\n\n li:first-child {\n ", "\n }\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'), function (_a) {
|
|
41
|
+
var featureFlags = _a.featureFlags;
|
|
42
|
+
return (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_cancel_subscription.variationKey) ===
|
|
43
|
+
constants_1.CANCELLATION_EXPERIMENT.VARIANT_1_ON
|
|
44
|
+
? '1px solid'
|
|
45
|
+
: 'none';
|
|
46
|
+
}, (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'), function (_a) {
|
|
47
|
+
var featureFlags = _a.featureFlags;
|
|
48
|
+
return (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_cancel_subscription.variationKey) ===
|
|
49
|
+
constants_1.CANCELLATION_EXPERIMENT.VARIANT_1_ON
|
|
50
|
+
? ''
|
|
51
|
+
: 'border-top: none';
|
|
52
|
+
});
|
|
53
|
+
var CancelSubscriptionModal = function (_a) {
|
|
54
|
+
var isOpen = _a.isOpen, onDismissModal = _a.onDismissModal, modal = _a.modal, featureFlags = _a.featureFlags, cpn = _a.cpn, subscriptions = _a.subscriptions;
|
|
55
|
+
var _b = modal || {}, content = _b.content, belowItemExtra = _b.belowItemExtra, modalProps = __rest(_b, ["content", "belowItemExtra"]);
|
|
56
|
+
return (react_1.default.createElement(newskit_1.LayerOrganizer, { zIndex: LayoutContentContainer_1.zIndexModal },
|
|
57
|
+
react_1.default.createElement(shared_components_1.Modal, __assign({ open: isOpen, onDismiss: onDismissModal }, modalProps, { "data-testid": "cancel-subscription-modal" }),
|
|
58
|
+
(content === null || content === void 0 ? void 0 : content.items) && (react_1.default.createElement(StyledStructuredList, { featureFlags: featureFlags }, content === null || content === void 0 ? void 0 : content.items.map(function (_a) {
|
|
59
|
+
var href = _a.href, props = __rest(_a, ["href"]);
|
|
60
|
+
return (react_1.default.createElement(SectionListItem_1.SectionListItem, __assign({ key: props.id }, props, { containerOverrides: content.itemContainerOverrides })));
|
|
61
|
+
}))),
|
|
62
|
+
react_1.default.createElement(ForwardButton_1.ForwardButton, { label: "or", buttonOverrides: __assign({ stylePreset: 'buttonMinimalPrimary' }, belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.buttonOverrides), baseUrl: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.baseUrl, eventContext: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.eventContext, dataTestId: "continue-button", button: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.button, userTrackingData: { cpn: cpn, subscriptions: subscriptions } }))));
|
|
63
|
+
};
|
|
64
|
+
exports.CancelSubscriptionModal = CancelSubscriptionModal;
|
|
65
|
+
var templateObject_1;
|
|
66
|
+
//# sourceMappingURL=CancelSubscriptionModal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CancelSubscriptionModal.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancelSubscriptionModal/CancelSubscriptionModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,uEAAyD;AACzD,mCAKgB;AAChB,gFAAmE;AACnE,kEAAgE;AAEhE,4EAA0E;AAE1E,gDAA4D;AAE5D,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,8NAEjD,4CAGI,EAAmD,iDAIpC,EAIL,SACV,EAAmD,oCAInD,EAIsB,SAE3B,KAnBK,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,EAIpC,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAC9B,OAAA,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,0BAA0B,CAAC,YAAY;QACrD,mCAAuB,CAAC,YAAY;QAClC,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,MAAM;AAHV,CAGU,EACV,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,EAInD,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,0BAA0B,CAAC,YAAY;QACrD,mCAAuB,CAAC,YAAY;QAClC,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,kBAAkB;AAHtB,CAGsB,CAE3B,CAAA;AAWM,IAAM,uBAAuB,GAAG,UAAC,EAOT;QAN7B,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,GAAG,SAAA,EACH,aAAa,mBAAA;IAEb,IAAM,KAA6C,KAAK,IAAI,EAAE,EAAtD,OAAO,aAAA,EAAE,cAAc,oBAAA,EAAK,UAAU,cAAxC,6BAA0C,CAAc,CAAA;IAE9D,OAAO,CACL,8BAAC,wBAAc,IAAC,MAAM,EAAE,oCAAW;QACjC,8BAAC,yBAAK,aACJ,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,cAAc,IACrB,UAAU,mBACF,2BAA2B;YAEtC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,KAAI,CACjB,8BAAC,oBAAoB,IAAC,YAAY,EAAE,YAAY,IAC7C,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,GAAG,CAAC,UAAC,EAAkB;gBAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;gBAAO,OAAA,CAC1C,8BAAC,iCAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,OAAO,CAAC,sBAAsB,IAClD,CACH,CAAA;aAAA,CAAC,CACmB,CACxB;YACD,8BAAC,6BAAa,IACZ,KAAK,EAAC,IAAI,EACV,eAAe,aACb,WAAW,EAAE,sBAAsB,IAChC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,eAAe,GAEpC,OAAO,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,EAChC,YAAY,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,YAAY,EAC1C,UAAU,EAAC,iBAAiB,EAC5B,MAAM,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,EAC9B,gBAAgB,EAAE,EAAE,GAAG,KAAA,EAAE,aAAa,eAAA,EAAE,GACxC,CACI,CACO,CAClB,CAAA;AACH,CAAC,CAAA;AA5CY,QAAA,uBAAuB,2BA4CnC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './CancelSubscriptionModal';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./CancelSubscriptionModal"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancelSubscriptionModal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4DAAyC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface CancellationPolicyProps {
|
|
3
|
+
title?: string;
|
|
4
|
+
message?: string;
|
|
5
|
+
daysUntilBilling?: number;
|
|
6
|
+
overrides?: {
|
|
7
|
+
container?: Record<string, unknown>;
|
|
8
|
+
title?: Record<string, unknown>;
|
|
9
|
+
message?: Record<string, unknown>;
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
export declare const CancellationPolicy: React.FC<CancellationPolicyProps>;
|
|
13
|
+
export default CancellationPolicy;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.CancellationPolicy = void 0;
|
|
18
|
+
var react_1 = __importDefault(require("react"));
|
|
19
|
+
var newskit_1 = require("newskit");
|
|
20
|
+
var Info_1 = require("@emotion-icons/material/Info");
|
|
21
|
+
var IconFilledInfo = (0, newskit_1.toNewsKitIcon)(Info_1.Info);
|
|
22
|
+
var CancellationPolicy = function (_a) {
|
|
23
|
+
var _b = _a.title, title = _b === void 0 ? 'Cancellation Policy' : _b, message = _a.message, daysUntilBilling = _a.daysUntilBilling, overrides = _a.overrides;
|
|
24
|
+
var displayMessage = message ||
|
|
25
|
+
"You need to cancel 1 day before your billing date otherwise you will be charged for another month. Your next billing cycle is in ".concat(daysUntilBilling || 'X', " days.");
|
|
26
|
+
return (react_1.default.createElement(newskit_1.InlineMessage, { icon: react_1.default.createElement(IconFilledInfo, { overrides: { size: 'iconSize020' } }), overrides: __assign({ marginBlockStart: 'space040', content: {
|
|
27
|
+
message: {
|
|
28
|
+
typographyPreset: 'utilityBody010',
|
|
29
|
+
},
|
|
30
|
+
} }, overrides === null || overrides === void 0 ? void 0 : overrides.container) },
|
|
31
|
+
react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "utilityHeading010", stylePreset: "inkContrast", marginBlockEnd: "space010" }, overrides === null || overrides === void 0 ? void 0 : overrides.title), title),
|
|
32
|
+
react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "utilityBody010", stylePreset: "inkBase" }, overrides === null || overrides === void 0 ? void 0 : overrides.message), displayMessage)));
|
|
33
|
+
};
|
|
34
|
+
exports.CancellationPolicy = CancellationPolicy;
|
|
35
|
+
exports.default = exports.CancellationPolicy;
|
|
36
|
+
//# sourceMappingURL=CancellationPolicy.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CancellationPolicy.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancellationPolicy/CancellationPolicy.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAiE;AACjE,qDAAiE;AAEjE,IAAM,cAAc,GAAG,IAAA,uBAAa,EAAC,WAAU,CAAC,CAAA;AAazC,IAAM,kBAAkB,GAAsC,UAAC,EAKrE;QAJC,aAA6B,EAA7B,KAAK,mBAAG,qBAAqB,KAAA,EAC7B,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,SAAS,eAAA;IAET,IAAM,cAAc,GAClB,OAAO;QACP,2IACE,gBAAgB,IAAI,GAAG,WACjB,CAAA;IAEV,OAAO,CACL,8BAAC,uBAAa,IACZ,IAAI,EAAE,8BAAC,cAAc,IAAC,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,GAAI,EAC5D,SAAS,aACP,gBAAgB,EAAE,UAAU,EAC5B,OAAO,EAAE;gBACP,OAAO,EAAE;oBACP,gBAAgB,EAAE,gBAAgB;iBACnC;aACF,IACE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS;QAGzB,8BAAC,mBAAS,aACR,gBAAgB,EAAC,mBAAmB,EACpC,WAAW,EAAC,aAAa,EACzB,cAAc,EAAC,UAAU,IACrB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,GAEnB,KAAK,CACI;QACZ,8BAAC,mBAAS,aACR,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,SAAS,IACjB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,GAErB,cAAc,CACL,CACE,CACjB,CAAA;AACH,CAAC,CAAA;AA1CY,QAAA,kBAAkB,sBA0C9B;AAED,kBAAe,0BAAkB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CancellationPolicy, type CancellationPolicyProps, } from './CancellationPolicy';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CancellationPolicy = void 0;
|
|
4
|
+
var CancellationPolicy_1 = require("./CancellationPolicy");
|
|
5
|
+
Object.defineProperty(exports, "CancellationPolicy", { enumerable: true, get: function () { return CancellationPolicy_1.CancellationPolicy; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancellationPolicy/index.ts"],"names":[],"mappings":";;;AAAA,2DAG6B;AAF3B,wHAAA,kBAAkB,OAAA"}
|
package/dist/cjs/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.d.ts
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface CancellationReason {
|
|
3
|
+
id: string;
|
|
4
|
+
label: string;
|
|
5
|
+
}
|
|
6
|
+
export interface CancellationReasonSelectorProps {
|
|
7
|
+
reasons: CancellationReason[];
|
|
8
|
+
selectedReasonId?: string;
|
|
9
|
+
onSelect: (reasonId: string) => void;
|
|
10
|
+
overrides?: {
|
|
11
|
+
container?: Record<string, unknown>;
|
|
12
|
+
radioButton?: {
|
|
13
|
+
size?: 'small' | 'medium' | 'large';
|
|
14
|
+
overrides?: Record<string, unknown>;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
export declare const CancellationReasonSelector: React.FC<CancellationReasonSelectorProps>;
|
|
19
|
+
export default CancellationReasonSelector;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
17
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
|
+
};
|
|
20
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
exports.CancellationReasonSelector = void 0;
|
|
22
|
+
var react_1 = __importDefault(require("react"));
|
|
23
|
+
var newskit_1 = require("newskit");
|
|
24
|
+
var StyledRadioGroup = (0, newskit_1.styled)(newskit_1.RadioGroup)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
25
|
+
var RadioContainer = newskit_1.styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 100%;\n ", "\n border-style: solid;\n border-width: 1px;\n border-radius: 4px;\n ", "\n ", "\n"], ["\n width: 100%;\n ", "\n border-style: solid;\n border-width: 1px;\n border-radius: 4px;\n ", "\n ", "\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'), (0, newskit_1.getSpacingCssFromTheme)('padding', 'space040'), (0, newskit_1.getSpacingCssFromTheme)('marginBottom', 'space030'));
|
|
26
|
+
var CancellationReasonSelector = function (_a) {
|
|
27
|
+
var reasons = _a.reasons, selectedReasonId = _a.selectedReasonId, onSelect = _a.onSelect, overrides = _a.overrides;
|
|
28
|
+
return (reasons === null || reasons === void 0 ? void 0 : reasons.length) ? (react_1.default.createElement(StyledRadioGroup, { name: "cancellation-reason-group", "data-testid": "cancellation-reason-group", value: selectedReasonId, onChange: function (event) { return onSelect(event.target.value); } }, reasons.map(function (reason) {
|
|
29
|
+
var _a, _b;
|
|
30
|
+
return (react_1.default.createElement(RadioContainer, { key: reason.id },
|
|
31
|
+
react_1.default.createElement(newskit_1.RadioButton, { overrides: __assign({ input: {
|
|
32
|
+
spaceInline: 'space030',
|
|
33
|
+
size: 'sizing045',
|
|
34
|
+
}, label: {
|
|
35
|
+
stylePreset: 'inkBase',
|
|
36
|
+
} }, (_a = overrides === null || overrides === void 0 ? void 0 : overrides.radioButton) === null || _a === void 0 ? void 0 : _a.overrides), name: reason.id, value: reason.id, size: ((_b = overrides === null || overrides === void 0 ? void 0 : overrides.radioButton) === null || _b === void 0 ? void 0 : _b.size) || 'medium', label: reason.label })));
|
|
37
|
+
}))) : null;
|
|
38
|
+
};
|
|
39
|
+
exports.CancellationReasonSelector = CancellationReasonSelector;
|
|
40
|
+
exports.default = exports.CancellationReasonSelector;
|
|
41
|
+
var templateObject_1, templateObject_2;
|
|
42
|
+
//# sourceMappingURL=CancellationReasonSelector.js.map
|
package/dist/cjs/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CancellationReasonSelector.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAMgB;AAEhB,IAAM,gBAAgB,GAAG,IAAA,gBAAM,EAAC,oBAAU,CAAC,uFAAA,oBAE1C,IAAA,CAAA;AAED,IAAM,cAAc,GAAG,gBAAM,CAAC,GAAG,oLAAA,sBAE7B,EAAmD,2EAInD,EAA6C,MAC7C,EAAkD,IACrD,KANG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,EAInD,IAAA,gCAAsB,EAAC,SAAS,EAAE,UAAU,CAAC,EAC7C,IAAA,gCAAsB,EAAC,cAAc,EAAE,UAAU,CAAC,CACrD,CAAA;AAoBM,IAAM,0BAA0B,GAEnC,UAAC,EAAkD;QAAhD,OAAO,aAAA,EAAE,gBAAgB,sBAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA;IACnD,OAAA,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,EAAC,CAAC,CAAC,CAChB,8BAAC,gBAAgB,IACf,IAAI,EAAC,2BAA2B,iBACpB,2BAA2B,EACvC,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,UAAC,KAAK,IAAK,OAAA,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAA5B,CAA4B,IAEhD,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM;;QAAK,OAAA,CACvB,8BAAC,cAAc,IAAC,GAAG,EAAE,MAAM,CAAC,EAAE;YAC5B,8BAAC,qBAAW,IACV,SAAS,aACP,KAAK,EAAE;wBACL,WAAW,EAAE,UAAU;wBACvB,IAAI,EAAE,WAAW;qBAClB,EACD,KAAK,EAAE;wBACL,WAAW,EAAE,SAAS;qBACvB,IACE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,SAAS,GAEtC,IAAI,EAAE,MAAM,CAAC,EAAE,EACf,KAAK,EAAE,MAAM,CAAC,EAAE,EAChB,IAAI,EAAE,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,IAAI,KAAI,QAAQ,EAC9C,KAAK,EAAE,MAAM,CAAC,KAAK,GACnB,CACa,CAClB,CAAA;KAAA,CAAC,CACe,CACpB,CAAC,CAAC,CAAC,IAAI;AA5BR,CA4BQ,CAAA;AA/BG,QAAA,0BAA0B,8BA+B7B;AAEV,kBAAe,kCAA0B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CancellationReasonSelector, type CancellationReasonSelectorProps, type CancellationReason, } from './CancellationReasonSelector';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CancellationReasonSelector = void 0;
|
|
4
|
+
var CancellationReasonSelector_1 = require("./CancellationReasonSelector");
|
|
5
|
+
Object.defineProperty(exports, "CancellationReasonSelector", { enumerable: true, get: function () { return CancellationReasonSelector_1.CancellationReasonSelector; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancellationReasonSelector/index.ts"],"names":[],"mappings":";;;AAAA,2EAIqC;AAHnC,wIAAA,0BAA0B,OAAA"}
|
|
@@ -44,7 +44,7 @@ var StyledGridContainer = (0, newskit_1.styled)(newskit_1.GridLayout)(templateOb
|
|
|
44
44
|
});
|
|
45
45
|
var SectionListItem = function (_a) {
|
|
46
46
|
var _b;
|
|
47
|
-
var title = _a.title, titleIcon = _a.titleIcon, titleOverrides = _a.titleOverrides, subtitle = _a.subtitle, id = _a.id, linkIcon = _a.linkIcon, href = _a.href, containerOverrides = _a.containerOverrides, itemOverrides = _a.itemOverrides, footer = _a.footer, ariaLabel = _a.ariaLabel, eventContext = _a.eventContext, subtitleOverrides = _a.subtitleOverrides, stackOverrides = _a.stackOverrides, rest = __rest(_a, ["title", "titleIcon", "titleOverrides", "subtitle", "id", "linkIcon", "href", "containerOverrides", "itemOverrides", "footer", "ariaLabel", "eventContext", "subtitleOverrides", "stackOverrides"]);
|
|
47
|
+
var title = _a.title, titleIcon = _a.titleIcon, titleOverrides = _a.titleOverrides, subtitle = _a.subtitle, id = _a.id, linkIcon = _a.linkIcon, href = _a.href, containerOverrides = _a.containerOverrides, itemOverrides = _a.itemOverrides, footer = _a.footer, ariaLabel = _a.ariaLabel, eventContext = _a.eventContext, subtitleOverrides = _a.subtitleOverrides, stackOverrides = _a.stackOverrides, children = _a.children, rest = __rest(_a, ["title", "titleIcon", "titleOverrides", "subtitle", "id", "linkIcon", "href", "containerOverrides", "itemOverrides", "footer", "ariaLabel", "eventContext", "subtitleOverrides", "stackOverrides", "children"]);
|
|
48
48
|
var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
|
|
49
49
|
/* istanbul ignore next */
|
|
50
50
|
var handleLinkClick = function () {
|
|
@@ -70,7 +70,8 @@ var SectionListItem = function (_a) {
|
|
|
70
70
|
react_1.default.createElement(ListItemComponents_1.ItemSubtitle, { subtitleOverrides: subtitleOverrides, subtitle: subtitle })))),
|
|
71
71
|
linkIcon && (react_1.default.createElement(newskit_1.GridLayoutItem, { justifySelf: "flex-end" }, linkIcon)),
|
|
72
72
|
footer && (react_1.default.createElement(newskit_1.GridLayoutItem, { paddingBlockStart: "space040" },
|
|
73
|
-
react_1.default.createElement(newskit_1.TextBlock, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, (_b = footer.props) === null || _b === void 0 ? void 0 : _b.textOverrides, { "data-testid": footer.dataTestId }), footer === null || footer === void 0 ? void 0 : footer.content)))
|
|
73
|
+
react_1.default.createElement(newskit_1.TextBlock, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, (_b = footer.props) === null || _b === void 0 ? void 0 : _b.textOverrides, { "data-testid": footer.dataTestId }), footer === null || footer === void 0 ? void 0 : footer.content))),
|
|
74
|
+
children && react_1.default.createElement(newskit_1.GridLayoutItem, null, children))))));
|
|
74
75
|
};
|
|
75
76
|
exports.SectionListItem = SectionListItem;
|
|
76
77
|
var templateObject_1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SectionListItem/SectionListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,mDAA4B;AAC5B,mCAYgB;AAChB,uEAAoE;AACpE,4DAAoD;AAEpD,IAAM,mBAAmB,GAAG,IAAA,gBAAM,EAAC,oBAAU,CAAC,yJAAsB,MAChE,EAAmD,gDAKjD,EACqE,gBAC7D,EAAgD,UAE7D,KATG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,EAKjD,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,OAAA,MAAM,CAAC,CAAC,CAAC,IAAA,8BAAoB,EAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE;AAArE,CAAqE,EAC7D,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AAAhC,CAAgC,CAE7D,CAAA;AAEM,IAAM,eAAe,GAAmC,UAAC,
|
|
1
|
+
{"version":3,"file":"SectionListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SectionListItem/SectionListItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -34,5 +34,7 @@ export interface SectionListItemProps {
|
|
|
34
34
|
height?: number;
|
|
35
35
|
fill?: boolean;
|
|
36
36
|
};
|
|
37
|
+
children?: React.ReactElement;
|
|
38
|
+
onClick?: (event: React.MouseEvent) => void;
|
|
37
39
|
}
|
|
38
40
|
export type GridListItemProps = Partial<NewsletterViewProps> & CancellationItem & Partial<SectionListItemProps>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface SunArticle {
|
|
3
|
+
id: string;
|
|
4
|
+
headline: string;
|
|
5
|
+
url: string;
|
|
6
|
+
imageUrl?: string;
|
|
7
|
+
kicker?: string;
|
|
8
|
+
eventContext?: Record<string, unknown>;
|
|
9
|
+
}
|
|
10
|
+
export interface SunArticleCardProps {
|
|
11
|
+
article: SunArticle;
|
|
12
|
+
onClick?: (url: string, headline: string) => void;
|
|
13
|
+
overrides?: {
|
|
14
|
+
container?: Record<string, unknown>;
|
|
15
|
+
imageContainer?: Record<string, unknown>;
|
|
16
|
+
image?: Record<string, unknown>;
|
|
17
|
+
placeholder?: Record<string, unknown>;
|
|
18
|
+
kicker?: Record<string, unknown>;
|
|
19
|
+
headline?: Record<string, unknown>;
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
export declare const SunArticleCard: React.FC<SunArticleCardProps>;
|
|
23
|
+
export default SunArticleCard;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.SunArticleCard = void 0;
|
|
18
|
+
var react_1 = __importDefault(require("react"));
|
|
19
|
+
var newskit_1 = require("newskit");
|
|
20
|
+
var SunArticleCard = function (_a) {
|
|
21
|
+
var article = _a.article, onClick = _a.onClick, overrides = _a.overrides;
|
|
22
|
+
var handleClick = function () {
|
|
23
|
+
if (onClick) {
|
|
24
|
+
onClick(article.url, article.headline);
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
window.open(article.url, '_blank', 'noopener,noreferrer');
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
return (react_1.default.createElement(newskit_1.Block, __assign({ "data-testid": "sun-article-card-".concat(article.id), onClick: handleClick, stylePreset: "cardContainer" }, overrides === null || overrides === void 0 ? void 0 : overrides.container),
|
|
31
|
+
react_1.default.createElement(newskit_1.Block, __assign({ stylePreset: "imageContainer" }, overrides === null || overrides === void 0 ? void 0 : overrides.imageContainer), article.imageUrl ? (react_1.default.createElement("img", __assign({ src: article.imageUrl, alt: article.headline, style: { width: '100%', display: 'block' } }, overrides === null || overrides === void 0 ? void 0 : overrides.image))) : (react_1.default.createElement(newskit_1.Block, __assign({ stylePreset: "placeholderContainer" }, overrides === null || overrides === void 0 ? void 0 : overrides.placeholder),
|
|
32
|
+
react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityBody020", stylePreset: "inkSubtle" }, "No image available")))),
|
|
33
|
+
react_1.default.createElement(newskit_1.Block, { paddingBlock: "space030", paddingInline: "space030" },
|
|
34
|
+
article.kicker && (react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "utilityLabel010", stylePreset: "inkBrand010", marginBlockEnd: "space020", as: "span" }, overrides === null || overrides === void 0 ? void 0 : overrides.kicker), article.kicker)),
|
|
35
|
+
react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "utilityBody020", stylePreset: "inkContrast", as: "h3" }, overrides === null || overrides === void 0 ? void 0 : overrides.headline), article.headline))));
|
|
36
|
+
};
|
|
37
|
+
exports.SunArticleCard = SunArticleCard;
|
|
38
|
+
exports.default = exports.SunArticleCard;
|
|
39
|
+
//# sourceMappingURL=SunArticleCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SunArticleCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunArticleCard/SunArticleCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAA0C;AAwBnC,IAAM,cAAc,GAAkC,UAAC,EAI7D;QAHC,OAAO,aAAA,EACP,OAAO,aAAA,EACP,SAAS,eAAA;IAET,IAAM,WAAW,GAAG;QAClB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAA;QACxC,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAA;QAC3D,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,eAAK,4BACS,2BAAoB,OAAO,CAAC,EAAE,CAAE,EAC7C,OAAO,EAAE,WAAW,EACpB,WAAW,EAAC,eAAe,IACvB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS;QAExB,8BAAC,eAAK,aAAC,WAAW,EAAC,gBAAgB,IAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,cAAc,GAC9D,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAClB,gDACE,GAAG,EAAE,OAAO,CAAC,QAAQ,EACrB,GAAG,EAAE,OAAO,CAAC,QAAQ,EACrB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,IACtC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EACpB,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,eAAK,aAAC,WAAW,EAAC,sBAAsB,IAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW;YAClE,8BAAC,mBAAS,IACR,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,WAAW,yBAGb,CACN,CACT,CACK;QACR,8BAAC,eAAK,IAAC,YAAY,EAAC,UAAU,EAAC,aAAa,EAAC,UAAU;YACpD,OAAO,CAAC,MAAM,IAAI,CACjB,8BAAC,mBAAS,aACR,gBAAgB,EAAC,iBAAiB,EAClC,WAAW,EAAC,aAAa,EACzB,cAAc,EAAC,UAAU,EACzB,EAAE,EAAC,MAAM,IACL,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,GAEpB,OAAO,CAAC,MAAM,CACL,CACb;YACD,8BAAC,mBAAS,aACR,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,aAAa,EACzB,EAAE,EAAC,IAAI,IACH,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,GAEtB,OAAO,CAAC,QAAQ,CACP,CACN,CACF,CACT,CAAA;AACH,CAAC,CAAA;AA9DY,QAAA,cAAc,kBA8D1B;AAED,kBAAe,sBAAc,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SunArticleCard, type SunArticleCardProps, type SunArticle, } from './SunArticleCard';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SunArticleCard = void 0;
|
|
4
|
+
var SunArticleCard_1 = require("./SunArticleCard");
|
|
5
|
+
Object.defineProperty(exports, "SunArticleCard", { enumerable: true, get: function () { return SunArticleCard_1.SunArticleCard; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunArticleCard/index.ts"],"names":[],"mappings":";;;AAAA,mDAIyB;AAHvB,gHAAA,cAAc,OAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SunArticle } from '../SunArticleCard';
|
|
3
|
+
export interface SunArticleGridProps {
|
|
4
|
+
articles: SunArticle[];
|
|
5
|
+
onArticleClick?: (url: string, headline: string) => void;
|
|
6
|
+
overrides?: {
|
|
7
|
+
grid?: Record<string, unknown>;
|
|
8
|
+
card?: Record<string, unknown>;
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
export declare const SunArticleGrid: React.FC<SunArticleGridProps>;
|
|
12
|
+
export default SunArticleGrid;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.SunArticleGrid = void 0;
|
|
18
|
+
var react_1 = __importDefault(require("react"));
|
|
19
|
+
var newskit_1 = require("newskit");
|
|
20
|
+
var SunArticleCard_1 = require("../SunArticleCard");
|
|
21
|
+
var SunArticleGrid = function (_a) {
|
|
22
|
+
var articles = _a.articles, onArticleClick = _a.onArticleClick, overrides = _a.overrides;
|
|
23
|
+
return (articles === null || articles === void 0 ? void 0 : articles.length) ? (react_1.default.createElement(newskit_1.GridLayout, __assign({ columns: { xs: '1fr', sm: '1fr 1fr' }, rowGap: "space040", columnGap: "space040", "data-testid": "sun-article-grid" }, overrides === null || overrides === void 0 ? void 0 : overrides.grid), articles.map(function (article) { return (react_1.default.createElement(SunArticleCard_1.SunArticleCard, { key: article.id, article: article, onClick: onArticleClick, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.card })); }))) : null;
|
|
24
|
+
};
|
|
25
|
+
exports.SunArticleGrid = SunArticleGrid;
|
|
26
|
+
exports.default = exports.SunArticleGrid;
|
|
27
|
+
//# sourceMappingURL=SunArticleGrid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SunArticleGrid.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunArticleGrid/SunArticleGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAoC;AACpC,oDAA8D;AAWvD,IAAM,cAAc,GAAkC,UAAC,EAI7D;QAHC,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,SAAS,eAAA;IAET,OAAA,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,EAAC,CAAC,CAAC,CACjB,8BAAC,oBAAU,aACT,OAAO,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,EACrC,MAAM,EAAC,UAAU,EACjB,SAAS,EAAC,UAAU,iBACR,kBAAkB,IAC1B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,GAElB,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,CACzB,8BAAC,+BAAc,IACb,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,cAAc,EACvB,SAAS,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,GAC1B,CACH,EAP0B,CAO1B,CAAC,CACS,CACd,CAAC,CAAC,CAAC,IAAI;AAjBR,CAiBQ,CAAA;AAtBG,QAAA,cAAc,kBAsBjB;AAEV,kBAAe,sBAAc,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SunArticleGrid, type SunArticleGridProps } from './SunArticleGrid';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SunArticleGrid = void 0;
|
|
4
|
+
var SunArticleGrid_1 = require("./SunArticleGrid");
|
|
5
|
+
Object.defineProperty(exports, "SunArticleGrid", { enumerable: true, get: function () { return SunArticleGrid_1.SunArticleGrid; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunArticleGrid/index.ts"],"names":[],"mappings":";;;AAAA,mDAA2E;AAAlE,gHAAA,cAAc,OAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface SunOffer {
|
|
3
|
+
id: string;
|
|
4
|
+
headline: string;
|
|
5
|
+
url: string;
|
|
6
|
+
imageUrl?: string;
|
|
7
|
+
eventContext?: Record<string, unknown>;
|
|
8
|
+
}
|
|
9
|
+
export interface SunOfferCardProps {
|
|
10
|
+
offer: SunOffer;
|
|
11
|
+
onClick?: (url: string, headline: string) => void;
|
|
12
|
+
overrides?: {
|
|
13
|
+
container?: Record<string, unknown>;
|
|
14
|
+
imageContainer?: Record<string, unknown>;
|
|
15
|
+
image?: Record<string, unknown>;
|
|
16
|
+
placeholder?: Record<string, unknown>;
|
|
17
|
+
headline?: Record<string, unknown>;
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
export declare const SunOfferCard: React.FC<SunOfferCardProps>;
|
|
21
|
+
export default SunOfferCard;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.SunOfferCard = void 0;
|
|
18
|
+
var react_1 = __importDefault(require("react"));
|
|
19
|
+
var newskit_1 = require("newskit");
|
|
20
|
+
var SunOfferCard = function (_a) {
|
|
21
|
+
var offer = _a.offer, onClick = _a.onClick, overrides = _a.overrides;
|
|
22
|
+
var handleClick = function () {
|
|
23
|
+
if (onClick) {
|
|
24
|
+
onClick(offer.url, offer.headline);
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
window.open(offer.url, '_blank', 'noopener,noreferrer');
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
return (react_1.default.createElement(newskit_1.Block, __assign({ "data-testid": "sun-offer-card-".concat(offer.id), onClick: handleClick, stylePreset: "cardContainer" }, overrides === null || overrides === void 0 ? void 0 : overrides.container),
|
|
31
|
+
react_1.default.createElement(newskit_1.Block, __assign({ stylePreset: "imageContainer" }, overrides === null || overrides === void 0 ? void 0 : overrides.imageContainer), offer.imageUrl ? (react_1.default.createElement("img", __assign({ src: offer.imageUrl, alt: offer.headline, style: { width: '100%', display: 'block' } }, overrides === null || overrides === void 0 ? void 0 : overrides.image))) : (react_1.default.createElement(newskit_1.Block, __assign({ stylePreset: "placeholderContainer" }, overrides === null || overrides === void 0 ? void 0 : overrides.placeholder),
|
|
32
|
+
react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityBody020", stylePreset: "inkSubtle" }, "No image available")))),
|
|
33
|
+
react_1.default.createElement(newskit_1.Block, { paddingBlock: "space030", paddingInline: "space030" },
|
|
34
|
+
react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "utilityBody020", stylePreset: "inkContrast", as: "h3" }, overrides === null || overrides === void 0 ? void 0 : overrides.headline), offer.headline))));
|
|
35
|
+
};
|
|
36
|
+
exports.SunOfferCard = SunOfferCard;
|
|
37
|
+
exports.default = exports.SunOfferCard;
|
|
38
|
+
//# sourceMappingURL=SunOfferCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SunOfferCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunOfferCard/SunOfferCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAA0C;AAsBnC,IAAM,YAAY,GAAgC,UAAC,EAIzD;QAHC,KAAK,WAAA,EACL,OAAO,aAAA,EACP,SAAS,eAAA;IAET,IAAM,WAAW,GAAG;QAClB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAA;QACpC,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAA;QACzD,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,eAAK,4BACS,yBAAkB,KAAK,CAAC,EAAE,CAAE,EACzC,OAAO,EAAE,WAAW,EACpB,WAAW,EAAC,eAAe,IACvB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS;QAExB,8BAAC,eAAK,aAAC,WAAW,EAAC,gBAAgB,IAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,cAAc,GAC9D,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAChB,gDACE,GAAG,EAAE,KAAK,CAAC,QAAQ,EACnB,GAAG,EAAE,KAAK,CAAC,QAAQ,EACnB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,IACtC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EACpB,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,eAAK,aAAC,WAAW,EAAC,sBAAsB,IAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW;YAClE,8BAAC,mBAAS,IACR,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,WAAW,yBAGb,CACN,CACT,CACK;QACR,8BAAC,eAAK,IAAC,YAAY,EAAC,UAAU,EAAC,aAAa,EAAC,UAAU;YACrD,8BAAC,mBAAS,aACR,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,aAAa,EACzB,EAAE,EAAC,IAAI,IACH,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,GAEtB,KAAK,CAAC,QAAQ,CACL,CACN,CACF,CACT,CAAA;AACH,CAAC,CAAA;AAnDY,QAAA,YAAY,gBAmDxB;AAED,kBAAe,oBAAY,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SunOfferCard, type SunOfferCardProps, type SunOffer, } from './SunOfferCard';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SunOfferCard = void 0;
|
|
4
|
+
var SunOfferCard_1 = require("./SunOfferCard");
|
|
5
|
+
Object.defineProperty(exports, "SunOfferCard", { enumerable: true, get: function () { return SunOfferCard_1.SunOfferCard; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunOfferCard/index.ts"],"names":[],"mappings":";;;AAAA,+CAIuB;AAHrB,4GAAA,YAAY,OAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SunOffer } from '../SunOfferCard';
|
|
3
|
+
export interface SunOfferGridProps {
|
|
4
|
+
offers: SunOffer[];
|
|
5
|
+
onOfferClick?: (url: string, headline: string) => void;
|
|
6
|
+
overrides?: {
|
|
7
|
+
grid?: Record<string, unknown>;
|
|
8
|
+
card?: Record<string, unknown>;
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
export declare const SunOfferGrid: React.FC<SunOfferGridProps>;
|
|
12
|
+
export default SunOfferGrid;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.SunOfferGrid = void 0;
|
|
18
|
+
var react_1 = __importDefault(require("react"));
|
|
19
|
+
var newskit_1 = require("newskit");
|
|
20
|
+
var SunOfferCard_1 = require("../SunOfferCard");
|
|
21
|
+
var SunOfferGrid = function (_a) {
|
|
22
|
+
var offers = _a.offers, onOfferClick = _a.onOfferClick, overrides = _a.overrides;
|
|
23
|
+
return (offers === null || offers === void 0 ? void 0 : offers.length) ? (react_1.default.createElement(newskit_1.GridLayout, __assign({ columns: { xs: '1fr', sm: '1fr 1fr' }, rowGap: "space040", columnGap: "space040", "data-testid": "sun-offer-grid" }, overrides === null || overrides === void 0 ? void 0 : overrides.grid), offers.map(function (offer) { return (react_1.default.createElement(SunOfferCard_1.SunOfferCard, { key: offer.id, offer: offer, onClick: onOfferClick, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.card })); }))) : null;
|
|
24
|
+
};
|
|
25
|
+
exports.SunOfferGrid = SunOfferGrid;
|
|
26
|
+
exports.default = exports.SunOfferGrid;
|
|
27
|
+
//# sourceMappingURL=SunOfferGrid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SunOfferGrid.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunOfferGrid/SunOfferGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAoC;AACpC,gDAAwD;AAWjD,IAAM,YAAY,GAAgC,UAAC,EAIzD;QAHC,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,SAAS,eAAA;IAET,OAAA,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAC,CAAC,CAAC,CACf,8BAAC,oBAAU,aACT,OAAO,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,EACrC,MAAM,EAAC,UAAU,EACjB,SAAS,EAAC,UAAU,iBACR,gBAAgB,IACxB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,GAElB,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACrB,8BAAC,2BAAY,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;AAjBR,CAiBQ,CAAA;AAtBG,QAAA,YAAY,gBAsBf;AAEV,kBAAe,oBAAY,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SunOfferGrid, type SunOfferGridProps } from './SunOfferGrid';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SunOfferGrid = void 0;
|
|
4
|
+
var SunOfferGrid_1 = require("./SunOfferGrid");
|
|
5
|
+
Object.defineProperty(exports, "SunOfferGrid", { enumerable: true, get: function () { return SunOfferGrid_1.SunOfferGrid; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SunOfferGrid/index.ts"],"names":[],"mappings":";;;AAAA,+CAAqE;AAA5D,4GAAA,YAAY,OAAA"}
|