@newskit-render/my-account 0.139.1 → 0.140.2

package/dist/cjs/queries/mutateCancellation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mutateCancellation.js","sourceRoot":"","sources":["../../../src/queries/mutateCancellation.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAAkD;AAErC,QAAA,kBAAkB,OAAiB,YAAG,qMAAA,iIAIlD,KAAA"}

package/dist/cjs/queries/mutateDisplayName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mutateDisplayName.js","sourceRoot":"","sources":["../../../src/queries/mutateDisplayName.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAAkD;AAElD,oDAAoD;AACvC,QAAA,iBAAiB,OAAiB,YAAG,mVAAA,+QAcjD,KAAA"}

package/dist/cjs/queries/mutatePaymentMethod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mutatePaymentMethod.js","sourceRoot":"","sources":["../../../src/queries/mutatePaymentMethod.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAAkD;AAElD,qCAAqC;AACxB,QAAA,mBAAmB,OAAiB,YAAG,mbAAA,+WAenD,KAAA"}

package/dist/cjs/queries/mutateUser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mutateUser.js","sourceRoot":"","sources":["../../../src/queries/mutateUser.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAAkD;AAElD,+BAA+B;AAClB,QAAA,UAAU,OAAiB,YAAG,oKAAA,gGAM1C,KAAA"}

package/dist/cjs/queries/updateUser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"updateUser.js","sourceRoot":"","sources":["../../../src/queries/updateUser.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAAoC;AAEvB,QAAA,WAAW,OAAG,YAAG,oJAAA,gFAI7B,KAAA"}

package/dist/esm/Components/Elements/Head/Head.d.ts

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import Head from 'next/head';
+import { useAccountContext } from '../../../context';
+var AccountHead = function (_a) {
+    var contextName = _a.contextName;
+    var head = useAccountContext(contextName).head;
+    return (React.createElement(Head, null,
+        React.createElement("title", null, head
+            ? "\n        " + (head.pageTitle ? head.pageTitle : '') + "\n        " + (head.pageTitle && head.siteTitle ? ' | ' : '') + " \n        " + (head.siteTitle ? head.siteTitle : '')
+            : null)));
+};
+export default AccountHead;
+//# sourceMappingURL=Head.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Head.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/Head/Head.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAGpD,IAAM,WAAW,GAA+B,UAAC,EAAe;QAAb,WAAW,iBAAA;IACpD,IAAA,IAAI,GAAK,iBAAiB,CAAC,WAAW,CAAC,KAAnC,CAAmC;IAC/C,OAAO,CACL,oBAAC,IAAI;QACH,mCACG,IAAI;YACH,CAAC,CAAC,gBACF,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,oBACpC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,qBAC7C,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE;YACtC,CAAC,CAAC,IAAI,CACF,CACH,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

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

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

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

@@ -0,0 +1,3 @@
+import AccountHead from './Head';
+export default AccountHead;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/Head/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,QAAQ,CAAA;AAGhC,eAAe,WAAW,CAAA"}

package/dist/esm/Components/Elements/Head/type.d.ts

@@ -0,0 +1,4 @@
+export interface HeadProps {
+    siteTitle?: string | false;
+    pageTitle?: string;
+}

package/dist/esm/Components/Elements/Head/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/dist/esm/Components/Elements/Head/type.js.map

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

package/dist/esm/Components/Elements/Loqate/Loqate.d.ts

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

package/dist/esm/Components/Elements/Loqate/Loqate.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import Head from 'next/head';
+// This is the Loqate script and css that is need to be added to enable Loqate search functionality working in the address form
+export var Loqate = function () {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Head, null,
+            React.createElement("link", { rel: "stylesheet", type: "text/css", href: "https://services.postcodeanywhere.co.uk/css/address-3.91.css" })),
+        React.createElement("script", { src: "https://services.postcodeanywhere.co.uk/js/address-3.91.js" })));
+};
+//# sourceMappingURL=Loqate.js.map

package/dist/esm/Components/Elements/Loqate/Loqate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loqate.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/Loqate/Loqate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,WAAW,CAAA;AAE5B,+HAA+H;AAC/H,MAAM,CAAC,IAAM,MAAM,GAAa;IAC9B,OAAO,CACL;QACE,oBAAC,IAAI;YACH,8BACE,GAAG,EAAC,YAAY,EAChB,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,8DAA8D,GACnE,CACG;QAEP,gCAAQ,GAAG,EAAC,4DAA4D,GAAG,CAC1E,CACJ,CAAA;AACH,CAAC,CAAA"}

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

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

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

@@ -0,0 +1,2 @@
+export * from './Loqate';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { NoticeProps } from './types';
+import { ContextName } from '../../../context/types';
+export declare type PastDueBannerProps = {
+    className?: string;
+    contextName: ContextName;
+};
+declare const PastDueBanner: React.FC<PastDueBannerProps>;
+export declare const Notice: React.FC<NoticeProps>;
+export default PastDueBanner;

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

@@ -0,0 +1,73 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import React from 'react';
+import { Banner, IconFilledInfo, TextBlock, Block, Stack, Button, styled, getMediaQueryFromTheme, } from 'newskit';
+import { useAccountContext, } from '../../../context';
+import { getBannerInfo } from './helpers';
+import { replaceBaseURL } from '../../../helpers';
+var StackMobile = styled(Stack)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  ", " {\n    display: none;\n  }\n"], ["\n  display: flex;\n  ", " {\n    display: none;\n  }\n"])), getMediaQueryFromTheme('sm'));
+var TableBlock = styled(Block)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: table;\n"], ["\n  display: table;\n"])));
+var TableCellBlock = styled(Block)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: table-cell;\n  vertical-align: middle;\n"], ["\n  display: table-cell;\n  vertical-align: middle;\n"])));
+var StackDesktop = styled(Stack)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: none;\n  ", " {\n    display: flex;\n  }\n"], ["\n  display: none;\n  ", " {\n    display: flex;\n  }\n"])), getMediaQueryFromTheme('sm'));
+var UpdatePaymentButtonBlock = styled(Block)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
+var PastDueButton = styled(Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  min-width: 152px;\n"], ["\n  min-width: 152px;\n"])));
+var PastDueBanner = function (_a) {
+    var className = _a.className, contextName = _a.contextName;
+    var _b = useAccountContext(contextName), pastDueBanner = _b.pastDueBanner, baseUrl = _b.baseUrl, userData = _b.userData;
+    var banner = getBannerInfo(pastDueBanner, userData === null || userData === void 0 ? void 0 : userData.vxInstances);
+    return (React.createElement(React.Fragment, null, banner && (React.createElement("div", { className: className },
+        React.createElement(Notice, { noticeBanner: banner.notice, preset: banner.preset, Icon: banner.icon, baseUrl: baseUrl })))));
+};
+export var Notice = function (_a) {
+    var noticeBanner = _a.noticeBanner, preset = _a.preset, Icon = _a.Icon, baseUrl = _a.baseUrl;
+    var buttonHref = replaceBaseURL(baseUrl, '[baseURL]/subscription-and-billing');
+    return (React.createElement(Banner, { overrides: {
+            stylePreset: preset,
+            spaceInset: { xs: 'space040', md: 'space045' },
+            content: { spaceInline: 'space000' },
+        }, layout: { xs: 'vertical', md: 'horizontal' } },
+        React.createElement(StackMobile, { stackDistribution: "space-between", "data-testid": "past-due-banner-mobile" },
+            React.createElement(Stack, { flow: "horizontal-stretch", stackDistribution: "space-between" },
+                React.createElement(Block, { spaceInline: "space010" },
+                    React.createElement(IconFilledInfo, { overrides: {
+                            size: 'iconSize020',
+                            stylePreset: 'inkInverse',
+                        } })),
+                React.createElement(Block, null,
+                    React.createElement(Block, { spaceInset: "space010", spaceStack: "space010" },
+                        React.createElement(TextBlock, { typographyPreset: { xs: 'utilityHeading010' }, stylePreset: "inkInverse" }, noticeBanner.title)),
+                    React.createElement(Block, { spaceInset: "space010" },
+                        React.createElement(TextBlock, { typographyPreset: { xs: 'utilityBody010' }, stylePreset: "inkInverse" }, noticeBanner.text)))),
+            noticeBanner.button && (
+            //TODO: test this
+            React.createElement(React.Fragment, null,
+                React.createElement(Block, { spaceStack: "space030" }),
+                React.createElement(UpdatePaymentButtonBlock, { spaceInset: "space010" },
+                    React.createElement(Button, { overrides: {
+                            stylePreset: 'UpdatePaymentButton',
+                            width: '100%',
+                        }, size: "medium", href: buttonHref, "aria-label": "Update payment details in Subscription and billing page" }, noticeBanner.button))))),
+        React.createElement(StackDesktop, { flow: "horizontal-stretch", stackDistribution: "space-between", "data-testid": "past-due-banner" },
+            React.createElement(Stack, { flow: "horizontal-stretch" },
+                React.createElement(Block, { spaceInline: "space010" },
+                    React.createElement(Block, { spaceStack: "space010" }),
+                    React.createElement(Icon, { overrides: {
+                            size: 'iconSize020',
+                            stylePreset: 'inkInverse',
+                        } })),
+                React.createElement(Block, { spaceInline: "space020" },
+                    React.createElement(Block, { spaceInset: "space010" },
+                        React.createElement(TextBlock, { typographyPreset: { xs: 'utilityHeading010' }, stylePreset: "inkInverse" }, noticeBanner.title)),
+                    React.createElement(Block, { spaceInset: "space010" },
+                        React.createElement(TextBlock, { typographyPreset: { xs: 'utilityBody010' }, stylePreset: "inkInverse" }, noticeBanner.text)))),
+            noticeBanner.button && (React.createElement(TableBlock, { spaceInset: "space010" },
+                React.createElement(TableCellBlock, { spaceStack: "space010" },
+                    React.createElement(PastDueButton, { overrides: {
+                            stylePreset: 'UpdatePaymentButton',
+                        }, size: "small", href: buttonHref, "aria-label": "Update payment details in Subscription and billing page" }, noticeBanner.button)))))));
+};
+export default PastDueBanner;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=PastDueBanner.js.map

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

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

package/dist/esm/Components/Elements/PastDueBanner/PastDueBannerExternal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PastDueBanner, PastDueBannerExternalProps } from './types';
+export declare const PastDueBannerExternal: React.FC<PastDueBannerExternalProps>;
+export declare const WithWrapper: React.FC<{
+    wrapper?: React.ComponentType;
+    children: any;
+}>;
+export declare const pastDuebannerDefaultContext: PastDueBanner;

