@newskit-render/my-account 6.6.0 → 6.7.0-alpha.0

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

@@ -0,0 +1,6 @@
+declare const IconCreditCard: import("newskit").NewsKitIcon;
+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, };

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

@@ -0,0 +1,42 @@
+"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.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");
+var IconCreditCard = (0, newskit_1.toNewsKitIcon)(CreditCard_1.CreditCard);
+exports.IconCreditCard = IconCreditCard;
+var IconPaypal = (0, newskit_1.customToNewsKitIcon)('IconPaypal', function (props) { return (react_1.default.createElement(newskit_1.Svg, __assign({}, props, { viewBox: "0 0 24 24" }),
+    react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "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", { "fill-rule": "evenodd", "clip-rule": "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", { "fill-rule": "evenodd", "clip-rule": "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", { "fill-rule": "evenodd", "clip-rule": "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" }))); });
+exports.IconPaypal = IconPaypal;
+var IconApplePay = (0, newskit_1.customToNewsKitIcon)('IconApplePay', function (props) { return (react_1.default.createElement(newskit_1.Svg, __assign({}, props, { viewBox: "0 0 24 24" }),
+    react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "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" }))); });
+exports.IconApplePay = IconApplePay;
+var IconGooglePay = (0, newskit_1.customToNewsKitIcon)('IconGooglePay', function (props) { return (react_1.default.createElement(newskit_1.Svg, __assign({}, props, { viewBox: "0 0 24 24" }),
+    react_1.default.createElement("path", { "fill-rule": "evenodd", "clip-rule": "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" }))); });
+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;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

package/dist/cjs/Components/Templates/PaymentMethodsRender.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PaymentMethodsRender: React.FC;

package/dist/cjs/Components/Templates/PaymentMethodsRender.js

@@ -0,0 +1,30 @@
+"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.PaymentMethodsRender = void 0;
+var react_1 = __importDefault(require("react"));
+var context_1 = require("../../context");
+var types_1 = require("../../context/types");
+var shared_components_1 = require("@newskit-render/shared-components");
+var helpers_1 = require("../../helpers");
+var PaymentMethodsRender = function () {
+    var _a = (0, context_1.useAccountContext)(types_1.ContextName.paymentMethods), header = _a.header, items = _a.items, listItemProps = _a.listItemProps, listCellProps = _a.listCellProps, baseUrl = _a.baseUrl;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        react_1.default.createElement(shared_components_1.ContentListView, null, items.map(function (item, i) { return (react_1.default.createElement(shared_components_1.ListItem, { key: i, item: __assign(__assign({}, item), { href: (0, helpers_1.replaceBaseURL)(baseUrl, item.href) }), listItemProps: __assign(__assign({}, listItemProps), { 'data-testid': "content-list-item-".concat(i) }), listCellProps: listCellProps })); }))));
+};
+exports.PaymentMethodsRender = PaymentMethodsRender;
+//# sourceMappingURL=PaymentMethodsRender.js.map

package/dist/cjs/Components/Templates/PaymentMethodsRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodsRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/PaymentMethodsRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,yCAAiD;AACjD,6CAA+E;AAC/E,uEAI0C;AAC1C,yCAA8C;AAEvC,IAAM,oBAAoB,GAAa;IACtC,IAAA,KACJ,IAAA,2BAAiB,EACf,mBAAW,CAAC,cAAc,CACK,EAH3B,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA,EAAE,aAAa,mBAAA,EAAE,OAAO,aAGzB,CAAA;IAEnC,OAAO,CACL;QACE,8BAAC,0BAAM,eAAK,MAAM,EAAI;QACtB,8BAAC,mCAAe,QACb,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,CAAC,IAAK,OAAA,CACtB,8BAAC,4BAAQ,IACP,GAAG,EAAE,CAAC,EACN,IAAI,wBACC,IAAI,KACP,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,KAE1C,aAAa,wBACR,aAAa,KAChB,aAAa,EAAE,4BAAqB,CAAC,CAAE,KAEzC,aAAa,EAAE,aAAa,GAC5B,CACH,EAbuB,CAavB,CAAC,CACc,CACjB,CACJ,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,oBAAoB,wBA2BhC"}

package/dist/cjs/Components/Templates/index.d.ts

@@ -7,6 +7,7 @@ import SubscriptionAndBillingRender from './SubscriptionAndBillingRender';
 import { HolidayStopRender } from './HolidayStopRender';
 import AddRenderer, { addComponentMap } from './AddRender';
 import { HolidayStopListRender } from './HolidayStopListRender';
+import { PaymentMethodsRender } from './PaymentMethodsRender';
 export * from './types';
-export { DisplayRenderer, EditRenderer, editComponentMap, CancellationRender, PaymentRenderer, SubscriptionAndBillingRender, HolidayStopRender, AddRenderer, addComponentMap, HolidayStopListRender, };
+export { DisplayRenderer, EditRenderer, editComponentMap, CancellationRender, PaymentRenderer, SubscriptionAndBillingRender, HolidayStopRender, AddRenderer, addComponentMap, HolidayStopListRender, PaymentMethodsRender, };
 export default Layout;

package/dist/cjs/Components/Templates/index.js

@@ -29,7 +29,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HolidayStopListRender = exports.addComponentMap = exports.AddRenderer = exports.HolidayStopRender = exports.SubscriptionAndBillingRender = exports.PaymentRenderer = exports.CancellationRender = exports.editComponentMap = exports.EditRenderer = exports.DisplayRenderer = void 0;
+exports.PaymentMethodsRender = exports.HolidayStopListRender = exports.addComponentMap = exports.AddRenderer = exports.HolidayStopRender = exports.SubscriptionAndBillingRender = exports.PaymentRenderer = exports.CancellationRender = exports.editComponentMap = exports.EditRenderer = exports.DisplayRenderer = void 0;
 var LayoutTemplate_1 = require("./LayoutTemplate");
 var DisplayRenderer_1 = __importDefault(require("./DisplayRenderer"));
 exports.DisplayRenderer = DisplayRenderer_1.default;
@@ -49,6 +49,8 @@ exports.AddRenderer = AddRender_1.default;
 Object.defineProperty(exports, "addComponentMap", { enumerable: true, get: function () { return AddRender_1.addComponentMap; } });
 var HolidayStopListRender_1 = require("./HolidayStopListRender");
 Object.defineProperty(exports, "HolidayStopListRender", { enumerable: true, get: function () { return HolidayStopListRender_1.HolidayStopListRender; } });
+var PaymentMethodsRender_1 = require("./PaymentMethodsRender");
+Object.defineProperty(exports, "PaymentMethodsRender", { enumerable: true, get: function () { return PaymentMethodsRender_1.PaymentMethodsRender; } });
 __exportStar(require("./types"), exports);
 exports.default = LayoutTemplate_1.LayoutTemplate;
 //# sourceMappingURL=index.js.map

package/dist/cjs/Components/Templates/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Templates/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA2D;AAC3D,sEAA+C;AAW7C,0BAXK,yBAAe,CAWL;AAVjB,6DAA+D;AAW7D,uBAXK,sBAAY,CAWL;AACZ,iGAZqB,+BAAgB,OAYrB;AAXlB,4EAAqD;AAYnD,6BAZK,4BAAkB,CAYL;AAXpB,sEAA+C;AAY7C,0BAZK,yBAAe,CAYL;AAXjB,gGAAyE;AAYvE,uCAZK,sCAA4B,CAYL;AAX9B,yDAAuD;AAYrD,kGAZO,qCAAiB,OAYP;AAXnB,uDAA0D;AAYxD,sBAZK,mBAAW,CAYL;AACX,gGAboB,2BAAe,OAapB;AAZjB,iEAA+D;AAa7D,sGAbO,6CAAqB,OAaP;AAXvB,0CAAuB;AAavB,kBAAe,+BAAM,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Templates/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA2D;AAC3D,sEAA+C;AAY7C,0BAZK,yBAAe,CAYL;AAXjB,6DAA+D;AAY7D,uBAZK,sBAAY,CAYL;AACZ,iGAbqB,+BAAgB,OAarB;AAZlB,4EAAqD;AAanD,6BAbK,4BAAkB,CAaL;AAZpB,sEAA+C;AAa7C,0BAbK,yBAAe,CAaL;AAZjB,gGAAyE;AAavE,uCAbK,sCAA4B,CAaL;AAZ9B,yDAAuD;AAarD,kGAbO,qCAAiB,OAaP;AAZnB,uDAA0D;AAaxD,sBAbK,mBAAW,CAaL;AACX,gGAdoB,2BAAe,OAcpB;AAbjB,iEAA+D;AAc7D,sGAdO,6CAAqB,OAcP;AAbvB,+DAA6D;AAc3D,qGAdO,2CAAoB,OAcP;AAZtB,0CAAuB;AAcvB,kBAAe,+BAAM,CAAA"}

