@newskit-render/my-account 0.0.0-e67c7c42 → 0.0.0-e74abe310

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

@@ -0,0 +1,17 @@
+import React, { FC } from 'react';
+import { BlockProps, ButtonOverrides } from 'newskit';
+import { EventContext } from '@newskit-render/shared-components';
+export interface ForwardButtonProps extends React.HTMLAttributes<HTMLDivElement> {
+    label: string;
+    button?: {
+        text?: string;
+        href?: string;
+    };
+    baseUrl?: string;
+    icon?: React.ReactNode;
+    onClick?: (MouseEvent: any) => void;
+    buttonOverrides?: ButtonOverrides;
+    eventContext?: EventContext;
+    dataTestId?: string;
+}
+export declare const ForwardButton: FC<ForwardButtonProps & BlockProps>;

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

@@ -0,0 +1,43 @@
+"use strict";
+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.ForwardButton = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var material_1 = require("@emotion-icons/material");
+var helpers_1 = require("../../../helpers");
+var IconFilledKeyboardArrowRight = (0, newskit_1.toNewsKitIcon)(material_1.KeyboardArrowRight);
+var ForwardButton = function (_a) {
+    var label = _a.label, icon = _a.icon, _b = _a.button, _c = _b === void 0 ? {} : _b, text = _c.text, href = _c.href, _d = _a.baseUrl, baseUrl = _d === void 0 ? '' : _d, buttonOverrides = _a.buttonOverrides, eventContext = _a.eventContext, _e = _a.dataTestId, dataTestId = _e === void 0 ? 'forward-button' : _e, onClick = _a.onClick, rest = __rest(_a, ["label", "icon", "button", "baseUrl", "buttonOverrides", "eventContext", "dataTestId", "onClick"]);
+    return (react_1.default.createElement(newskit_1.Block, __assign({}, rest),
+        react_1.default.createElement(newskit_1.TextBlock, { as: "span", stylePreset: "inkBase" }, label),
+        text && (react_1.default.createElement(newskit_1.Button, __assign({ "data-testid": dataTestId, overrides: __assign({ stylePreset: 'buttonMinimalPrimary' }, buttonOverrides), eventContext: eventContext }, (href ? { href: (0, helpers_1.replaceBaseURL)(baseUrl, href) } : {}), { onClick: onClick }),
+            text,
+            icon || react_1.default.createElement(IconFilledKeyboardArrowRight, null)))));
+};
+exports.ForwardButton = ForwardButton;
+//# sourceMappingURL=ForwardButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ForwardButton.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ForwardButton/ForwardButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAiC;AACjC,mCAOgB;AAChB,oDAA4D;AAE5D,4CAAiD;AAEjD,IAAM,4BAA4B,GAAG,IAAA,uBAAa,EAAC,6BAAkB,CAAC,CAAA;AAiB/D,IAAM,aAAa,GAAwC,UAAC,EAUlE;IATC,IAAA,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,cAA2B,EAA3B,qBAAyB,EAAE,KAAA,EAAjB,IAAI,UAAA,EAAE,IAAI,UAAA,EACpB,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,kBAA6B,EAA7B,UAAU,mBAAG,gBAAgB,KAAA,EAC7B,OAAO,aAAA,EACJ,IAAI,cAT0D,kGAUlE,CADQ;IAEP,OAAO,CACL,8BAAC,eAAK,eAAK,IAAI;QACb,8BAAC,mBAAS,IAAC,EAAE,EAAC,MAAM,EAAC,WAAW,EAAC,SAAS,IACvC,KAAK,CACI;QACX,IAAI,IAAI,CACP,8BAAC,gBAAM,4BACQ,UAAU,EACvB,SAAS,aACP,WAAW,EAAE,sBAAsB,IAChC,eAAe,GAEpB,YAAY,EAAE,YAAY,IACtB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IACzD,OAAO,EAAE,OAAO;YAEf,IAAI;YACJ,IAAI,IAAI,8BAAC,4BAA4B,OAAG,CAClC,CACV,CACK,CACT,CAAA;AACH,CAAC,CAAA;AAjCY,QAAA,aAAa,iBAiCzB"}

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

@@ -12,7 +12,7 @@ var AccountHead = function (_a) {
     return (react_1.default.createElement(head_1.default, null,
         react_1.default.createElement("title", null, head &&
             "\n        ".concat(head.pageTitle ? head.pageTitle : '', "\n        ").concat(head.pageTitle && head.siteTitle ? ' | ' : '', " \n        ").concat(head.siteTitle ? head.siteTitle : '')),
-        head.pageMetaDescription && (react_1.default.createElement("meta", { name: "description", content: head.pageMetaDescription }))));
+        (head === null || head === void 0 ? void 0 : head.pageMetaDescription) && (react_1.default.createElement("meta", { name: "description", content: head === null || head === void 0 ? void 0 : head.pageMetaDescription }))));
 };
 exports.default = AccountHead;
 //# sourceMappingURL=Head.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Head.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/Head/Head.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AACzB,mDAA4B;AAC5B,4CAAoD;AAGpD,IAAM,WAAW,GAA+B,UAAC,EAAe;QAAb,WAAW,iBAAA;IACpD,IAAA,IAAI,GAAK,IAAA,2BAAiB,EAAC,WAAW,CAAC,KAAnC,CAAmC;IAC/C,OAAO,CACL,8BAAC,cAAI;QACH,6CACG,IAAI;YACH,oBACA,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,uBACpC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,wBAC7C,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,CAClC;QACP,IAAI,CAAC,mBAAmB,IAAI,CAC3B,wCAAM,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,IAAI,CAAC,mBAAmB,GAAS,CACpE,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,WAAW,CAAA"}