package/dist/esm/Components/Elements/PastDueBanner/PastDueBannerExternal.js

@@ -0,0 +1,41 @@
+import { ThemeProvider } from 'newskit';
+import React from 'react';
+import { getBannerInfo } from './helpers';
+import { Notice } from './PastDueBanner';
+export var PastDueBannerExternal = function (_a) {
+    var className = _a.className, _b = _a.pastDueBanner, pastDueBanner = _b === void 0 ? pastDuebannerDefaultContext : _b, vxInstances = _a.vxInstances, wrapper = _a.wrapper, theme = _a.theme;
+    var banner = getBannerInfo(pastDueBanner, vxInstances);
+    var BannerWrapper = (React.createElement(React.Fragment, null, banner && (React.createElement(WithWrapper, { wrapper: wrapper },
+        React.createElement("div", { className: className },
+            React.createElement(Notice, { noticeBanner: banner.notice, preset: banner.preset, Icon: banner.icon, baseUrl: '/account' }))))));
+    return (React.createElement(React.Fragment, null, theme ? (React.createElement(ThemeProvider, { theme: theme }, BannerWrapper)) : (React.createElement(React.Fragment, null, BannerWrapper))));
+};
+export var WithWrapper = function (_a) {
+    var Wrapper = _a.wrapper, children = _a.children;
+    return Wrapper ? React.createElement(Wrapper, null, children) : children;
+};
+export var pastDuebannerDefaultContext = {
+    firstNotice: {
+        title: "We haven't been able to take payment",
+        text: 'You may need to update your payment details to keep your subscription.',
+        button: 'Update payment details',
+    },
+    secondNotice: {
+        title: 'Act now to keep your subscription',
+        text: 'We’ve tried several times, but haven’t been able to take payment. Please update your payment details to keep your subscription.',
+        button: 'Update payment details',
+    },
+    terminated: {
+        title: 'Your subscription has been terminated',
+        text: 'We didn’t receive payment for your subscription. To reactivate it, please call 0800 018 5177.',
+    },
+    cancelled: {
+        title: 'Your subscription has been cancelled.',
+        text: 'You’ll no longer have access to subscription benefits. To re-activate call 0800 555 1234.',
+    },
+    treshold: {
+        firstNotice: 26,
+        secondNotice: 30,
+    },
+};
+//# sourceMappingURL=PastDueBannerExternal.js.map

package/dist/esm/Components/Elements/PastDueBanner/PastDueBannerExternal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PastDueBannerExternal.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/PastDueBanner/PastDueBannerExternal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAGxC,MAAM,CAAC,IAAM,qBAAqB,GAAyC,UAAC,EAM3E;QALC,SAAS,eAAA,EACT,qBAA2C,EAA3C,aAAa,mBAAG,2BAA2B,KAAA,EAC3C,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,KAAK,WAAA;IAEL,IAAM,MAAM,GAAG,aAAa,CAAC,aAAa,EAAE,WAAW,CAAC,CAAA;IACxD,IAAM,aAAa,GAAG,CACpB,0CACG,MAAM,IAAI,CACT,oBAAC,WAAW,IAAC,OAAO,EAAE,OAAO;QAC3B,6BAAK,SAAS,EAAE,SAAS;YACvB,oBAAC,MAAM,IACL,YAAY,EAAE,MAAM,CAAC,MAAM,EAC3B,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,OAAO,EAAE,UAAU,GACnB,CACE,CACM,CACf,CACA,CACJ,CAAA;IACD,OAAO,CACL,0CACG,KAAK,CAAC,CAAC,CAAC,CACP,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,IAAG,aAAa,CAAiB,CAC7D,CAAC,CAAC,CAAC,CACF,0CAAG,aAAa,CAAI,CACrB,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAGnB,UAAC,EAA8B;QAAnB,OAAO,aAAA,EAAE,QAAQ,cAAA;IAChC,OAAA,OAAO,CAAC,CAAC,CAAC,oBAAC,OAAO,QAAE,QAAQ,CAAW,CAAC,CAAC,CAAC,QAAQ;AAAlD,CAAkD,CAAA;AAEpD,MAAM,CAAC,IAAM,2BAA2B,GAAkB;IACxD,WAAW,EAAE;QACX,KAAK,EAAE,sCAAsC;QAC7C,IAAI,EACF,wEAAwE;QAC1E,MAAM,EAAE,wBAAwB;KACjC;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,mCAAmC;QAC1C,IAAI,EACF,iIAAiI;QACnI,MAAM,EAAE,wBAAwB;KACjC;IACD,UAAU,EAAE;QACV,KAAK,EAAE,uCAAuC;QAC9C,IAAI,EACF,+FAA+F;KAClG;IACD,SAAS,EAAE;QACT,KAAK,EAAE,uCAAuC;QAC9C,IAAI,EACF,2FAA2F;KAC9F;IACD,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE;QACf,YAAY,EAAE,EAAE;KACjB;CACF,CAAA"}

package/dist/esm/Components/Elements/PastDueBanner/helpers.d.ts

@@ -0,0 +1,6 @@
+import { PastDueBanner } from '../../../context/types';
+import { VxInstance } from '../../../pages/types';
+import { BannerInfo } from './types';
+export declare const calculateDaysDifference: (pastDueDate: Date) => number;
+export declare const getFormattedDate: (date: Date) => string;
+export declare const getBannerInfo: (pastDueBanner: PastDueBanner, vxInstances?: VxInstance[] | undefined) => BannerInfo | undefined;

package/dist/esm/Components/Elements/PastDueBanner/helpers.js