package/dist/cjs/context/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { PaymentPageContextOptions, AccountLandingPageContextOptions, ContextProviderProps, EditFieldContextOptions, ContextOptions, BaseContextOptions, CancellationContextOptions, ContextName, AddFieldContextOption } from './types';
+import { PaymentPageContextOptions, AccountLandingPageContextOptions, ContextProviderProps, EditFieldContextOptions, ContextOptions, BaseContextOptions, CancellationContextOptions, ContextName, AddFieldContextOption, PaymentMethodsContextOptions } from './types';
 import { baseContext, footer, navigationPrimary, sideNav } from './baseContext';
 export declare const AccountContextProvider: React.FC<ContextProviderProps>;
 export declare const useAccountContext: (contextName: ContextName) => ContextOptions;
-export { PaymentPageContextOptions, EditFieldContextOptions, BaseContextOptions, AccountLandingPageContextOptions, CancellationContextOptions, baseContext, footer, navigationPrimary, sideNav, ContextOptions, AddFieldContextOption, };
+export { PaymentPageContextOptions, EditFieldContextOptions, BaseContextOptions, AccountLandingPageContextOptions, CancellationContextOptions, baseContext, footer, navigationPrimary, sideNav, ContextOptions, AddFieldContextOption, PaymentMethodsContextOptions, };

package/dist/cjs/context/index.js

@@ -46,6 +46,7 @@ var contextMap = (_a = {},
     _a[types_1.ContextName.cancellation] = (0, react_1.createContext)(null),
     _a[types_1.ContextName.error] = (0, react_1.createContext)(null),
     _a[types_1.ContextName.addField] = (0, react_1.createContext)(null),
+    _a[types_1.ContextName.paymentMethods] = (0, react_1.createContext)(null),
     _a);
 var AccountContextProvider = function (_a) {
     var context = _a.context, children = _a.children, contextName = _a.contextName;

package/dist/cjs/context/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/context/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAiE;AACjE,8DAAgC;AAChC,iCAYgB;AAChB,6CAA+E;AAyC7E,4FAzCO,yBAAW,OAyCP;AACX,uFA1CoB,oBAAM,OA0CpB;AACN,kGA3C4B,+BAAiB,OA2C5B;AACjB,wFA5C+C,qBAAO,OA4C/C;AA1CT,IAAM,UAAU;IACd,GAAC,mBAAW,CAAC,eAAe,IAC1B,IAAA,qBAAa,EAA0C,IAAI,CAAC;IAC9D,GAAC,mBAAW,CAAC,sBAAsB,IACjC,IAAA,qBAAa,EAA8C,IAAI,CAAC;IAClE,GAAC,mBAAW,CAAC,WAAW,IAAG,IAAA,qBAAa,EACtC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,oBAAoB,IAC/B,IAAA,qBAAa,EAA0C,IAAI,CAAC;IAC9D,GAAC,mBAAW,CAAC,OAAO,IAAG,IAAA,qBAAa,EAAmC,IAAI,CAAC;IAC5E,GAAC,mBAAW,CAAC,SAAS,IAAG,IAAA,qBAAa,EAAiC,IAAI,CAAC;IAC5E,GAAC,mBAAW,CAAC,YAAY,IAAG,IAAA,qBAAa,EACvC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,KAAK,IAAG,IAAA,qBAAa,EAA4B,IAAI,CAAC;IACnE,GAAC,mBAAW,CAAC,QAAQ,IAAG,IAAA,qBAAa,EAA+B,IAAI,CAAC;OAC1E,CAAA;AAEM,IAAM,sBAAsB,GAAmC,UAAC,EAItE;QAHC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,WAAW,iBAAA;IAEX,IAAM,CAAC,GAAG,IAAA,sBAAK,EAAC,EAAE,EAAE,yBAAW,EAAE,OAAO,CAAC,CAAA;IACzC,IAAM,cAAc,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAE9C,OAAO,8BAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,IAAG,QAAQ,CAA2B,CAAA;AAChF,CAAC,CAAA;AATY,QAAA,sBAAsB,0BASlC;AAEM,IAAM,iBAAiB,GAAG,UAAC,WAAwB;IACxD,OAAA,IAAA,kBAAU,EAAC,UAAU,CAAC,WAAW,CAA4B,CAAC;AAA9D,CAA8D,CAAA;AADnD,QAAA,iBAAiB,qBACkC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/context/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAiE;AACjE,8DAAgC;AAChC,iCAagB;AAChB,6CAA+E;AA2C7E,4FA3CO,yBAAW,OA2CP;AACX,uFA5CoB,oBAAM,OA4CpB;AACN,kGA7C4B,+BAAiB,OA6C5B;AACjB,wFA9C+C,qBAAO,OA8C/C;AA5CT,IAAM,UAAU;IACd,GAAC,mBAAW,CAAC,eAAe,IAC1B,IAAA,qBAAa,EAA0C,IAAI,CAAC;IAC9D,GAAC,mBAAW,CAAC,sBAAsB,IACjC,IAAA,qBAAa,EAA8C,IAAI,CAAC;IAClE,GAAC,mBAAW,CAAC,WAAW,IAAG,IAAA,qBAAa,EACtC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,oBAAoB,IAC/B,IAAA,qBAAa,EAA0C,IAAI,CAAC;IAC9D,GAAC,mBAAW,CAAC,OAAO,IAAG,IAAA,qBAAa,EAAmC,IAAI,CAAC;IAC5E,GAAC,mBAAW,CAAC,SAAS,IAAG,IAAA,qBAAa,EAAiC,IAAI,CAAC;IAC5E,GAAC,mBAAW,CAAC,YAAY,IAAG,IAAA,qBAAa,EACvC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,KAAK,IAAG,IAAA,qBAAa,EAA4B,IAAI,CAAC;IACnE,GAAC,mBAAW,CAAC,QAAQ,IAAG,IAAA,qBAAa,EAA+B,IAAI,CAAC;IACzE,GAAC,mBAAW,CAAC,cAAc,IACzB,IAAA,qBAAa,EAAsC,IAAI,CAAC;OAC3D,CAAA;AAEM,IAAM,sBAAsB,GAAmC,UAAC,EAItE;QAHC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,WAAW,iBAAA;IAEX,IAAM,CAAC,GAAG,IAAA,sBAAK,EAAC,EAAE,EAAE,yBAAW,EAAE,OAAO,CAAC,CAAA;IACzC,IAAM,cAAc,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAE9C,OAAO,8BAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,IAAG,QAAQ,CAA2B,CAAA;AAChF,CAAC,CAAA;AATY,QAAA,sBAAsB,0BASlC;AAEM,IAAM,iBAAiB,GAAG,UAAC,WAAwB;IACxD,OAAA,IAAA,kBAAU,EAAC,UAAU,CAAC,WAAW,CAA4B,CAAC;AAA9D,CAA8D,CAAA;AADnD,QAAA,iBAAiB,qBACkC"}

package/dist/cjs/context/types.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { NavigationSecondaryInterface, NavigationSecondarySelected, NavigationSecondaryOverrides } from '../Components/Sections/NavigationSecondary';
 import { ContentContainerProps } from '../Components/Sections/ContentContainer';
-import { As, ListItemType, RequestHeaders } from '@newskit-render/shared-components';
+import { As, ListItemType, ListCellProps, ListItemProps, RequestHeaders } from '@newskit-render/shared-components';
 import { TitleOverrides, DescriptionOverrides, FooterContext, FooterContextOverrides, HeaderProps, InputText, NavigationPrimaryProps, ButtonGroupProps, ModalProps } from '@newskit-render/shared-components';
 import { MQ, InlineMessageProps } from 'newskit';
 import { HeadProps } from '../Components/Elements/Head';
@@ -113,7 +113,8 @@ export declare enum ContextName {
     'editField' = "editField",
     'addField' = "addField",
     'cancellation' = "cancellation",
-    'error' = "error"
+    'error' = "error",
+    'paymentMethods' = "paymentMethods"
 }
 export interface BaseContextOptions {
     navigationPrimary: NavigationPrimaryProps;
@@ -338,6 +339,11 @@ export interface HolidayStopContextOptions extends NonInteractiveContextOptions
         };
     };
 }
+export interface PaymentMethodsContextOptions extends NonInteractiveContextOptions {
+    items: Array<ListItemType>;
+    listCellProps?: ListCellProps;
+    listItemProps?: ListItemProps;
+}
 export type ContextNameProps = {
     contextName: ContextName;
 };

package/dist/cjs/context/types.js

@@ -12,6 +12,7 @@ var ContextName;
     ContextName["addField"] = "addField";
     ContextName["cancellation"] = "cancellation";
     ContextName["error"] = "error";