+{"version":3,"file":"Head.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/Head/Head.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AACzB,mDAA4B;AAC5B,4CAAoD;AAGpD,IAAM,WAAW,GAA+B,UAAC,EAAe;QAAb,WAAW,iBAAA;IACpD,IAAA,IAAI,GAAK,IAAA,2BAAiB,EAAC,WAAW,CAAC,KAAnC,CAAmC;IAC/C,OAAO,CACL,8BAAC,cAAI;QACH,6CACG,IAAI;YACH,oBACA,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,uBACpC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,wBAC7C,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,CAClC;QACP,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,mBAAmB,KAAI,CAC5B,wCAAM,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,mBAAmB,GAAS,CACrE,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,WAAW,CAAA"}

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

@@ -1,3 +1,3 @@
 import AccountHead from './Head';
-export { HeadProps } from './type';
+export { type HeadProps } from './type';
 export default AccountHead;

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

@@ -3,4 +3,6 @@ declare const IconPaypal: import("newskit").NewsKitIcon;
 declare const IconApplePay: import("newskit").NewsKitIcon;
 declare const IconGooglePay: import("newskit").NewsKitIcon;
 declare const IconDirectDebit: import("newskit").NewsKitIcon;
-export { IconCreditCard, IconPaypal, IconApplePay, IconGooglePay, IconDirectDebit, };
+declare const IconSpinner: import("newskit").NewsKitIcon;
+declare const IconTimesT: import("newskit").NewsKitIcon;
+export { IconCreditCard, IconPaypal, IconApplePay, IconGooglePay, IconDirectDebit, IconSpinner, IconTimesT, };

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

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconDirectDebit = exports.IconGooglePay = exports.IconApplePay = exports.IconPaypal = exports.IconCreditCard = void 0;
+exports.IconTimesT = exports.IconSpinner = exports.IconDirectDebit = exports.IconGooglePay = exports.IconApplePay = exports.IconPaypal = exports.IconCreditCard = void 0;
 var react_1 = __importDefault(require("react"));
 var newskit_1 = require("newskit");
 var CreditCard_1 = require("@emotion-icons/material/CreditCard");
@@ -39,4 +39,18 @@ exports.IconGooglePay = IconGooglePay;
 var IconDirectDebit = (0, newskit_1.customToNewsKitIcon)('IconDirectDebit', function (props) { return (react_1.default.createElement(newskit_1.Svg, __assign({}, props, { viewBox: "0 0 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" }))); });
 exports.IconDirectDebit = IconDirectDebit;
