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

package/dist/cjs/Components/Sections/NoSubscription/index.d.ts

@@ -1,2 +1,3 @@
 export * from './SubscriptionStatus';
+export * from './SunNoSubscription';
 export * from './types';

package/dist/cjs/Components/Sections/NoSubscription/index.js

@@ -15,5 +15,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./SubscriptionStatus"), exports);
+__exportStar(require("./SunNoSubscription"), exports);
 __exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/Components/Sections/NoSubscription/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NoSubscription/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uDAAoC;AACpC,0CAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NoSubscription/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uDAAoC;AACpC,sDAAmC;AACnC,0CAAuB"}

package/dist/cjs/Components/Sections/NoSubscription/types.d.ts

@@ -1,6 +1,45 @@
-import { HeaderProps, ButtonGroupProps } from '@newskit-render/shared-components';
+import { HeaderProps, ButtonGroupProps, IntroductionProps } from '@newskit-render/shared-components';
+import { ImageProps, MQ } from 'newskit';
+import { GridLayoutItemProps } from 'newskit/cjs/grid-layout/types';
 export interface SubscriptionStatusProps {
     header?: HeaderProps;
     disableBanner?: boolean;
     buttonGroupProps?: Partial<ButtonGroupProps>;
 }
+export interface SunNoSubscriptionProps {
+    header?: IntroductionProps & {
+        image?: (ImageProps & {
+            marginBlockEnd?: MQ<string>;
+        }) | false;
+        marginBlockEnd?: MQ<string>;
+        imageCell?: GridLayoutItemProps;
+        introductionCell?: GridLayoutItemProps;
+        inlineMessage?: {
+            message?: string;
+            stylePreset?: MQ<string>;
+            overrides?: {
+                stylePreset?: MQ<string>;
+                message: {
+                    stylePreset?: MQ<string>;
+                    typographyPreset?: MQ<string>;
+                    marginBlockEnd?: MQ<string>;
+                };
+                paddingBlock?: MQ<string>;
+                paddingInline?: MQ<string>;
+                marginBlockEnd?: MQ<string>;
+            };
+        };
+    };
+    buttonProps?: {
+        size: 'small' | 'medium' | 'large';
+        text: string | React.ReactElement | React.ReactNode;
+        showIcon?: boolean;
+        ariaLabel?: string;
+        href?: string;
+        target?: '_self' | '_blank';
+        overrides?: {
+            stylePreset?: MQ<string>;
+            minWidth?: MQ<string>;
+        };
+    };
+}

package/dist/cjs/Components/Sections/UserHub/BaseSection.js

@@ -35,12 +35,24 @@ var UserHubListItem_1 = require("../../Elements/UserHubListItem");
 var helpers_1 = require("../../../helpers");
 var newskit_1 = require("newskit");
 var react_1 = __importDefault(require("react"));