@@ -0,0 +1,70 @@
+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 { IconFilledError, IconFilledInfo, IconFilledWarning } from 'newskit';
+export var calculateDaysDifference = function (pastDueDate) {
+    return Math.floor((new Date().getTime() - new Date(pastDueDate).getTime()) /
+        (1000 * 60 * 60 * 24));
+};
+export var getFormattedDate = function (date) {
+    return date.getDate() + "/" + (date.getMonth() + 1) + "/" + date.getFullYear();
+};
+export var getBannerInfo = function (pastDueBanner, vxInstances) {
+    var _a, _b, _c, _d;
+    var pastDue = vxInstances &&
+        ((_a = vxInstances[0]) === null || _a === void 0 ? void 0 : _a.interactions) &&
+        vxInstances &&
+        ((_c = (_b = vxInstances[0]) === null || _b === void 0 ? void 0 : _b.interactions[0]) === null || _c === void 0 ? void 0 : _c.pastDue);
+    if (pastDue) {
+        if (pastDueBanner && (pastDue === null || pastDue === void 0 ? void 0 : pastDue.isPastDue)) {
+            var pastDueDays = calculateDaysDifference(pastDue === null || pastDue === void 0 ? void 0 : pastDue.since);
+            if (pastDueDays <= pastDueBanner.treshold.firstNotice) {
+                return {
+                    notice: pastDueBanner.firstNotice,
+                    preset: 'PastDueFirstNotice',
+                    icon: IconFilledWarning,
+                };
+            }
+            else if (pastDueDays > pastDueBanner.treshold.firstNotice &&
+                pastDueDays <= pastDueBanner.treshold.secondNotice) {
+                return {
+                    notice: pastDueBanner.secondNotice,
+                    preset: 'PastDueLastNotice',
+                    icon: IconFilledInfo,
+                };
+            }
+            else {
+                return {
+                    notice: pastDueBanner.terminated,
+                    preset: 'PastDueLastNotice',
+                    icon: IconFilledInfo,
+                };
+            }
+        }
+    }
+    else {
+        var subscriptionEnd = vxInstances && ((_d = vxInstances[0]) === null || _d === void 0 ? void 0 : _d.expiryDate);
+        if (subscriptionEnd) {
+            var subscriptionEndDate = new Date(subscriptionEnd);
+            if (subscriptionEndDate >= new Date()) {
+                var formattedDate = getFormattedDate(subscriptionEndDate);
+                var notice = __assign(__assign({}, pastDueBanner.cancelled), { text: pastDueBanner.cancelled.text.replace('##DATE##', formattedDate) });
+                return {
+                    notice: notice,
+                    preset: 'PastDueLastNotice',
+                    icon: IconFilledError,
+                };
+            }
+        }
+    }
+    return undefined;
+};
+//# sourceMappingURL=helpers.js.map

package/dist/esm/Components/Elements/PastDueBanner/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/PastDueBanner/helpers.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAK5E,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,WAAiB;IACvD,OAAA,IAAI,CAAC,KAAK,CACR,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,EAAE,CAAC;QACtD,CAAC,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CACxB;AAHD,CAGC,CAAA;AAEH,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,IAAU;IACzC,OAAG,IAAI,CAAC,OAAO,EAAE,UAAI,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,UAAI,IAAI,CAAC,WAAW,EAAI;AAAhE,CAAgE,CAAA;AAElE,MAAM,CAAC,IAAM,aAAa,GAAG,UAC3B,aAA4B,EAC5B,WAA0B;;IAE1B,IAAM,OAAO,GACX,WAAW;SACX,MAAA,WAAW,CAAC,CAAC,CAAC,0CAAE,YAAY,CAAA;QAC5B,WAAW;SACX,MAAA,MAAA,WAAW,CAAC,CAAC,CAAC,0CAAE,YAAY,CAAC,CAAC,CAAC,0CAAE,OAAO,CAAA,CAAA;IAC1C,IAAI,OAAO,EAAE;QACX,IAAI,aAAa,KAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CAAA,EAAE;YACvC,IAAM,WAAW,GAAG,uBAAuB,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,CAAA;YAC3D,IAAI,WAAW,IAAI,aAAa,CAAC,QAAQ,CAAC,WAAW,EAAE;gBACrD,OAAO;oBACL,MAAM,EAAE,aAAa,CAAC,WAAW;oBACjC,MAAM,EAAE,oBAAoB;oBAC5B,IAAI,EAAE,iBAAiB;iBACxB,CAAA;aACF;iBAAM,IACL,WAAW,GAAG,aAAa,CAAC,QAAQ,CAAC,WAAW;gBAChD,WAAW,IAAI,aAAa,CAAC,QAAQ,CAAC,YAAY,EAClD;gBACA,OAAO;oBACL,MAAM,EAAE,aAAa,CAAC,YAAY;oBAClC,MAAM,EAAE,mBAAmB;oBAC3B,IAAI,EAAE,cAAc;iBACrB,CAAA;aACF;iBAAM;gBACL,OAAO;oBACL,MAAM,EAAE,aAAa,CAAC,UAAU;oBAChC,MAAM,EAAE,mBAAmB;oBAC3B,IAAI,EAAE,cAAc;iBACrB,CAAA;aACF;SACF;KACF;SAAM;QACL,IAAM,eAAe,GAAG,WAAW,KAAI,MAAA,WAAW,CAAC,CAAC,CAAC,0CAAE,UAAU,CAAA,CAAA;QACjE,IAAI,eAAe,EAAE;YACnB,IAAM,mBAAmB,GAAG,IAAI,IAAI,CAAC,eAAe,CAAC,CAAA;YACrD,IAAI,mBAAmB,IAAI,IAAI,IAAI,EAAE,EAAE;gBACrC,IAAM,aAAa,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CAAA;gBAC3D,IAAM,MAAM,GAAG,sBACV,aAAa,CAAC,SAAS,KAC1B,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,GAC5D,CAAA;gBACX,OAAO;oBACL,MAAM,QAAA;oBACN,MAAM,EAAE,mBAAmB;oBAC3B,IAAI,EAAE,eAAe;iBACtB,CAAA;aACF;SACF;KACF;IAED,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA"}

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

@@ -0,0 +1,4 @@
+import { PastDueBannerExternal, pastDuebannerDefaultContext } from './PastDueBannerExternal';
+import PastDueBanner from './PastDueBanner';
+export default PastDueBanner;
+export { PastDueBannerExternal, pastDuebannerDefaultContext };

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

@@ -0,0 +1,5 @@
+import { PastDueBannerExternal, pastDuebannerDefaultContext, } from './PastDueBannerExternal';
+import PastDueBanner from './PastDueBanner';
+export default PastDueBanner;
+export { PastDueBannerExternal, pastDuebannerDefaultContext };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/PastDueBanner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,2BAA2B,GAC5B,MAAM,yBAAyB,CAAA;AAChC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAE3C,eAAe,aAAa,CAAA;AAE5B,OAAO,EAAE,qBAAqB,EAAE,2BAA2B,EAAE,CAAA"}

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

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { IconFilledWarning, UncompiledTheme } from 'newskit';
+import { VxInstance } from '../../../pages/types';
+export declare type NoticeProps = {
+    noticeBanner: Notice;
+    preset: BannerPresets;
+    Icon: IconType;
+    baseUrl: string;
+};
+export declare type PastDueBannerTreshold = {
+    firstNotice: number;
+    secondNotice: number;
+};
+export declare type PastDueBanner = {
+    firstNotice: Notice;
+    secondNotice: Notice;
+    terminated: Notice;
+    cancelled: Notice;
+    treshold: PastDueBannerTreshold;
+};
+export declare type PastDueBannerExternalProps = {
+    className?: string;
+    pastDueBanner?: PastDueBanner;
+    vxInstances: VxInstance[];
+    wrapper?: React.ComponentType;
+    theme?: UncompiledTheme;
+};
+export declare type BannerInfo = {
+    notice: Notice;
+    preset: BannerPresets;
+    icon: IconType;
+};
+export declare type BannerPresets = 'PastDueFirstNotice' | 'PastDueLastNotice';
+export declare type Notice = {
+    title: string;
+    text: string;
+    button?: string;
+};
+export declare type IconType = typeof IconFilledWarning;

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

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

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

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

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