+var IconSpinner = (0, newskit_1.customToNewsKitIcon)('IconSpinner', function (props) { return (react_1.default.createElement(newskit_1.Svg, __assign({}, props, { viewBox: "0 0 66 66" }),
+    react_1.default.createElement("defs", null,
+        react_1.default.createElement("linearGradient", { x1: "3.99322463%", y1: "117.257249%", x2: "100%", y2: "117.257249%", id: "linearGradient-1" },
+            react_1.default.createElement("stop", { className: "spinner-stop-0", stopColor: "#FFFFFF", stopOpacity: "0.1", offset: "0%" }),
+            react_1.default.createElement("stop", { className: "spinner-stop-1", stopColor: "#1D1D1B", offset: "100%" }),
+            react_1.default.createElement("stop", { className: "spinner-stop-2", stopColor: "#1D1D1B", stopOpacity: "0.4", offset: "100%" }))),
+    react_1.default.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+        react_1.default.createElement("g", { id: "Group" },
+            react_1.default.createElement("circle", { fillOpacity: "0.01", fill: "#FFFFFF", cx: "33", cy: "33", r: "33" }),
+            react_1.default.createElement("path", { d: "M59.2489423,60.5725901 C58.656567,61.1517127 57.7068803,61.1409692 57.1277577,60.5485939 C56.5486351,59.9562186 56.5593785,59.0065319 57.1517538,58.4274093 C62.770122,52.934736 66.0000003,45.3963788 66.0000003,37.333301 C66.0000003,21.1293386 53.0125867,7.9999997 37.0000003,7.9999997 C20.9874139,7.9999997 8.0000003,21.1293386 8.0000003,37.333301 C8.0000003,38.1617281 7.32842743,38.833301 6.5000003,38.833301 C5.67157318,38.833301 5.0000003,38.1617281 5.0000003,37.333301 C5.0000003,19.4797392 19.323217,4.9999997 37.0000003,4.9999997 C54.6767836,4.9999997 69.0000003,19.4797392 69.0000003,37.333301 C69.0000003,46.2108671 65.4397577,54.5202764 59.2489423,60.5725901 Z", fill: "url(#linearGradient-1)", fillRule: "nonzero", transform: "translate(37.000000, 33.000000) rotate(-270.000000) translate(-37.000000, -33.000000) " }))))); });
+exports.IconSpinner = IconSpinner;
+var IconTimesT = (0, newskit_1.customToNewsKitIcon)('IconTimesT', function (props) { return (react_1.default.createElement(newskit_1.Svg, __assign({}, props, { viewBox: "0 0 25 27" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", transform: "matrix(-1 0 0 1 46 -21)", d: "M36.338 21H21.62L21 28.644l.445.179s4.154-4.415 4.949-5.171c.793-.755 1.374-.943 1.883-1.12 1.056-.286 2.209-.275 2.209-.275h.03v23.468l-3.9 1.907V48h13.767v-.368l-3.9-1.907V22.257h.03s1.152-.01 2.209.274c.509.178 1.09.366 1.883 1.12.796.757 4.949 5.172 4.949 5.172l.446-.18L45.38 21h-9.046" }))); });
+exports.IconTimesT = IconTimesT;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/Icons/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAiE;AACjE,iEAA+D;AAE/D,IAAM,cAAc,GAAG,IAAA,uBAAa,EAAC,uBAAU,CAAC,CAAA;AA+E9C,wCAAc;AA7EhB,IAAM,UAAU,GAAG,IAAA,6BAAmB,EAAC,YAAY,EAAE,UAAC,KAAK,IAAK,OAAA,CAC9D,8BAAC,aAAG,eAAK,KAAK,IAAE,OAAO,EAAC,WAAW;IACjC,qDACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,y6BAAy6B,EAC36B,IAAI,EAAC,SAAS,GACd;IACF,qDACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,ugBAAugB,EACzgB,IAAI,EAAC,SAAS,GACd;IACF,qDACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,0hBAA0hB,EAC5hB,IAAI,EAAC,SAAS,GACd;IACF,qDACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,8jBAA8jB,EAChkB,IAAI,EAAC,SAAS,GACd,CACE,CACP,EA3B+D,CA2B/D,CAAC,CAAA;AAmDA,gCAAU;AAjDZ,IAAM,YAAY,GAAG,IAAA,6BAAmB,EAAC,cAAc,EAAE,UAAC,KAAK,IAAK,OAAA,CAClE,8BAAC,aAAG,eAAK,KAAK,IAAE,OAAO,EAAC,WAAW;IACjC,qDACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,8sEAA8sE,EAChtE,IAAI,EAAC,OAAO,GACZ,CACE,CACP,EATmE,CASnE,CAAC,CAAA;AAyCA,oCAAY;AAvCd,IAAM,aAAa,GAAG,IAAA,6BAAmB,EAAC,eAAe,EAAE,UAAC,KAAK,IAAK,OAAA,CACpE,8BAAC,aAAG,eAAK,KAAK,IAAE,OAAO,EAAC,WAAW;IACjC,qDACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,2+CAA2+C,EAC7+C,IAAI,EAAC,SAAS,GACd;IACF,wCACE,CAAC,EAAC,oMAAoM,EACtM,IAAI,EAAC,SAAS,GACd;IACF,wCACE,CAAC,EAAC,iPAAiP,EACnP,IAAI,EAAC,SAAS,GACd;IACF,wCACE,CAAC,EAAC,sJAAsJ,EACxJ,IAAI,EAAC,SAAS,GACd;IACF,wCACE,CAAC,EAAC,iPAAiP,EACnP,IAAI,EAAC,SAAS,GACd,CACE,CACP,EAzBqE,CAyBrE,CAAC,CAAA;AAeA,sCAAa;AAbf,IAAM,eAAe,GAAG,IAAA,6BAAmB,EAAC,iBAAiB,EAAE,UAAC,KAAK,IAAK,OAAA,CACxE,8BAAC,aAAG,eAAK,KAAK,IAAE,OAAO,EAAC,WAAW;IACjC,wCACE,CAAC,EAAC,8aAA8a,EAChb,IAAI,EAAC,SAAS,GACd,CACE,CACP,EAPyE,CAOzE,CAAC,CAAA;AAOA,0CAAe"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/Icons/index.tsx"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"InfoBanner.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/InfoBanner/InfoBanner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0D;AAC1D,mCAAyE;AAEzE,4CAAoD;AAG7C,IAAM,UAAU,GAA8B,UAAC,EAIrD;QAHC,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,SAAS,eAAA;IAET,IAAM,gBAAgB,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAC/C,IAAA,KAAkC,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAA/C,YAAY,QAAA,EAAE,eAAe,QAAkB,CAAA;IAE9C,IAAA,UAAU,GAAK,IAAA,2BAAiB,EAAC,WAAW,CAAC,WAAnC,CAAmC;IACrD,IAAI,CAAC,UAAU;QAAE,OAAO,IAAI,CAAA;IAEpB,IAAA,UAAU,GAAgC,UAAU,WAA1C,EAAE,KAAK,GAAyB,UAAU,MAAnC,EAAE,IAAI,GAAmB,UAAU,KAA7B,EAAE,YAAY,GAAK,UAAU,aAAf,CAAe;IAE5D,IAAM,UAAU,GAAG,IAAA,6BAAmB,EAAC;QACrC,EAAE,EAAE,oBAAoB;QACxB,EAAE,EAAE,aAAa;KAClB,CAAC,CAAA;IAEF,IAAM,iBAAiB,GAAG;QACxB,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,EAAE;YACxB,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,WAAW,CAAC,CAAA;SACrD;QAED,eAAe,CAAC,IAAI,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;;QACR,IAAI,SAAS,EAAE;YACb,SAAS,CAAC,CAAA,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,OAAO,0CAAE,YAAY,KAAI,CAAC,CAAC,CAAA;SACxD;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,IAAA,iBAAS,EAAC;QACR,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,KAAI,YAAY,EAAE;YACxC,IAAM,mBAAmB,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAA;YAEnE,IAAI,CAAC,mBAAmB,IAAI,YAAY;gBAAE,eAAe,CAAC,KAAK,CAAC,CAAA;SACjE;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,8DACG,CAAC,YAAY,IAAI,CAChB,uCAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB;QAC9C,8BAAC,4BAAkB;YACjB,8BAAC,gBAAM,mBACQ,UAAU,EACvB,SAAS,EAAE;oBACT,aAAa,EAAE,UAAU;oBACzB,YAAY,EAAE,UAAU;oBACxB,IAAI,EAAE;wBACJ,WAAW,EAAE,UAAU;qBACxB;oBACD,OAAO,EAAE;wBACP,WAAW,EAAE;4BACX,EAAE,EAAE,UAAU;4BACd,EAAE,EAAE,UAAU;yBACf;wBACD,KAAK,EAAE;4BACL,WAAW,EAAE,YAAY;4BACzB,gBAAgB,EAAE,mBAAmB;4BACrC,UAAU,EAAE,UAAU;yBACvB;wBACD,OAAO,EAAE;4BACP,WAAW,EAAE,YAAY;4BACzB,gBAAgB,EAAE,gBAAgB;yBACnC;qBACF;iBACF,EACD,MAAM,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,YAAY,EAAE,EAC5C,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,IAEpD,IAAI,IAAI,EAAE,CACJ,CACU,CACjB,CACP,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAhFY,QAAA,UAAU,cAgFtB"}
+{"version":3,"file":"InfoBanner.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/InfoBanner/InfoBanner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0D;AAC1D,mCAAyE;AAEzE,4CAAoD;AAG7C,IAAM,UAAU,GAA8B,UAAC,EAIrD;QAHC,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,SAAS,eAAA;IAET,IAAM,gBAAgB,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAC/C,IAAA,KAAkC,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAA/C,YAAY,QAAA,EAAE,eAAe,QAAkB,CAAA;IAE9C,IAAA,UAAU,GAAK,IAAA,2BAAiB,EAAC,WAAW,CAAC,WAAnC,CAAmC;IACrD,IAAI,CAAC,UAAU;QAAE,OAAO,IAAI,CAAA;IAEpB,IAAA,UAAU,GAAgC,UAAU,WAA1C,EAAE,KAAK,GAAyB,UAAU,MAAnC,EAAE,IAAI,GAAmB,UAAU,KAA7B,EAAE,YAAY,GAAK,UAAU,aAAf,CAAe;IAE5D,IAAM,UAAU,GAAG,IAAA,6BAAmB,EAAC;QACrC,EAAE,EAAE,oBAAoB;QACxB,EAAE,EAAE,aAAa;KAClB,CAAC,CAAA;IAEF,IAAM,iBAAiB,GAAG;QACxB,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,EAAE,CAAC;YACzB,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,WAAW,CAAC,CAAA;QACtD,CAAC;QAED,eAAe,CAAC,IAAI,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;;QACR,IAAI,SAAS,EAAE,CAAC;YACd,SAAS,CAAC,CAAA,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,OAAO,0CAAE,YAAY,KAAI,CAAC,CAAC,CAAA;QACzD,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,IAAA,iBAAS,EAAC;QACR,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,KAAI,YAAY,EAAE,CAAC;YACzC,IAAM,mBAAmB,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,CAAA;YAEnE,IAAI,CAAC,mBAAmB,IAAI,YAAY;gBAAE,eAAe,CAAC,KAAK,CAAC,CAAA;QAClE,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,8DACG,CAAC,YAAY,IAAI,CAChB,uCAAK,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB;QAC9C,8BAAC,4BAAkB;YACjB,8BAAC,gBAAM,mBACQ,UAAU,EACvB,SAAS,EAAE;oBACT,aAAa,EAAE,UAAU;oBACzB,YAAY,EAAE,UAAU;oBACxB,IAAI,EAAE;wBACJ,WAAW,EAAE,UAAU;qBACxB;oBACD,OAAO,EAAE;wBACP,WAAW,EAAE;4BACX,EAAE,EAAE,UAAU;4BACd,EAAE,EAAE,UAAU;yBACf;wBACD,KAAK,EAAE;4BACL,WAAW,EAAE,YAAY;4BACzB,gBAAgB,EAAE,mBAAmB;4BACrC,UAAU,EAAE,UAAU;yBACvB;wBACD,OAAO,EAAE;4BACP,WAAW,EAAE,YAAY;4BACzB,gBAAgB,EAAE,gBAAgB;yBACnC;qBACF;iBACF,EACD,MAAM,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,YAAY,EAAE,EAC5C,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,IAEpD,IAAI,IAAI,EAAE,CACJ,CACU,CACjB,CACP,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAhFY,QAAA,UAAU,cAgFtB"}

package/dist/cjs/Components/Elements/ListItemComponents/ItemFooter.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import { MQ } from 'newskit';
+export interface ItemFooterProps {
+    dataTestId?: string;
+    content: string | ReactNode;
+    props?: {
+        textOverrides?: {
+            paddingBlock?: MQ<string>;
+            paddingInline?: MQ<string>;
+            typographyPreset?: MQ<string>;
+            stylePreset?: MQ<string>;
+        };
+    };
+}
+export declare const ItemFooter: React.FC<ItemFooterProps>;

package/dist/cjs/Components/Elements/ListItemComponents/ItemFooter.js

@@ -0,0 +1,27 @@
+"use strict";
+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.ItemFooter = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var ItemFooter = function (_a) {
+    var props = _a.props, dataTestId = _a.dataTestId, content = _a.content;
+    return (react_1.default.createElement(newskit_1.GridLayout, null,
+        react_1.default.createElement(newskit_1.GridLayoutItem, { paddingBlockStart: "space040" },
+            react_1.default.createElement(newskit_1.TextBlock, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, props === null || props === void 0 ? void 0 : props.textOverrides, { "data-testid": dataTestId }), content))));
+};
+exports.ItemFooter = ItemFooter;
+//# sourceMappingURL=ItemFooter.js.map

package/dist/cjs/Components/Elements/ListItemComponents/ItemFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemFooter.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ListItemComponents/ItemFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAwC;AACxC,mCAAmE;AAe5D,IAAM,UAAU,GAA8B,UAAC,EAIrD;QAHC,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,OAAO,aAAA;IACH,OAAA,CACJ,8BAAC,oBAAU;QACT,8BAAC,wBAAc,IAAC,iBAAiB,EAAC,UAAU;YAC1C,8BAAC,mBAAS,aACR,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,gBAAgB,IAC7B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,mBACX,UAAU,KAEtB,OAAO,CACE,CACG,CACN,CACd;AAbK,CAaL,CAAA;AAjBY,QAAA,UAAU,cAiBtB"}

package/dist/cjs/Components/Elements/ListItemComponents/ItemIconLabel.d.ts

@@ -0,0 +1,5 @@
+export declare const ItemIconLabel: ({ titleIcon, label, typographyPreset }: {
+    titleIcon: any;
+    label: any;
+    typographyPreset: any;
+}) => JSX.Element;

package/dist/cjs/Components/Elements/ListItemComponents/ItemIconLabel.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ItemIconLabel = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var ItemIconLabel = function (_a) {
+    var titleIcon = _a.titleIcon, label = _a.label, typographyPreset = _a.typographyPreset;
+    return (react_1.default.createElement(newskit_1.Stack, { flow: "horizontal-center", stackDistribution: "flex-start" },
+        titleIcon,
+        react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: typographyPreset || 'utilityHeading010' }, label)));
+};
+exports.ItemIconLabel = ItemIconLabel;
+//# sourceMappingURL=ItemIconLabel.js.map

package/dist/cjs/Components/Elements/ListItemComponents/ItemIconLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemIconLabel.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ListItemComponents/ItemIconLabel.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,mCAA0C;AAEnC,IAAM,aAAa,GAAG,UAAC,EAAsC;QAApC,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,gBAAgB,sBAAA;IAAO,OAAA,CACvE,8BAAC,eAAK,IAAC,IAAI,EAAC,mBAAmB,EAAC,iBAAiB,EAAC,YAAY;QAC3D,SAAS;QACV,8BAAC,mBAAS,IAAC,gBAAgB,EAAE,gBAAgB,IAAI,mBAAmB,IACjE,KAAK,CACI,CACN,CACT;AAPwE,CAOxE,CAAA;AAPY,QAAA,aAAa,iBAOzB"}

package/dist/cjs/Components/Elements/ListItemComponents/ItemSubtitle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { TextBlockProps } from 'newskit';
+export interface ItemSubtitleProps {
+    subtitle?: string | string[] | React.ReactNode;
+    subtitleOverrides?: TextBlockProps;
+}
+export declare const ItemSubtitle: React.FC<ItemSubtitleProps>;

package/dist/cjs/Components/Elements/ListItemComponents/ItemSubtitle.js

@@ -0,0 +1,51 @@
+"use strict";
+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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ItemSubtitle = void 0;
+var react_1 = __importStar(require("react"));
+var newskit_1 = require("newskit");
+var ItemSubtitle = function (_a) {
+    var subtitle = _a.subtitle, subtitleOverrides = _a.subtitleOverrides;
+    return (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-stretch", stackDistribution: "flex-start" },
+        (0, react_1.isValidElement)(subtitle) &&
+            typeof subtitle !== 'string' &&
+            // If subtitle is a React element, render it directly
+            subtitle,
+        typeof subtitle === 'string' ? (react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "utilityBody020" }, subtitleOverrides), subtitle)) : (Array.isArray(subtitle) &&
+            (subtitle === null || subtitle === void 0 ? void 0 : subtitle.map(function (s) { return (react_1.default.createElement(newskit_1.TextBlock, __assign({ key: s, typographyPreset: "utilityBody020", marginBlockEnd: 'space040' }, subtitleOverrides), s)); })))));
+};
+exports.ItemSubtitle = ItemSubtitle;
+//# sourceMappingURL=ItemSubtitle.js.map

