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

package/dist/cjs/pages/SubscriptionAndBilling/Sections/CancelSubscriptionSectionContext.js

@@ -0,0 +1,174 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cancelSubscriptionSection = void 0;
+var types_1 = require("../../../context/types");
+var newskit_1 = require("newskit");
+var ChatBubbleOutline_1 = require("@emotion-icons/material/ChatBubbleOutline");
+var material_1 = require("@emotion-icons/material");
+var react_1 = __importDefault(require("react"));
+var constants_1 = require("../../../constants");
+var IconChatBubbleOutline = (0, newskit_1.toNewsKitIcon)(ChatBubbleOutline_1.ChatBubbleOutline);
+var IconPhoneEnabled = (0, newskit_1.toNewsKitIcon)(material_1.PhoneEnabled);
+var cancelSubscriptionSection = function (title) { return ({
+    type: types_1.SectionTypes.Print,
+    billingType: types_1.SectionBillingType.Billing,
+    componentType: 'cancelActions',
+    props: {
+        introductionProps: {
+            title: 'Need a break?',
+            titleOverrides: {
+                stylePreset: 'inkSubtle',
+                typographyPreset: 'utilityBody020',
+            },
+        },
+        primaryButton: {
+            href: '[baseURL]/pause',
+            text: 'Pause subscription',
+            eventContext: {
+                event_navigation_action: 'navigation',
+                event_navigation_name: 'pause subscription',
+                event_navigation_browsing_method: newskit_1.EventTrigger.Click,
+                page_name: "".concat(title.toLocaleLowerCase()),
+            },
+        },
+        secondaryButton: {
+            text: 'Cancel subscription',
+            href: '[baseURL]/cancel?step=contactSupport&returnUrl=/account/subscription-and-billing',
+            baseUrl: constants_1.BASE_URL,
+            eventContext: {
+                event_navigation_action: 'navigation',
+                event_navigation_name: 'cancel subscription',
+                event_navigation_browsing_method: newskit_1.EventTrigger.Click,
+                page_name: "".concat(title.toLocaleLowerCase()),
+            },
+        },
+        modal: {
+            overrides: {
+                panel: {
+                    maxHeight: '95%',
+                },
+                content: {
+                    paddingInline: 'spaceInset000',
+                    paddingBlock: 'spaceInset000',
+                },
+            },
+            paddingInline: 'spaceInset050',
+            paddingBlock: 'spaceInset000',
+            introduction: {
+                title: 'Cancel subscription',
+                titleOverrides: {
+                    typographyPreset: 'editorialHeadline050',
+                    stylePreset: 'inkContrast',
+                    marginBlockEnd: 'space060',
+                },
+                description: "Our team may have exclusive offers or solutions just for you. We're here to help.",
+                descriptionOverrides: {
+                    stylePreset: 'inkBase',
+                    typographyPreset: 'utilityBody020',
+                    marginBlockEnd: 'space050',
+                },
+            },
+            content: {
+                itemContainerOverrides: {
+                    rowGap: 'space040',
+                    justifyContent: 'space-between',
+                    overrides: {
+                        paddingBlock: 'space050',
+                        minWidth: '100%',
+                    },
+                },
+                items: [
+                    {
+                        id: 'cancel-subscription-call-us',
+                        title: 'Call us',
+                        titleIcon: (react_1.default.createElement(IconPhoneEnabled, { overrides: {
+                                marginInlineEnd: 'space020',
+                                size: 'iconSize020',
+                                stylePreset: 'inkBrand020',
+                            } })),
+                        titleOverrides: {
+                            stylePreset: 'inkBase',
+                            paddingBlockStart: 'space040',
+                        },
+                        subtitle: '0800 018 5177',
+                        subtitleOverrides: {
+                            typographyPreset: 'editorialHeadline050',
+                        },
+                        href: '[baseURL]/contact-support',
+                        footer: {
+                            props: {
+                                textOverrides: {
+                                    stylePreset: 'inkBase',
+                                },
+                            },
+                            content: 'Lines are open 8-7pm Mon-Fri.\n 8-4pm weekends & bank holidays.',
+                        },
+                        eventContext: {
+                            event_navigation_action: 'navigation',
+                            event_navigation_name: 'contact support',
+                            event_navigation_browsing_method: newskit_1.EventTrigger.Click,
+                            page_name: "".concat(title.toLocaleLowerCase()),
+                        },
+                    },
+                    {
+                        id: 'cancel-subscription-chat',
+                        title: 'Chat to us for help',
+                        titleIcon: (react_1.default.createElement(IconChatBubbleOutline, { overrides: {
+                                marginInlineEnd: 'space020',
+                                size: 'iconSize020',
+                                stylePreset: 'inkBrand020',
+                            } })),
+                        titleOverrides: {
+                            paddingBlockStart: 'space040',
+                        },
+                        subtitle: react_1.default.createElement(newskit_1.Button, null, "Chat with us"),
+                        href: '[baseURL]/contact-support',
+                        footer: {
+                            props: {
+                                textOverrides: {
+                                    stylePreset: 'inkBase',
+                                },
+                            },
+                            content: 'Our advisors are online from 8-7pm Mon-Fri. \n 8-4pm weekends & bank holidays',
+                        },
+                        eventContext: {
+                            event_navigation_action: 'navigation',
+                            event_navigation_name: 'contact support',
+                            event_navigation_browsing_method: newskit_1.EventTrigger.Click,
+                            page_name: "".concat(title.toLocaleLowerCase()),
+                        },
+                    },
+                ],
+            },
+            belowItemExtra: {
+                label: 'or..',
+                button: { text: 'Continue Online', href: '[baseURL]/cancel' },
+                baseUrl: '/account',
+                eventContext: {
+                    event_navigation_action: 'navigation',
+                    event_navigation_name: 'contact support',
+                    event_navigation_browsing_method: newskit_1.EventTrigger.Click,
+                    page_name: "".concat(title.toLocaleLowerCase()),
+                },
+            },
+            closeButton: {
+                eventContext: {
+                    originator: 'modal',
+                    context: {
+                        event_navigation_action: 'navigation',
+                        event_navigation_name: 'online cancellation : close modal',
+                        event_navigation_browsing_method: newskit_1.EventTrigger.Click,
+                        page_name: "".concat(title.toLocaleLowerCase()),
+                        contract_state: 'Rolling',
+                        optimizely_feature_data: "cancellation_exp|variant_2_a",
+                    },
+                },
+            },
+        },
+    },
+}); };
+exports.cancelSubscriptionSection = cancelSubscriptionSection;
+//# sourceMappingURL=CancelSubscriptionSectionContext.js.map