+var context_1 = require("../../../context");
+var types_1 = require("../../../context/types");
 var StyledStructuredList = (0, newskit_1.styled)(newskit_1.StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n"], ["\n  border: 1px solid;\n  ", "\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'));
 var BaseSection = function (_a) {
     var dataTestId = _a.dataTestId, header = _a.header, items = _a.items, containerOverrides = _a.containerOverrides, baseUrl = _a.baseUrl;
+    var contextName = types_1.ContextName.userHubPage;
+    var _b = (0, context_1.useAccountContext)(contextName), userCapabilities = _b.userData.userCapabilities, featureFlags = _b.featureFlags;
+    var _c = userCapabilities || {}, isRegisteredUser = _c.isRegisteredUser, hasPaymentData = _c.hasPaymentData;
+    var itemsToRender = items.filter(function (_a) {
+        var id = _a.id;
+        var shouldHidePaymentDetails = (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_landing_page_p2) &&
+            id === 'payment-details-tile' &&
+            (!hasPaymentData || isRegisteredUser);
+        return !shouldHidePaymentDetails;
+    });
     return (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-stretch", "data-testid": dataTestId },
         react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
-        react_1.default.createElement(StyledStructuredList, { divider: true }, items.map(function (_a) {
+        react_1.default.createElement(StyledStructuredList, { divider: true }, itemsToRender.map(function (_a) {
             var href = _a.href, props = __rest(_a, ["href"]);
             return (react_1.default.createElement(UserHubListItem_1.UserHubListItem, __assign({ key: props.id }, props, { containerOverrides: containerOverrides, href: (0, helpers_1.replaceBaseURL)(baseUrl, href) })));
         }))));

package/dist/cjs/Components/Sections/UserHub/BaseSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/BaseSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA0D;AAC1D,kEAAgE;AAChE,4CAAiD;AACjD,mCAA6E;AAC7E,gDAAyB;AAGzB,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,qGAAA,4BAE/C,EAAmD,IACtD,KADG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,CACtD,CAAA;AAMM,IAAM,WAAW,GAAG,UAAC,EAMT;QALjB,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,KAAK,WAAA,EACL,kBAAkB,wBAAA,EAClB,OAAO,aAAA;IAEP,OAAO,CACL,8BAAC,eAAK,IAAC,IAAI,EAAC,kBAAkB,iBAAc,UAAU;QACpD,8BAAC,0BAAM,eAAK,MAAM,EAAI;QAEtB,8BAAC,oBAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,KAAK,CAAC,GAAG,CAAC,UAAC,EAAkB;YAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;YAC1B,OAAO,CACL,8BAAC,iCAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,IACnC,CACH,CAAA;QACH,CAAC,CAAC,CACmB,CACjB,CACT,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,WAAW,eAyBvB"}
+{"version":3,"file":"BaseSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/BaseSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA0D;AAC1D,kEAAgE;AAChE,4CAAiD;AACjD,mCAA6E;AAC7E,gDAAyB;AAEzB,4CAA2E;AAC3E,gDAAoD;AAEpD,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,qGAAA,4BAE/C,EAAmD,IACtD,KADG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,CACtD,CAAA;AAMM,IAAM,WAAW,GAAG,UAAC,EAMT;QALjB,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,KAAK,WAAA,EACL,kBAAkB,wBAAA,EAClB,OAAO,aAAA;IAEP,IAAM,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAGF,IAAA,2BAAiB,EAAC,WAAW,CAA0B,EAF7C,gBAAgB,+BAAA,EAC5B,YAAY,kBAC6C,CAAA;IACrD,IAAA,KAAuC,gBAAgB,IAAI,EAAE,EAA3D,gBAAgB,sBAAA,EAAE,cAAc,oBAA2B,CAAA;IAEnE,IAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,UAAC,EAAM;YAAJ,EAAE,QAAA;QACtC,IAAM,wBAAwB,GAC5B,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,sBAAsB;YACpC,EAAE,KAAK,sBAAsB;YAC7B,CAAC,CAAC,cAAc,IAAI,gBAAgB,CAAC,CAAA;QAEvC,OAAO,CAAC,wBAAwB,CAAA;IAClC,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,8BAAC,eAAK,IAAC,IAAI,EAAC,kBAAkB,iBAAc,UAAU;QACpD,8BAAC,0BAAM,eAAK,MAAM,EAAI;QAEtB,8BAAC,oBAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,aAAa,CAAC,GAAG,CAAC,UAAC,EAAkB;YAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;YAAO,OAAA,CACzC,8BAAC,iCAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,IACnC,CACH,CAAA;SAAA,CAAC,CACmB,CACjB,CACT,CAAA;AACH,CAAC,CAAA;AAvCY,QAAA,WAAW,eAuCvB"}

package/dist/cjs/Components/Sections/UserHub/NewslettersSection.d.ts

@@ -1,6 +1,8 @@
 import { UserHubNewslettersSection } from '../../../context/types';
-import { NewsletterDetails } from '../../../pages/types';
+import { NewsletterDetails, UserCapabilitiesDecisions } from '../../../pages/types';
 export interface NewslettersSectionProps extends UserHubNewslettersSection {
     newsletters: NewsletterDetails[];
+    capabilities?: UserCapabilitiesDecisions;
+    featureFlags?: Record<string, boolean>;
 }
-export declare const NewslettersSection: ({ header, newsletters, newslettersListProps, ...rest }: NewslettersSectionProps) => JSX.Element | null;
+export declare const NewslettersSection: ({ header, newsletters, newslettersListProps, capabilities, featureFlags, ...rest }: NewslettersSectionProps) => JSX.Element | null;

package/dist/cjs/Components/Sections/UserHub/NewslettersSection.js

@@ -59,18 +59,30 @@ var react_1 = __importStar(require("react"));
 var NewslettersList_1 = require("../NewslettersList");
 var NewsletterCard_1 = __importDefault(require("../../../Components/Elements/NewsletterCard"));
 var StyledNewsletterCard = (0, newskit_1.styled)(NewsletterCard_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &:last-child {\n    display: none;\n  }\n  ", " {\n    &:last-child {\n      display: grid;\n    }\n  }\n"], ["\n  &:last-child {\n    display: none;\n  }\n  ", " {\n    &:last-child {\n      display: grid;\n    }\n  }\n"])), (0, newskit_1.getMediaQueryFromTheme)('md'));
+var userNewsletterMap = {
+    basicPack: 'default',
+    lightPack: 'default',
+    registered: 'registered',
+    full: 'full',
+};
 var NewslettersSection = function (_a) {
-    var header = _a.header, newsletters = _a.newsletters, newslettersListProps = _a.newslettersListProps, rest = __rest(_a, ["header", "newsletters", "newslettersListProps"]);
+    var header = _a.header, newsletters = _a.newsletters, newslettersListProps = _a.newslettersListProps, capabilities = _a.capabilities, featureFlags = _a.featureFlags, rest = __rest(_a, ["header", "newsletters", "newslettersListProps", "capabilities", "featureFlags"]);
     var newslettersList = (0, react_1.useMemo)(function () {
         if (!newsletters || !(newsletters === null || newsletters === void 0 ? void 0 : newsletters.length)) {
             return [];
         }
         var userHubNewslettersIds = newslettersListProps.userHubNewslettersIds;
+        var _a = capabilities || {}, lightPack = _a.lightPack, basicPack = _a.basicPack, registered = _a.registered;
+        var packs = { lightPack: lightPack, basicPack: basicPack, registered: registered };
+        var entitlement = (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_landing_page_p2)
+            ? Object.keys(packs).find(function (key) { return packs[key] && key; }) || 'full'
+            : 'basicPack';
+        var newslettersForUser = userHubNewslettersIds[userNewsletterMap[entitlement]];
         return newsletters
-            .filter(function (n) { return userHubNewslettersIds.some(function (nl) { return nl === n.bulletinId; }); })
+            .filter(function (n) { return newslettersForUser.some(function (nl) { return nl === n.bulletinId; }); })
             .sort(function (a, b) {
-            return userHubNewslettersIds.indexOf(a.bulletinId) -
-                userHubNewslettersIds.indexOf(b.bulletinId);
+            return newslettersForUser.indexOf(a.bulletinId) -
+                newslettersForUser.indexOf(b.bulletinId);
         });
     }, [newslettersListProps, newsletters]);
     if (newslettersList.length === 0)

package/dist/cjs/Components/Sections/UserHub/NewslettersSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"NewslettersSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/NewslettersSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA0D;AAC1D,mCAA+D;AAC/D,6CAAsC;AAGtC,sDAAoD;AACpD,+FAAwE;AAKxE,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,kLAAA,iDAI/C,EAA4B,4DAK/B,KALG,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAK/B,CAAA;AAEM,IAAM,kBAAkB,GAAG,UAAC,EAKT;IAJxB,IAAA,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACjB,IAAI,cAJ0B,iDAKlC,CADQ;IAEP,IAAM,eAAe,GAAG,IAAA,eAAO,EAAC;QAC9B,IAAI,CAAC,WAAW,IAAI,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,CAAA,EAAE,CAAC;YACzC,OAAO,EAAE,CAAA;QACX,CAAC;QACO,IAAA,qBAAqB,GAAK,oBAAoB,sBAAzB,CAAyB;QACtD,OAAO,WAAW;aACf,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,qBAAqB,CAAC,IAAI,CAAC,UAAC,EAAE,IAAK,OAAA,EAAE,KAAK,CAAC,CAAC,UAAU,EAAnB,CAAmB,CAAC,EAAvD,CAAuD,CAAC;aACtE,IAAI,CACH,UAAC,CAAC,EAAE,CAAC;YACH,OAAA,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;gBAC3C,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;QAD3C,CAC2C,CAC9C,CAAA;IACL,CAAC,EAAE,CAAC,oBAAoB,EAAE,WAAW,CAAC,CAAC,CAAA;IAEvC,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAE7C,OAAO,CACL,8BAAC,eAAK,aAAC,IAAI,EAAC,kBAAkB,iBAAa,kBAAkB,IAAK,IAAI;QACpE,8BAAC,0BAAM,eAAK,MAAM,EAAI;QACtB,8BAAC,iCAAe,IACd,mBAAmB,EAAE,oBAAoB,CAAC,mBAAmB,IAE5D,eAAe,CAAC,GAAG,CAAC,UAAC,UAAU,IAAK,OAAA,CACnC,8BAAC,oBAAoB,aACnB,UAAU,EAAE,UAAU,IAClB,oBAAoB,mBACZ,iBAAiB,EAC7B,YAAY,EAAE,IAAI,EAClB,GAAG,EAAE,UAAU,CAAC,UAAU,IAC1B,CACH,EARoC,CAQpC,CAAC,CACc,CACZ,CACT,CAAA;AACH,CAAC,CAAA;AAxCY,QAAA,kBAAkB,sBAwC9B"}
+{"version":3,"file":"NewslettersSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/NewslettersSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA0D;AAC1D,mCAA+D;AAC/D,6CAAsC;AAMtC,sDAAoD;AACpD,+FAAwE;AAOxE,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,kLAAA,iDAI/C,EAA4B,4DAK/B,KALG,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAK/B,CAAA;AAED,IAAM,iBAAiB,GAAG;IACxB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,YAAY;IACxB,IAAI,EAAE,MAAM;CACb,CAAA;AAEM,IAAM,kBAAkB,GAAG,UAAC,EAOT;IANxB,IAAA,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACT,IAAI,cAN0B,iFAOlC,CADQ;IAEP,IAAM,eAAe,GAAG,IAAA,eAAO,EAAC;QAC9B,IAAI,CAAC,WAAW,IAAI,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,CAAA,EAAE,CAAC;YACzC,OAAO,EAAE,CAAA;QACX,CAAC;QACO,IAAA,qBAAqB,GAAK,oBAAoB,sBAAzB,CAAyB;QAChD,IAAA,KAAuC,YAAY,IAAI,EAAE,EAAvD,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,UAAU,gBAAuB,CAAA;QAC/D,IAAM,KAAK,GAAG,EAAE,SAAS,WAAA,EAAE,SAAS,WAAA,EAAE,UAAU,YAAA,EAAE,CAAA;QAClD,IAAM,WAAW,GAAG,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,sBAAsB;YACtD,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,KAAK,CAAC,GAAG,CAAC,IAAI,GAAG,EAAjB,CAAiB,CAAC,IAAI,MAAM;YAC/D,CAAC,CAAC,WAAW,CAAA;QACf,IAAM,kBAAkB,GACtB,qBAAqB,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAA;QAEvD,OAAO,WAAW;aACf,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,kBAAkB,CAAC,IAAI,CAAC,UAAC,EAAE,IAAK,OAAA,EAAE,KAAK,CAAC,CAAC,UAAU,EAAnB,CAAmB,CAAC,EAApD,CAAoD,CAAC;aACnE,IAAI,CACH,UAAC,CAAC,EAAE,CAAC;YACH,OAAA,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;gBACxC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;QADxC,CACwC,CAC3C,CAAA;IACL,CAAC,EAAE,CAAC,oBAAoB,EAAE,WAAW,CAAC,CAAC,CAAA;IAEvC,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAE7C,OAAO,CACL,8BAAC,eAAK,aAAC,IAAI,EAAC,kBAAkB,iBAAa,kBAAkB,IAAK,IAAI;QACpE,8BAAC,0BAAM,eAAK,MAAM,EAAI;QACtB,8BAAC,iCAAe,IACd,mBAAmB,EAAE,oBAAoB,CAAC,mBAAmB,IAE5D,eAAe,CAAC,GAAG,CAAC,UAAC,UAAU,IAAK,OAAA,CACnC,8BAAC,oBAAoB,aACnB,UAAU,EAAE,UAAU,IAClB,oBAAoB,mBACZ,iBAAiB,EAC7B,YAAY,EAAE,IAAI,EAClB,GAAG,EAAE,UAAU,CAAC,UAAU,IAC1B,CACH,EARoC,CAQpC,CAAC,CACc,CACZ,CACT,CAAA;AACH,CAAC,CAAA;AAlDY,QAAA,kBAAkB,sBAkD9B"}

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

@@ -25,11 +25,12 @@ var context_1 = require("../../context");
 var types_1 = require("../../context/types");
 var ContentContainer_1 = __importDefault(require("../Sections/ContentContainer"));
 var CardContentContainer_1 = __importDefault(require("../Sections/CardContentContainer"));
+var CancelSubscription_1 = __importDefault(require("../Sections/CancelSubscription"));
 var StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  clear: both;\n"], ["\n  clear: both;\n"])));
 var DisplayRenderer = function (_a) {
     var _b, _c, _d;
     var id = _a.id, contextName = _a.contextName, isNoBillingSubscription = _a.isNoBillingSubscription;
-    var _e = (0, context_1.useAccountContext)(contextName), header = _e.header, sections = _e.sections, userData = _e.userData;
+    var _e = (0, context_1.useAccountContext)(contextName), header = _e.header, sections = _e.sections, userData = _e.userData, featureFlags = _e.featureFlags;
     var subscriptionType = ((_c = (_b = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.type) &&
         userData.subscriptions[0].type.toLowerCase();
     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -45,6 +46,13 @@ var DisplayRenderer = function (_a) {
                 else {
                     ComponentToRender = ContentContainer_1.default;
                 }
+                if (section.componentType === 'cancelActions') {
+                    if (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_cancel_subscription) {
+                        ComponentToRender = CancelSubscription_1.default;
+                        return (react_1.default.createElement(ComponentToRender, __assign({}, section.props, { contextName: contextName, id: id, key: i })));
+                    }
+                    return null;
+                }
                 if (isNoBillingSubscription) {
                     if (section.billingType === types_1.SectionBillingType.Billing)
                         return null;

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

@@ -1 +1 @@
-{"version":3,"file":"DisplayRenderer.js","sourceRoot":"","sources":["../../../../src/Components/Templates/DisplayRenderer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAuC;AACvC,uEAA0D;AAE1D,yCAGsB;AACtB,6CAK4B;AAC5B,kFAA2D;AAC3D,0FAAmE;AAEnE,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,uFAAA,oBAEhC,IAAA,CAAA;AAQD,IAAM,eAAe,GAAiC,UAAC,EAItD;;QAHC,EAAE,QAAA,EACF,WAAW,iBAAA,EACX,uBAAuB,6BAAA;IAEjB,IAAA,KAAiC,IAAA,2BAAiB,EACtD,WAAW,CACwB,EAF7B,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAEG,CAAA;IAErC,IAAM,gBAAgB,GACpB,CAAA,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,0CAAG,CAAC,CAAC,0CAAE,IAAI;QAClC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAA;IAE9C,OAAO,CACL;QACG,CAAA,MAAA,QAAQ,CAAC,CAAC,CAAC,0CAAE,aAAa,MAAK,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACxD,8BAAC,0BAAM,aACL,oBAAoB,EAAE;gBACpB,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;aACnD,IACG,MAAM,EACV,CACH;QAED,8BAAC,WAAW,QACT,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;YACtB,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,CAAC;gBACtB,IAAI,iBAAiB,CAAA;gBACrB,IAAI,OAAO,CAAC,aAAa,KAAK,gBAAgB,EAAE,CAAC;oBAC/C,iBAAiB,GAAG,8BAAoB,CAAA;gBAC1C,CAAC;qBAAM,CAAC;oBACN,iBAAiB,GAAG,0BAAgB,CAAA;gBACtC,CAAC;gBAED,IAAI,uBAAuB,EAAE,CAAC;oBAC5B,IAAI,OAAO,CAAC,WAAW,KAAK,0BAAkB,CAAC,OAAO;wBACpD,OAAO,IAAI,CAAA;oBACb,OAAO,CACL,8BAAC,iBAAiB,eACZ,OAAO,CAAC,KAAK,IACjB,WAAW,EAAE,WAAW,EACxB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,CAAC,IACN,CACH,CAAA;gBACH,CAAC;gBAED,IAAI,OAAO,CAAC,WAAW,KAAK,0BAAkB,CAAC,SAAS;oBACtD,OAAO,IAAI,CAAA;gBAEb,IAAM,6BAA6B,GACjC,gBAAgB,KAAK,wBAAgB,CAAC,OAAO;oBAC7C,OAAO,CAAC,IAAI,KAAK,oBAAY,CAAC,OAAO,CAAA;gBAEvC,OAAO,6BAA6B,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC5C,8BAAC,iBAAiB,eACZ,OAAO,CAAC,KAAK,IACjB,WAAW,EAAE,WAAW,EACxB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,CAAC,IACN,CACH,CAAA;YACH,CAAC,CAAC,CACQ,CACb,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,eAAe,CAAA"}
+{"version":3,"file":"DisplayRenderer.js","sourceRoot":"","sources":["../../../../src/Components/Templates/DisplayRenderer.tsx"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1,295 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FamilyContentVariants = void 0;
+var react_1 = __importStar(require("react"));
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+var Info_1 = require("@emotion-icons/material/Info");
+var context_1 = require("../../context");
+var types_1 = require("../../context/types");
+var sendToast_1 = __importDefault(require("../Elements/Toast/sendToast"));
+var FamilyMemberInvitationStatusVariants_1 = __importDefault(require("../Elements/FamilyMemberInvitationStatusVariants"));
+var statusColors = {
+    AVAILABLE: { background: 'amber030', colorText: 'amber100' },
+    ACTIVE: { background: 'green020', colorText: 'blue100' },
+    PENDING: { background: 'neutral030', colorText: 'black' },
+};
+var StyledMemberStatus = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 4px 5px;\n  ", ";\n  ", ";\n  ", "\n"], ["\n  padding: 4px 5px;\n  ", ";\n  ", ";\n  ", "\n"])), function (_a) {
+    var status = _a.status;
+    return (0, newskit_1.getColorCssFromTheme)('backgroundColor', statusColors[status].background);
+}, function (_a) {
+    var status = _a.status;
+    return (0, newskit_1.getColorCssFromTheme)('color', statusColors[status].colorText);
+}, (0, newskit_1.getBorderCssFromTheme)('borderRadius', 'borderRadiusRounded010'));
+var StyledTextBlock = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  width: fit-content;\n  justify-content: center;\n  line-height: unset;\n  font-weight: 700;\n  min-width: 84px;\n  ", ";\n  ", ";\n  ", "\n"], ["\n  display: flex;\n  width: fit-content;\n  justify-content: center;\n  line-height: unset;\n  font-weight: 700;\n  min-width: 84px;\n  ", ";\n  ", ";\n  ", "\n"])), function (_a) {
+    var status = _a.status;
+    return (0, newskit_1.getColorCssFromTheme)('backgroundColor', statusColors[status].background);
+}, function (_a) {
+    var status = _a.status;
+    return (0, newskit_1.getColorCssFromTheme)('color', statusColors[status].colorText);
+}, (0, newskit_1.getBorderCssFromTheme)('borderRadius', 'borderRadiusRounded005'));
+var sortMembersListByStatusType = function (members) {
+    if (!(members === null || members === void 0 ? void 0 : members.length))
+        return [];
+    // ACTIVE before PENDING
+    return members.sort(function (a, b) {
+        if (a.status === types_1.FamilyMemberStatusTypes.ACTIVE &&
+            b.status === types_1.FamilyMemberStatusTypes.PENDING) {
+            return -1;
+        }
+        else if (a.status === types_1.FamilyMemberStatusTypes.PENDING &&
+            b.status === types_1.FamilyMemberStatusTypes.ACTIVE) {
+            return 1;
+        }
+        else {
+            return 0; // the order remains unchanged
+        }
+    });
+};
+var IconFilledInfo = (0, newskit_1.toNewsKitIcon)(Info_1.Info);
+var FamilyContentVariants = function () {
+    var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
+    var contextName = types_1.ContextName.family;
+    var _a = (0, context_1.useAccountContext)(contextName), groupAccounts = _a.userData.groupAccounts, allocatedMembersDefaultCount = _a.allocatedMembersDefaultCount, header = _a.header, requestHeaders = _a.requestHeaders;
+    var isTNLMobileApp = (0, shared_components_1.checkRequestHeaders)(requestHeaders, shared_components_1.UserPlatform.native_tm_apps);
+    var mobileWebAgents = ['Android', 'iPhone'];
+    var isTNLMobileWeb = mobileWebAgents.some(function (agent) {
+        var _a;
+        return typeof window !== 'undefined'
+            ? (_a = window === null || window === void 0 ? void 0 : window.navigator) === null || _a === void 0 ? void 0 : _a.userAgent.includes(agent)
+            : false;
+    });
+    var isMobile = isTNLMobileApp || isTNLMobileWeb;
+    var groupAccountData = ((groupAccounts === null || groupAccounts === void 0 ? void 0 : groupAccounts.length)
+        ? groupAccounts
+        : [{ maxShares: allocatedMembersDefaultCount, shares: [] }])[0];
+    var maxShares = groupAccountData.maxShares, shares = groupAccountData.shares;
+    var _b = (0, react_1.useState)(sortMembersListByStatusType(shares)), membersList = _b[0], setMembersList = _b[1];
+    var handleRemoveMemberFromList = function (id) {
+        setMembersList(function (prevMembersList) {
+            var filteredMemberList = prevMembersList.filter(function (member) { return member.shareId !== id; });
+            return sortMembersListByStatusType(filteredMemberList);
+        });
+    };
+    // skipping testing mobile and browser APIs in jest
+    // istanbul ignore next
+    var handleSharingLink = function (shareableLink) { return __awaiter(void 0, void 0, void 0, function () {
+        var shareData, err_1;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!isMobile) return [3 /*break*/, 5];
+                    shareData = {
+                        title: 'Join my Bonus Accounts',
+                        text: "I’m inviting you to join my Times and Sunday Times subscription for free. You'll have full access across their website and apps, plus receive your own newsletters, play puzzles and so much more.",
+                        url: shareableLink,
+                    };
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 4, , 5]);
+                    if (!(typeof window !== 'undefined')) return [3 /*break*/, 3];
+                    if ((_a = window === null || window === void 0 ? void 0 : window.Android) === null || _a === void 0 ? void 0 : _a.shareContent) {
+                        window.Android.shareContent("".concat(shareData.text, " ").concat(shareData.url), '');
+                    }
+                    // regular share functionality
+                    return [4 /*yield*/, navigator.share(shareData)];
+                case 2:
+                    // regular share functionality
+                    _b.sent();
+                    return [2 /*return*/];
+                case 3: return [3 /*break*/, 5];
+                case 4:
+                    err_1 = _b.sent();
+                    // If the user clicks on the close button of the share popup
+                    if (err_1.name === 'AbortError') {
+                        return [2 /*return*/];
+                    }
+                    return [3 /*break*/, 5];
+                case 5:
+                    navigator.clipboard.writeText(shareableLink);
+                    (0, sendToast_1.default)('creation-via-link-success', 'success', {}, {}, 'Copy to clipboard', 4000);
+                    fireEvent((0, shared_components_1.createClickEvent)('button', 'bonus account: copy to clipboard', undefined, undefined, header.title, 'navigation', 'automated'));
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    // istanbul ignore next
+    var handleShareLinkCreation = function (id) { return __awaiter(void 0, void 0, void 0, function () {
+        var response, parsedData, shareData_1, err_2;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    fireEvent((0, shared_components_1.createClickEvent)('button', 'bonus account: generate link', undefined, undefined, header.title));
+                    (0, sendToast_1.default)('creation-via-link-loading', 'pending', {}, {}, 'Share link is being generated', 4000);
+                    fireEvent((0, shared_components_1.createClickEvent)('button', 'bonus account: generate link pending', undefined, undefined, header.title, 'navigation', 'automated'));
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 4, , 5]);
+                    return [4 /*yield*/, fetch('/api/account/mutate', {
+                            method: 'POST',
+                            body: JSON.stringify({
+                                validationSchemaKey: 'inviteFamilyLink',
+                            }),
+                        })];
+                case 2:
+                    response = _c.sent();
+                    return [4 /*yield*/, response.json()];
+                case 3:
+                    parsedData = _c.sent();
+                    shareData_1 = (_b = (_a = parsedData.data) === null || _a === void 0 ? void 0 : _a.createGroupAccountShareViaLink) === null || _b === void 0 ? void 0 : _b.share;
+                    setMembersList(function (prevMembersList) {
+                        return prevMembersList.map(function (member) {
+                            if (member.shareId === id && (shareData_1 === null || shareData_1 === void 0 ? void 0 : shareData_1.shareableLink)) {
+                                var shareUrl = new URL(shareData_1.shareableLink);
+                                var shareId = shareUrl.searchParams.get('sharing_id');
+                                return __assign(__assign(__assign({ sharingType: 'SHARE_VIA_LINK' }, member), shareData_1), { shareId: shareId });
+                            }
+                            return member;
+                        });
+                    });
+                    fireEvent((0, shared_components_1.createClickEvent)('button', 'bonus account: generate link success', undefined, undefined, header.title, 'navigation', 'automated'));
+                    if (isMobile) {
+                        handleSharingLink(shareData_1.shareableLink);
+                        return [2 /*return*/];
+                    }
+                    (0, sendToast_1.default)('creation-via-link-success', 'success', {}, {}, 'You successfully generated a share link', 4000);
+                    return [3 /*break*/, 5];
+                case 4:
+                    err_2 = _c.sent();
+                    (0, sendToast_1.default)('creation-via-link-failure', 'error', {}, {}, 'There was an error generating your share link. Please try again.', 4000);
+                    fireEvent((0, shared_components_1.createClickEvent)('button', 'bonus account: generate link failure', undefined, undefined, header.title, 'navigation', 'automated'));
+                    return [3 /*break*/, 5];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    // create available members if less than maxShares
+    if (membersList.length < maxShares) {
+        var availableMembers_1 = Array.from({ length: maxShares - membersList.length }, function (_) {
+            return ({
+                status: types_1.FamilyMemberStatusTypes.AVAILABLE,
+                shareId: "available-random-id-".concat(Math.floor(Math.random() * 100000)),
+                firstName: '',
+                lastName: '',
+                email: '',
+            });
+        });
+        setMembersList(function (prevMembersList) { return __spreadArray(__spreadArray([], prevMembersList, true), availableMembers_1, true); });
+    }
+    var handleMemberStatus = function (status) {
+        return membersList.filter(function (member) { return member.status === status; }).length;
+    };
+    var isMaxCapacity = handleMemberStatus(types_1.FamilyMemberStatusTypes.ACTIVE) +
+        handleMemberStatus(types_1.FamilyMemberStatusTypes.PENDING) ===
+        maxShares;
+    return (react_1.default.createElement(newskit_1.GridLayout, { "data-experiment-id": "op-family-content-variants", columnGap: "space050" },
+        react_1.default.createElement(newskit_1.TextBlock, { as: "span", paddingBlockEnd: "space050", typographyPreset: "editorialHeadline020" }, "Members"),
+        react_1.default.createElement(newskit_1.GridLayoutItem, null,
+            react_1.default.createElement(newskit_1.Stack, { flow: "horizontal-stretch", wrap: "wrap", paddingBlockEnd: isMaxCapacity ? 'space045' : 'space070' },
+                react_1.default.createElement(newskit_1.Stack, { flow: 'horizontal-center', marginInlineEnd: { xs: 'space020', sm: 'space045' }, "data-testid": "max-shares-variants" },
+                    react_1.default.createElement(StyledMemberStatus, { marginInlineEnd: { xs: 'space020' }, typographyPreset: 'utilityLabel010', status: types_1.FamilyMemberStatusTypes.AVAILABLE }, handleMemberStatus(types_1.FamilyMemberStatusTypes.AVAILABLE)),
+                    react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: 'utilityBody010', "data-testid": "max-shares" }, "Available")),
+                react_1.default.createElement(newskit_1.Stack, { flow: 'horizontal-center', marginInlineEnd: { xs: 'space020', sm: 'space045' }, "data-testid": "active-members-variants" },
+                    react_1.default.createElement(StyledMemberStatus, { marginInlineEnd: { xs: 'space020' }, typographyPreset: 'utilityLabel010', status: types_1.FamilyMemberStatusTypes.ACTIVE }, handleMemberStatus(types_1.FamilyMemberStatusTypes.ACTIVE)),
+                    react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: 'utilityBody010' }, "Active")),
+                react_1.default.createElement(newskit_1.Stack, { flow: 'horizontal-center', "data-testid": "invited-members-variants" },
+                    react_1.default.createElement(StyledMemberStatus, { marginInlineEnd: { xs: 'space020' }, typographyPreset: 'utilityLabel010', status: types_1.FamilyMemberStatusTypes.PENDING }, handleMemberStatus(types_1.FamilyMemberStatusTypes.PENDING)),
+                    react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: 'utilityBody010' }, "Pending invite")))),
+        react_1.default.createElement(newskit_1.GridLayoutItem, null,
+            isMaxCapacity && (react_1.default.createElement(newskit_1.Block, { marginBlockEnd: "space070" },
+                react_1.default.createElement(newskit_1.InlineMessage, { overrides: { stylePreset: 'inlineMessageInformative' }, icon: react_1.default.createElement(IconFilledInfo, { overrides: { size: 'iconSize020' } }) }, "To add a new family member, please remove an existing member or cancel a pending invite."))),
+            membersList.map(function (share) { return (react_1.default.createElement(newskit_1.Block, { key: share.shareId, marginBlockEnd: "space070", "data-testid": "member-card" },
+                react_1.default.createElement(StyledTextBlock, { typographyPreset: 'utilityLabel010', paddingBlock: 'space015', status: types_1.FamilyMemberStatusTypes[share.status], style: { textTransform: 'capitalize' } }, types_1.FamilyMemberStatusTypes[share.status].toLowerCase()),
+                react_1.default.createElement(FamilyMemberInvitationStatusVariants_1.default, { handleSharingLink: handleSharingLink, memberData: share, handleRemoveMemberFromList: handleRemoveMemberFromList, handleShareLinkCreation: handleShareLinkCreation, isMobile: isMobile }))); }))));
+};
+exports.FamilyContentVariants = FamilyContentVariants;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=FamilyContentVariants.js.map

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

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