@newskit-render/my-account 7.151.1-99c829b9f.0 → 7.151.1-cd5c2d6b0.4

package/dist/cjs/Components/Elements/OfferGroup/types.d.ts

@@ -0,0 +1,29 @@
+import { BlockProps, RadioButtonProps, TextBlockProps, EventContext } from 'newskit';
+export interface OfferOverrides {
+    container?: BlockProps & {
+        borderColor?: string;
+        backgroundColor?: string;
+    };
+    radioButton?: RadioButtonProps;
+    title?: TextBlockProps;
+    discountedPrice?: TextBlockProps;
+    regularPrice?: TextBlockProps;
+    description?: TextBlockProps;
+}
+export interface OfferProps {
+    id: string;
+    title: string;
+    description: string;
+    discountedPrice?: string;
+    regularPrice?: string;
+    href?: string;
+    nextStep?: string;
+    eventContext?: EventContext;
+    overrides?: OfferOverrides;
+}
+export type OfferBodyProps = Omit<OfferProps, 'id' | 'nextStep' | 'href'>;
+export interface OfferGroupProps {
+    offers: OfferProps[];
+    selectedOfferId?: string;
+    onSelect: (offerId: string) => void;
+}

package/dist/cjs/Components/Elements/OfferGroup/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/Components/Elements/OfferGroup/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferGroup/types.ts"],"names":[],"mappings":""}

package/dist/cjs/Components/Elements/PastDueBanner/PastDueBanner.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PastDueBannerProps } from './types';
+declare const PastDueBanner: React.FC<PastDueBannerProps>;
+export default PastDueBanner;

package/dist/cjs/Components/Elements/PastDueBanner/PastDueBanner.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var context_1 = require("../../../context");
+var shared_components_1 = require("@newskit-render/shared-components");
+var helpers_1 = require("../../../helpers");
+var PastDueBanner = function (_a) {
+    var className = _a.className, contextName = _a.contextName, hideBannerOverride = _a.hideBannerOverride;
+    var _b = (0, context_1.useAccountContext)(contextName), pastDueBanner = _b.pastDueBanner, baseUrl = _b.baseUrl, userData = _b.userData, previousSubscription = _b.previousSubscription;
+    var disableBanner = (previousSubscription === null || previousSubscription === void 0 ? void 0 : previousSubscription.disableBanner) || false;
+    var buttonHref = (0, helpers_1.replaceBaseURL)(baseUrl, '[baseURL]/subscription-and-billing');
+    return (react_1.default.createElement(react_1.default.Fragment, null, pastDueBanner && userData && !disableBanner && (react_1.default.createElement(shared_components_1.PastDueBanner, { pastDueBanner: pastDueBanner, userData: userData, url: buttonHref, className: className, hideBannerOverride: hideBannerOverride }))));
+};
+exports.default = PastDueBanner;
+//# sourceMappingURL=PastDueBanner.js.map

package/dist/cjs/Components/Elements/PastDueBanner/PastDueBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PastDueBanner.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/PastDueBanner/PastDueBanner.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AACzB,4CAGyB;AACzB,uEAAyF;AACzF,4CAAiD;AAGjD,IAAM,aAAa,GAAiC,UAAC,EAIpD;QAHC,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,kBAAkB,wBAAA;IAEZ,IAAA,KACJ,IAAA,2BAAiB,EAAC,WAAW,CAAyC,EADhE,aAAa,mBAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,oBAAoB,0BACU,CAAA;IAExE,IAAM,aAAa,GAAG,CAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,aAAa,KAAI,KAAK,CAAA;IAElE,IAAM,UAAU,GAAG,IAAA,wBAAc,EAC/B,OAAO,EACP,oCAAoC,CACrC,CAAA;IAED,OAAO,CACL,8DACG,aAAa,IAAI,QAAQ,IAAI,CAAC,aAAa,IAAI,CAC9C,8BAAC,iCAAoB,IACnB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,GACtC,CACH,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,aAAa,CAAA"}

package/dist/cjs/Components/Elements/PastDueBanner/index.d.ts

@@ -0,0 +1,2 @@
+import PastDueBanner from './PastDueBanner';
+export default PastDueBanner;

package/dist/cjs/Components/Elements/PastDueBanner/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var PastDueBanner_1 = __importDefault(require("./PastDueBanner"));
+exports.default = PastDueBanner_1.default;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/Elements/PastDueBanner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/PastDueBanner/index.ts"],"names":[],"mappings":";;;;;AAAA,kEAA2C;AAE3C,kBAAe,uBAAa,CAAA"}

package/dist/cjs/Components/Elements/PastDueBanner/types.d.ts

@@ -0,0 +1,9 @@
+import { ContextName } from '../../../context/types';
+export type PastDueBannerProps = {
+    className?: string;
+    contextName: ContextName;
+    hideBannerOverride?: {
+        hideBanner: boolean;
+        setHideBanner: React.Dispatch<React.SetStateAction<boolean>>;
+    };
+};

package/dist/cjs/Components/Elements/PastDueBanner/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/Components/Elements/PastDueBanner/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/PastDueBanner/types.ts"],"names":[],"mappings":""}

package/dist/cjs/Components/Elements/PaymentIcon/PaymentIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PaymentIconProps } from '.';
+export declare const PaymentIcon: React.FC<PaymentIconProps>;
+export default PaymentIcon;

package/dist/cjs/Components/Elements/PaymentIcon/PaymentIcon.js