package/dist/cjs/Components/Elements/ListItemComponents/ItemSubtitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemSubtitle.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ListItemComponents/ItemSubtitle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA6C;AAC7C,mCAA0D;AAOnD,IAAM,YAAY,GAAgC,UAAC,EAGzD;QAFC,QAAQ,cAAA,EACR,iBAAiB,uBAAA;IACb,OAAA,CACJ,8BAAC,eAAK,IAAC,IAAI,EAAC,kBAAkB,EAAC,iBAAiB,EAAC,YAAY;QAC1D,IAAA,sBAAc,EAAC,QAAQ,CAAC;YACvB,OAAO,QAAQ,KAAK,QAAQ;YAC5B,qDAAqD;YACrD,QAAQ;QAET,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,8BAAC,mBAAS,aAAC,gBAAgB,EAAC,gBAAgB,IAAK,iBAAiB,GAC/D,QAAQ,CACC,CACb,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;aACvB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CACnB,8BAAC,mBAAS,aACR,GAAG,EAAE,CAAC,EACN,gBAAgB,EAAC,gBAAgB,EACjC,cAAc,EAAE,UAAU,IACtB,iBAAiB,GAEpB,CAAC,CACQ,CACb,EAToB,CASpB,CAAC,CAAA,CACH,CACK,CACT;AAzBK,CAyBL,CAAA;AA5BY,QAAA,YAAY,gBA4BxB"}

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

