@newskit-render/my-account 0.0.0-e8d83dca6 → 0.0.0-ee3c8b8cc

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/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/ListItemComponents/index.js

@@ -0,0 +1,20 @@
+"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("./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/OfferCard/OfferCard.d.ts

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

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

@@ -0,0 +1,54 @@
+"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.OfferCard = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var styled_1 = require("./styled");
+var helpers_1 = require("../../../helpers");
+var OfferCard = function (_a) {
+    var title = _a.title, titleOverrides = _a.titleOverrides, description = _a.description, descriptionOverrides = _a.descriptionOverrides, offerLabel = _a.offerLabel, offerLabelOverrides = _a.offerLabelOverrides, currentPrice = _a.currentPrice, currentPriceOverrides = _a.currentPriceOverrides, newPrice = _a.newPrice, newsPriceOverrides = _a.newsPriceOverrides, ribbonText = _a.ribbonText, ribbonTextOverrides = _a.ribbonTextOverrides, ribbonOverrides = _a.ribbonOverrides, buttonText = _a.buttonText, buttonHref = _a.buttonHref, _b = _a.baseUrl, baseUrl = _b === void 0 ? '' : _b, buttonOverrides = _a.buttonOverrides, buttonEventContext = _a.buttonEventContext, containerOverrides = _a.containerOverrides, rest = __rest(_a, ["title", "titleOverrides", "description", "descriptionOverrides", "offerLabel", "offerLabelOverrides", "currentPrice", "currentPriceOverrides", "newPrice", "newsPriceOverrides", "ribbonText", "ribbonTextOverrides", "ribbonOverrides", "buttonText", "buttonHref", "baseUrl", "buttonOverrides", "buttonEventContext", "containerOverrides"]);
+    return (react_1.default.createElement(styled_1.StylesCardComposable, __assign({ "data-testid": "offer-card-container" }, containerOverrides, { overrides: __assign({ paddingBlock: 'space040', paddingInline: 'space040', maxWidth: '600px' }, containerOverrides === null || containerOverrides === void 0 ? void 0 : containerOverrides.overrides) }, rest),
+        ribbonText && (react_1.default.createElement(styled_1.Ribbon, __assign({ "data-testid": "offer-card-container-ribbon" }, ribbonOverrides),
+            react_1.default.createElement(newskit_1.Block, { className: "ribbon-body" },
+                react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "editorialRegularDisplay003", stylePreset: "inkInverse" }, ribbonTextOverrides), ribbonText)))),
+        react_1.default.createElement(newskit_1.CardContent, { rowGap: "space050", overrides: { paddingBlock: 'space020', paddingInline: 'space020' } },
+            react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-card-title", typographyPreset: "utilityHeading050", stylePreset: "inkDark010" }, titleOverrides), title),
+            offerLabel && (react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-card-offer-label", typographyPreset: "editorialRegularHeadline070", stylePreset: "inkDark010" }, offerLabelOverrides), offerLabel)),
+            react_1.default.createElement(newskit_1.GridLayout, { columnGap: "space020", columns: "auto auto", justifyContent: "space-between" },
+                currentPrice && (react_1.default.createElement(styled_1.StrikedThroughTextBlock, __assign({ "data-testid": "offer-card-current-price", typographyPreset: "editorialRegularDisplay003", stylePreset: "inkSubtle" }, currentPriceOverrides), currentPrice)),
+                newPrice && (react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-card-new-price", typographyPreset: "editorialRegularDisplay003" }, newsPriceOverrides, { stylePreset: "inkDark010" }), newPrice))),
+            react_1.default.createElement(newskit_1.Divider, { overrides: { marginBlockStart: 'space010' } }),
+            description && (react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-card-description", typographyPreset: "editorialRegularDisplay003", stylePreset: "inkBase" }, descriptionOverrides), description))),
+        react_1.default.createElement(newskit_1.CardActions, { columns: "1fr", overrides: {
+                paddingBlockStart: 'space050',
+            } }, buttonText && (react_1.default.createElement(newskit_1.Button, __assign({ "data-testid": "offer-card-action", overrides: { width: '100%' } }, buttonOverrides, (buttonHref
+            ? { href: (0, helpers_1.replaceBaseURL)(baseUrl, buttonHref) }
+            : {}), { eventContext: buttonEventContext }), buttonText)))));
+};
+exports.OfferCard = OfferCard;
+//# sourceMappingURL=OfferCard.js.map

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

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

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

@@ -0,0 +1,2 @@
+import { OfferCard } from './OfferCard';
+export default OfferCard;

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var OfferCard_1 = require("./OfferCard");
+exports.default = OfferCard_1.OfferCard;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferCard/index.ts"],"names":[],"mappings":";;AAAA,yCAAuC;AAEvC,kBAAe,qBAAS,CAAA"}

package/dist/cjs/Components/Elements/OfferCard/styled.d.ts

@@ -0,0 +1,43 @@
+import { MQ } from 'newskit';
+export declare const StrikedThroughTextBlock: import("@emotion/styled").StyledComponent<import("newskit").TextBlockProps & import("react").RefAttributes<HTMLParagraphElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export interface RibbonProps {
+    ribbonColor?: MQ<string>;
+    cornerColor?: MQ<string>;
+}
+export declare const Ribbon: import("@emotion/styled").StyledComponent<import("newskit").BlockProps & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+} & RibbonProps, {}, {}>;
+export declare const StylesCardComposable: import("@emotion/styled").StyledComponent<{
+    rowGap?: import("newskit").MQ<string> | undefined;
+    columnGap?: import("newskit").MQ<string> | undefined;
+    rows?: import("newskit").MQ<string> | undefined;
+    columns?: import("newskit").MQ<string> | undefined;
+    justifyContent?: import("newskit").MQ<string> | undefined;
+    alignContent?: import("newskit").MQ<string> | undefined;
+    justifyItems?: import("newskit").MQ<string> | undefined;
+    alignItems?: import("newskit").MQ<string> | undefined;
+    areas?: import("newskit").MQ<string> | undefined;
+    inline?: import("newskit").MQ<boolean> | undefined;
+    autoColumns?: import("newskit").MQ<string> | undefined;
+    autoRows?: import("newskit").MQ<string> | undefined;
+    autoFlow?: import("newskit").MQ<string> | undefined;
+    children?: React.ReactNode | import("newskit/cjs/grid-layout/types").GridLayoutRenderProps;
+    as?: React.ElementType<any> | undefined;
+    overrides?: ({
+        width?: import("newskit").MQ<string> | undefined;
+        minWidth?: import("newskit").MQ<string> | undefined;
+        maxWidth?: import("newskit").MQ<string> | undefined;
+        height?: import("newskit").MQ<string> | undefined;
+        minHeight?: import("newskit").MQ<string> | undefined;
+        maxHeight?: import("newskit").MQ<string> | undefined;
+    } & import("newskit/cjs/utils/logical-properties").LogicalProps) | undefined;
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & {
+    overrides?: {
+        stylePreset?: import("newskit").MQ<string> | undefined;
+        transitionPreset?: import("newskit").TransitionToken | import("newskit").TransitionToken[] | undefined;
+    } | undefined;
+} & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/dist/cjs/Components/Elements/OfferCard/styled.js

@@ -0,0 +1,22 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StylesCardComposable = exports.Ribbon = exports.StrikedThroughTextBlock = void 0;
+var newskit_1 = require("newskit");
+exports.StrikedThroughTextBlock = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-decoration: line-through;\n"], ["\n  text-decoration: line-through;\n"])));
+exports.Ribbon = (0, newskit_1.styled)(newskit_1.Block)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 150px;\n  height: 150px;\n  overflow: hidden;\n  position: absolute;\n  top: -4px;\n  right: -4px;\n\n  & .ribbon-body {\n    ", ";\n    position: absolute;\n    display: block;\n    width: 225px;\n    padding: 15px 0;\n    ", "\n    text-align: center;\n    left: -14px;\n    top: 30px;\n    transform: rotate(45deg);\n  }\n  &:before {\n    position: absolute;\n    z-index: -1;\n    content: '';\n    display: block;\n    border: 2px solid;\n    ", ";\n    top: 0;\n    left: 0;\n  }\n  &:after {\n    position: absolute;\n    z-index: -1;\n    content: '';\n    display: block;\n    border: 2px solid;\n    ", ";\n    bottom: 0;\n    right: 0;\n  }\n"], ["\n  width: 150px;\n  height: 150px;\n  overflow: hidden;\n  position: absolute;\n  top: -4px;\n  right: -4px;\n\n  & .ribbon-body {\n    ", ";\n    position: absolute;\n    display: block;\n    width: 225px;\n    padding: 15px 0;\n    ", "\n    text-align: center;\n    left: -14px;\n    top: 30px;\n    transform: rotate(45deg);\n  }\n  &:before {\n    position: absolute;\n    z-index: -1;\n    content: '';\n    display: block;\n    border: 2px solid;\n    ", ";\n    top: 0;\n    left: 0;\n  }\n  &:after {\n    position: absolute;\n    z-index: -1;\n    content: '';\n    display: block;\n    border: 2px solid;\n    ", ";\n    bottom: 0;\n    right: 0;\n  }\n"])), function (_a) {
+    var ribbonColor = _a.ribbonColor;
+    return (0, newskit_1.getColorCssFromTheme)('backgroundColor', ribbonColor ? ribbonColor : 'interactivePrimary030');
+}, (0, newskit_1.getShadowCssFromTheme)('box-shadow', 'shadow010'), function (_a) {
+    var cornerColor = _a.cornerColor;
+    return (0, newskit_1.getColorCssFromTheme)('borderColor', cornerColor ? cornerColor : 'interactivePrimary050');
+}, function (_a) {
+    var cornerColor = _a.cornerColor;
+    return (0, newskit_1.getColorCssFromTheme)('borderColor', cornerColor ? cornerColor : 'interactivePrimary050');
+});
+exports.StylesCardComposable = (0, newskit_1.styled)(newskit_1.CardComposable)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n  ", "\n  backdrop-filter: blur(20px); /* blur does not exist in newskit */\n"], ["\n  border: 1px solid;\n  ", "\n  ", "\n  backdrop-filter: blur(20px); /* blur does not exist in newskit */\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface020'), (0, newskit_1.getShadowCssFromTheme)('box-shadow', 'shadow030'));
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/Components/Elements/OfferCard/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferCard/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,mCAQgB;AAEH,QAAA,uBAAuB,GAAG,IAAA,gBAAM,EAAC,mBAAS,CAAC,yGAAA,sCAEvD,KAAA;AAKY,QAAA,MAAM,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,8tBAAa,2IAS1C,EAIC,gGAKD,EAAgD,+NAYhD,EAIC,gKAUD,EAIC,yCAIN,KA3CK,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,IAAA,8BAAoB,EAClB,iBAAiB,EACjB,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,uBAAuB,CACpD;AAHD,CAGC,EAKD,IAAA,+BAAqB,EAAC,YAAY,EAAE,WAAW,CAAC,EAYhD,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,IAAA,8BAAoB,EAClB,aAAa,EACb,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,uBAAuB,CACpD;AAHD,CAGC,EAUD,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,IAAA,8BAAoB,EAClB,aAAa,EACb,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,uBAAuB,CACpD;AAHD,CAGC,EAIN;AAEY,QAAA,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,kLAAA,4BAEtD,EAAmD,MACnD,EAAgD,yEAEnD,KAHG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,EACnD,IAAA,+BAAqB,EAAC,YAAY,EAAE,WAAW,CAAC,EAEnD"}

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