@@ -0,0 +1,119 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaymentIcon = void 0;
+var newskit_1 = require("newskit");
+var react_1 = __importDefault(require("react"));
+var types_1 = require("../../Sections/Form/Payment/types");
+var PaymentIcon = function (_a) {
+    var _b;
+    var type = _a.type;
+    var IconMasterCard = (0, newskit_1.customToNewsKitIcon)('IconMasterCard', function (props) { return (react_1.default.createElement(newskit_1.Svg, __assign({}, props, { viewBox: "0 3 24 24" }),
+        react_1.default.createElement("circle", { cx: "8", cy: "12", r: "7", fill: "#ED0006" }),
+        react_1.default.createElement("circle", { cx: "16", cy: "12", r: "7", fill: "#F9A000" }),
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 17.7453C13.8135 16.4803 15 14.3787 15 11.9999C15 9.6212 13.8135 7.51958 12 6.25464C10.1865 7.51958 9 9.6212 9 11.9999C9 14.3787 10.1865 16.4803 12 17.7453Z", fill: "#FF5E00" }))); });
+    var IconVisa = (0, newskit_1.customToNewsKitIcon)('IconVisa', function (props) { return (react_1.default.createElement(newskit_1.Svg, __assign({}, props, { viewBox: "0 2.5 24 24" }),
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.00025 16.0377H3.9232L2.36567 9.83151C2.29174 9.54602 2.13477 9.29364 1.90388 9.17469C1.32765 8.87576 0.692687 8.63785 0 8.51787V8.27893H3.34596C3.80775 8.27893 4.1541 8.63785 4.21182 9.0547L5.01996 13.5314L7.09599 8.27893H9.11532L6.00025 16.0377Z", fill: "#172B85" }),
+        react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.2698 16.0377H8.3082L9.92346 8.27893H11.8851L10.2698 16.0377Z", fill: "#172B85" }),
+        react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.4229 10.4283C14.4806 10.0104 14.827 9.7715 15.231 9.7715C15.866 9.71151 16.5577 9.8315 17.1349 10.1294L17.4813 8.4589C16.904 8.21996 16.2691 8.09998 15.6928 8.09998C13.7889 8.09998 12.4036 9.17468 12.4036 10.6662C12.4036 11.8009 13.3849 12.3967 14.0776 12.7556C14.827 13.1135 15.1156 13.3525 15.0579 13.7104C15.0579 14.2472 14.4806 14.4861 13.9044 14.4861C13.2117 14.4861 12.519 14.3072 11.8851 14.0083L11.5387 15.6798C12.2314 15.9777 12.9808 16.0977 13.6735 16.0977C15.8083 16.1566 17.1349 15.083 17.1349 13.4714C17.1349 11.442 14.4229 11.323 14.4229 10.4283Z", fill: "#172B85" }),
+        react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M22.4425 8.27893L24 16.0377H22.2116L21.9807 14.904H19.4996L19.0965 16.0377H17.0772L19.9614 8.87576C20.0768 8.51787 20.4231 8.27893 20.7695 8.27893H22.4425ZM21.6343 13.2924L21.0581 10.3683L20.0191 13.2924H21.6343Z", fill: "#172B85" }))); });
+    var IconDiscover = (0, newskit_1.customToNewsKitIcon)('IconDiscover', function (props) { return (react_1.default.createElement(newskit_1.Svg, __assign({}, props, { viewBox: "0 3 24 24" }),
+        react_1.default.createElement("g", { "clip-path": "url(#clip0_3202_1475)" },
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.55106 5C1.69461 5 1 5.69469 1 6.5514V17.5794C1 18.4362 1.69438 19.1308 2.55106 19.1308H21.4489C22.3054 19.1308 23 18.4361 23 17.5794V6.5514C23 5.69452 22.3056 5 21.4489 5H2.55106Z", fill: "#4D4D4D" }),
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.2274 9.56641C10.4766 9.56641 10.6856 9.61672 10.94 9.73818V10.3799C10.6991 10.1581 10.49 10.0653 10.2136 10.0653C9.67025 10.0653 9.24294 10.4888 9.24294 11.0257C9.24294 11.5919 9.65702 11.9902 10.2406 11.9902C10.5032 11.9902 10.7084 11.9022 10.94 11.6839V12.326C10.6766 12.4427 10.4631 12.4889 10.2136 12.4889C9.33139 12.4889 8.6459 11.8516 8.6459 11.0296C8.6459 10.2166 9.34964 9.56641 10.2274 9.56641ZM7.48827 9.58409C7.81393 9.58409 8.11189 9.68901 8.36102 9.89418L8.05787 10.2678C7.90698 10.1086 7.76426 10.0414 7.59068 10.0414C7.34098 10.0414 7.15915 10.1752 7.15915 10.3514C7.15915 10.5024 7.26122 10.5823 7.60885 10.7034C8.26786 10.9303 8.46318 11.1315 8.46318 11.5757C8.46318 12.117 8.04078 12.4938 7.43877 12.4938C6.99793 12.4938 6.6774 12.3304 6.41047 11.9616L6.78469 11.6222C6.91811 11.8651 7.1407 11.9952 7.41705 11.9952C7.6755 11.9952 7.86684 11.8273 7.86684 11.6008C7.86684 11.4833 7.80888 11.3826 7.69315 11.3114C7.63488 11.2777 7.51947 11.2275 7.29264 11.1522C6.74854 10.9677 6.56185 10.7706 6.56185 10.3854C6.56185 9.92777 6.96275 9.58409 7.48827 9.58409ZM14.1087 9.63283H14.7415L15.5336 11.5111L16.3359 9.63283H16.964L15.6808 12.5009H15.3691L14.1087 9.63283ZM2.90141 9.63712H3.7518C4.69137 9.63712 5.34635 10.212 5.34635 11.0372C5.34635 11.4488 5.14598 11.8466 4.80712 12.1106C4.52202 12.3335 4.19716 12.4335 3.74734 12.4335H2.90141V9.63712ZM5.61291 9.63712H6.19225V12.4335H5.61291V9.63712ZM17.2259 9.63712H18.8689V10.111H17.8049V10.7316H18.8298V11.2052H17.8049V11.96H18.869V12.4335H17.226L17.2259 9.63712ZM19.2527 9.63712H20.1117C20.7799 9.63712 21.1627 9.93919 21.1627 10.4627C21.1627 10.8909 20.9226 11.1718 20.4862 11.2554L21.4212 12.4335H20.7087L19.9068 11.3101H19.8313V12.4335H19.2527V9.63712ZM19.8313 10.0776V10.9244H20.0006C20.3706 10.9244 20.5667 10.7732 20.5667 10.4921C20.5667 10.22 20.3705 10.0776 20.0097 10.0776H19.8313ZM3.48035 10.1109V11.96H3.63582C4.01018 11.96 4.24663 11.8925 4.42866 11.7378C4.62901 11.5698 4.74953 11.3016 4.74953 11.0332C4.74953 10.7653 4.62901 10.5051 4.42866 10.3371C4.23729 10.1741 4.01018 10.1109 3.63582 10.1109H3.48035Z", fill: "white" }),
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.7088 9.5469C13.5815 9.5469 14.2889 10.212 14.2889 11.0336V11.0345C14.2889 11.8561 13.5815 12.5221 12.7088 12.5221C11.8362 12.5221 11.1287 11.8561 11.1287 11.0345V11.0336C11.1287 10.212 11.8362 9.54688 12.7088 9.54688L12.7088 9.5469ZM22.9995 13.1332C22.2647 13.6502 16.7639 17.3453 7.23984 19.1302H21.4485C22.3049 19.1302 22.9995 18.4355 22.9995 17.5788V13.1331L22.9995 13.1332Z", fill: "#F47216" })),
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("clipPath", { id: "clip0_3202_1475" },
+                react_1.default.createElement("rect", { width: "24", height: "24", fill: "white" }))))); });
+    var IconDiners = (0, newskit_1.customToNewsKitIcon)('IconDiner', function (props) { return (react_1.default.createElement(newskit_1.Svg, __assign({}, props, { viewBox: "0 3 24 24" }),
+        react_1.default.createElement("path", { fillRule: "evenodd", "clip-rule": "evenodd", d: "M10.2989 20H13.3353C18.075 20 21.8519 16.4524 22 12.0701V12.0005C21.9259 7.54859 18.075 3.93143 13.3353 4.00099H9.92862C5.41111 4.14011 1.85635 7.75728 2.00447 12.0701C2.00447 16.3828 5.70734 19.9304 10.2989 20ZM3.48563 12.0006C3.48563 8.3834 6.6701 5.39228 10.5211 5.39228C14.3721 5.39228 17.5566 8.3834 17.5566 12.0006C17.5566 15.6177 14.3721 18.6089 10.5211 18.6089C6.6701 18.6089 3.48563 15.6177 3.48563 12.0006ZM11.632 16.4525V7.61831C14.224 8.24436 15.8532 10.679 15.1867 13.1136C14.7424 14.7831 13.4093 16.0352 11.632 16.4525ZM5.92946 10.8877C5.26295 13.3223 6.81816 15.8265 9.41017 16.4525V7.61831C7.70685 8.03568 6.37381 9.28777 5.92946 10.8877Z", fill: "#0079BE" }))); });
+    var IconAmericanExpress = (0, newskit_1.customToNewsKitIcon)('IconAmericanExpress', function (props) { return (react_1.default.createElement(newskit_1.Svg, __assign({}, props, { viewBox: "0 2.5 24 24" }),
+        react_1.default.createElement("path", { d: "M3 9L1 14L2.5 14.5L3 13.5H5L5.5 14.5H8V12.5L9 14.5H10.5L11 13L11.5 14.5H18L19 13L20.5 14H23L21 11.5L23 9H20.5L19.5 10L18 9H11L10 11L9 9H6.5L6 10L5 9H3Z", fill: "white" }),
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.70858 8.5L-1.52588e-05 14.6703H3.24255L3.64454 13.6865H4.56338L4.96537 14.6703H8.53452V13.9195L8.85255 14.6703H10.6988L11.0168 13.9036V14.6703H18.4397L19.3423 13.7121L20.1874 14.6703L24 14.6783L21.2828 11.6024L24 8.5H20.2466L19.368 9.44055L18.5494 8.5H10.4743L9.7809 10.0926L9.07122 8.5H5.83542V9.22532L5.47546 8.5H2.70858ZM3.336 9.3762H4.91658L6.71319 13.5603V9.3762H8.44465L9.83232 12.3762L11.1112 9.3762H12.834V13.8038H11.7857L11.7772 10.3344L10.2489 13.8038H9.31113L7.77427 10.3344V13.8038H5.6177L5.20885 12.8112H3.00001L2.59201 13.8029H1.43654L3.336 9.3762ZM18.0557 9.3762H13.7931V13.8012H17.9897L19.3423 12.3347L20.646 13.8012H22.0089L20.028 11.6015L22.0089 9.3762H20.7051L19.3594 10.8259L18.0557 9.3762ZM4.1049 10.1253L3.37717 11.8935H4.83178L4.1049 10.1253ZM14.8457 11.1012V10.293V10.2922H17.5054L18.666 11.5848L17.454 12.8845H14.8457V12.0021H17.1712V11.1012H14.8457Z", fill: "#1F72CD" }))); });
+    var IconJCB = (0, newskit_1.customToNewsKitIcon)('IconJCB', function (props) { return (react_1.default.createElement(newskit_1.Svg, __assign({}, props, { viewBox: "0 -30 750 471" }),
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("linearGradient", { x1: ".032%", y1: "50%", x2: "99.974%", y2: "50%", id: "a" },
+                react_1.default.createElement("stop", { stopColor: "#007B40", offset: "0%" }),
+                react_1.default.createElement("stop", { stopColor: "#55B330", offset: "100%" })),
+            react_1.default.createElement("linearGradient", { x1: ".472%", y1: "50%", x2: "99.986%", y2: "50%", id: "b" },
+                react_1.default.createElement("stop", { stopColor: "#1D2970", offset: "0%" }),
+                react_1.default.createElement("stop", { stopColor: "#006DBA", offset: "100%" })),
+            react_1.default.createElement("linearGradient", { x1: ".114%", y1: "50.001%", x2: "99.986%", y2: "50.001%", id: "c" },
+                react_1.default.createElement("stop", { stopColor: "#6E2B2F", offset: "0%" }),
+                react_1.default.createElement("stop", { stopColor: "#E30138", offset: "100%" }))),
+        react_1.default.createElement("g", { fillRule: "nonzero", fill: "none" },
+            react_1.default.createElement("rect", { fill: "#0E4C96", width: "750", height: "471", rx: "40" }),
+            react_1.default.createElement("path", { d: "M617.243 346.766c0 41.615-33.728 75.36-75.36 75.36H132.757V124.245c0-41.626 33.733-75.37 75.365-75.37l409.121-.001v297.892z", fill: "#FFF" }),
+            react_1.default.createElement("path", { d: "M483.859 242.045c11.684.253 23.437-.516 35.077.4 11.787 2.2 14.628 20.043 4.156 25.888-7.141 3.85-15.633 1.432-23.379 2.113H483.86v-28.401zm41.833-32.145c2.596 9.165-6.238 17.392-15.066 16.13h-26.767c.185-8.642-.368-18.021.272-26.208 10.724.301 21.549-.616 32.21.48 4.58 1.15 8.413 4.916 9.35 9.598zM590.12 73.997c.498 17.501.071 35.927.214 53.783-.035 72.596.072 145.194-.055 217.79-.469 27.207-24.582 50.844-51.6 51.387-27.046.111-54.095.016-81.142.047v-109.75c29.47-.154 58.959.307 88.417-.232 13.667-.86 28.632-9.876 29.27-24.915 1.61-15.102-12.632-25.55-26.153-27.201-5.198-.135-5.044-1.515 0-2.117 12.892-2.787 23.02-16.133 19.226-29.499-3.236-14.058-18.773-19.499-31.697-19.472-26.351-.18-52.709-.026-79.063-.077.172-20.489-.354-41 .286-61.474 2.087-26.716 26.806-48.747 53.447-48.27h78.85z", fill: "url(#a)" }),
+            react_1.default.createElement("path", { d: "M159.74 125.04c.674-27.163 24.889-50.611 51.875-51.007 26.944-.083 53.891-.012 80.837-.036-.074 90.885.148 181.777-.112 272.658-1.038 26.834-24.99 49.834-51.679 50.307-26.996.099-53.995.014-80.992.042V283.551c26.223 6.194 53.722 8.832 80.473 4.721 15.993-2.575 33.488-10.424 38.902-27.014 3.986-14.192 1.742-29.126 2.334-43.692v-33.824h-46.297c-.208 22.37.426 44.78-.335 67.125-1.248 13.734-14.846 22.46-27.8 21.995-16.066.169-47.898-11.64-47.898-11.64-.08-41.917.466-94.408.692-136.182z", fill: "url(#b)" }),
+            react_1.default.createElement("path", { d: "M309.72 197.39c-2.434.517-.49-8.3-1.114-11.646.166-21.15-.346-42.323.284-63.458 2.083-26.829 26.991-48.916 53.739-48.288h78.766c-.074 90.884.147 181.775-.112 272.656-1.039 26.834-24.992 49.833-51.68 50.308-26.998.1-53.998.015-80.997.043V272.708c18.44 15.128 43.5 17.484 66.472 17.525 17.317-.006 34.534-2.675 51.35-6.67V260.79c-18.953 9.447-41.233 15.446-62.243 10.018-14.656-3.65-25.294-17.811-25.056-32.936-1.699-15.728 7.524-32.335 22.981-37.011 19.19-6.008 40.108-1.413 58.096 6.398 3.855 2.018 7.765 4.521 6.222-1.921v-17.9c-30.084-7.157-62.101-9.792-92.329-2.004-8.748 2.468-17.27 6.21-24.379 11.956z", fill: "url(#c)" })))); });
+    var IconUnionPay = (0, newskit_1.customToNewsKitIcon)('IconUnionPay', function (props) { return (react_1.default.createElement(newskit_1.Svg, __assign({}, props, { viewBox: "0 -30 750 471" }),
+        react_1.default.createElement("g", { fillRule: "nonzero", fill: "none" },
+            react_1.default.createElement("rect", { fill: "#FFF", width: "750", height: "471", rx: "40" }),
+            react_1.default.createElement("path", { d: "M201.81 55h142.393c19.87 0 32.287 16.406 27.63 36.47L305.5 378.948c-4.656 20.064-24.629 36.47-44.498 36.47H118.61c-19.87 0-32.287-16.406-27.63-36.47L157.311 91.47C161.968 71.302 181.837 55 201.706 55h.104z", fill: "#D10429" }),
+            react_1.default.createElement("path", { d: "M331.75 55h163.815c19.869 0 10.866 16.406 6.209 36.47L435.44 378.948c-4.657 20.064-3.208 36.47-23.077 36.47H248.549c-19.972 0-32.287-16.406-27.527-36.47L287.356 91.47C292.012 71.302 311.88 55 331.854 55h-.104z", fill: "#022E64" }),
+            react_1.default.createElement("path", { d: "M489.815 55h142.394c19.869 0 32.287 16.406 27.63 36.47l-66.333 287.478c-4.657 20.064-24.63 36.47-44.498 36.47H406.614c-19.972 0-32.287-16.406-27.63-36.47L445.317 91.47C449.974 71.302 469.843 55 489.711 55h.104z", fill: "#076F74" }),
+            react_1.default.createElement("path", { d: "M465.905 326.015h13.453l3.829-13.063h-13.35l-3.932 13.063zm10.762-35.948l-4.657 15.466s5.071-2.613 7.865-3.449c2.794-.627 6.933-1.15 6.933-1.15l3.208-10.763h-13.452l.103-.104zm6.727-22.154l-4.45 14.839s4.967-2.3 7.761-3.03c2.794-.732 6.933-.941 6.933-.941l3.208-10.764h-13.349l-.103-.104zm29.7 0l-17.386 57.997h4.657l-3.622 12.017h-4.657l-1.138 3.658H474.39l1.139-3.658H442l3.311-11.076h3.415l17.593-58.938L469.837 256h16.868l-1.76 5.956s4.45-3.239 8.797-4.389c4.243-1.149 28.665-1.567 28.665-1.567l-3.622 11.808h-5.795l.103.105z", fill: "#FEFEFE" }),
+            react_1.default.createElement("path", { d: "M520 256h18.006l.207 6.792c-.103 1.15.828 1.672 3.001 1.672h3.622l-3.311 11.182h-9.728c-8.382.627-11.59-3.03-11.383-7.106l-.31-12.436L520 256zm2.216 53.2h-17.178l2.897-9.927h19.662l2.794-9.092H511.04L514.351 279h53.812l-3.311 11.181h-18.11l-2.794 9.092h18.11l-3.002 9.927h-19.558l-3.518 4.18h7.968l1.966 12.54c.207 1.254.207 2.09.62 2.613.415.418 2.795.627 4.14.627h2.38l-3.725 12.226h-6.106c-.93 0-2.38-.104-4.346-.104-1.863-.21-3.104-1.254-4.346-1.881-1.139-.523-2.794-1.881-3.208-4.285l-1.863-12.54-8.9 12.331c-2.794 3.867-6.622 6.897-13.142 6.897H495l3.311-10.868h4.76c1.346 0 2.588-.522 3.52-1.045.93-.418 1.758-.836 2.586-2.194l13.04-18.497zM334.314 282h45.429l-3.312 10.972h-18.11l-2.793 9.3h18.627l-3.415 11.287h-18.524l-4.553 15.152c-.517 1.672 4.45 1.881 6.209 1.881l9.314-1.254-3.726 12.54h-20.904c-1.655 0-2.897-.209-4.76-.627-1.76-.418-2.587-1.254-3.311-2.403-.725-1.254-1.967-2.195-1.139-4.912l6.002-20.064H325l3.415-11.495h10.348l2.794-9.3H331.21l3.312-10.973-.207-.104zm31.387-19.835h18.627l-3.415 11.39h-25.457l-2.794 2.404c-1.242 1.15-1.552.732-3.105 1.568-1.448.731-4.45 2.194-8.382 2.194H333l3.311-10.972h2.484c2.07 0 3.519-.21 4.243-.627.828-.523 1.76-1.672 2.69-3.553l4.657-8.569h18.524l-3.208 6.27v-.105zm35.108 18.81s5.07-4.702 13.763-6.165c1.966-.418 14.384-.21 14.384-.21l1.863-6.27h-26.181l-3.83 12.75v-.105zm24.629 4.807h-25.975l-1.552 5.33h22.56c2.69-.314 3.208.104 3.415-.105l1.655-5.225h-.103zm-33.736-29.678h15.833l-2.276 8.047s4.967-4.076 8.485-5.539c3.519-1.254 11.383-2.508 11.383-2.508l25.664-.104-8.796 29.469c-1.449 5.016-3.208 8.255-4.243 9.823-.93 1.463-2.07 2.821-4.346 4.075-2.173 1.15-4.14 1.881-6.002 1.986-1.656.104-4.346.209-7.865.209h-24.732l-6.934 23.303c-.62 2.299-.931 3.448-.517 4.075.31.523 1.242 1.15 2.38 1.15l10.866-1.045-3.726 12.749h-12.21c-3.933 0-6.727-.105-8.693-.21-1.863-.208-3.83 0-5.175-1.044-1.138-1.045-2.897-2.404-2.794-3.762.104-1.254.621-3.344 1.45-6.27l22.248-74.404z", fill: "#FEFEFE" }),
+            react_1.default.createElement("path", { d: "M437.84 303l-1.449 7.106c-.62 2.194-1.138 3.866-2.794 5.33-1.759 1.462-3.725 3.03-8.485 3.03l-8.796.418-.104 7.942c-.103 2.194.518 1.985.828 2.403.414.418.724.523 1.138.732l2.794-.21 8.383-.417-3.519 11.704h-9.624c-6.726 0-11.797-.21-13.35-1.463-1.655-1.045-1.862-2.3-1.862-4.598l.62-31.141h15.42l-.207 6.374h3.725c1.242 0 2.174-.104 2.691-.418.517-.313.828-.836 1.035-1.567l1.552-5.016h12.108l-.104-.209zM218.47 147c-.517 2.508-10.451 48.592-10.451 48.592-2.174 9.3-3.726 15.989-8.9 20.273-3.001 2.508-6.52 3.657-10.555 3.657-6.52 0-10.245-3.239-10.866-9.404l-.104-2.09s1.966-12.436 1.966-12.54c0 0 10.349-42.009 12.212-47.548.103-.313.103-.522.103-.627-20.18.21-23.801 0-24.008-.313-.104.418-.621 3.03-.621 3.03L156.69 197.37l-.932 3.97L154 214.508c0 3.866.724 7.105 2.277 9.718 4.863 8.569 18.627 9.823 26.388 9.823 10.038 0 19.455-2.195 25.767-6.061 11.073-6.584 13.97-16.929 16.454-26.02l1.242-4.703s10.659-43.576 12.522-49.219c.103-.314.103-.523.207-.627-14.695.104-18.938 0-20.387-.314V147zm59.03 86.623c-7.141-.105-9.728-.105-18.11.313l-.311-.627c.724-3.24 1.552-6.374 2.173-9.614l1.035-4.389c1.552-6.792 3.001-14.839 3.208-17.242.207-1.463.62-5.12-3.519-5.12-1.759 0-3.518.835-5.38 1.671-1.036 3.658-3.002 13.899-4.037 18.497-2.07 9.823-2.173 10.972-3.104 15.78l-.621.626c-7.347-.104-9.934-.104-18.42.314L230 233.1c1.449-5.852 2.794-11.704 4.14-17.556 3.518-15.78 4.45-21.84 5.38-29.887l.725-.418c8.279-1.149 10.245-1.463 19.248-3.239l.724.836-1.345 5.016c1.552-.94 3.001-1.881 4.553-2.613 4.243-2.09 8.9-2.717 11.487-2.717 3.932 0 8.279 1.15 10.038 5.748 1.656 4.075.62 9.091-1.656 19.019l-1.138 5.016c-2.277 11.077-2.69 13.062-3.933 20.586l-.827.627.103.105zm29.058.027c-4.346 0-7.14-.104-9.83 0-2.691 0-5.278.21-9.314.314l-.207-.314-.207-.418c1.138-4.18 1.656-5.643 2.277-7.106.517-1.463 1.034-2.926 2.07-7.21 1.241-5.539 2.069-9.405 2.586-12.854.621-3.24.932-6.06 1.346-9.3l.31-.209.31-.314c4.347-.627 7.038-1.045 9.832-1.463 2.794-.418 5.691-.94 10.141-1.776l.207.418.103.418-2.483 10.345c-.828 3.449-1.656 6.897-2.38 10.346-1.553 7.315-2.277 10.032-2.587 12.017-.414 1.881-.518 2.822-1.139 6.584l-.414.313-.414.314-.207-.105zm45.941-25.675c-.31 1.881-1.966 8.883-4.139 11.809-1.552 2.194-3.312 3.553-5.381 3.553-.621 0-4.14 0-4.243-5.33 0-2.612.517-5.33 1.138-8.255 1.863-8.465 4.14-15.466 9.831-15.466 4.45 0 4.76 5.225 2.794 13.69zm18.73.836c2.484-11.077.518-16.302-1.862-19.437-3.725-4.807-10.348-6.374-17.178-6.374-4.14 0-13.867.418-21.525 7.524-5.484 5.12-8.071 12.122-9.52 18.81-1.553 6.792-3.312 19.019 7.865 23.617 3.414 1.463 8.382 1.88 11.59 1.88 8.175 0 16.557-2.298 22.87-8.986 4.863-5.434 7.036-13.585 7.864-17.034h-.103zm174.433 26.08c-8.693-.104-11.176-.104-19.145.314l-.517-.627c2.173-8.256 4.346-16.616 6.313-24.976 2.483-10.868 3.104-15.466 3.932-21.84l.62-.523c8.59-1.254 10.97-1.567 19.973-3.239l.207.731c-1.656 6.897-3.208 13.69-4.864 20.482-3.311 14.317-4.45 21.632-5.691 29.156l-.828.627v-.105z", fill: "#FEFEFE" }),
+            react_1.default.createElement("path", { d: "M533.16 209.374c-.414 1.776-2.07 8.882-4.243 11.808-1.449 2.09-4.967 3.449-6.933 3.449-.621 0-4.036 0-4.243-5.225 0-2.613.517-5.33 1.138-8.256 1.863-8.255 4.14-15.257 9.831-15.257 4.45 0 6.416 5.12 4.45 13.585v-.104zm17.075.836c2.483-11.077-7.658-.94-9.21-4.598-2.484-5.748-.932-17.243-10.866-21.109-3.829-1.568-12.832.418-20.49 7.524-5.381 5.016-8.072 12.017-9.52 18.705-1.553 6.688-3.312 19.02 7.76 23.304 3.52 1.567 6.727 1.985 9.935 1.776 11.177-.627 19.662-17.66 25.975-24.348 4.863-5.33 5.691 1.985 6.416-1.254zm-129.943 23.413c-7.14-.105-9.624-.105-18.006.313l-.31-.627c.724-3.24 1.552-6.374 2.276-9.614l.931-4.389c1.553-6.792 3.105-14.839 3.208-17.242.207-1.463.621-5.12-3.415-5.12-1.759 0-3.621.835-5.38 1.671-.932 3.658-3.002 13.899-4.037 18.497-1.966 9.823-2.173 10.972-3.104 15.78l-.621.626c-7.347-.104-9.934-.104-18.42.314L373 233.1c1.449-5.852 2.794-11.704 4.14-17.556 3.518-15.78 4.346-21.84 5.38-29.887l.621-.418c8.28-1.149 10.349-1.463 19.248-3.239l.725.836-1.242 5.016c1.449-.94 3.001-1.881 4.45-2.613 4.243-2.09 8.9-2.717 11.486-2.717 3.933 0 8.176 1.15 10.038 5.748 1.656 4.075.518 9.091-1.759 19.019l-1.138 5.016c-2.38 11.077-2.69 13.062-3.933 20.586l-.827.627.103.105zm62.001-86.519l-6.002.105c-15.523.209-21.732.104-24.215-.209-.207 1.15-.621 3.135-.621 3.135s-5.588 25.916-5.588 26.02c0 0-13.246 55.176-13.867 57.788 13.556-.209 19.041-.209 21.421.105.518-2.613 3.622-17.974 3.726-17.974 0 0 2.69-11.286 2.794-11.704 0 0 .827-1.15 1.655-1.672h1.242c11.694 0 24.836 0 35.185-7.628 7.037-5.225 11.797-13.063 13.97-22.468.517-2.299.931-5.016.931-7.837 0-3.658-.724-7.21-2.794-10.032-5.277-7.42-15.73-7.524-27.837-7.629zm7.761 27.066c-1.241 5.747-4.967 10.659-9.727 12.958-3.932 1.985-8.693 2.194-13.66 2.194h-3.208l.207-1.254s5.899-25.916 5.899-25.811l.207-1.359.103-1.045 2.38.21s12.211 1.044 12.418 1.044c4.76 1.881 6.83 6.688 5.381 13.063zm127.207 8.666l-.724-.836c-8.796 1.776-10.452 2.09-18.524 3.24l-.62.626c0 .105-.104.21-.104.418v-.104c-6.002 14.107-5.899 11.077-10.762 22.154 0-.523 0-.836-.104-1.359l-1.242-24.035-.724-.836c-9.314 1.777-9.52 2.09-18.006 3.24l-.621.627c-.104.313-.104.627-.104.94l.104.105c1.035 5.538.828 4.284 1.863 12.958.517 4.284 1.138 8.569 1.655 12.749.828 7.106 1.346 10.554 2.38 21.318-5.795 9.614-7.14 13.271-12.728 21.735l.31.836c8.383-.313 10.245-.313 16.454-.313l1.346-1.568c4.656-10.136 40.255-71.79 40.255-71.79l-.104-.105zm-302.717 6.922c4.76-3.344 5.38-7.942 1.345-10.345-4.036-2.404-11.176-1.672-15.937 1.672-4.76 3.24-5.277 7.837-1.241 10.345 3.932 2.3 11.072 1.672 15.833-1.672z", fill: "#FEFEFE" }),
+            react_1.default.createElement("path", { d: "M575.735 256.104l-6.934 12.018c-2.173 4.075-6.312 7.21-12.728 7.21L545 275.123l3.208-10.868h2.173c1.138 0 1.966-.104 2.587-.418.621-.209.932-.627 1.449-1.254l4.14-6.583h17.281l-.103.104z", fill: "#FEFEFE" })))); });
+    var IconPayPal = (0, newskit_1.customToNewsKitIcon)('IconPayPal', function (props) { return (react_1.default.createElement(newskit_1.Svg, __assign({}, props, { viewBox: "0 2.5 24 24" }),
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.6928 19.4236L9.95861 17.5523L9.36649 17.537H6.539L8.504 3.72779C8.51012 3.68598 8.52991 3.64716 8.55882 3.61955C8.58786 3.59193 8.62488 3.57678 8.6636 3.57678H13.4312C15.014 3.57678 16.1063 3.94177 16.6765 4.66226C16.9439 5.00026 17.1142 5.35357 17.1966 5.74222C17.283 6.15013 17.2844 6.6374 17.2002 7.23182L17.194 7.27506V7.65598L17.4614 7.82387C17.6865 7.95627 17.8655 8.10775 18.0027 8.28117C18.2313 8.57025 18.3793 8.9376 18.4418 9.37296C18.5064 9.82079 18.485 10.3538 18.3793 10.9572C18.2573 11.6512 18.0601 12.2557 17.7937 12.7503C17.5488 13.206 17.2367 13.5841 16.8662 13.8769C16.5124 14.1553 16.0921 14.3666 15.6168 14.5018C15.1563 14.6347 14.6312 14.7017 14.0553 14.7017H13.6843C13.4191 14.7017 13.1614 14.8076 12.9591 14.9975C12.7562 15.1912 12.6221 15.456 12.5809 15.7456L12.5529 15.9141L12.0832 19.2125L12.062 19.3335C12.0563 19.3719 12.0466 19.391 12.0324 19.4039C12.0197 19.4158 12.0015 19.4236 11.9837 19.4236H9.6928Z", fill: "#28356A" }),
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.7148 7.31921C17.7007 7.42005 17.6843 7.52309 17.6661 7.62897C17.0374 11.2068 14.8863 12.4429 12.1391 12.4429H10.7403C10.4044 12.4429 10.1212 12.7132 10.0689 13.0805L9.14992 19.5415C9.1159 19.7828 9.28361 20 9.50314 20H11.9841C12.2778 20 12.5274 19.7635 12.5737 19.4424L12.598 19.3027L13.0651 16.0173L13.0952 15.8371C13.1409 15.5148 13.391 15.2781 13.6847 15.2781H14.0557C16.4594 15.2781 18.3411 14.1966 18.8911 11.0666C19.1207 9.75906 19.0018 8.66727 18.3939 7.89943C18.21 7.66794 17.9818 7.47575 17.7148 7.31921Z", fill: "#298FC2" }),
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.0569 7.02855C16.9608 6.99746 16.8617 6.96938 16.76 6.94397C16.6578 6.9192 16.5532 6.89726 16.4454 6.87801C16.0682 6.81048 15.6549 6.77844 15.2123 6.77844H11.4755C11.3834 6.77844 11.296 6.80148 11.2178 6.84314C11.0454 6.93498 10.9174 7.11581 10.8864 7.3372L10.0914 12.9178L10.0686 13.0805C10.1208 12.7132 10.404 12.4429 10.74 12.4429H12.1388C14.886 12.4429 17.0371 11.2062 17.6658 7.62896C17.6846 7.52308 17.7004 7.42004 17.7145 7.31921C17.5554 7.22564 17.3832 7.14563 17.1977 7.07747C17.1518 7.06058 17.1046 7.04433 17.0569 7.02855Z", fill: "#22284F" }),
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.8866 7.33719C10.9176 7.1158 11.0456 6.93497 11.218 6.84376C11.2967 6.80195 11.3836 6.77891 11.4757 6.77891H15.2125C15.6551 6.77891 16.0684 6.8111 16.4456 6.87864C16.5533 6.89773 16.658 6.91982 16.7602 6.94459C16.8619 6.96984 16.9609 6.99809 17.057 7.02902C17.1047 7.0448 17.152 7.06121 17.1983 7.07746C17.3838 7.14563 17.5562 7.22626 17.7152 7.3192C17.9023 5.99703 17.7137 5.0968 17.0687 4.28162C16.3576 3.38408 15.0742 3 13.432 3H8.66428C8.32886 3 8.04269 3.27031 7.99087 3.63829L6.00508 17.5895C5.96593 17.8655 6.15799 18.1145 6.40913 18.1145H9.3525L10.8866 7.33719Z", fill: "#28356A" }))); });
+    var IconDirectDebit = (0, newskit_1.customToNewsKitIcon)('IconDirectDebit', function (props) { return (react_1.default.createElement(newskit_1.Svg, __assign({}, props, { viewBox: "0 3 24 24" }),
+        react_1.default.createElement("path", { d: "M12.4626 10.18V17.74C12.4626 17.74 8.04982 16.97 8.04982 13.96C8.04982 11.51 11.3238 10.46 12.4626 10.18ZM12.4626 10.04C9.82918 9.83 3.77936 11.09 3.77936 13.75C3.77936 15.5 6.98221 18.09 12.1779 18.16C12.3915 18.16 18.2989 17.95 18.2278 11.65C18.1566 6.4 14.1708 5.49 12.8897 5.28V5C18.0142 5.35 22 8.36 22 12C22 15.85 17.516 19 11.9644 19C6.48399 19 2 15.85 2 12C2 8.15 6.48399 5 11.9644 5C12.1068 5 12.3203 5 12.4626 5V10.04Z", fill: "#0A0A0A" }))); });
+    var IconApplePay = (0, newskit_1.customToNewsKitIcon)('IconApplePay', function (props) { return (react_1.default.createElement(newskit_1.Svg, __assign({}, props, { viewBox: "0 2.5 24 24" }),
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.38528 8.28925C4.104 8.62702 3.65395 8.89344 3.2039 8.85538C3.14764 8.39867 3.36798 7.91342 3.62582 7.6137C3.9071 7.26641 4.39935 7.01903 4.79783 7C4.84471 7.47574 4.66188 7.94196 4.38528 8.28925ZM4.7931 8.94579C4.39662 8.92263 4.03484 9.06679 3.74262 9.18323C3.55457 9.25816 3.39533 9.32162 3.27418 9.32162C3.13823 9.32162 2.97241 9.25477 2.78624 9.17972C2.54229 9.08137 2.26338 8.96893 1.97091 8.97433C1.30052 8.98385 0.677014 9.36919 0.334788 9.98289C-0.368416 11.2103 0.151955 13.0276 0.831719 14.0267C1.16457 14.5214 1.56305 15.0638 2.08811 15.0447C2.31911 15.0359 2.48527 14.9643 2.65723 14.8903C2.85521 14.805 3.06088 14.7165 3.38201 14.7165C3.692 14.7165 3.88867 14.8027 4.07747 14.8855C4.25698 14.9643 4.42936 15.0399 4.68528 15.0352C5.22909 15.0257 5.57132 14.5405 5.90417 14.0457C6.26336 13.5147 6.42121 12.9964 6.44517 12.9178L6.44798 12.9087C6.4474 12.9081 6.44296 12.906 6.43513 12.9024C6.31506 12.8466 5.39728 12.4202 5.38848 11.2769C5.37964 10.3172 6.11644 9.831 6.23242 9.75446C6.23948 9.7498 6.24424 9.74666 6.24639 9.74502C5.77759 9.04093 5.04626 8.96482 4.7931 8.94579ZM8.55762 14.983V7.56622H11.3001C12.7159 7.56622 13.7051 8.55575 13.7051 10.002C13.7051 11.4482 12.6971 12.4473 11.2626 12.4473H9.69212V14.983H8.55762ZM9.69203 8.53663H11C11.9845 8.53663 12.547 9.06945 12.547 10.0067C12.547 10.9439 11.9845 11.4814 10.9953 11.4814H9.69203V8.53663ZM17.4509 14.0932C17.1508 14.6736 16.4898 15.04 15.7772 15.04C14.7224 15.04 13.9864 14.4025 13.9864 13.4415C13.9864 12.49 14.699 11.9429 16.0163 11.862L17.4321 11.7764V11.3673C17.4321 10.7631 17.043 10.4348 16.3492 10.4348C15.7772 10.4348 15.36 10.7345 15.2756 11.1913H14.2536C14.2865 10.2303 15.1772 9.53093 16.382 9.53093C17.6806 9.53093 18.5244 10.2208 18.5244 11.2912V14.9829H17.4743V14.0932H17.4509ZM16.0819 14.1599C15.4771 14.1599 15.0927 13.8649 15.0927 13.413C15.0927 12.9467 15.4631 12.6756 16.171 12.6328L17.432 12.5519V12.9705C17.432 13.6651 16.8507 14.1599 16.0819 14.1599ZM22.0076 15.273C21.5529 16.5718 21.0325 17 19.9261 17C19.8417 17 19.5604 16.9905 19.4948 16.9714V16.0818C19.5651 16.0913 19.7386 16.1008 19.8277 16.1008C20.3293 16.1008 20.6106 15.8867 20.784 15.3301L20.8872 15.0019L18.9651 9.60226H20.1511L21.4872 13.9838H21.5107L22.8467 9.60226H24L22.0076 15.273Z", fill: "black" }))); });
+    var IconGooglePay = (0, newskit_1.customToNewsKitIcon)('IconGooglePay', function (props) { return (react_1.default.createElement(newskit_1.Svg, __assign({}, props, { viewBox: "0 2 24 24" }),
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.0689 14.8221V11.8875H12.5657C13.1791 11.8875 13.6968 11.6795 14.1188 11.2694L14.2201 11.1654C14.991 10.3162 14.9404 8.99327 14.1188 8.20762C13.708 7.79168 13.1453 7.56638 12.5657 7.57794H10.163V14.8221H11.0689ZM11.069 10.9979V8.46758H12.5886C12.915 8.46758 13.2246 8.59467 13.4553 8.82575C13.9449 9.31101 13.9562 10.1198 13.4834 10.6224C13.2527 10.8708 12.9263 11.0094 12.5886 10.9979H11.069ZM18.4461 10.2526C18.0578 9.88867 17.5289 9.70381 16.8592 9.70381C15.9983 9.70381 15.3512 10.0273 14.9235 10.6685L15.7226 11.1827C16.0152 10.7436 16.4147 10.5241 16.9211 10.5241C17.2419 10.5241 17.5514 10.6454 17.7933 10.865C18.0297 11.0729 18.1647 11.3733 18.1647 11.691V11.9048C17.8158 11.7084 17.3769 11.6044 16.8367 11.6044C16.2065 11.6044 15.7001 11.7546 15.323 12.0608C14.946 12.3669 14.7547 12.7713 14.7547 13.2855C14.7434 13.7534 14.9404 14.1982 15.2893 14.4986C15.6438 14.8221 16.0939 14.9839 16.6229 14.9839C17.2475 14.9839 17.7427 14.7008 18.1197 14.1347H18.1591V14.8221H19.0257V11.7661C19.0257 11.1249 18.8343 10.6166 18.4461 10.2526ZM15.9872 13.9094C15.8015 13.7707 15.6889 13.5454 15.6889 13.3028C15.6889 13.0313 15.8127 12.806 16.0547 12.6269C16.3024 12.4478 16.6119 12.3554 16.9777 12.3554C17.4842 12.3496 17.8782 12.4652 18.1596 12.6962C18.1596 13.0891 18.0076 13.4299 17.7094 13.7187C17.4392 13.996 17.0734 14.152 16.6907 14.152C16.4374 14.1578 16.1898 14.0711 15.9872 13.9094ZM20.9727 17.0001L24 9.86562H23.0153L21.6141 13.4242H21.5973L20.1624 9.86562H19.1776L21.164 14.5044L20.0386 17.0001H20.9727Z", fill: "#3C4043" }),
+        react_1.default.createElement("path", { d: "M7.94121 11.2521C7.94121 10.969 7.9187 10.686 7.87369 10.4087H4.05289V12.0089H6.24183C6.15179 12.523 5.85919 12.9852 5.43153 13.274V14.3139H6.73701C7.5023 13.5917 7.94121 12.523 7.94121 11.2521Z", fill: "#4285F4" }),
+        react_1.default.createElement("path", { d: "M4.05307 15.3189C5.14473 15.3189 6.06757 14.9492 6.7372 14.3138L5.43171 13.2739C5.06595 13.5281 4.5989 13.6725 4.05307 13.6725C2.99517 13.6725 2.10047 12.9389 1.77972 11.9568H0.434845V13.0313C1.12135 14.4351 2.5225 15.3189 4.05307 15.3189Z", fill: "#34A853" }),
+        react_1.default.createElement("path", { d: "M1.77987 11.957C1.61103 11.4428 1.61103 10.8825 1.77987 10.3625V9.29382H0.434778C-0.144906 10.4665 -0.144906 11.853 0.434778 13.0257L1.77987 11.957Z", fill: "#FBBC04" }),
+        react_1.default.createElement("path", { d: "M4.05307 8.64666C4.63266 8.63511 5.18974 8.8604 5.60615 9.27056L6.76533 8.08053C6.02818 7.37575 5.06032 6.9887 4.05307 7.00025C2.5225 7.00025 1.12135 7.88989 0.434845 9.29367L1.77972 10.3682C2.10047 9.38032 2.99517 8.64666 4.05307 8.64666Z", fill: "#EA4335" }))); });
+    var StyledSpan = newskit_1.styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    width: 32px;\n    height: 20px;\n    display: inline-block;\n    margin-right: 8px;\n    border: solid 1px;\n    ", "\n    ", "\n  "], ["\n    width: 32px;\n    height: 20px;\n    display: inline-block;\n    margin-right: 8px;\n    border: solid 1px;\n    ", "\n    ", "\n  "])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface040'), (0, newskit_1.getBorderCssFromTheme)('borderRadius', 'borderRadiusRounded010'));
+    var StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    width: 24px;\n    margin: auto;\n  "], ["\n    width: 24px;\n    margin: auto;\n  "])));
+    var iconMapper = (_b = {},
+        _b[types_1.CardTypes.mastercard] = IconMasterCard,
+        _b[types_1.CardTypes.visa] = IconVisa,
+        _b[types_1.CardTypes.discover] = IconDiscover,
+        _b[types_1.CardTypes.diners] = IconDiners,
+        _b[types_1.CardTypes.americanexpress] = IconAmericanExpress,
+        _b[types_1.CardTypes.jcb] = IconJCB,
+        _b[types_1.CardTypes.unionpay] = IconUnionPay,
+        _b[types_1.PaymentTypes.paypal] = IconPayPal,
+        _b[types_1.PaymentTypes.banktransfer] = IconDirectDebit,
+        _b[types_1.WalletTypes.apple_pay] = IconApplePay,
+        _b[types_1.WalletTypes.google_pay] = IconGooglePay,
+        _b);
+    var IconComponent = iconMapper[type];
+    if (IconComponent) {
+        return (react_1.default.createElement(StyledSpan, { "data-testid": "".concat(type, "-icon") },
+            react_1.default.createElement(StyledBlock, null,
+                react_1.default.createElement(IconComponent, null))));
+    }
+    return null;
+};
+exports.PaymentIcon = PaymentIcon;
+exports.default = exports.PaymentIcon;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=PaymentIcon.js.map

package/dist/cjs/Components/Elements/PaymentIcon/PaymentIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentIcon.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/PaymentIcon/PaymentIcon.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Components/Elements/PaymentIcon/index.d.ts

@@ -0,0 +1,3 @@
+import PaymentIcon from './PaymentIcon';
+export * from './types';
+export default PaymentIcon;

package/dist/cjs/Components/Elements/PaymentIcon/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var PaymentIcon_1 = __importDefault(require("./PaymentIcon"));
+__exportStar(require("./types"), exports);
+exports.default = PaymentIcon_1.default;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/Elements/PaymentIcon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/PaymentIcon/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,8DAAuC;AAEvC,0CAAuB;AACvB,kBAAe,qBAAW,CAAA"}

package/dist/cjs/Components/Elements/PaymentIcon/types.d.ts

@@ -0,0 +1,4 @@
+import { PaymentTypes, CardTypes, WalletTypes } from '../../Sections/Form/Payment/types';
+export interface PaymentIconProps {
+    type: PaymentTypes | CardTypes | WalletTypes;
+}

package/dist/cjs/Components/Elements/PaymentIcon/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/Components/Elements/PaymentIcon/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/PaymentIcon/types.ts"],"names":[],"mappings":""}

package/dist/cjs/Components/Elements/PaymentItem/PaymentItem.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PaymentItemProps } from './types';
+declare const PaymentItem: React.FC<PaymentItemProps>;
+export default PaymentItem;

package/dist/cjs/Components/Elements/PaymentItem/PaymentItem.js

@@ -0,0 +1,68 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var newskit_1 = require("newskit");
+var PaymentIcon_1 = __importDefault(require("../PaymentIcon"));
+var types_1 = require("../../Sections/Form/Payment/types");
+var getType = function (type, cardType, walletType) {
+    var paymentType = type === null || type === void 0 ? void 0 : type.toLowerCase();
+    if (paymentType === types_1.PaymentTypes.creditcard ||
+        paymentType === types_1.PaymentTypes.debitcard) {
+        return cardType === null || cardType === void 0 ? void 0 : cardType.toLowerCase();
+    }
+    if (paymentType === types_1.PaymentTypes.creditcardreferencetransaction) {
+        return walletType === null || walletType === void 0 ? void 0 : walletType.toLowerCase();
+    }
+    return paymentType;
+};
+var PaymentItem = function (_a) {
+    var _b;
+    var type = _a.type, cardType = _a.cardType, cardNumber = _a.cardNumber, bankTransferAccountNumberMask = _a.bankTransferAccountNumberMask, walletType = _a.walletType, paypalEmail = _a.paypalEmail;
+    var paymentType = (0, react_1.useMemo)(function () { return getType(type, cardType, walletType); }, [type, cardType, walletType]);
+    var paymentTextMapper = (_b = {},
+        _b[types_1.CardTypes.mastercard] = cardNumber,
+        _b[types_1.CardTypes.visa] = cardNumber,
+        _b[types_1.CardTypes.discover] = cardNumber,
+        _b[types_1.CardTypes.diners] = cardNumber,
+        _b[types_1.CardTypes.americanexpress] = cardNumber,
+        // @ts-ignore
+        _b[types_1.CardTypes.amex] = cardNumber,
+        _b[types_1.CardTypes.jcb] = cardNumber,
+        _b[types_1.CardTypes.unionpay] = cardNumber,
+        _b[types_1.PaymentTypes.paypal] = paypalEmail,
+        _b[types_1.PaymentTypes.banktransfer] = bankTransferAccountNumberMask,
+        _b[types_1.WalletTypes.apple_pay] = cardNumber,
+        _b[types_1.WalletTypes.google_pay] = cardNumber,
+        _b);
+    return (react_1.default.createElement(newskit_1.Stack, { flow: 'horizontal-center' },
+        paymentType ? react_1.default.createElement(PaymentIcon_1.default, { type: paymentType }) : null,
+        react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityBody020", style: { paddingBottom: '4px' } }, paymentType ? paymentTextMapper[paymentType] : '')));
+};
+exports.default = PaymentItem;
+//# sourceMappingURL=PaymentItem.js.map

package/dist/cjs/Components/Elements/PaymentItem/PaymentItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/PaymentItem/PaymentItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,mCAA0C;AAC1C,+DAAwC;AACxC,2DAI0C;AAG1C,IAAM,OAAO,GAAG,UACd,IAAa,EACb,QAAiB,EACjB,UAAmB;IAEnB,IAAM,WAAW,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAE,CAAA;IACvC,IACE,WAAW,KAAK,oBAAY,CAAC,UAAU;QACvC,WAAW,KAAK,oBAAY,CAAC,SAAS,EACtC,CAAC;QACD,OAAO,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,EAAe,CAAA;IAC7C,CAAC;IAED,IAAI,WAAW,KAAK,oBAAY,CAAC,8BAA8B,EAAE,CAAC;QAChE,OAAO,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,EAAiB,CAAA;IACjD,CAAC;IAED,OAAO,WAAuC,CAAA;AAChD,CAAC,CAAA;AAED,IAAM,WAAW,GAA+B,UAAC,EAOhD;;QANC,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,6BAA6B,mCAAA,EAC7B,UAAU,gBAAA,EACV,WAAW,iBAAA;IAEX,IAAM,WAAW,GAAG,IAAA,eAAO,EACzB,cAAM,OAAA,OAAO,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC,EAAnC,CAAmC,EACzC,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC,CAC7B,CAAA;IACD,IAAM,iBAAiB;QACrB,GAAC,iBAAS,CAAC,UAAU,IAAG,UAAU;QAClC,GAAC,iBAAS,CAAC,IAAI,IAAG,UAAU;QAC5B,GAAC,iBAAS,CAAC,QAAQ,IAAG,UAAU;QAChC,GAAC,iBAAS,CAAC,MAAM,IAAG,UAAU;QAC9B,GAAC,iBAAS,CAAC,eAAe,IAAG,UAAU;QACvC,aAAa;QACb,GAAC,iBAAS,CAAC,IAAI,IAAG,UAAU;QAC5B,GAAC,iBAAS,CAAC,GAAG,IAAG,UAAU;QAC3B,GAAC,iBAAS,CAAC,QAAQ,IAAG,UAAU;QAChC,GAAC,oBAAY,CAAC,MAAM,IAAG,WAAW;QAClC,GAAC,oBAAY,CAAC,YAAY,IAAG,6BAA6B;QAC1D,GAAC,mBAAW,CAAC,SAAS,IAAG,UAAU;QACnC,GAAC,mBAAW,CAAC,UAAU,IAAG,UAAU;WACrC,CAAA;IACD,OAAO,CACL,8BAAC,eAAK,IAAC,IAAI,EAAE,mBAAmB;QAC7B,WAAW,CAAC,CAAC,CAAC,8BAAC,qBAAW,IAAC,IAAI,EAAE,WAAW,GAAgB,CAAC,CAAC,CAAC,IAAI;QACpE,8BAAC,mBAAS,IACR,gBAAgB,EAAC,gBAAgB,EACjC,KAAK,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,IAE9B,WAAW,CAAC,CAAC,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CACxC,CACN,CACT,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,WAAW,CAAA"}

package/dist/cjs/Components/Elements/PaymentItem/index.d.ts

@@ -0,0 +1,3 @@
+import PaymentItem from './PaymentItem';
+export * from './types';
+export default PaymentItem;

package/dist/cjs/Components/Elements/PaymentItem/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var PaymentItem_1 = __importDefault(require("./PaymentItem"));
+__exportStar(require("./types"), exports);
+exports.default = PaymentItem_1.default;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/Elements/PaymentItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/PaymentItem/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,8DAAuC;AACvC,0CAAuB;AAEvB,kBAAe,qBAAW,CAAA"}

package/dist/cjs/Components/Elements/PaymentItem/types.d.ts

@@ -0,0 +1,15 @@
+export interface PaymentItemProps {
+    type?: string;
+    cardType?: string;
+    cardNumber?: string;
+    expirationMonth?: number;
+    expirationYear?: number;
+    bankName?: string;
+    bankCode?: string;
+    bankTransferAccountNumberMask?: string;
+    paymentMethodStatus?: string;
+    paypalBaid?: string;
+    paypalEmail?: string;
+    paypalType?: string;
+    walletType?: string;
+}

package/dist/cjs/Components/Elements/PaymentItem/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/Components/Elements/PaymentItem/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/PaymentItem/types.ts"],"names":[],"mappings":""}

package/dist/cjs/Components/Elements/SectionListItem/GridListItem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { GridListItemProps } from './types';
+export declare const GridListItem: React.FC<GridListItemProps>;

package/dist/cjs/Components/Elements/SectionListItem/GridListItem.js

@@ -0,0 +1,77 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridListItem = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var link_1 = __importDefault(require("next/link"));
+var shared_components_1 = require("@newskit-render/shared-components");
+var helpers_1 = require("../../../helpers");
+var StyledHeaderBlockWrapper = (0, newskit_1.styled)(newskit_1.Stack)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  min-height: 65px;\n  width: 100%;\n\n  figure {\n    ", "\n  }\n\n  ", " {\n    min-height: auto;\n\n    figure {\n      display: block;\n    }\n  }\n"], ["\n  min-height: 65px;\n  width: 100%;\n\n  figure {\n    ", "\n  }\n\n  ", " {\n    min-height: auto;\n\n    figure {\n      display: block;\n    }\n  }\n"])), function (_a) {
+    var imageVisible = _a.imageVisible;
+    return imageVisible ? 'display: block' : 'display: none;';
+}, (0, newskit_1.getMediaQueryFromTheme)('sm'));
+var StyledTitleBlockWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  span {\n    display: block;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  span {\n    display: block;\n  }\n"])));
+var StyledCardContentWrapper = (0, newskit_1.styled)(newskit_1.CardContent)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  grid-row-start: 1;\n  grid-row-end: span 3;\n  border: 1px solid;\n  ", "\n\n  .switch-block {\n    align-self: end;\n  }\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: pointer;\n  }\n"], ["\n  grid-row-start: 1;\n  grid-row-end: span 3;\n  border: 1px solid;\n  ", "\n\n  .switch-block {\n    align-self: end;\n  }\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: pointer;\n  }\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'), (0, newskit_1.getColorCssFromTheme)('backgroundColor', 'interface020'));
+var StyledTextBlock = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), function (_a) {
+    var textWrap = _a.textWrap;
+    return textWrap && "text-wrap: ".concat(textWrap, ";");
+}, function (_a) {
+    var width = _a.width;
+    return width && "width: ".concat(width, ";");
+});
+var GridListItem = function (_a) {
+    var cardOverrides = _a.cardOverrides, containerOverrides = _a.containerOverrides, labelOverrides = _a.labelOverrides, subtitleOverrides = _a.subtitleOverrides, handleClick = _a.handleClick, label = _a.label, image = _a.image, href = _a.href, subtitle = _a.subtitle, ariaLabel = _a.ariaLabel, eventContext = _a.eventContext, baseUrl = _a.baseUrl, headerOverrides = _a.headerOverrides, imageOverrides = _a.imageOverrides, props = __rest(_a, ["cardOverrides", "containerOverrides", "labelOverrides", "subtitleOverrides", "handleClick", "label", "image", "href", "subtitle", "ariaLabel", "eventContext", "baseUrl", "headerOverrides", "imageOverrides"]);
+    var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
+    /* istanbul ignore next */
+    var handleCardClick = function (event) {
+        if (handleClick) {
+            handleClick(event, {
+                id: props.id || '',
+                label: label || '',
+                eventContext: eventContext,
+            });
+        }
+        if (href)
+            fireEvent((0, shared_components_1.createClickEvent)(__assign({ originator: 'link', text: (eventContext === null || eventContext === void 0 ? void 0 : eventContext.event_navigation_name) || '' }, eventContext)));
+    };
+    return (react_1.default.createElement(newskit_1.CardComposable, __assign({ overrides: cardOverrides, "data-testid": "list-item" }, props),
+        react_1.default.createElement(link_1.default, { "data-testid": "list-item-link", legacyBehavior: true, href: (0, helpers_1.replaceBaseURL)(baseUrl || '', href) || '', tabIndex: href ? undefined : -1, "aria-disabled": !href, "aria-label": ariaLabel || '' },
+            react_1.default.createElement(StyledCardContentWrapper, __assign({ rowGap: 'space050' }, containerOverrides, { onClick: handleCardClick }),
+                react_1.default.createElement(StyledHeaderBlockWrapper, __assign({ stackDistribution: "space-between" }, headerOverrides),
+                    react_1.default.createElement(StyledTitleBlockWrapper, null,
+                        react_1.default.createElement(StyledTextBlock, __assign({ "data-testid": "list-item-label" }, labelOverrides), label)),
+                    image && (react_1.default.createElement(shared_components_1.Image, __assign({ "data-testid": "list-item-image", src: image, alt: label || '', width: "80", height: "80", priority: true }, imageOverrides)))),
+                react_1.default.createElement(StyledTextBlock, __assign({ "data-testid": "list-item-subtitle" }, subtitleOverrides), subtitle)))));
+};
+exports.GridListItem = GridListItem;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=GridListItem.js.map

package/dist/cjs/Components/Elements/SectionListItem/GridListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SectionListItem/GridListItem.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Components/Elements/SectionListItem/SectionListItem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SectionListItemProps } from './types';
+export declare const SectionListItem: React.FC<SectionListItemProps>;