@@ -0,0 +1,3 @@
+export * from './ItemIconLabel';
+export * from './ItemSubtitle';
+export * from './ItemFooter';

package/dist/cjs/Components/Elements/{ContentPassInfo → ListItemComponents}/index.js

@@ -14,7 +14,7 @@ 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);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var ContentPassInfoField_1 = require("./ContentPassInfoField");
-__exportStar(require("./ContentPassInfoField"), exports);
-exports.default = ContentPassInfoField_1.ContentPassInfoField;
+__exportStar(require("./ItemIconLabel"), exports);
+__exportStar(require("./ItemSubtitle"), exports);
+__exportStar(require("./ItemFooter"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ListItemComponents/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA+B;AAC/B,iDAA8B;AAC9B,+CAA4B"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { NewsKitIconProps } from 'newskit';
+export declare const LoadingSpinner: React.FC<NewsKitIconProps>;

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

@@ -0,0 +1,31 @@
+"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.LoadingSpinner = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit"); // or use SvgProps?
+var Icons_1 = require("../Icons");
+var StyledSpinnerAnimation = newskit_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  @keyframes rotate {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  animation: rotate 1s infinite linear;\n  border-radius: 50%;\n  z-index: 1;\n"], ["\n  @keyframes rotate {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  animation: rotate 1s infinite linear;\n  border-radius: 50%;\n  z-index: 1;\n"])));
+var LoadingSpinner = function (props) { return (react_1.default.createElement(newskit_1.Stack, { flow: "horizontal-center", stackDistribution: "center", height: "min-content", "data-testid": "loading-spinner-container" },
+    react_1.default.createElement(StyledSpinnerAnimation, { "data-testid": "spinner-animation" },
+        react_1.default.createElement(Icons_1.IconSpinner, __assign({ overrides: { size: 'iconSize105' } }, props, { "data-testid": "spinner-icon" }))))); };
+exports.LoadingSpinner = LoadingSpinner;
+var templateObject_1;
+//# sourceMappingURL=LoadingSpinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/LoadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAyD,CAAC,mBAAmB;AAC7E,kCAAsC;AAEtC,IAAM,sBAAsB,GAAG,gBAAM,CAAC,GAAG,0RAAA,uNAaxC,IAAA,CAAA;AAEM,IAAM,cAAc,GAA+B,UAAC,KAAK,IAAK,OAAA,CACnE,8BAAC,eAAK,IACJ,IAAI,EAAC,mBAAmB,EACxB,iBAAiB,EAAC,QAAQ,EAC1B,MAAM,EAAC,aAAa,iBACR,2BAA2B;IAEvC,8BAAC,sBAAsB,mBAAa,mBAAmB;QACrD,8BAAC,mBAAW,aACV,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,IAC9B,KAAK,mBACG,cAAc,IAC1B,CACqB,CACnB,CACT,EAfoE,CAepE,CAAA;AAfY,QAAA,cAAc,kBAe1B"}

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

@@ -0,0 +1 @@
+export * from './LoadingSpinner';

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

@@ -0,0 +1,18 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./LoadingSpinner"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/LoadingSpinner/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAgC"}

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

@@ -1,7 +1,8 @@
 import React from 'react';
 import { NewsletterDetails } from '../../../pages/types';
-interface NewsletterViewProps {
+import { NewslettersListContextOptions } from '../../../context/types';
+export interface NewsletterViewProps extends Omit<NewslettersListContextOptions, 'gridLayoutOverrides' | 'handleSuccess' | 'handleWarning'> {
     newsletter: NewsletterDetails;
+    imageVisible?: boolean;
 }
 export declare const NewsletterCard: React.FC<NewsletterViewProps>;
-export {};

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

@@ -3,6 +3,17 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -36,8 +47,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
@@ -62,6 +73,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+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 };
 };
@@ -71,32 +93,33 @@ var react_1 = __importStar(require("react"));
 var newskit_1 = require("newskit");
 var cross_fetch_1 = __importDefault(require("cross-fetch"));
 var shared_components_1 = require("@newskit-render/shared-components");
-var context_1 = require("../../../context");
-var types_1 = require("../../../context/types");
-var StyledHeaderBlockWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  min-height: 65px;\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n\n  figure {\n    display: none;\n  }\n\n  ", " {\n    min-height: auto;\n\n    figure {\n      display: block;\n    }\n  }\n"], ["\n  min-height: 65px;\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n\n  figure {\n    display: none;\n  }\n\n  ", " {\n    min-height: auto;\n\n    figure {\n      display: block;\n    }\n  }\n"])), (0, newskit_1.getMediaQueryFromTheme)('sm'));
+var StyledHeaderBlockWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  min-height: 65px;\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\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  display: flex;\n  justify-content: space-between;\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 StyledFrequencyWrapper = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  text-transform: uppercase;\n"], ["\n  text-transform: uppercase;\n"])));
-var StyledCardContentWrapper = (0, newskit_1.styled)(newskit_1.CardContent)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  grid-row-start: 1;\n  grid-row-end: span 3;\n\n  .switch-block {\n    align-self: end;\n  }\n"], ["\n  grid-row-start: 1;\n  grid-row-end: span 3;\n\n  .switch-block {\n    align-self: end;\n  }\n"])));
-var StyledSwitchWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  z-index: 0;\n"], ["\n  z-index: 0;\n"])));
+var StyledCardContentWrapper = (0, newskit_1.styled)(newskit_1.CardContent)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  grid-row-start: 1;\n  grid-row-end: span 3;\n\n  .switch-block {\n    align-self: end;\n    margin-top: auto;\n    flex-shrink: 0;\n  }\n"], ["\n  grid-row-start: 1;\n  grid-row-end: span 3;\n\n  .switch-block {\n    align-self: end;\n    margin-top: auto;\n    flex-shrink: 0;\n  }\n"])));
+var StyledDescription = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: normal;\n  min-height: 0;\n  flex-shrink: 1;\n  word-break: break-word;\n"], ["\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: normal;\n  min-height: 0;\n  flex-shrink: 1;\n  word-break: break-word;\n"])));
+var StyledSwitchWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  z-index: 0;\n"], ["\n  z-index: 0;\n"])));
+var StyledButton = newskit_1.styled.button(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: auto;\n  height: auto;\n  background: transparent;\n  border: none;\n  margin: 0;\n  padding: 0;\n\n  input {\n    display: none;\n  }\n"], ["\n  width: auto;\n  height: auto;\n  background: transparent;\n  border: none;\n  margin: 0;\n  padding: 0;\n\n  input {\n    display: none;\n  }\n"])));
 var NewslettersSubscriptionTypes;
 (function (NewslettersSubscriptionTypes) {
     NewslettersSubscriptionTypes["unsubscribe"] = "unsubscribe";
     NewslettersSubscriptionTypes["subscribe"] = "subscribe";
 })(NewslettersSubscriptionTypes || (NewslettersSubscriptionTypes = {}));
 var NewsletterCard = function (_a) {
-    var _b;
-    var newsletter = _a.newsletter;
-    var contextName = types_1.ContextName.newsletters;
-    var _c = (0, context_1.useAccountContext)(contextName), cardOverrides = _c.cardOverrides, cardContentOverrides = _c.cardContentOverrides, headlineOverrides = _c.headlineOverrides, frequencyOverrides = _c.frequencyOverrides, textOverrides = _c.textOverrides, newsletterImages = _c.newsletterImages, switchButtonProps = _c.switchButtonProps, handleError = _c.handleError, handleShowSuccess = _c.handleShowSuccess, handleLoading = _c.handleLoading, genericErrorMessage = _c.genericErrorMessage, errorMessages = _c.errorMessages, tealiumContext = _c.tealiumContext;
+    var newsletter = _a.newsletter, cardOverrides = _a.cardOverrides, cardContentOverrides = _a.cardContentOverrides, headlineOverrides = _a.headlineOverrides, frequencyOverrides = _a.frequencyOverrides, textOverrides = _a.textOverrides, newsletterImages = _a.newsletterImages, switchButtonProps = _a.switchButtonProps, handleError = _a.handleError, handleShowSuccess = _a.handleShowSuccess, handleLoading = _a.handleLoading, genericErrorMessage = _a.genericErrorMessage, errorMessages = _a.errorMessages, tealiumContext = _a.tealiumContext, _b = _a.imageVisible, imageVisible = _b === void 0 ? false : _b, rest = __rest(_a, ["newsletter", "cardOverrides", "cardContentOverrides", "headlineOverrides", "frequencyOverrides", "textOverrides", "newsletterImages", "switchButtonProps", "handleError", "handleShowSuccess", "handleLoading", "genericErrorMessage", "errorMessages", "tealiumContext", "imageVisible"]);
+    var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
     var title = newsletter.bulletinText, description = newsletter.detailedText, isSubscribedInitial = newsletter.isSubscribed, bulletinId = newsletter.bulletinId, frequency = newsletter.frequency;
     var imageSrc = newsletterImages[bulletinId] || newsletterImages.default;
-    var _d = (0, react_1.useState)(isSubscribedInitial), isSubscribed = _d[0], setIsSubscribed = _d[1];
-    var _e = (0, react_1.useState)(false), loading = _e[0], setIsLoading = _e[1];
+    var _c = (0, react_1.useState)(isSubscribedInitial), isSubscribed = _c[0], setIsSubscribed = _c[1];
+    var _d = (0, react_1.useState)(false), loading = _d[0], setIsLoading = _d[1];
     var handleSubscribeBtnClick = function (ev) { return __awaiter(void 0, void 0, void 0, function () {
-        var initialSubscriptionValue, validationSchemaKey, subscriptionType, response, toastMessage;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
+        var initialSubscriptionValue, validationSchemaKey, subscriptionType, response, toastMessage, eventNavigationName, pageName;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
                 case 0:
                     ev.preventDefault();
                     if (loading)
@@ -118,10 +141,11 @@ var NewsletterCard = function (_a) {
                             }),
                         })];
                 case 1:
-                    response = _b.sent();
+                    response = _c.sent();
                     if (!response.ok) {
                         setIsSubscribed(initialSubscriptionValue);
-                        handleError(title, {}, genericErrorMessage, undefined, 4000);
+                        if (handleError)
+                            handleError(title, {}, genericErrorMessage, undefined, 4000);
                         setIsLoading(false);
                         return [2 /*return*/];
                     }
@@ -129,34 +153,59 @@ var NewsletterCard = function (_a) {
                         ? (_a = errorMessages[subscriptionType].success) === null || _a === void 0 ? void 0 : _a.replace('${title}', title)
                         : undefined;
                     setIsLoading(false);
-                    if (subscriptionType === NewslettersSubscriptionTypes.unsubscribe) {
+                    eventNavigationName = "newsletter : ".concat(initialSubscriptionValue
+                        ? NewslettersSubscriptionTypes.unsubscribe
+                        : NewslettersSubscriptionTypes.subscribe);
+                    pageName = ((_b = tealiumContext === null || tealiumContext === void 0 ? void 0 : tealiumContext.context) === null || _b === void 0 ? void 0 : _b.page_name) || 'newsletters';
+                    fireEvent((0, shared_components_1.createClickEvent)('newsletters-hub-toggle', eventNavigationName, undefined, title, pageName, 'navigation', newskit_1.EventTrigger.Click));
+                    if (subscriptionType === NewslettersSubscriptionTypes.unsubscribe &&
+                        handleLoading) {
                         handleLoading(title, {}, genericErrorMessage, toastMessage, 4000);
                         return [2 /*return*/];
                     }
-                    handleShowSuccess(title, {}, genericErrorMessage, toastMessage, 4000);
+                    if (handleShowSuccess) {
+                        handleShowSuccess(title, {}, genericErrorMessage, toastMessage, 4000);
+                    }
                     return [2 /*return*/];
             }
         });
     }); };