@@ -0,0 +1,24 @@
+import { ButtonProps, CardComposableProps, EventContext, TextBlockProps } from 'newskit';
+import { RibbonProps } from './styled';
+export interface OfferCardProps extends CardComposableProps {
+    id: string;
+    title: string;
+    titleOverrides?: TextBlockProps;
+    currentPrice?: string;
+    currentPriceOverrides?: TextBlockProps;
+    newPrice?: string;
+    newsPriceOverrides?: TextBlockProps;
+    description?: string | string[] | React.ReactNode;
+    descriptionOverrides?: TextBlockProps;
+    offerLabel?: string;
+    offerLabelOverrides?: TextBlockProps;
+    ribbonText?: string;
+    ribbonTextOverrides?: TextBlockProps;
+    ribbonOverrides?: RibbonProps;
+    buttonText?: string;
+    buttonHref?: string;
+    baseUrl?: string;
+    buttonOverrides?: ButtonProps;
+    buttonEventContext?: EventContext;
+    containerOverrides?: CardComposableProps;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferCard/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)('link', (eventContext === null || eventContext === void 0 ? void 0 : eventContext.event_navigation_name) || '', undefined, (eventContext === null || eventContext === void 0 ? void 0 : eventContext.article_parent_name) || '', (eventContext === null || eventContext === void 0 ? void 0 : eventContext.page_name) || '', 'navigation', (eventContext === null || eventContext === void 0 ? void 0 : eventContext.event_navigation_browsing_method) || newskit_1.EventTrigger.Click));
+    };
+    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" }, 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>;