package/dist/cjs/pages/SubscriptionAndBilling/Sections/CancelSubscriptionSectionContext.js.map

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

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

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

package/dist/cjs/pages/SubscriptionAndBilling/SubscriptionAndBilling.js

@@ -0,0 +1,60 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubscriptionAndBilling = void 0;
+var react_1 = __importDefault(require("react"));
+var lodash_assign_1 = __importDefault(require("lodash.assign"));
+var shared_components_1 = require("@newskit-render/shared-components");
+var Templates_1 = __importStar(require("../../Components/Templates"));
+var hooks_1 = require("../../hooks");
+var types_1 = require("../../context/types");
+var SubscriptionAndBillingContext_1 = require("./SubscriptionAndBillingContext");
+var SubscriptionAndBilling = function (_a) {
+    var customTheme = _a.customTheme, themeDropdownObject = _a.themeDropdownObject, context = _a.context, user = _a.user, requestHeaders = _a.requestHeaders, env = _a.env, featureFlags = _a.featureFlags, _b = _a.sidebar, sidebar = _b === void 0 ? true : _b;
+    var contextName = types_1.ContextName.subscriptionAndBilling;
+    var enhancedContext = __assign(__assign({}, (0, lodash_assign_1.default)({}, SubscriptionAndBillingContext_1.subscriptionAndBillingContext, context)), { userData: user, requestHeaders: requestHeaders, env: env, featureFlags: featureFlags });
+    (0, hooks_1.useSuccessToast)(enhancedContext);
+    return (react_1.default.createElement(Templates_1.default, { sidebar: sidebar, footer: true, context: enhancedContext, customTheme: customTheme || shared_components_1.sharedTheme, themeDropdownObject: themeDropdownObject, toastProviderProps: {
+            verticalOffset: 'space040',
+            horizontalOffset: { xs: 'space000', lg: 'space040' },
+        }, contextName: contextName },
+        react_1.default.createElement(Templates_1.SubscriptionAndBillingRender, { contextName: contextName })));
+};
+exports.SubscriptionAndBilling = SubscriptionAndBilling;
+//# sourceMappingURL=SubscriptionAndBilling.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionAndBilling.js","sourceRoot":"","sources":["../../../../src/pages/SubscriptionAndBilling/SubscriptionAndBilling.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,gEAAkC;AAClC,uEAA+E;AAC/E,sEAEmC;AAGnC,qCAA6C;AAC7C,6CAAiD;AACjD,iFAA+E;AAExE,IAAM,sBAAsB,GAA0C,UAAC,EAS7E;QARC,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,cAAc,oBAAA,EACd,GAAG,SAAA,EACH,YAAY,kBAAA,EACZ,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA;IAEd,IAAM,WAAW,GAAG,mBAAW,CAAC,sBAAsB,CAAA;IACtD,IAAM,eAAe,yBAChB,IAAA,uBAAM,EAAC,EAAE,EAAE,6DAA6B,EAAE,OAAO,CAAC,KACrD,QAAQ,EAAE,IAAI,EACd,cAAc,gBAAA,EACd,GAAG,KAAA,EACH,YAAY,cAAA,GACb,CAAA;IAED,IAAA,uBAAe,EAAC,eAAe,CAAC,CAAA;IAChC,OAAO,CACL,8BAAC,mBAAM,IACL,OAAO,EAAE,OAAO,EAChB,MAAM,QACN,OAAO,EAAE,eAAe,EACxB,WAAW,EAAE,WAAW,IAAI,+BAAY,EACxC,mBAAmB,EAAE,mBAAmB,EACxC,kBAAkB,EAAE;YAClB,cAAc,EAAE,UAAU;YAC1B,gBAAgB,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;SACrD,EACD,WAAW,EAAE,WAAW;QAExB,8BAAC,wCAA4B,IAAC,WAAW,EAAE,WAAW,GAAI,CACnD,CACV,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,sBAAsB,0BAoClC"}

package/dist/cjs/pages/SubscriptionAndBilling/SubscriptionAndBillingContext.d.ts

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