-    return (react_1.default.createElement(newskit_1.CardComposable, { overrides: cardOverrides },
+    (0, react_1.useEffect)(function () {
+        var handleResize = function () {
+            // Force reflow in Safari during zoom
+            window.requestAnimationFrame(function () {
+                // Trigger a reflow by accessing offsetHeight
+                void document.body.offsetHeight;
+            });
+        };
+        var userAgent = (navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) || '';
+        var isSafari = /^((?!chrome|android).)*safari/i.test(userAgent);
+        if (isSafari && (window === null || window === void 0 ? void 0 : window.addEventListener)) {
+            window.addEventListener('resize', handleResize);
+            // Also listen for zoom events specifically
+            window.addEventListener('wheel', handleResize, { passive: true });
+            return function () {
+                if (window === null || window === void 0 ? void 0 : window.removeEventListener) {
+                    window.removeEventListener('resize', handleResize);
+                    window.removeEventListener('wheel', handleResize);
+                }
+            };
+        }
+        return;
+    }, []);
+    return (react_1.default.createElement(newskit_1.CardComposable, __assign({ overrides: cardOverrides }, rest),
         react_1.default.createElement(StyledCardContentWrapper, { rowGap: cardContentOverrides.rowGap, rows: cardContentOverrides.rows, overrides: cardContentOverrides.overrides },
-            react_1.default.createElement(StyledHeaderBlockWrapper, null,
+            react_1.default.createElement(StyledHeaderBlockWrapper, { imageVisible: imageVisible },
                 react_1.default.createElement(StyledTitleBlockWrapper, null,
-                    react_1.default.createElement(newskit_1.Headline, { overrides: headlineOverrides.content, headingAs: "h3" }, title),
+                    react_1.default.createElement(newskit_1.Headline, { overrides: headlineOverrides.content, headingAs: "span" }, title),
                     react_1.default.createElement(StyledFrequencyWrapper, { stylePreset: frequencyOverrides.stylePreset, typographyPreset: frequencyOverrides.typographyPreset }, frequency)),
                 react_1.default.createElement(shared_components_1.Image, { src: imageSrc, alt: title, width: "80", height: "80" })),
-            react_1.default.createElement(newskit_1.TextBlock, { stylePreset: textOverrides.stylePreset, typographyPreset: textOverrides.typographyPreset }, description),
+            react_1.default.createElement(StyledDescription, { stylePreset: textOverrides.stylePreset, typographyPreset: textOverrides.typographyPreset }, description),
             react_1.default.createElement(StyledSwitchWrapper, { className: "switch-block", "data-testid": "switch-wrapper" },
-                react_1.default.createElement(newskit_1.Switch, { checked: isSubscribed, label: switchButtonProps.label, size: switchButtonProps.size, overrides: switchButtonProps.overrides, onClick: handleSubscribeBtnClick, eventOriginator: "newsletters-hub-toggle", eventContext: {
-                        article_parent_name: title,
-                        page_name: ((_b = tealiumContext === null || tealiumContext === void 0 ? void 0 : tealiumContext.context) === null || _b === void 0 ? void 0 : _b.page_name) || 'newsletters',
-                        event_navigation_name: "newsletter : ".concat(isSubscribed
-                            ? NewslettersSubscriptionTypes.unsubscribe
-                            : NewslettersSubscriptionTypes.subscribe),
-                        event_navigation_action: 'navigation',
-                        event_navigation_browsing_method: 'click',
-                    } })))));
+                react_1.default.createElement(StyledButton, { onClick: handleSubscribeBtnClick, "aria-label": switchButtonProps.label ||
+                        "subscribe/unsubscribe button for the ".concat(title, " newsletter") },
+                    react_1.default.createElement(newskit_1.Switch, { checked: isSubscribed, label: switchButtonProps.label, "aria-label": title, size: switchButtonProps.size, overrides: switchButtonProps.overrides }))))));
 };
 exports.NewsletterCard = NewsletterCard;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
 //# sourceMappingURL=NewsletterCard.js.map