+    ContextName["paymentMethods"] = "paymentMethods";
 })(ContextName = exports.ContextName || (exports.ContextName = {}));
 var SectionTypes;
 (function (SectionTypes) {

package/dist/cjs/context/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":";;;AA8IA,IAAY,WAUX;AAVD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;AACnB,CAAC,EAVW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAUtB;AA+FD,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAGvB;AAED,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAI3B"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":";;;AAgJA,IAAY,WAWX;AAXD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;IACjB,gDAAmC,CAAA;AACrC,CAAC,EAXW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAWtB;AA+FD,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAGvB;AAED,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAI3B"}

package/dist/cjs/getProviderProps.js

@@ -66,6 +66,7 @@ var getProviderProps = function (context, props) { return __awaiter(void 0, void
                     NewslettersAndAlerts: providers_1.newslettersAndAlertsProvider,
                     Cancellation: providers_1.subscriptionAndBillingProvider,
                     Payment: providers_1.paymentProvider,
+                    PaymentMethods: providers_1.emptyProvider,
                 };
                 return [4 /*yield*/, Promise.all([
                         (0, api_1.createApolloClient)(api_1.ClientTypes.main, ((_b = context.req.headers) === null || _b === void 0 ? void 0 : _b.cookie) || ''),

package/dist/cjs/getProviderProps.js.map

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

package/dist/cjs/index.d.ts

@@ -11,6 +11,7 @@ export * from './pages/HolidayStopList';
 export * from './api';
 export * from './pages/Cancellation';
 export * from './pages/AddField';
+export * from './pages/PaymentMethods';
 export { ContextOptions, baseContext, footer, navigationPrimary, sideNav, } from './context';
 export { editComponentMap, addComponentMap } from './Components/Templates';
 export { PaymentProvider } from './Components';

package/dist/cjs/index.js

@@ -27,6 +27,7 @@ __exportStar(require("./pages/HolidayStopList"), exports);
 __exportStar(require("./api"), exports);
 __exportStar(require("./pages/Cancellation"), exports);
 __exportStar(require("./pages/AddField"), exports);
+__exportStar(require("./pages/PaymentMethods"), exports);
 var context_1 = require("./context");
 Object.defineProperty(exports, "baseContext", { enumerable: true, get: function () { return context_1.baseContext; } });
 Object.defineProperty(exports, "footer", { enumerable: true, get: function () { return context_1.footer; } });

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,0DAAuC;AACvC,oDAAiC;AACjC,kDAA+B;AAC/B,qDAAkC;AAClC,iEAA8C;AAC9C,+DAA4C;AAC5C,gDAA6B;AAC7B,sDAAmC;AACnC,0DAAuC;AACvC,wCAAqB;AACrB,uDAAoC;AACpC,mDAAgC;AAChC,qCAMkB;AAJhB,sGAAA,WAAW,OAAA;AACX,iGAAA,MAAM,OAAA;AACN,4GAAA,iBAAiB,OAAA;AACjB,kGAAA,OAAO,OAAA;AAET,oDAA0E;AAAjE,6GAAA,gBAAgB,OAAA;AAAE,4GAAA,eAAe,OAAA;AAC1C,2CAA8C;AAArC,6GAAA,eAAe,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,0DAAuC;AACvC,oDAAiC;AACjC,kDAA+B;AAC/B,qDAAkC;AAClC,iEAA8C;AAC9C,+DAA4C;AAC5C,gDAA6B;AAC7B,sDAAmC;AACnC,0DAAuC;AACvC,wCAAqB;AACrB,uDAAoC;AACpC,mDAAgC;AAChC,yDAAsC;AACtC,qCAMkB;AAJhB,sGAAA,WAAW,OAAA;AACX,iGAAA,MAAM,OAAA;AACN,4GAAA,iBAAiB,OAAA;AACjB,kGAAA,OAAO,OAAA;AAET,oDAA0E;AAAjE,6GAAA,gBAAgB,OAAA;AAAE,4GAAA,eAAe,OAAA;AAC1C,2CAA8C;AAArC,6GAAA,eAAe,OAAA"}

package/dist/cjs/pages/PaymentMethods/PaymentMethods.d.ts

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

package/dist/cjs/pages/PaymentMethods/PaymentMethods.js

@@ -0,0 +1,31 @@
+"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.PaymentMethods = void 0;
+var react_1 = __importDefault(require("react"));
+var LayoutTemplate_1 = require("../../Components/Templates/LayoutTemplate");
+var types_1 = require("../../context/types");
+var Templates_1 = require("../../Components/Templates");
+var PaymentMethodsContext_1 = require("./PaymentMethodsContext");
+var lodash_assign_1 = __importDefault(require("lodash.assign"));
+var PaymentMethods = function (_a) {
+    var context = _a.context, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, user = _a.user;
+    var enhancedContext = __assign(__assign({}, (0, lodash_assign_1.default)({}, PaymentMethodsContext_1.paymentMethodsContext, context)), { userData: user });
+    return (react_1.default.createElement(LayoutTemplate_1.LayoutTemplate, { context: enhancedContext, contextName: types_1.ContextName.paymentMethods, customTheme: customTheme, themeDropdownObject: themeDropdownObject, sidebar: true },
+        react_1.default.createElement(Templates_1.PaymentMethodsRender, null)));
+};
+exports.PaymentMethods = PaymentMethods;
+//# sourceMappingURL=PaymentMethods.js.map

package/dist/cjs/pages/PaymentMethods/PaymentMethods.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethods.js","sourceRoot":"","sources":["../../../../src/pages/PaymentMethods/PaymentMethods.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,4EAAoF;AAEpF,6CAAiD;AACjD,wDAAiE;AACjE,iEAA+D;AAC/D,gEAAkC;AAE3B,IAAM,cAAc,GAAkC,UAAC,EAK7D;QAJC,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,IAAI,UAAA;IAEJ,IAAM,eAAe,yBAChB,IAAA,uBAAM,EAAC,EAAE,EAAE,6CAAqB,EAAE,OAAO,CAAC,KAC7C,QAAQ,EAAE,IAAI,GACf,CAAA;IAED,OAAO,CACL,8BAAC,+BAAM,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,mBAAW,CAAC,cAAc,EACvC,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB,EACxC,OAAO;QAEP,8BAAC,gCAAoB,OAAG,CACjB,CACV,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,cAAc,kBAsB1B"}

package/dist/cjs/pages/PaymentMethods/PaymentMethodsContext.d.ts

@@ -0,0 +1,2 @@
+import { PaymentMethodsContextOptions } from '../../context';
+export declare const paymentMethodsContext: Partial<PaymentMethodsContextOptions>;

package/dist/cjs/pages/PaymentMethods/PaymentMethodsContext.js

@@ -0,0 +1,119 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.paymentMethodsContext = void 0;
+var constants_1 = require("../../constants");
+var context_1 = require("../../context");
+var Icons_1 = require("../../Components/Elements/Icons");
+var title = 'Edit your payment method';
+var baseHeaderContext = {
+    title: title,
+    titleOverrides: {
+        marginBlockEnd: {
+            xs: 'space050',
+            sm: 'space060',
+        },
+    },
+    backButton: {
+        text: 'Back',
+        href: constants_1.SUBSCRIPTION_BASE_URL,
+        'aria-label': 'back',
+    },
+    backButtonOverrides: {
+        marginBlockEnd: { xs: 'space050', sm: 'space060' },
+        stylePreset: 'buttonOutlinedSecondary',
+        typographyPreset: 'utilityButton020',
+        iconSize: 'iconSize010',
+    },
+    marginBlockEnd: {
+        xs: 'space000',
+        sm: 'space000',
+        md: 'space000',
+    },
+};
+var lablIconOverrides = {
+    size: 'iconSize030',
+    stylePreset: 'inkContrast',
+    marginInlineEnd: 'space040',
+};
+var iconOverrides = {
+    xs: true,
+    sm: true,
+    md: true,
+    lg: true,
+    xl: true,
+};
+exports.paymentMethodsContext = {
+    head: {
+        pageTitle: title,
+    },
+    header: baseHeaderContext,
+    sideNavSelected: 'subscription-and-billing',
+    navigationPrimary: context_1.navigationPrimary,
+    items: [
+        {
+            label: 'Debit/Credit Card',
+            href: '[baseURL]/payment',
+            default: 'Debit/Credit Card',
+            labelIcon: {
+                Icon: Icons_1.IconCreditCard,
+                overrides: lablIconOverrides,
+            },
+            icon: 'internal',
+            iconOverrides: iconOverrides,
+        },
+        {
+            label: 'Direct Debit',
+            href: '[baseURL]/payment-direct-debit',
+            default: 'Direct Debit',
+            labelIcon: {
+                Icon: Icons_1.IconDirectDebit,
+                overrides: lablIconOverrides,
+            },
+            icon: 'internal',
+            iconOverrides: iconOverrides,
+        },
+        // {
+        //   label: 'PayPal',
+        //   href: '[baseURL]/payment-paypal',
+        //   default: 'PayPal',
+        //   labelIcon: {
+        //     Icon: IconPaypal,
+        //     overrides: lablIconOverrides,
+        //   },
+        //   icon: 'internal',
+        //   iconOverrides,
+        // },
+        // {
+        //   label: 'ApplePay',
+        //   href: '[baseURL]/payment-applepay',
+        //   default: 'ApplePay',
+        //   labelIcon: {
+        //     Icon: IconApplePay,
+        //     overrides: lablIconOverrides,
+        //   },
+        //   icon: 'internal',
+        //   iconOverrides,
+        // },
+        // {
+        //   label: 'Google Pay',
+        //   href: '[baseURL]/payment-google-pay',
+        //   default: 'Google Pay',
+        //   labelIcon: {
+        //     Icon: IconGooglePay,
+        //     overrides: lablIconOverrides,
+        //   },
+        //   icon: 'internal',
+        //   iconOverrides,
+        // },
+    ],
+    listItemProps: {
+        alignCenter: true,
+        hideIcon: true,
+    },
+    listCellProps: {
+        labelOverrides: {
+            typographyPreset: 'utilityLabel020',
+        },
+    },
+};
+//# sourceMappingURL=PaymentMethodsContext.js.map

package/dist/cjs/pages/PaymentMethods/PaymentMethodsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodsContext.js","sourceRoot":"","sources":["../../../../src/pages/PaymentMethods/PaymentMethodsContext.tsx"],"names":[],"mappings":";;;AACA,6CAAuD;AACvD,yCAA+E;AAC/E,yDAMwC;AAExC,IAAM,KAAK,GAAG,0BAA0B,CAAA;AAExC,IAAM,iBAAiB,GAAgB;IACrC,KAAK,OAAA;IACL,cAAc,EAAE;QACd,cAAc,EAAE;YACd,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,UAAU;SACf;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,iCAAqB;QAC3B,YAAY,EAAE,MAAM;KACrB;IACD,mBAAmB,EAAE;QACnB,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;QAClD,WAAW,EAAE,yBAAyB;QACtC,gBAAgB,EAAE,kBAAkB;QACpC,QAAQ,EAAE,aAAa;KACxB;IACD,cAAc,EAAE;QACd,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,UAAU;KACf;CACF,CAAA;AAED,IAAM,iBAAiB,GAAG;IACxB,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,aAAa;IAC1B,eAAe,EAAE,UAAU;CAC5B,CAAA;AAED,IAAM,aAAa,GAAG;IACpB,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACT,CAAA;AAEY,QAAA,qBAAqB,GAA0C;IAC1E,IAAI,EAAE;QACJ,SAAS,EAAE,KAAK;KACjB;IACD,MAAM,EAAE,iBAAiB;IACzB,eAAe,EAAE,0BAA0B;IAC3C,iBAAiB,6BAAA;IACjB,KAAK,EAAE;QACL;YACE,KAAK,EAAE,mBAAmB;YAC1B,IAAI,EAAE,mBAAmB;YACzB,OAAO,EAAE,mBAAmB;YAC5B,SAAS,EAAE;gBACT,IAAI,EAAE,sBAAc;gBACpB,SAAS,EAAE,iBAAiB;aAC7B;YACD,IAAI,EAAE,UAAU;YAChB,aAAa,eAAA;SACd;QACD;YACE,KAAK,EAAE,cAAc;YACrB,IAAI,EAAE,gCAAgC;YACtC,OAAO,EAAE,cAAc;YACvB,SAAS,EAAE;gBACT,IAAI,EAAE,uBAAe;gBACrB,SAAS,EAAE,iBAAiB;aAC7B;YACD,IAAI,EAAE,UAAU;YAChB,aAAa,eAAA;SACd;QACD,IAAI;QACJ,qBAAqB;QACrB,sCAAsC;QACtC,uBAAuB;QACvB,iBAAiB;QACjB,wBAAwB;QACxB,oCAAoC;QACpC,OAAO;QACP,sBAAsB;QACtB,mBAAmB;QACnB,KAAK;QACL,IAAI;QACJ,uBAAuB;QACvB,wCAAwC;QACxC,yBAAyB;QACzB,iBAAiB;QACjB,0BAA0B;QAC1B,oCAAoC;QACpC,OAAO;QACP,sBAAsB;QACtB,mBAAmB;QACnB,KAAK;QACL,IAAI;QACJ,yBAAyB;QACzB,0CAA0C;QAC1C,2BAA2B;QAC3B,iBAAiB;QACjB,2BAA2B;QAC3B,oCAAoC;QACpC,OAAO;QACP,sBAAsB;QACtB,mBAAmB;QACnB,KAAK;KACN;IACD,aAAa,EAAE;QACb,WAAW,EAAE,IAAI;QACjB,QAAQ,EAAE,IAAI;KACf;IACD,aAAa,EAAE;QACb,cAAc,EAAE;YACd,gBAAgB,EAAE,iBAAiB;SACpC;KACF;CACF,CAAA"}

package/dist/cjs/pages/PaymentMethods/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PaymentMethods';
+export * from './PaymentMethodsContext';

package/dist/cjs/pages/PaymentMethods/index.js

@@ -0,0 +1,19 @@
+"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("./PaymentMethods"), exports);
+__exportStar(require("./PaymentMethodsContext"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/pages/PaymentMethods/index.js.map

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

package/dist/cjs/pages/index.d.ts

@@ -8,3 +8,4 @@ export * from './NewslettersAndAlerts';
 export * from './Payment';
 export * from './PersonalDetails';
 export * from './SubscriptionAndBilling';
+export * from './PaymentMethods';

package/dist/cjs/pages/index.js

@@ -24,4 +24,5 @@ __exportStar(require("./NewslettersAndAlerts"), exports);
 __exportStar(require("./Payment"), exports);
 __exportStar(require("./PersonalDetails"), exports);
 __exportStar(require("./SubscriptionAndBilling"), exports);
+__exportStar(require("./PaymentMethods"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/pages/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pages/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA0B;AAC1B,iDAA8B;AAC9B,8CAA2B;AAC3B,0CAAuB;AACvB,gDAA6B;AAC7B,oDAAiC;AACjC,yDAAsC;AACtC,4CAAyB;AACzB,oDAAiC;AACjC,2DAAwC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pages/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA0B;AAC1B,iDAA8B;AAC9B,8CAA2B;AAC3B,0CAAuB;AACvB,gDAA6B;AAC7B,oDAAiC;AACjC,yDAAsC;AACtC,4CAAyB;AACzB,oDAAiC;AACjC,2DAAwC;AACxC,mDAAgC"}

package/dist/cjs/pages/types.d.ts

@@ -179,3 +179,7 @@ export interface CancellationProps extends BasePagePropsWithValidation {
     data: EditFieldDataProps;
     user: SubscriptionAndBillingUserData;
 }
+export type PaymentMethodsData = Pick<UserData, 'cpn' | 'subscriptions'>;
+export interface PaymentMethodsProps extends BasePageProps {
+    user: SubscriptionAndBillingUserData;
+}

package/dist/cjs/providers/emptyProvider.d.ts

@@ -0,0 +1 @@
+export declare const emptyProvider: () => Promise<void>;

package/dist/cjs/providers/emptyProvider.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.emptyProvider = void 0;
+var emptyProvider = function () { return Promise.resolve(); };
+exports.emptyProvider = emptyProvider;
+//# sourceMappingURL=emptyProvider.js.map

package/dist/cjs/providers/emptyProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emptyProvider.js","sourceRoot":"","sources":["../../../src/providers/emptyProvider.ts"],"names":[],"mappings":";;;AAAO,IAAM,aAAa,GAAG,cAAM,OAAA,OAAO,CAAC,OAAO,EAAE,EAAjB,CAAiB,CAAA;AAAvC,QAAA,aAAa,iBAA0B"}

package/dist/cjs/providers/index.d.ts

@@ -6,4 +6,5 @@ export * from './subscriptionAndBillingProvider';
 export * from './paymentProvider';
 export * from './userPaymentInfoProvider';
 export * from './holidayStopsProvider';
+export * from './emptyProvider';
 export * from './types';

package/dist/cjs/providers/index.js

@@ -22,5 +22,6 @@ __exportStar(require("./subscriptionAndBillingProvider"), exports);
 __exportStar(require("./paymentProvider"), exports);
 __exportStar(require("./userPaymentInfoProvider"), exports);
 __exportStar(require("./holidayStopsProvider"), exports);
+__exportStar(require("./emptyProvider"), exports);
 __exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/providers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/providers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,sDAAmC;AACnC,iEAA8C;AAC9C,oDAAiC;AACjC,4DAAyC;AACzC,mEAAgD;AAChD,oDAAiC;AACjC,4DAAyC;AACzC,yDAAsC;AACtC,0CAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/providers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,sDAAmC;AACnC,iEAA8C;AAC9C,oDAAiC;AACjC,4DAAyC;AACzC,mEAAgD;AAChD,oDAAiC;AACjC,4DAAyC;AACzC,yDAAsC;AACtC,kDAA+B;AAC/B,0CAAuB"}

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

@@ -0,0 +1,6 @@
+declare const IconCreditCard: import("newskit").NewsKitIcon;
+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, };

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

@@ -0,0 +1,32 @@
+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);
+};
+import React from 'react';
+import { toNewsKitIcon, customToNewsKitIcon, Svg } from 'newskit';
+import { CreditCard } from '@emotion-icons/material/CreditCard';
+var IconCreditCard = toNewsKitIcon(CreditCard);
+var IconPaypal = customToNewsKitIcon('IconPaypal', function (props) { return (React.createElement(Svg, __assign({}, props, { viewBox: "0 0 24 24" }),
+    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "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.createElement("path", { "fill-rule": "evenodd", "clip-rule": "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.createElement("path", { "fill-rule": "evenodd", "clip-rule": "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.createElement("path", { "fill-rule": "evenodd", "clip-rule": "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 IconApplePay = customToNewsKitIcon('IconApplePay', function (props) { return (React.createElement(Svg, __assign({}, props, { viewBox: "0 0 24 24" }),
+    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "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 = customToNewsKitIcon('IconGooglePay', function (props) { return (React.createElement(Svg, __assign({}, props, { viewBox: "0 0 24 24" }),
+    React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "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.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.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.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.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 IconDirectDebit = customToNewsKitIcon('IconDirectDebit', function (props) { return (React.createElement(Svg, __assign({}, props, { viewBox: "0 0 24 24" }),
+    React.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" }))); });
+export { IconCreditCard, IconPaypal, IconApplePay, IconGooglePay, IconDirectDebit, };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/Icons/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAA;AAE/D,IAAM,cAAc,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;AAEhD,IAAM,UAAU,GAAG,mBAAmB,CAAC,YAAY,EAAE,UAAC,KAAK,IAAK,OAAA,CAC9D,oBAAC,GAAG,eAAK,KAAK,IAAE,OAAO,EAAC,WAAW;IACjC,2CACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,y6BAAy6B,EAC36B,IAAI,EAAC,SAAS,GACd;IACF,2CACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,ugBAAugB,EACzgB,IAAI,EAAC,SAAS,GACd;IACF,2CACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,0hBAA0hB,EAC5hB,IAAI,EAAC,SAAS,GACd;IACF,2CACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,8jBAA8jB,EAChkB,IAAI,EAAC,SAAS,GACd,CACE,CACP,EA3B+D,CA2B/D,CAAC,CAAA;AAEF,IAAM,YAAY,GAAG,mBAAmB,CAAC,cAAc,EAAE,UAAC,KAAK,IAAK,OAAA,CAClE,oBAAC,GAAG,eAAK,KAAK,IAAE,OAAO,EAAC,WAAW;IACjC,2CACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,8sEAA8sE,EAChtE,IAAI,EAAC,OAAO,GACZ,CACE,CACP,EATmE,CASnE,CAAC,CAAA;AAEF,IAAM,aAAa,GAAG,mBAAmB,CAAC,eAAe,EAAE,UAAC,KAAK,IAAK,OAAA,CACpE,oBAAC,GAAG,eAAK,KAAK,IAAE,OAAO,EAAC,WAAW;IACjC,2CACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,2+CAA2+C,EAC7+C,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,oMAAoM,EACtM,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,iPAAiP,EACnP,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,sJAAsJ,EACxJ,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,iPAAiP,EACnP,IAAI,EAAC,SAAS,GACd,CACE,CACP,EAzBqE,CAyBrE,CAAC,CAAA;AAEF,IAAM,eAAe,GAAG,mBAAmB,CAAC,iBAAiB,EAAE,UAAC,KAAK,IAAK,OAAA,CACxE,oBAAC,GAAG,eAAK,KAAK,IAAE,OAAO,EAAC,WAAW;IACjC,8BACE,CAAC,EAAC,8aAA8a,EAChb,IAAI,EAAC,SAAS,GACd,CACE,CACP,EAPyE,CAOzE,CAAC,CAAA;AAEF,OAAO,EACL,cAAc,EACd,UAAU,EACV,YAAY,EACZ,aAAa,EACb,eAAe,GAChB,CAAA"}

package/dist/esm/Components/Templates/PaymentMethodsRender.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PaymentMethodsRender: React.FC;

package/dist/esm/Components/Templates/PaymentMethodsRender.js

@@ -0,0 +1,23 @@
+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);
+};
+import React from 'react';
+import { useAccountContext } from '../../context';
+import { ContextName } from '../../context/types';
+import { Header, ContentListView, ListItem, } from '@newskit-render/shared-components';
+import { replaceBaseURL } from '../../helpers';
+export var PaymentMethodsRender = function () {
+    var _a = useAccountContext(ContextName.paymentMethods), header = _a.header, items = _a.items, listItemProps = _a.listItemProps, listCellProps = _a.listCellProps, baseUrl = _a.baseUrl;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Header, __assign({}, header)),
+        React.createElement(ContentListView, null, items.map(function (item, i) { return (React.createElement(ListItem, { key: i, item: __assign(__assign({}, item), { href: replaceBaseURL(baseUrl, item.href) }), listItemProps: __assign(__assign({}, listItemProps), { 'data-testid': "content-list-item-".concat(i) }), listCellProps: listCellProps })); }))));
+};
+//# sourceMappingURL=PaymentMethodsRender.js.map

package/dist/esm/Components/Templates/PaymentMethodsRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodsRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/PaymentMethodsRender.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,WAAW,EAAgC,MAAM,qBAAqB,CAAA;AAC/E,OAAO,EACL,MAAM,EACN,eAAe,EACf,QAAQ,GACT,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,MAAM,CAAC,IAAM,oBAAoB,GAAa;IACtC,IAAA,KACJ,iBAAiB,CACf,WAAW,CAAC,cAAc,CACK,EAH3B,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA,EAAE,aAAa,mBAAA,EAAE,OAAO,aAGzB,CAAA;IAEnC,OAAO,CACL;QACE,oBAAC,MAAM,eAAK,MAAM,EAAI;QACtB,oBAAC,eAAe,QACb,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,CAAC,IAAK,OAAA,CACtB,oBAAC,QAAQ,IACP,GAAG,EAAE,CAAC,EACN,IAAI,wBACC,IAAI,KACP,IAAI,EAAE,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,KAE1C,aAAa,wBACR,aAAa,KAChB,aAAa,EAAE,4BAAqB,CAAC,CAAE,KAEzC,aAAa,EAAE,aAAa,GAC5B,CACH,EAbuB,CAavB,CAAC,CACc,CACjB,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/Templates/index.d.ts

@@ -7,6 +7,7 @@ import SubscriptionAndBillingRender from './SubscriptionAndBillingRender';
 import { HolidayStopRender } from './HolidayStopRender';
 import AddRenderer, { addComponentMap } from './AddRender';
 import { HolidayStopListRender } from './HolidayStopListRender';
+import { PaymentMethodsRender } from './PaymentMethodsRender';
 export * from './types';
-export { DisplayRenderer, EditRenderer, editComponentMap, CancellationRender, PaymentRenderer, SubscriptionAndBillingRender, HolidayStopRender, AddRenderer, addComponentMap, HolidayStopListRender, };
+export { DisplayRenderer, EditRenderer, editComponentMap, CancellationRender, PaymentRenderer, SubscriptionAndBillingRender, HolidayStopRender, AddRenderer, addComponentMap, HolidayStopListRender, PaymentMethodsRender, };
 export default Layout;

package/dist/esm/Components/Templates/index.js

@@ -7,7 +7,8 @@ import SubscriptionAndBillingRender from './SubscriptionAndBillingRender';
 import { HolidayStopRender } from './HolidayStopRender';
 import AddRenderer, { addComponentMap } from './AddRender';
 import { HolidayStopListRender } from './HolidayStopListRender';
+import { PaymentMethodsRender } from './PaymentMethodsRender';
 export * from './types';
-export { DisplayRenderer, EditRenderer, editComponentMap, CancellationRender, PaymentRenderer, SubscriptionAndBillingRender, HolidayStopRender, AddRenderer, addComponentMap, HolidayStopListRender, };
+export { DisplayRenderer, EditRenderer, editComponentMap, CancellationRender, PaymentRenderer, SubscriptionAndBillingRender, HolidayStopRender, AddRenderer, addComponentMap, HolidayStopListRender, PaymentMethodsRender, };
 export default Layout;
 //# sourceMappingURL=index.js.map

package/dist/esm/Components/Templates/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Templates/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,YAAY,EAAE,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAC/D,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,4BAA4B,MAAM,gCAAgC,CAAA;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,WAAW,EAAE,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAE/D,cAAc,SAAS,CAAA;AACvB,OAAO,EACL,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,4BAA4B,EAC5B,iBAAiB,EACjB,WAAW,EACX,eAAe,EACf,qBAAqB,GACtB,CAAA;AACD,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Components/Templates/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,YAAY,EAAE,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAC/D,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,4BAA4B,MAAM,gCAAgC,CAAA;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,WAAW,EAAE,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAE7D,cAAc,SAAS,CAAA;AACvB,OAAO,EACL,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,EACf,4BAA4B,EAC5B,iBAAiB,EACjB,WAAW,EACX,eAAe,EACf,qBAAqB,EACrB,oBAAoB,GACrB,CAAA;AACD,eAAe,MAAM,CAAA"}

package/dist/esm/context/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { PaymentPageContextOptions, AccountLandingPageContextOptions, ContextProviderProps, EditFieldContextOptions, ContextOptions, BaseContextOptions, CancellationContextOptions, ContextName, AddFieldContextOption } from './types';
+import { PaymentPageContextOptions, AccountLandingPageContextOptions, ContextProviderProps, EditFieldContextOptions, ContextOptions, BaseContextOptions, CancellationContextOptions, ContextName, AddFieldContextOption, PaymentMethodsContextOptions } from './types';
 import { baseContext, footer, navigationPrimary, sideNav } from './baseContext';
 export declare const AccountContextProvider: React.FC<ContextProviderProps>;
 export declare const useAccountContext: (contextName: ContextName) => ContextOptions;
-export { PaymentPageContextOptions, EditFieldContextOptions, BaseContextOptions, AccountLandingPageContextOptions, CancellationContextOptions, baseContext, footer, navigationPrimary, sideNav, ContextOptions, AddFieldContextOption, };
+export { PaymentPageContextOptions, EditFieldContextOptions, BaseContextOptions, AccountLandingPageContextOptions, CancellationContextOptions, baseContext, footer, navigationPrimary, sideNav, ContextOptions, AddFieldContextOption, PaymentMethodsContextOptions, };

package/dist/esm/context/index.js

@@ -13,6 +13,7 @@ var contextMap = (_a = {},
     _a[ContextName.cancellation] = createContext(null),
     _a[ContextName.error] = createContext(null),
     _a[ContextName.addField] = createContext(null),
+    _a[ContextName.paymentMethods] = createContext(null),
     _a);
 export var AccountContextProvider = function (_a) {
     var context = _a.context, children = _a.children, contextName = _a.contextName;

package/dist/esm/context/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/context/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAW,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,KAAK,MAAM,cAAc,CAAA;AAChC,OAAO,EAQL,WAAW,GAIZ,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAE/E,IAAM,UAAU;IACd,GAAC,WAAW,CAAC,eAAe,IAC1B,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,sBAAsB,IACjC,aAAa,CAA8C,IAAI,CAAC;IAClE,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CACtC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,oBAAoB,IAC/B,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,OAAO,IAAG,aAAa,CAAmC,IAAI,CAAC;IAC5E,GAAC,WAAW,CAAC,SAAS,IAAG,aAAa,CAAiC,IAAI,CAAC;IAC5E,GAAC,WAAW,CAAC,YAAY,IAAG,aAAa,CACvC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,KAAK,IAAG,aAAa,CAA4B,IAAI,CAAC;IACnE,GAAC,WAAW,CAAC,QAAQ,IAAG,aAAa,CAA+B,IAAI,CAAC;OAC1E,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAmC,UAAC,EAItE;QAHC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,WAAW,iBAAA;IAEX,IAAM,CAAC,GAAG,KAAK,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC,CAAA;IACzC,IAAM,cAAc,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAE9C,OAAO,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,IAAG,QAAQ,CAA2B,CAAA;AAChF,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,WAAwB;IACxD,OAAA,UAAU,CAAC,UAAU,CAAC,WAAW,CAA4B,CAAC;AAA9D,CAA8D,CAAA;AAEhE,OAAO,EAML,WAAW,EACX,MAAM,EACN,iBAAiB,EACjB,OAAO,GAGR,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/context/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAW,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,KAAK,MAAM,cAAc,CAAA;AAChC,OAAO,EAQL,WAAW,GAKZ,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAE/E,IAAM,UAAU;IACd,GAAC,WAAW,CAAC,eAAe,IAC1B,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,sBAAsB,IACjC,aAAa,CAA8C,IAAI,CAAC;IAClE,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CACtC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,oBAAoB,IAC/B,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,OAAO,IAAG,aAAa,CAAmC,IAAI,CAAC;IAC5E,GAAC,WAAW,CAAC,SAAS,IAAG,aAAa,CAAiC,IAAI,CAAC;IAC5E,GAAC,WAAW,CAAC,YAAY,IAAG,aAAa,CACvC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,KAAK,IAAG,aAAa,CAA4B,IAAI,CAAC;IACnE,GAAC,WAAW,CAAC,QAAQ,IAAG,aAAa,CAA+B,IAAI,CAAC;IACzE,GAAC,WAAW,CAAC,cAAc,IACzB,aAAa,CAAsC,IAAI,CAAC;OAC3D,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAmC,UAAC,EAItE;QAHC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,WAAW,iBAAA;IAEX,IAAM,CAAC,GAAG,KAAK,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC,CAAA;IACzC,IAAM,cAAc,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAE9C,OAAO,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,IAAG,QAAQ,CAA2B,CAAA;AAChF,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,WAAwB;IACxD,OAAA,UAAU,CAAC,UAAU,CAAC,WAAW,CAA4B,CAAC;AAA9D,CAA8D,CAAA;AAEhE,OAAO,EAML,WAAW,EACX,MAAM,EACN,iBAAiB,EACjB,OAAO,GAIR,CAAA"}

package/dist/esm/context/types.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { NavigationSecondaryInterface, NavigationSecondarySelected, NavigationSecondaryOverrides } from '../Components/Sections/NavigationSecondary';
 import { ContentContainerProps } from '../Components/Sections/ContentContainer';
-import { As, ListItemType, RequestHeaders } from '@newskit-render/shared-components';
+import { As, ListItemType, ListCellProps, ListItemProps, RequestHeaders } from '@newskit-render/shared-components';
 import { TitleOverrides, DescriptionOverrides, FooterContext, FooterContextOverrides, HeaderProps, InputText, NavigationPrimaryProps, ButtonGroupProps, ModalProps } from '@newskit-render/shared-components';
 import { MQ, InlineMessageProps } from 'newskit';
 import { HeadProps } from '../Components/Elements/Head';
@@ -113,7 +113,8 @@ export declare enum ContextName {
     'editField' = "editField",
     'addField' = "addField",
     'cancellation' = "cancellation",
-    'error' = "error"
+    'error' = "error",
+    'paymentMethods' = "paymentMethods"
 }
 export interface BaseContextOptions {
     navigationPrimary: NavigationPrimaryProps;
@@ -338,6 +339,11 @@ export interface HolidayStopContextOptions extends NonInteractiveContextOptions
         };
     };
 }
+export interface PaymentMethodsContextOptions extends NonInteractiveContextOptions {
+    items: Array<ListItemType>;
+    listCellProps?: ListCellProps;
+    listItemProps?: ListItemProps;
+}
 export type ContextNameProps = {
     contextName: ContextName;
 };

package/dist/esm/context/types.js

@@ -9,6 +9,7 @@ export var ContextName;
     ContextName["addField"] = "addField";
     ContextName["cancellation"] = "cancellation";
     ContextName["error"] = "error";
+    ContextName["paymentMethods"] = "paymentMethods";
 })(ContextName || (ContextName = {}));
 export var SectionTypes;
 (function (SectionTypes) {

package/dist/esm/context/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":"AA8IA,MAAM,CAAN,IAAY,WAUX;AAVD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;AACnB,CAAC,EAVW,WAAW,KAAX,WAAW,QAUtB;AA+FD,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":"AAgJA,MAAM,CAAN,IAAY,WAWX;AAXD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;IACjB,gDAAmC,CAAA;AACrC,CAAC,EAXW,WAAW,KAAX,WAAW,QAWtB;AA+FD,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B"}

package/dist/esm/getProviderProps.js

@@ -46,7 +46,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { createApolloClient, ClientTypes } from '@newskit-render/api';
-import { editFieldProvider, newslettersAndAlertsProvider, personalDetailsProvider, subscriptionAndBillingProvider, paymentProvider, userPaymentInfoProvider, holidayStopProvider, } from './providers';
+import { editFieldProvider, newslettersAndAlertsProvider, personalDetailsProvider, subscriptionAndBillingProvider, paymentProvider, userPaymentInfoProvider, holidayStopProvider, emptyProvider, } from './providers';
 import { loqaccountKey, ngnAccountsPassword, tmAccountsPassword, } from './config';
 export var getProviderProps = function (context, props) { return __awaiter(void 0, void 0, void 0, function () {
     var provider, providerPropsMapper, _a, mainApolloClient, nkApiApolloClient, responseAll, successResponse, rejectedResponse, providerProps, paymentUser, fullUser, env;
@@ -63,6 +63,7 @@ export var getProviderProps = function (context, props) { return __awaiter(void
                     NewslettersAndAlerts: newslettersAndAlertsProvider,
                     Cancellation: subscriptionAndBillingProvider,
                     Payment: paymentProvider,
+                    PaymentMethods: emptyProvider,
                 };
                 return [4 /*yield*/, Promise.all([
                         createApolloClient(ClientTypes.main, ((_b = context.req.headers) === null || _b === void 0 ? void 0 : _b.cookie) || ''),

package/dist/esm/getProviderProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"getProviderProps.js","sourceRoot":"","sources":["../../src/getProviderProps.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"getProviderProps.js","sourceRoot":"","sources":["../../src/getProviderProps.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAErE,OAAO,EACL,iBAAiB,EACjB,4BAA4B,EAC5B,uBAAuB,EAEvB,8BAA8B,EAC9B,eAAe,EACf,uBAAuB,EACvB,mBAAmB,EACnB,aAAa,GACd,MAAM,aAAa,CAAA;AAEpB,OAAO,EACL,aAAa,EACb,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,UAAU,CAAA;AAMjB,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAC9B,OAA+B,EAC/B,KAAiB;;;;;;gBAET,QAAQ,GAAK,OAAO,SAAZ,CAAY;gBACtB,mBAAmB,GAAG;oBAC1B,SAAS,EAAE,iBAAiB;oBAC5B,eAAe,EAAE,uBAAuB;oBACxC,sBAAsB,EAAE,8BAA8B;oBACtD,WAAW,EAAE,mBAAmB;oBAChC,oBAAoB,EAAE,4BAA4B;oBAClD,YAAY,EAAE,8BAA8B;oBAC5C,OAAO,EAAE,eAAe;oBACxB,cAAc,EAAE,aAAa;iBAC9B,CAAA;gBAE6C,qBAAM,OAAO,CAAC,GAAG,CAAC;wBAC9D,kBAAkB,CAAC,WAAW,CAAC,IAAI,EAAE,CAAA,MAAA,OAAO,CAAC,GAAG,CAAC,OAAO,0CAAE,MAAM,KAAI,EAAE,CAAC;wBACvE,kBAAkB,CAAC,WAAW,CAAC,KAAK,EAAE,CAAA,MAAA,OAAO,CAAC,GAAG,CAAC,OAAO,0CAAE,MAAM,KAAI,EAAE,CAAC;qBACzE,CAAC,EAAA;;gBAHI,KAAwC,SAG5C,EAHK,gBAAgB,QAAA,EAAE,iBAAiB,QAAA;gBAKtB,qBAAM,OAAO,CAAC,UAAU,CAAC;wBAC3C,mBAAmB,CAAC,QAAQ,CAAC,CAAC;4BAC5B,gBAAgB,kBAAA;4BAChB,iBAAiB,mBAAA;4BACjB,OAAO,SAAA;yBACR,CAAC;wBACF,uBAAuB,CAAC,gBAAgB,CAAC;qBAC1C,CAAC,EAAA;;gBAPI,WAAW,GAAG,SAOlB;gBAEI,eAAe,GAAG,WAAW,CAAC,MAAM,CACxC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,MAAM,KAAK,WAAW,EAA3B,CAA2B,CACL,CAAA;gBAE5B,gBAAgB,GAAG,WAAW,CAAC,MAAM,CACzC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,MAAM,KAAK,UAAU,EAAzB,CAAyB,CACR,CAAA;gBAC5B,gBAAgB,CAAC,OAAO,CAAC,UAAC,GAAG,IAAK,OAAA,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,EAAjC,CAAiC,CAAC,CAAA;gBAKpE,eAAe,CAAC,GAAG,CAAC,UAAC,QAAQ;oBAC3B,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAA;oBAC5B,IAAI,KAAK,EAAE;wBACT,IAAI,KAAK,CAAC,aAAa,EAAE;4BACf,IAAA,cAAc,GAAoB,KAAK,eAAzB,EAAE,aAAa,GAAK,KAAK,cAAV,CAAU;4BAC/C,IAAI,cAAc,IAAI,aAAa,EAAE;gCACnC,WAAW,GAAG;oCACZ,cAAc,gBAAA;oCACd,aAAa,eAAA;iCACd,CAAA;6BACF;yBACF;6BAAM;4BACL,aAAa,GAAG,KAAK,CAAA;yBACtB;qBACF;gBACH,CAAC,CAAC,CAAA;gBACI,QAAQ,GAAG,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,KAAI,IAAI,CAAA;gBAE5C,aAAa,yBACR,aAAa,KAChB,IAAI,wBACC,WAAW,GACX,QAAQ,IAEd,CAAA;gBACK,GAAG,GAAG;oBACV,cAAc,EAAE,aAAa,IAAI,EAAE;oBACnC,qBAAqB,EAAE,mBAAmB,IAAI,EAAE;oBAChD,oBAAoB,EAAE,kBAAkB,IAAI,EAAE;iBAC/C,CAAA;gBAED,sBAAO;wBACL,KAAK,iCACA,KAAK,GACL,aAAa,KAChB,cAAc,EAAE,OAAO,CAAC,GAAG,CAAC,OAAO,EACnC,GAAG,EAAE,GAAG,GACT;qBACF,EAAA;;;KACF,CAAA"}

package/dist/esm/index.d.ts

@@ -11,6 +11,7 @@ export * from './pages/HolidayStopList';
 export * from './api';
 export * from './pages/Cancellation';
 export * from './pages/AddField';
+export * from './pages/PaymentMethods';
 export { ContextOptions, baseContext, footer, navigationPrimary, sideNav, } from './context';
 export { editComponentMap, addComponentMap } from './Components/Templates';
 export { PaymentProvider } from './Components';

package/dist/esm/index.js

@@ -10,6 +10,7 @@ export * from './pages/HolidayStopList';
 export * from './api';
 export * from './pages/Cancellation';
 export * from './pages/AddField';
+export * from './pages/PaymentMethods';
 export { baseContext, footer, navigationPrimary, sideNav, } from './context';
 export { editComponentMap, addComponentMap } from './Components/Templates';
 export { PaymentProvider } from './Components';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,OAAO,CAAA;AACrB,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,OAAO,EAEL,WAAW,EACX,MAAM,EACN,iBAAiB,EACjB,OAAO,GACR,MAAM,WAAW,CAAA;AAClB,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,OAAO,CAAA;AACrB,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,wBAAwB,CAAA;AACtC,OAAO,EAEL,WAAW,EACX,MAAM,EACN,iBAAiB,EACjB,OAAO,GACR,MAAM,WAAW,CAAA;AAClB,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA"}

package/dist/esm/pages/PaymentMethods/PaymentMethods.d.ts

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

package/dist/esm/pages/PaymentMethods/PaymentMethods.js

@@ -0,0 +1,24 @@
+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);
+};
+import React from 'react';
+import { LayoutTemplate as Layout } from '../../Components/Templates/LayoutTemplate';
+import { ContextName } from '../../context/types';
+import { PaymentMethodsRender } from '../../Components/Templates';
+import { paymentMethodsContext } from './PaymentMethodsContext';
+import assign from 'lodash.assign';
+export var PaymentMethods = function (_a) {
+    var context = _a.context, customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, user = _a.user;
+    var enhancedContext = __assign(__assign({}, assign({}, paymentMethodsContext, context)), { userData: user });
+    return (React.createElement(Layout, { context: enhancedContext, contextName: ContextName.paymentMethods, customTheme: customTheme, themeDropdownObject: themeDropdownObject, sidebar: true },
+        React.createElement(PaymentMethodsRender, null)));
+};
+//# sourceMappingURL=PaymentMethods.js.map

package/dist/esm/pages/PaymentMethods/PaymentMethods.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethods.js","sourceRoot":"","sources":["../../../../src/pages/PaymentMethods/PaymentMethods.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,2CAA2C,CAAA;AAEpF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,MAAM,MAAM,eAAe,CAAA;AAElC,MAAM,CAAC,IAAM,cAAc,GAAkC,UAAC,EAK7D;QAJC,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,IAAI,UAAA;IAEJ,IAAM,eAAe,yBAChB,MAAM,CAAC,EAAE,EAAE,qBAAqB,EAAE,OAAO,CAAC,KAC7C,QAAQ,EAAE,IAAI,GACf,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,IACL,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,CAAC,cAAc,EACvC,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB,EACxC,OAAO;QAEP,oBAAC,oBAAoB,OAAG,CACjB,CACV,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/pages/PaymentMethods/PaymentMethodsContext.d.ts

@@ -0,0 +1,2 @@
+import { PaymentMethodsContextOptions } from '../../context';
+export declare const paymentMethodsContext: Partial<PaymentMethodsContextOptions>;

package/dist/esm/pages/PaymentMethods/PaymentMethodsContext.js

@@ -0,0 +1,120 @@
+import { SUBSCRIPTION_BASE_URL } from '../../constants';
+import { navigationPrimary } from '../../context';
+import { IconCreditCard, IconDirectDebit,
+// IconPaypal,
+// IconApplePay,
+// IconGooglePay,
+ } from '../../Components/Elements/Icons';
+var title = 'Edit your payment method';
+var baseHeaderContext = {
+    title: title,
+    titleOverrides: {
+        marginBlockEnd: {
+            xs: 'space050',
+            sm: 'space060',
+        },
+    },
+    backButton: {
+        text: 'Back',
+        href: SUBSCRIPTION_BASE_URL,
+        'aria-label': 'back',
+    },
+    backButtonOverrides: {
+        marginBlockEnd: { xs: 'space050', sm: 'space060' },
+        stylePreset: 'buttonOutlinedSecondary',
+        typographyPreset: 'utilityButton020',
+        iconSize: 'iconSize010',
+    },
+    marginBlockEnd: {
+        xs: 'space000',
+        sm: 'space000',
+        md: 'space000',
+    },
+};
+var lablIconOverrides = {
+    size: 'iconSize030',
+    stylePreset: 'inkContrast',
+    marginInlineEnd: 'space040',
+};
+var iconOverrides = {
+    xs: true,
+    sm: true,
+    md: true,
+    lg: true,
+    xl: true,
+};
+export var paymentMethodsContext = {
+    head: {
+        pageTitle: title,
+    },
+    header: baseHeaderContext,
+    sideNavSelected: 'subscription-and-billing',
+    navigationPrimary: navigationPrimary,
+    items: [
+        {
+            label: 'Debit/Credit Card',
+            href: '[baseURL]/payment',
+            default: 'Debit/Credit Card',
+            labelIcon: {
+                Icon: IconCreditCard,
+                overrides: lablIconOverrides,
+            },
+            icon: 'internal',
+            iconOverrides: iconOverrides,
+        },
+        {
+            label: 'Direct Debit',
+            href: '[baseURL]/payment-direct-debit',
+            default: 'Direct Debit',
+            labelIcon: {
+                Icon: IconDirectDebit,
+                overrides: lablIconOverrides,
+            },
+            icon: 'internal',
+            iconOverrides: iconOverrides,
+        },
+        // {
+        //   label: 'PayPal',
+        //   href: '[baseURL]/payment-paypal',
+        //   default: 'PayPal',
+        //   labelIcon: {
+        //     Icon: IconPaypal,
+        //     overrides: lablIconOverrides,
+        //   },
+        //   icon: 'internal',
+        //   iconOverrides,
+        // },
+        // {
+        //   label: 'ApplePay',
+        //   href: '[baseURL]/payment-applepay',
+        //   default: 'ApplePay',
+        //   labelIcon: {
+        //     Icon: IconApplePay,
+        //     overrides: lablIconOverrides,
+        //   },
+        //   icon: 'internal',
+        //   iconOverrides,
+        // },
+        // {
+        //   label: 'Google Pay',
+        //   href: '[baseURL]/payment-google-pay',
+        //   default: 'Google Pay',
+        //   labelIcon: {
+        //     Icon: IconGooglePay,
+        //     overrides: lablIconOverrides,
+        //   },
+        //   icon: 'internal',
+        //   iconOverrides,
+        // },
+    ],
+    listItemProps: {
+        alignCenter: true,
+        hideIcon: true,
+    },
+    listCellProps: {
+        labelOverrides: {
+            typographyPreset: 'utilityLabel020',
+        },
+    },
+};
+//# sourceMappingURL=PaymentMethodsContext.js.map

package/dist/esm/pages/PaymentMethods/PaymentMethodsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodsContext.js","sourceRoot":"","sources":["../../../../src/pages/PaymentMethods/PaymentMethodsContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,EAAgC,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAC/E,OAAO,EACL,cAAc,EACd,eAAe;AACf,cAAc;AACd,gBAAgB;AAChB,iBAAiB;EAClB,MAAM,iCAAiC,CAAA;AAExC,IAAM,KAAK,GAAG,0BAA0B,CAAA;AAExC,IAAM,iBAAiB,GAAgB;IACrC,KAAK,OAAA;IACL,cAAc,EAAE;QACd,cAAc,EAAE;YACd,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,UAAU;SACf;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,qBAAqB;QAC3B,YAAY,EAAE,MAAM;KACrB;IACD,mBAAmB,EAAE;QACnB,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;QAClD,WAAW,EAAE,yBAAyB;QACtC,gBAAgB,EAAE,kBAAkB;QACpC,QAAQ,EAAE,aAAa;KACxB;IACD,cAAc,EAAE;QACd,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,UAAU;KACf;CACF,CAAA;AAED,IAAM,iBAAiB,GAAG;IACxB,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,aAAa;IAC1B,eAAe,EAAE,UAAU;CAC5B,CAAA;AAED,IAAM,aAAa,GAAG;IACpB,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACT,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAA0C;IAC1E,IAAI,EAAE;QACJ,SAAS,EAAE,KAAK;KACjB;IACD,MAAM,EAAE,iBAAiB;IACzB,eAAe,EAAE,0BAA0B;IAC3C,iBAAiB,mBAAA;IACjB,KAAK,EAAE;QACL;YACE,KAAK,EAAE,mBAAmB;YAC1B,IAAI,EAAE,mBAAmB;YACzB,OAAO,EAAE,mBAAmB;YAC5B,SAAS,EAAE;gBACT,IAAI,EAAE,cAAc;gBACpB,SAAS,EAAE,iBAAiB;aAC7B;YACD,IAAI,EAAE,UAAU;YAChB,aAAa,eAAA;SACd;QACD;YACE,KAAK,EAAE,cAAc;YACrB,IAAI,EAAE,gCAAgC;YACtC,OAAO,EAAE,cAAc;YACvB,SAAS,EAAE;gBACT,IAAI,EAAE,eAAe;gBACrB,SAAS,EAAE,iBAAiB;aAC7B;YACD,IAAI,EAAE,UAAU;YAChB,aAAa,eAAA;SACd;QACD,IAAI;QACJ,qBAAqB;QACrB,sCAAsC;QACtC,uBAAuB;QACvB,iBAAiB;QACjB,wBAAwB;QACxB,oCAAoC;QACpC,OAAO;QACP,sBAAsB;QACtB,mBAAmB;QACnB,KAAK;QACL,IAAI;QACJ,uBAAuB;QACvB,wCAAwC;QACxC,yBAAyB;QACzB,iBAAiB;QACjB,0BAA0B;QAC1B,oCAAoC;QACpC,OAAO;QACP,sBAAsB;QACtB,mBAAmB;QACnB,KAAK;QACL,IAAI;QACJ,yBAAyB;QACzB,0CAA0C;QAC1C,2BAA2B;QAC3B,iBAAiB;QACjB,2BAA2B;QAC3B,oCAAoC;QACpC,OAAO;QACP,sBAAsB;QACtB,mBAAmB;QACnB,KAAK;KACN;IACD,aAAa,EAAE;QACb,WAAW,EAAE,IAAI;QACjB,QAAQ,EAAE,IAAI;KACf;IACD,aAAa,EAAE;QACb,cAAc,EAAE;YACd,gBAAgB,EAAE,iBAAiB;SACpC;KACF;CACF,CAAA"}

package/dist/esm/pages/PaymentMethods/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PaymentMethods';
+export * from './PaymentMethodsContext';

package/dist/esm/pages/PaymentMethods/index.js

@@ -0,0 +1,3 @@
+export * from './PaymentMethods';
+export * from './PaymentMethodsContext';
+//# sourceMappingURL=index.js.map

package/dist/esm/pages/PaymentMethods/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/PaymentMethods/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,yBAAyB,CAAA"}

package/dist/esm/pages/index.d.ts

@@ -8,3 +8,4 @@ export * from './NewslettersAndAlerts';
 export * from './Payment';
 export * from './PersonalDetails';
 export * from './SubscriptionAndBilling';
+export * from './PaymentMethods';

package/dist/esm/pages/index.js

@@ -8,4 +8,5 @@ export * from './NewslettersAndAlerts';
 export * from './Payment';
 export * from './PersonalDetails';
 export * from './SubscriptionAndBilling';
+export * from './PaymentMethods';
 //# sourceMappingURL=index.js.map

package/dist/esm/pages/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pages/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,0BAA0B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pages/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,0BAA0B,CAAA;AACxC,cAAc,kBAAkB,CAAA"}

package/dist/esm/pages/types.d.ts

@@ -179,3 +179,7 @@ export interface CancellationProps extends BasePagePropsWithValidation {
     data: EditFieldDataProps;
     user: SubscriptionAndBillingUserData;
 }
+export type PaymentMethodsData = Pick<UserData, 'cpn' | 'subscriptions'>;
+export interface PaymentMethodsProps extends BasePageProps {
+    user: SubscriptionAndBillingUserData;
+}

package/dist/esm/providers/emptyProvider.d.ts

@@ -0,0 +1 @@
+export declare const emptyProvider: () => Promise<void>;

package/dist/esm/providers/emptyProvider.js

@@ -0,0 +1,2 @@
+export var emptyProvider = function () { return Promise.resolve(); };
+//# sourceMappingURL=emptyProvider.js.map

package/dist/esm/providers/emptyProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emptyProvider.js","sourceRoot":"","sources":["../../../src/providers/emptyProvider.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,aAAa,GAAG,cAAM,OAAA,OAAO,CAAC,OAAO,EAAE,EAAjB,CAAiB,CAAA"}

package/dist/esm/providers/index.d.ts

@@ -6,4 +6,5 @@ export * from './subscriptionAndBillingProvider';
 export * from './paymentProvider';
 export * from './userPaymentInfoProvider';
 export * from './holidayStopsProvider';
+export * from './emptyProvider';
 export * from './types';

package/dist/esm/providers/index.js

@@ -6,5 +6,6 @@ export * from './subscriptionAndBillingProvider';
 export * from './paymentProvider';
 export * from './userPaymentInfoProvider';
 export * from './holidayStopsProvider';
+export * from './emptyProvider';
 export * from './types';
 //# sourceMappingURL=index.js.map

package/dist/esm/providers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/providers/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,mBAAmB,CAAA;AACjC,cAAc,2BAA2B,CAAA;AACzC,cAAc,kCAAkC,CAAA;AAChD,cAAc,mBAAmB,CAAA;AACjC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/providers/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,mBAAmB,CAAA;AACjC,cAAc,2BAA2B,CAAA;AACzC,cAAc,kCAAkC,CAAA;AAChD,cAAc,mBAAmB,CAAA;AACjC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newskit-render/my-account",
-  "version": "6.6.0",
+  "version": "6.7.0-alpha.0",
   "description": "Newskit Render",
   "author": "",
   "license": "UNLICENSED",
@@ -34,8 +34,8 @@
     "@emotion/styled": "11.9.3",
     "@hookform/resolvers": "2.9.10",
     "@newskit-render/api": "^1.6.8",
-    "@newskit-render/shared-components": "^3.7.0",
-    "@newskit-render/validation": "^1.6.1",
+    "@newskit-render/shared-components": "^3.8.0-alpha.0",
+    "@newskit-render/validation": "^1.7.0-alpha.0",
     "@stripe/react-stripe-js": "1.4.1",
     "@stripe/stripe-js": "1.46.0",
     "cross-fetch": "3.1.5",