@@ -0,0 +1,88 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { Block, styled } from 'newskit';
+import React from 'react';
+import { PaymentTypes } from '../../Sections/Form/Payment/types';
+export var PaymentIcon = function (_a) {
+    var type = _a.type;
+    var MasterCard = (React.createElement("svg", { viewBox: "0 0 750 471", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("g", { fillRule: "nonzero", fill: "none" },
+            React.createElement("rect", { fill: "#000", width: "750", height: "471", rx: "40" }),
+            React.createElement("path", { d: "M221.13 421.67v-24.85c0-9.53-5.8-15.74-15.32-15.74-5 0-10.35 1.66-14.08 7-2.9-4.56-7-7-13.25-7a14.07 14.07 0 0 0-12 5.8v-5h-7.87v39.76h7.87v-22.75c0-7 4.14-10.35 9.94-10.35s9.11 3.73 9.11 10.35v22.78h7.87v-22.78c0-7 4.14-10.35 9.94-10.35s9.11 3.73 9.11 10.35v22.78h8.68zm129.22-39.35h-14.5v-12H328v12h-8.28v7H328V408c0 9.11 3.31 14.5 13.25 14.5a23.17 23.17 0 0 0 10.75-2.9l-2.49-7a13.63 13.63 0 0 1-7.46 2.07c-4.14 0-6.21-2.49-6.21-6.63V389h14.5v-6.63l.01-.05zm73.72-1.24a12.39 12.39 0 0 0-10.77 5.8v-5h-7.87v39.76h7.87v-22.33c0-6.63 3.31-10.77 8.7-10.77a24.24 24.24 0 0 1 5.38.83l2.49-7.46a28 28 0 0 0-5.8-.83zm-111.41 4.14c-4.14-2.9-9.94-4.14-16.15-4.14-9.94 0-16.15 4.56-16.15 12.43 0 6.63 4.56 10.35 13.25 11.6l4.14.41c4.56.83 7.46 2.49 7.46 4.56 0 2.9-3.31 5-9.53 5a21.84 21.84 0 0 1-13.25-4.14l-4.14 6.21c5.8 4.14 12.84 5 17 5 11.6 0 17.81-5.38 17.81-12.84 0-7-5-10.35-13.67-11.6l-4.14-.41c-3.73-.41-7-1.66-7-4.14 0-2.9 3.31-5 7.87-5 5 0 9.94 2.07 12.43 3.31l4.07-6.25zm120.11 16.57c0 12 7.87 20.71 20.71 20.71 5.8 0 9.94-1.24 14.08-4.56l-4.14-6.21a16.74 16.74 0 0 1-10.35 3.73c-7 0-12.43-5.38-12.43-13.25S446 389 453.07 389a16.74 16.74 0 0 1 10.35 3.73l4.14-6.21c-4.14-3.31-8.28-4.56-14.08-4.56-12.43-.83-20.71 7.87-20.71 19.88v-.05zm-55.5-20.71c-11.6 0-19.47 8.28-19.47 20.71 0 12.43 8.28 20.71 20.29 20.71a25.33 25.33 0 0 0 16.15-5.38l-4.14-5.8a19.79 19.79 0 0 1-11.6 4.14c-5.38 0-11.18-3.31-12-10.35h29.41v-3.31c0-12.43-7.46-20.71-18.64-20.71v-.01zm-.41 7.46c5.8 0 9.94 3.73 10.35 9.94h-21.53c1.24-5.8 5-9.94 11.18-9.94zm-107.27 13.25v-19.88h-7.87v5c-2.9-3.73-7-5.8-12.84-5.8-11.18 0-19.47 8.7-19.47 20.71 0 12.01 8.28 20.71 19.47 20.71 5.8 0 9.94-2.07 12.84-5.8v5h7.87v-19.94zm-31.89 0c0-7.46 4.56-13.25 12.43-13.25 7.46 0 12 5.8 12 13.25 0 7.87-5 13.25-12 13.25-7.87.41-12.43-5.8-12.43-13.25zm306.08-20.71a12.39 12.39 0 0 0-10.77 5.8v-5h-7.87v39.76H533v-22.33c0-6.63 3.31-10.77 8.7-10.77a24.24 24.24 0 0 1 5.38.83l2.49-7.46a28 28 0 0 0-5.8-.83h.01zm-30.65 20.71v-19.88h-7.87v5c-2.9-3.73-7-5.8-12.84-5.8-11.18 0-19.47 8.7-19.47 20.71 0 12.01 8.28 20.71 19.47 20.71 5.8 0 9.94-2.07 12.84-5.8v5h7.87v-19.94zm-31.89 0c0-7.46 4.56-13.25 12.43-13.25 7.46 0 12 5.8 12 13.25 0 7.87-5 13.25-12 13.25-7.87.41-12.43-5.8-12.43-13.25zm111.83 0v-35.62h-7.87v20.71c-2.9-3.73-7-5.8-12.84-5.8-11.18 0-19.47 8.7-19.47 20.71 0 12.01 8.28 20.71 19.47 20.71 5.8 0 9.94-2.07 12.84-5.8v5h7.87v-19.91zm-31.89 0c0-7.46 4.56-13.25 12.43-13.25 7.46 0 12 5.8 12 13.25 0 7.87-5 13.25-12 13.25-7.88.42-12.44-5.79-12.44-13.25h.01z", fill: "#FFF" }),
+            React.createElement("path", { fill: "#FF5F00", d: "M303.55 80.39h143.72v234.42H303.55z" }),
+            React.createElement("path", { d: "M318.05 197.6a149.5 149.5 0 0 1 56.74-117.21c-61.128-48.061-148.928-41.075-201.687 16.048-52.758 57.123-52.758 145.2 0 202.324 52.759 57.123 140.559 64.11 201.687 16.048a149.5 149.5 0 0 1-56.74-117.21z", fill: "#EB001B" }),
+            React.createElement("path", { d: "M616.26 197.6c.041 57.047-32.503 109.106-83.804 134.056-51.302 24.95-112.347 18.408-157.196-16.846a149.43 149.43 0 0 0 0-234.42c44.85-35.254 105.894-41.797 157.196-16.846 51.3 24.95 83.845 77.01 83.804 134.056z", fill: "#F79E1B" }))));
+    var Visa = (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 750 471" },
+        React.createElement("g", { fillRule: "nonzero", fill: "none" },
+            React.createElement("rect", { fill: "#0E4595", width: "750", height: "471", rx: "40" }),
+            React.createElement("path", { fill: "#FFF", d: "M278.197 334.228l33.361-195.763h53.36l-33.385 195.763zM524.308 142.688c-10.572-3.966-27.137-8.222-47.823-8.222-52.725 0-89.865 26.55-90.18 64.603-.298 28.13 26.513 43.822 46.753 53.186 20.77 9.594 27.752 15.714 27.654 24.283-.132 13.121-16.587 19.116-31.923 19.116-21.357 0-32.703-2.966-50.226-10.276l-6.876-3.111-7.49 43.824c12.464 5.464 35.51 10.198 59.438 10.443 56.09 0 92.501-26.246 92.916-66.882.2-22.268-14.016-39.216-44.8-53.188-18.65-9.055-30.072-15.099-29.951-24.268 0-8.137 9.667-16.839 30.556-16.839 17.45-.27 30.089 3.535 39.937 7.5l4.781 2.26 7.234-42.43M661.615 138.465h-41.231c-12.774 0-22.332 3.487-27.942 16.234l-79.245 179.404h56.032s9.161-24.123 11.233-29.418c6.124 0 60.554.084 68.337.084 1.596 6.853 6.491 29.334 6.491 29.334h49.513l-43.188-195.638zm-65.418 126.407c4.413-11.279 21.26-54.723 21.26-54.723-.316.522 4.38-11.334 7.075-18.684l3.606 16.879s10.217 46.728 12.352 56.528h-44.293z" }),
+            React.createElement("path", { d: "M45.879 138.465l-.682 4.074c21.091 5.106 39.93 12.494 56.422 21.686l47.346 169.691 56.455-.066 84.004-195.385h-56.522l-52.24 133.496-5.566-27.129a88.005 88.005 0 0 0-.823-2.49l-18.166-87.35c-3.23-12.396-12.598-16.095-24.187-16.527H45.879z", fill: "#fff" }))));
+    var Discover = (React.createElement("svg", { viewBox: "0 0 750 471", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("g", { fillRule: "nonzero", fill: "none" },
+            React.createElement("path", { d: "M52.877 0C23.68 0 0 23.155 0 51.71v367.58C0 447.85 23.672 471 52.877 471h644.246C726.32 471 750 447.845 750 419.29V51.71C750 23.15 726.328 0 697.123 0H52.877z", fill: "#4D4D4D" }),
+            React.createElement("path", { d: "M314.57 152.198c8.496 0 15.623 1.733 24.295 5.912v22.087c-8.215-7.633-15.341-10.828-24.765-10.828-18.523 0-33.09 14.576-33.09 33.055 0 19.488 14.116 33.196 34.008 33.196 8.955 0 15.95-3.029 23.847-10.54v22.098c-8.981 4.02-16.26 5.607-24.765 5.607-30.075 0-53.444-21.935-53.444-50.224 0-27.984 23.991-50.363 53.914-50.363zm-93.379.609c11.102 0 21.26 3.612 29.754 10.673l-10.335 12.86c-5.145-5.48-10.01-7.792-15.927-7.792-8.513 0-14.713 4.606-14.713 10.667 0 5.198 3.48 7.95 15.332 12.118 22.467 7.808 29.124 14.732 29.124 30.021 0 18.633-14.399 31.602-34.923 31.602-15.029 0-25.955-5.626-35.055-18.32l12.758-11.68c4.549 8.36 12.136 12.837 21.557 12.837 8.811 0 15.334-5.779 15.334-13.576 0-4.042-1.976-7.507-5.921-9.958-1.987-1.16-5.921-2.89-13.653-5.481-18.55-6.347-24.914-13.132-24.914-26.391 0-15.75 13.667-27.58 31.582-27.58zm225.695 1.678h21.575l27.004 64.645 27.35-64.645h21.412l-43.744 98.713h-10.628l-42.969-98.713zm-382.065.148h28.991c32.03 0 54.359 19.786 54.359 48.19 0 14.163-6.831 27.856-18.382 36.944-9.72 7.67-20.795 11.11-36.13 11.11H64.822v-96.244zm92.437 0h19.751v96.245h-19.75v-96.245zm395.899 0h56.011v16.308h-36.275v21.362h34.938v16.3h-34.938v25.98h36.275v16.295h-56.011v-96.245zm69.094 0h29.283c22.78 0 35.833 10.397 35.833 28.416 0 14.735-8.187 24.406-23.064 27.284l31.873 40.545h-24.288l-27.336-38.664h-2.575v38.664h-19.726v-96.245zm19.726 15.159v29.148h5.771c12.612 0 19.297-5.206 19.297-14.88 0-9.367-6.686-14.268-18.985-14.268h-6.083zm-557.42 1.149v63.642h5.3c12.763 0 20.823-2.324 27.028-7.648 6.83-5.782 10.94-15.015 10.94-24.25 0-9.222-4.11-18.18-10.94-23.961-6.523-5.61-14.265-7.783-27.028-7.783h-5.3z", fill: "#FFF" }),
+            React.createElement("path", { d: "M399.164 151.56c29.75 0 53.867 22.167 53.867 49.552v.031c0 27.385-24.117 49.584-53.867 49.584-29.75 0-53.867-22.199-53.867-49.584v-.03c0-27.386 24.117-49.554 53.867-49.554zm350.819 119.534c-25.048 17.233-212.574 140.397-537.264 199.891h484.387c29.197 0 52.877-23.154 52.877-51.71V271.094z", fill: "#F47216" }))));
+    var Diners = (React.createElement("svg", { viewBox: "0 0 750 471", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("g", { fillRule: "nonzero", fill: "none" },
+            React.createElement("rect", { fill: "#0079BE", width: "750", height: "471", rx: "40" }),
+            React.createElement("path", { d: "M584.934 237.947c0-99.415-82.981-168.133-173.895-168.1h-78.242c-92.003-.033-167.73 68.705-167.73 168.1 0 90.93 75.727 165.64 167.73 165.204h78.242c90.914.436 173.895-74.293 173.895-165.204z", fill: "#FFF" }),
+            React.createElement("path", { d: "M333.28 83.93c-84.07.027-152.194 68.308-152.214 152.58.02 84.258 68.144 152.533 152.214 152.56 84.09-.027 152.228-68.302 152.24-152.56-.012-84.272-68.15-152.553-152.24-152.58z", fill: "#0079BE" }),
+            React.createElement("path", { d: "M237.066 236.098c.08-41.18 25.746-76.296 61.94-90.25v180.48c-36.194-13.947-61.861-49.044-61.94-90.23zm131 90.275V145.847c36.207 13.92 61.914 49.057 61.98 90.257-.066 41.212-25.773 76.322-61.98 90.269z", fill: "#FFF" }))));
+    var AmericanExpress = (React.createElement("svg", { viewBox: "0 0 750 471", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("g", { fillRule: "nonzero", fill: "none" },
+            React.createElement("rect", { fill: "#2557D6", width: "750", height: "471", rx: "40" }),
+            React.createElement("path", { d: "M.003 221.185h36.024l8.123-19.51h18.185l8.101 19.51h70.88V206.27l6.327 14.98h36.796l6.327-15.202v15.138h176.151l-.082-32.026h3.408c2.386.083 3.083.302 3.083 4.226v27.8h91.106v-7.455c7.349 3.92 18.779 7.455 33.819 7.455h38.328l8.203-19.51h18.185l8.021 19.51h73.86v-18.532l11.186 18.532h59.187V98.678h-58.576v14.468l-8.202-14.468h-60.105v14.468l-7.532-14.468h-81.188c-13.59 0-25.536 1.889-35.186 7.153v-7.153h-56.026v7.153c-6.14-5.426-14.508-7.153-23.812-7.153H179.908l-13.734 31.641-14.104-31.641H87.6v14.468l-7.083-14.468H25.534L0 156.924v64.261h.003zm227.397-17.67h-21.615l-.08-68.794-30.573 68.793H156.62l-30.652-68.854v68.854H83.084l-8.101-19.592h-43.9L22.9 203.514H0l37.756-87.837h31.326l35.859 83.164v-83.164h34.412l27.593 59.587 25.347-59.587h35.104v87.837h.003zM67.777 165.692l-14.43-35.017-14.35 35.017h28.78zm245.642 37.821h-70.433v-87.837h70.433v18.291h-49.348v15.833h48.165v18.005H264.07v17.542h49.348v18.166zm99.256-64.18c0 14.004-9.386 21.24-14.856 23.412 4.613 1.748 8.553 4.838 10.43 7.397 2.976 4.369 3.49 8.271 3.49 16.116v17.255h-21.266l-.08-11.077c0-5.285.508-12.886-3.328-17.112-3.081-3.09-7.777-3.76-15.368-3.76h-22.633v31.95H327.98v-87.838h48.495c10.775 0 18.714.283 25.53 4.207 6.67 3.924 10.67 9.652 10.67 19.45zm-26.652 13.042c-2.898 1.752-6.324 1.81-10.43 1.81H349.98v-19.51h25.962c3.674 0 7.508.164 9.998 1.584 2.735 1.28 4.427 4.003 4.427 7.765 0 3.84-1.61 6.929-4.344 8.351zm60.466 51.138h-21.513v-87.837h21.513v87.837zm249.74 0H666.35l-39.964-65.927v65.927h-42.94l-8.204-19.592h-43.799l-7.96 19.592H498.81c-10.248 0-23.224-2.257-30.572-9.715-7.41-7.458-11.265-17.56-11.265-33.533 0-13.027 2.304-24.936 11.366-34.347 6.816-7.01 17.49-10.242 32.02-10.242h20.412v18.821h-19.984c-7.694 0-12.039 1.14-16.224 5.203-3.594 3.699-6.06 10.69-6.06 19.897 0 9.41 1.878 16.196 5.797 20.628 3.245 3.476 9.144 4.53 14.694 4.53h9.469l29.716-69.076h31.592l35.696 83.081V115.68h32.103l37.062 61.174V115.68h21.596v87.834zM568.07 165.693l-14.591-35.017-14.51 35.017h29.1zM749.956 343.767c-5.121 7.458-15.101 11.239-28.611 11.239h-40.718v-18.84h40.553c4.022 0 6.837-.527 8.532-2.175a7.71 7.71 0 0 0 2.493-5.73c0-2.56-1.024-4.592-2.575-5.81-1.53-1.341-3.757-1.95-7.429-1.95-19.797-.67-44.495.609-44.495-27.194 0-12.743 8.125-26.157 30.25-26.157h41.998l.002-17.48h-39.022c-11.776 0-20.33 2.808-26.388 7.174v-7.175H626.83c-9.23 0-20.063 2.279-25.187 7.175v-7.175H498.578v7.175c-8.203-5.892-22.043-7.175-28.431-7.175h-67.983v7.175c-6.49-6.258-20.92-7.175-29.716-7.175h-76.085l-17.41 18.763-16.307-18.763H148.99v122.592h111.516l17.94-19.06 16.9 19.06 68.739.061v-28.838h6.757c9.12.14 19.878-.226 29.368-4.31v33.085h56.697v-31.952h2.735c3.49 0 3.834.143 3.834 3.616v28.333H635.71c10.935 0 22.365-2.787 28.695-7.845v7.845h54.632c11.369 0 22.471-1.587 30.918-5.651v-22.838zm-341.503-47.154c0 24.406-18.286 29.445-36.716 29.445H345.43v29.469h-40.98l-25.962-29.085-26.981 29.085H167.99v-87.859h84.8l25.941 28.799 26.819-28.799h67.371c16.732 0 35.532 4.613 35.532 28.945zm-167.625 40.434h-51.839v-17.481h46.289V301.64h-46.289v-15.973h52.86l23.062 25.604-24.083 25.776zm83.526 10.06l-32.37-35.788 32.37-34.651v70.439zm47.873-39.066H344.98v-22.374h27.492c7.612 0 12.896 3.09 12.896 10.773 0 7.598-5.04 11.601-13.14 11.601zm142.744-40.373h70.369v18.17h-49.372v15.973h48.167v17.925h-48.167v17.481l49.372.08v18.23h-70.37v-87.859zm-27.054 47.03c4.693 1.724 8.53 4.816 10.329 7.375 2.977 4.29 3.408 8.293 3.493 16.037v17.417H480.57v-10.992c0-5.286.511-13.112-3.408-17.198-3.08-3.147-7.777-3.9-15.468-3.9h-22.533v32.09h-21.186v-87.859h48.678c10.674 0 18.448.47 25.369 4.146 6.654 4.004 10.839 9.488 10.839 19.51-.003 14.024-9.395 21.18-14.945 23.373zM476 303.59c-2.82 1.667-6.308 1.81-10.41 1.81h-25.614v-19.733h25.962c3.754 0 7.51.08 10.062 1.587 2.732 1.423 4.366 4.144 4.366 7.903 0 3.76-1.634 6.788-4.366 8.433zm190.336 5.597c4.106 4.23 6.306 9.572 6.306 18.614 0 18.9-11.858 27.723-33.122 27.723h-41.065v-18.84h40.9c4 0 6.836-.527 8.613-2.175 1.45-1.359 2.49-3.333 2.49-5.73 0-2.56-1.125-4.592-2.573-5.81-1.612-1.34-3.836-1.95-7.508-1.95-19.717-.67-44.41.61-44.41-27.193 0-12.744 8.04-26.158 30.144-26.158h42.269v18.7h-38.677c-3.834 0-6.327.143-8.447 1.587-2.31 1.422-3.166 3.534-3.166 6.32 0 3.315 1.96 5.57 4.613 6.545 2.224.77 4.613.996 8.205.996l11.35.305c11.446.278 19.303 2.249 24.078 7.066zM750 285.667h-38.427c-3.836 0-6.385.143-8.532 1.587-2.224 1.423-3.081 3.534-3.081 6.322 0 3.314 1.878 5.569 4.61 6.544 2.225.77 4.614.996 8.126.996l11.427.304c11.531.284 19.228 2.258 23.921 7.072.855.67 1.368 1.422 1.956 2.175v-25z", fill: "#FFF" }))));
+    var JCB = (React.createElement("svg", { viewBox: "0 0 750 471", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { x1: ".032%", y1: "50%", x2: "99.974%", y2: "50%", id: "a" },
+                React.createElement("stop", { stopColor: "#007B40", offset: "0%" }),
+                React.createElement("stop", { stopColor: "#55B330", offset: "100%" })),
+            React.createElement("linearGradient", { x1: ".472%", y1: "50%", x2: "99.986%", y2: "50%", id: "b" },
+                React.createElement("stop", { stopColor: "#1D2970", offset: "0%" }),
+                React.createElement("stop", { stopColor: "#006DBA", offset: "100%" })),
+            React.createElement("linearGradient", { x1: ".114%", y1: "50.001%", x2: "99.986%", y2: "50.001%", id: "c" },
+                React.createElement("stop", { stopColor: "#6E2B2F", offset: "0%" }),
+                React.createElement("stop", { stopColor: "#E30138", offset: "100%" }))),
+        React.createElement("g", { fillRule: "nonzero", fill: "none" },
+            React.createElement("rect", { fill: "#0E4C96", width: "750", height: "471", rx: "40" }),
+            React.createElement("path", { d: "M617.243 346.766c0 41.615-33.728 75.36-75.36 75.36H132.757V124.245c0-41.626 33.733-75.37 75.365-75.37l409.121-.001v297.892z", fill: "#FFF" }),
+            React.createElement("path", { d: "M483.859 242.045c11.684.253 23.437-.516 35.077.4 11.787 2.2 14.628 20.043 4.156 25.888-7.141 3.85-15.633 1.432-23.379 2.113H483.86v-28.401zm41.833-32.145c2.596 9.165-6.238 17.392-15.066 16.13h-26.767c.185-8.642-.368-18.021.272-26.208 10.724.301 21.549-.616 32.21.48 4.58 1.15 8.413 4.916 9.35 9.598zM590.12 73.997c.498 17.501.071 35.927.214 53.783-.035 72.596.072 145.194-.055 217.79-.469 27.207-24.582 50.844-51.6 51.387-27.046.111-54.095.016-81.142.047v-109.75c29.47-.154 58.959.307 88.417-.232 13.667-.86 28.632-9.876 29.27-24.915 1.61-15.102-12.632-25.55-26.153-27.201-5.198-.135-5.044-1.515 0-2.117 12.892-2.787 23.02-16.133 19.226-29.499-3.236-14.058-18.773-19.499-31.697-19.472-26.351-.18-52.709-.026-79.063-.077.172-20.489-.354-41 .286-61.474 2.087-26.716 26.806-48.747 53.447-48.27h78.85z", fill: "url(#a)" }),
+            React.createElement("path", { d: "M159.74 125.04c.674-27.163 24.889-50.611 51.875-51.007 26.944-.083 53.891-.012 80.837-.036-.074 90.885.148 181.777-.112 272.658-1.038 26.834-24.99 49.834-51.679 50.307-26.996.099-53.995.014-80.992.042V283.551c26.223 6.194 53.722 8.832 80.473 4.721 15.993-2.575 33.488-10.424 38.902-27.014 3.986-14.192 1.742-29.126 2.334-43.692v-33.824h-46.297c-.208 22.37.426 44.78-.335 67.125-1.248 13.734-14.846 22.46-27.8 21.995-16.066.169-47.898-11.64-47.898-11.64-.08-41.917.466-94.408.692-136.182z", fill: "url(#b)" }),
+            React.createElement("path", { d: "M309.72 197.39c-2.434.517-.49-8.3-1.114-11.646.166-21.15-.346-42.323.284-63.458 2.083-26.829 26.991-48.916 53.739-48.288h78.766c-.074 90.884.147 181.775-.112 272.656-1.039 26.834-24.992 49.833-51.68 50.308-26.998.1-53.998.015-80.997.043V272.708c18.44 15.128 43.5 17.484 66.472 17.525 17.317-.006 34.534-2.675 51.35-6.67V260.79c-18.953 9.447-41.233 15.446-62.243 10.018-14.656-3.65-25.294-17.811-25.056-32.936-1.699-15.728 7.524-32.335 22.981-37.011 19.19-6.008 40.108-1.413 58.096 6.398 3.855 2.018 7.765 4.521 6.222-1.921v-17.9c-30.084-7.157-62.101-9.792-92.329-2.004-8.748 2.468-17.27 6.21-24.379 11.956z", fill: "url(#c)" }))));
+    var UnionPay = (React.createElement("svg", { viewBox: "0 0 750 471", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("g", { fillRule: "nonzero", fill: "none" },
+            React.createElement("rect", { fill: "#FFF", width: "750", height: "471", rx: "40" }),
+            React.createElement("path", { d: "M201.81 55h142.393c19.87 0 32.287 16.406 27.63 36.47L305.5 378.948c-4.656 20.064-24.629 36.47-44.498 36.47H118.61c-19.87 0-32.287-16.406-27.63-36.47L157.311 91.47C161.968 71.302 181.837 55 201.706 55h.104z", fill: "#D10429" }),
+            React.createElement("path", { d: "M331.75 55h163.815c19.869 0 10.866 16.406 6.209 36.47L435.44 378.948c-4.657 20.064-3.208 36.47-23.077 36.47H248.549c-19.972 0-32.287-16.406-27.527-36.47L287.356 91.47C292.012 71.302 311.88 55 331.854 55h-.104z", fill: "#022E64" }),
+            React.createElement("path", { d: "M489.815 55h142.394c19.869 0 32.287 16.406 27.63 36.47l-66.333 287.478c-4.657 20.064-24.63 36.47-44.498 36.47H406.614c-19.972 0-32.287-16.406-27.63-36.47L445.317 91.47C449.974 71.302 469.843 55 489.711 55h.104z", fill: "#076F74" }),
+            React.createElement("path", { d: "M465.905 326.015h13.453l3.829-13.063h-13.35l-3.932 13.063zm10.762-35.948l-4.657 15.466s5.071-2.613 7.865-3.449c2.794-.627 6.933-1.15 6.933-1.15l3.208-10.763h-13.452l.103-.104zm6.727-22.154l-4.45 14.839s4.967-2.3 7.761-3.03c2.794-.732 6.933-.941 6.933-.941l3.208-10.764h-13.349l-.103-.104zm29.7 0l-17.386 57.997h4.657l-3.622 12.017h-4.657l-1.138 3.658H474.39l1.139-3.658H442l3.311-11.076h3.415l17.593-58.938L469.837 256h16.868l-1.76 5.956s4.45-3.239 8.797-4.389c4.243-1.149 28.665-1.567 28.665-1.567l-3.622 11.808h-5.795l.103.105z", fill: "#FEFEFE" }),
+            React.createElement("path", { d: "M520 256h18.006l.207 6.792c-.103 1.15.828 1.672 3.001 1.672h3.622l-3.311 11.182h-9.728c-8.382.627-11.59-3.03-11.383-7.106l-.31-12.436L520 256zm2.216 53.2h-17.178l2.897-9.927h19.662l2.794-9.092H511.04L514.351 279h53.812l-3.311 11.181h-18.11l-2.794 9.092h18.11l-3.002 9.927h-19.558l-3.518 4.18h7.968l1.966 12.54c.207 1.254.207 2.09.62 2.613.415.418 2.795.627 4.14.627h2.38l-3.725 12.226h-6.106c-.93 0-2.38-.104-4.346-.104-1.863-.21-3.104-1.254-4.346-1.881-1.139-.523-2.794-1.881-3.208-4.285l-1.863-12.54-8.9 12.331c-2.794 3.867-6.622 6.897-13.142 6.897H495l3.311-10.868h4.76c1.346 0 2.588-.522 3.52-1.045.93-.418 1.758-.836 2.586-2.194l13.04-18.497zM334.314 282h45.429l-3.312 10.972h-18.11l-2.793 9.3h18.627l-3.415 11.287h-18.524l-4.553 15.152c-.517 1.672 4.45 1.881 6.209 1.881l9.314-1.254-3.726 12.54h-20.904c-1.655 0-2.897-.209-4.76-.627-1.76-.418-2.587-1.254-3.311-2.403-.725-1.254-1.967-2.195-1.139-4.912l6.002-20.064H325l3.415-11.495h10.348l2.794-9.3H331.21l3.312-10.973-.207-.104zm31.387-19.835h18.627l-3.415 11.39h-25.457l-2.794 2.404c-1.242 1.15-1.552.732-3.105 1.568-1.448.731-4.45 2.194-8.382 2.194H333l3.311-10.972h2.484c2.07 0 3.519-.21 4.243-.627.828-.523 1.76-1.672 2.69-3.553l4.657-8.569h18.524l-3.208 6.27v-.105zm35.108 18.81s5.07-4.702 13.763-6.165c1.966-.418 14.384-.21 14.384-.21l1.863-6.27h-26.181l-3.83 12.75v-.105zm24.629 4.807h-25.975l-1.552 5.33h22.56c2.69-.314 3.208.104 3.415-.105l1.655-5.225h-.103zm-33.736-29.678h15.833l-2.276 8.047s4.967-4.076 8.485-5.539c3.519-1.254 11.383-2.508 11.383-2.508l25.664-.104-8.796 29.469c-1.449 5.016-3.208 8.255-4.243 9.823-.93 1.463-2.07 2.821-4.346 4.075-2.173 1.15-4.14 1.881-6.002 1.986-1.656.104-4.346.209-7.865.209h-24.732l-6.934 23.303c-.62 2.299-.931 3.448-.517 4.075.31.523 1.242 1.15 2.38 1.15l10.866-1.045-3.726 12.749h-12.21c-3.933 0-6.727-.105-8.693-.21-1.863-.208-3.83 0-5.175-1.044-1.138-1.045-2.897-2.404-2.794-3.762.104-1.254.621-3.344 1.45-6.27l22.248-74.404z", fill: "#FEFEFE" }),
+            React.createElement("path", { d: "M437.84 303l-1.449 7.106c-.62 2.194-1.138 3.866-2.794 5.33-1.759 1.462-3.725 3.03-8.485 3.03l-8.796.418-.104 7.942c-.103 2.194.518 1.985.828 2.403.414.418.724.523 1.138.732l2.794-.21 8.383-.417-3.519 11.704h-9.624c-6.726 0-11.797-.21-13.35-1.463-1.655-1.045-1.862-2.3-1.862-4.598l.62-31.141h15.42l-.207 6.374h3.725c1.242 0 2.174-.104 2.691-.418.517-.313.828-.836 1.035-1.567l1.552-5.016h12.108l-.104-.209zM218.47 147c-.517 2.508-10.451 48.592-10.451 48.592-2.174 9.3-3.726 15.989-8.9 20.273-3.001 2.508-6.52 3.657-10.555 3.657-6.52 0-10.245-3.239-10.866-9.404l-.104-2.09s1.966-12.436 1.966-12.54c0 0 10.349-42.009 12.212-47.548.103-.313.103-.522.103-.627-20.18.21-23.801 0-24.008-.313-.104.418-.621 3.03-.621 3.03L156.69 197.37l-.932 3.97L154 214.508c0 3.866.724 7.105 2.277 9.718 4.863 8.569 18.627 9.823 26.388 9.823 10.038 0 19.455-2.195 25.767-6.061 11.073-6.584 13.97-16.929 16.454-26.02l1.242-4.703s10.659-43.576 12.522-49.219c.103-.314.103-.523.207-.627-14.695.104-18.938 0-20.387-.314V147zm59.03 86.623c-7.141-.105-9.728-.105-18.11.313l-.311-.627c.724-3.24 1.552-6.374 2.173-9.614l1.035-4.389c1.552-6.792 3.001-14.839 3.208-17.242.207-1.463.62-5.12-3.519-5.12-1.759 0-3.518.835-5.38 1.671-1.036 3.658-3.002 13.899-4.037 18.497-2.07 9.823-2.173 10.972-3.104 15.78l-.621.626c-7.347-.104-9.934-.104-18.42.314L230 233.1c1.449-5.852 2.794-11.704 4.14-17.556 3.518-15.78 4.45-21.84 5.38-29.887l.725-.418c8.279-1.149 10.245-1.463 19.248-3.239l.724.836-1.345 5.016c1.552-.94 3.001-1.881 4.553-2.613 4.243-2.09 8.9-2.717 11.487-2.717 3.932 0 8.279 1.15 10.038 5.748 1.656 4.075.62 9.091-1.656 19.019l-1.138 5.016c-2.277 11.077-2.69 13.062-3.933 20.586l-.827.627.103.105zm29.058.027c-4.346 0-7.14-.104-9.83 0-2.691 0-5.278.21-9.314.314l-.207-.314-.207-.418c1.138-4.18 1.656-5.643 2.277-7.106.517-1.463 1.034-2.926 2.07-7.21 1.241-5.539 2.069-9.405 2.586-12.854.621-3.24.932-6.06 1.346-9.3l.31-.209.31-.314c4.347-.627 7.038-1.045 9.832-1.463 2.794-.418 5.691-.94 10.141-1.776l.207.418.103.418-2.483 10.345c-.828 3.449-1.656 6.897-2.38 10.346-1.553 7.315-2.277 10.032-2.587 12.017-.414 1.881-.518 2.822-1.139 6.584l-.414.313-.414.314-.207-.105zm45.941-25.675c-.31 1.881-1.966 8.883-4.139 11.809-1.552 2.194-3.312 3.553-5.381 3.553-.621 0-4.14 0-4.243-5.33 0-2.612.517-5.33 1.138-8.255 1.863-8.465 4.14-15.466 9.831-15.466 4.45 0 4.76 5.225 2.794 13.69zm18.73.836c2.484-11.077.518-16.302-1.862-19.437-3.725-4.807-10.348-6.374-17.178-6.374-4.14 0-13.867.418-21.525 7.524-5.484 5.12-8.071 12.122-9.52 18.81-1.553 6.792-3.312 19.019 7.865 23.617 3.414 1.463 8.382 1.88 11.59 1.88 8.175 0 16.557-2.298 22.87-8.986 4.863-5.434 7.036-13.585 7.864-17.034h-.103zm174.433 26.08c-8.693-.104-11.176-.104-19.145.314l-.517-.627c2.173-8.256 4.346-16.616 6.313-24.976 2.483-10.868 3.104-15.466 3.932-21.84l.62-.523c8.59-1.254 10.97-1.567 19.973-3.239l.207.731c-1.656 6.897-3.208 13.69-4.864 20.482-3.311 14.317-4.45 21.632-5.691 29.156l-.828.627v-.105z", fill: "#FEFEFE" }),
+            React.createElement("path", { d: "M533.16 209.374c-.414 1.776-2.07 8.882-4.243 11.808-1.449 2.09-4.967 3.449-6.933 3.449-.621 0-4.036 0-4.243-5.225 0-2.613.517-5.33 1.138-8.256 1.863-8.255 4.14-15.257 9.831-15.257 4.45 0 6.416 5.12 4.45 13.585v-.104zm17.075.836c2.483-11.077-7.658-.94-9.21-4.598-2.484-5.748-.932-17.243-10.866-21.109-3.829-1.568-12.832.418-20.49 7.524-5.381 5.016-8.072 12.017-9.52 18.705-1.553 6.688-3.312 19.02 7.76 23.304 3.52 1.567 6.727 1.985 9.935 1.776 11.177-.627 19.662-17.66 25.975-24.348 4.863-5.33 5.691 1.985 6.416-1.254zm-129.943 23.413c-7.14-.105-9.624-.105-18.006.313l-.31-.627c.724-3.24 1.552-6.374 2.276-9.614l.931-4.389c1.553-6.792 3.105-14.839 3.208-17.242.207-1.463.621-5.12-3.415-5.12-1.759 0-3.621.835-5.38 1.671-.932 3.658-3.002 13.899-4.037 18.497-1.966 9.823-2.173 10.972-3.104 15.78l-.621.626c-7.347-.104-9.934-.104-18.42.314L373 233.1c1.449-5.852 2.794-11.704 4.14-17.556 3.518-15.78 4.346-21.84 5.38-29.887l.621-.418c8.28-1.149 10.349-1.463 19.248-3.239l.725.836-1.242 5.016c1.449-.94 3.001-1.881 4.45-2.613 4.243-2.09 8.9-2.717 11.486-2.717 3.933 0 8.176 1.15 10.038 5.748 1.656 4.075.518 9.091-1.759 19.019l-1.138 5.016c-2.38 11.077-2.69 13.062-3.933 20.586l-.827.627.103.105zm62.001-86.519l-6.002.105c-15.523.209-21.732.104-24.215-.209-.207 1.15-.621 3.135-.621 3.135s-5.588 25.916-5.588 26.02c0 0-13.246 55.176-13.867 57.788 13.556-.209 19.041-.209 21.421.105.518-2.613 3.622-17.974 3.726-17.974 0 0 2.69-11.286 2.794-11.704 0 0 .827-1.15 1.655-1.672h1.242c11.694 0 24.836 0 35.185-7.628 7.037-5.225 11.797-13.063 13.97-22.468.517-2.299.931-5.016.931-7.837 0-3.658-.724-7.21-2.794-10.032-5.277-7.42-15.73-7.524-27.837-7.629zm7.761 27.066c-1.241 5.747-4.967 10.659-9.727 12.958-3.932 1.985-8.693 2.194-13.66 2.194h-3.208l.207-1.254s5.899-25.916 5.899-25.811l.207-1.359.103-1.045 2.38.21s12.211 1.044 12.418 1.044c4.76 1.881 6.83 6.688 5.381 13.063zm127.207 8.666l-.724-.836c-8.796 1.776-10.452 2.09-18.524 3.24l-.62.626c0 .105-.104.21-.104.418v-.104c-6.002 14.107-5.899 11.077-10.762 22.154 0-.523 0-.836-.104-1.359l-1.242-24.035-.724-.836c-9.314 1.777-9.52 2.09-18.006 3.24l-.621.627c-.104.313-.104.627-.104.94l.104.105c1.035 5.538.828 4.284 1.863 12.958.517 4.284 1.138 8.569 1.655 12.749.828 7.106 1.346 10.554 2.38 21.318-5.795 9.614-7.14 13.271-12.728 21.735l.31.836c8.383-.313 10.245-.313 16.454-.313l1.346-1.568c4.656-10.136 40.255-71.79 40.255-71.79l-.104-.105zm-302.717 6.922c4.76-3.344 5.38-7.942 1.345-10.345-4.036-2.404-11.176-1.672-15.937 1.672-4.76 3.24-5.277 7.837-1.241 10.345 3.932 2.3 11.072 1.672 15.833-1.672z", fill: "#FEFEFE" }),
+            React.createElement("path", { d: "M575.735 256.104l-6.934 12.018c-2.173 4.075-6.312 7.21-12.728 7.21L545 275.123l3.208-10.868h2.173c1.138 0 1.966-.104 2.587-.418.621-.209.932-.627 1.449-1.254l4.14-6.583h17.281l-.103.104z", fill: "#FEFEFE" }))));
+    var StyledBlock = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    width: 32px;\n    height: 20px;\n    display: inline-block;\n    margin-right: 8px;\n  "], ["\n    width: 32px;\n    height: 20px;\n    display: inline-block;\n    margin-right: 8px;\n  "])));
+    var getIcon = function () {
+        switch (type) {
+            case PaymentTypes.mastercard:
+                return MasterCard;
+            case PaymentTypes.visa:
+                return Visa;
+            case PaymentTypes.discover:
+                return Discover;
+            case PaymentTypes.diners:
+                return Diners;
+            case PaymentTypes.americanexpress:
+                return AmericanExpress;
+            case PaymentTypes.jcb:
+                return JCB;
+            case PaymentTypes.unionpay:
+                return UnionPay;
+        }
+    };
+    return React.createElement(StyledBlock, null, getIcon());
+};
+export default PaymentIcon;
+var templateObject_1;
+//# sourceMappingURL=PaymentIcon.js.map

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

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

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

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

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

@@ -0,0 +1,4 @@
+import PaymentIcon from './PaymentIcon';
+export * from './types';
+export default PaymentIcon;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/PaymentIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,cAAc,SAAS,CAAA;AACvB,eAAe,WAAW,CAAA"}