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

package/dist/esm/Components/Sections/NoSubscription/SubscriptionStatus.js

@@ -13,16 +13,14 @@ import React from 'react';
 import { Header, ButtonGroup, UserPlatform, checkRequestHeaders, } from '@newskit-render/shared-components';
 import { ContextName, } from '../../../context/types';
 import { useAccountContext } from '../../../context';
-import { ContentPassInfoField } from '../../Elements/ContentPassInfo';
 export var SubscriptionStatus = function (_a) {
     var _b, _c;
-    var header = _a.header, buttonGroupProps = _a.buttonGroupProps, contentPass = _a.contentPass;
+    var header = _a.header, buttonGroupProps = _a.buttonGroupProps;
     var contextName = ContextName.subscriptionAndBilling;
     var requestHeaders = useAccountContext(contextName).requestHeaders;
     var showSubscriptionButton = checkRequestHeaders(requestHeaders, UserPlatform.ios_sun_app);
     return (React.createElement(React.Fragment, null,
         React.createElement(Header, __assign({}, header)),
-        contentPass && React.createElement(ContentPassInfoField, __assign({}, contentPass)),
         buttonGroupProps && !showSubscriptionButton ? (React.createElement(ButtonGroup, __assign({}, buttonGroupProps, { primaryButton: __assign(__assign({}, buttonGroupProps.primaryButton), { text: (_b = buttonGroupProps.primaryButton) === null || _b === void 0 ? void 0 : _b.text, eventContext: (_c = buttonGroupProps.primaryButton) === null || _c === void 0 ? void 0 : _c.eventContext }) }))) : null));
 };
 //# sourceMappingURL=SubscriptionStatus.js.map

package/dist/esm/Components/Sections/NoSubscription/SubscriptionStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubscriptionStatus.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NoSubscription/SubscriptionStatus.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,MAAM,EACN,WAAW,EACX,YAAY,EACZ,mBAAmB,GACpB,MAAM,mCAAmC,CAAA;AAG1C,OAAO,EACL,WAAW,GAEZ,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAA;AAErE,MAAM,CAAC,IAAM,kBAAkB,GAAsC,UAAC,EAIrE;;QAHC,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,WAAW,iBAAA;IAEX,IAAM,WAAW,GAAG,WAAW,CAAC,sBAAsB,CAAA;IAC9C,IAAA,cAAc,GAAK,iBAAiB,CAC1C,WAAW,CAC4B,eAFnB,CAEmB;IACzC,IAAM,sBAAsB,GAAY,mBAAmB,CACzD,cAAc,EACd,YAAY,CAAC,WAAW,CACzB,CAAA;IAED,OAAO,CACL;QACE,oBAAC,MAAM,eAAK,MAAM,EAAI;QACrB,WAAW,IAAI,oBAAC,oBAAoB,eAAK,WAAW,EAAI;QACxD,gBAAgB,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAC7C,oBAAC,WAAW,eACN,gBAAgB,IACpB,aAAa,wBACR,gBAAgB,CAAC,aAAa,KACjC,IAAI,EAAE,MAAA,gBAAgB,CAAC,aAAa,0CAAE,IAAI,EAC1C,YAAY,EAAE,MAAA,gBAAgB,CAAC,aAAa,0CAAE,YAAY,OAE5D,CACH,CAAC,CAAC,CAAC,IAAI,CACP,CACJ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"SubscriptionStatus.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NoSubscription/SubscriptionStatus.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,MAAM,EACN,WAAW,EACX,YAAY,EACZ,mBAAmB,GACpB,MAAM,mCAAmC,CAAA;AAG1C,OAAO,EACL,WAAW,GAEZ,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD,MAAM,CAAC,IAAM,kBAAkB,GAAsC,UAAC,EAGrE;;QAFC,MAAM,YAAA,EACN,gBAAgB,sBAAA;IAEhB,IAAM,WAAW,GAAG,WAAW,CAAC,sBAAsB,CAAA;IAC9C,IAAA,cAAc,GAAK,iBAAiB,CAC1C,WAAW,CAC4B,eAFnB,CAEmB;IACzC,IAAM,sBAAsB,GAAY,mBAAmB,CACzD,cAAc,EACd,YAAY,CAAC,WAAW,CACzB,CAAA;IAED,OAAO,CACL;QACE,oBAAC,MAAM,eAAK,MAAM,EAAI;QACrB,gBAAgB,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAC7C,oBAAC,WAAW,eACN,gBAAgB,IACpB,aAAa,wBACR,gBAAgB,CAAC,aAAa,KACjC,IAAI,EAAE,MAAA,gBAAgB,CAAC,aAAa,0CAAE,IAAI,EAC1C,YAAY,EAAE,MAAA,gBAAgB,CAAC,aAAa,0CAAE,YAAY,OAE5D,CACH,CAAC,CAAC,CAAC,IAAI,CACP,CACJ,CAAA;AACH,CAAC,CAAA"}

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

@@ -1,8 +1,6 @@
 import { HeaderProps, ButtonGroupProps } from '@newskit-render/shared-components';
-import { ContentPassContext } from 'context/types';
 export interface SubscriptionStatusProps {
     header?: HeaderProps;
     disableBanner?: boolean;
     buttonGroupProps?: Partial<ButtonGroupProps>;
-    contentPass?: ContentPassContext;
 }

package/dist/esm/Components/Sections/UserHub/BaseSection.d.ts

@@ -0,0 +1,5 @@
+import { UserHubSection } from '../../../context';
+export interface BaseSectionProps extends UserHubSection {
+    baseUrl: string;
+}
+export declare const BaseSection: ({ dataTestId, header, items, containerOverrides, baseUrl, }: BaseSectionProps) => JSX.Element;

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

@@ -0,0 +1,43 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Header } from '@newskit-render/shared-components';
+import { UserHubListItem } from '../../Elements/UserHubListItem';
+import { replaceBaseURL } from '../../../helpers';
+import { Stack, StructuredList, getColorCssFromTheme, styled } from 'newskit';
+import React from 'react';
+var StyledStructuredList = styled(StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n"], ["\n  border: 1px solid;\n  ", "\n"])), getColorCssFromTheme('borderColor', 'interface030'));
+export var BaseSection = function (_a) {
+    var dataTestId = _a.dataTestId, header = _a.header, items = _a.items, containerOverrides = _a.containerOverrides, baseUrl = _a.baseUrl;
+    return (React.createElement(Stack, { flow: "vertical-stretch", "data-testid": dataTestId },
+        React.createElement(Header, __assign({}, header)),
+        React.createElement(StyledStructuredList, { divider: true }, items.map(function (_a) {
+            var href = _a.href, props = __rest(_a, ["href"]);
+            return (React.createElement(UserHubListItem, __assign({ key: props.id }, props, { containerOverrides: containerOverrides, href: replaceBaseURL(baseUrl, href) })));
+        }))));
+};
+var templateObject_1;
+//# sourceMappingURL=BaseSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/BaseSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,IAAM,oBAAoB,GAAG,MAAM,CAAC,cAAc,CAAC,qGAAA,4BAE/C,EAAmD,IACtD,KADG,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,CACtD,CAAA;AAMD,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAMT;QALjB,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,KAAK,WAAA,EACL,kBAAkB,wBAAA,EAClB,OAAO,aAAA;IAEP,OAAO,CACL,oBAAC,KAAK,IAAC,IAAI,EAAC,kBAAkB,iBAAc,UAAU;QACpD,oBAAC,MAAM,eAAK,MAAM,EAAI;QAEtB,oBAAC,oBAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,KAAK,CAAC,GAAG,CAAC,UAAC,EAAkB;YAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;YAC1B,OAAO,CACL,oBAAC,eAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,IACnC,CACH,CAAA;QACH,CAAC,CAAC,CACmB,CACjB,CACT,CAAA;AACH,CAAC,CAAA"}

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

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

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

@@ -0,0 +1,54 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Header } from '@newskit-render/shared-components';
+import { Stack, getMediaQueryFromTheme, styled } from 'newskit';
+import React, { useMemo } from 'react';
+import { NewslettersList } from '../NewslettersList';
+import NewsletterCard from '../../../Components/Elements/NewsletterCard';
+var StyledNewsletterCard = styled(NewsletterCard)(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"])), getMediaQueryFromTheme('md'));
+export var NewslettersSection = function (_a) {
+    var header = _a.header, newsletters = _a.newsletters, newslettersListProps = _a.newslettersListProps, rest = __rest(_a, ["header", "newsletters", "newslettersListProps"]);
+    var newslettersList = useMemo(function () {
+        if (!newsletters || !(newsletters === null || newsletters === void 0 ? void 0 : newsletters.length)) {
+            return [];
+        }
+        var userHubNewslettersIds = newslettersListProps.userHubNewslettersIds;
+        return newsletters
+            .filter(function (n) { return userHubNewslettersIds.some(function (nl) { return nl === n.bulletinId; }); })
+            .sort(function (a, b) {
+            return userHubNewslettersIds.indexOf(a.bulletinId) -
+                userHubNewslettersIds.indexOf(b.bulletinId);
+        });
+    }, [newslettersListProps, newsletters]);
+    if (newslettersList.length === 0)
+        return null;
+    return (React.createElement(Stack, __assign({ flow: "vertical-stretch", "data-testid": "newsletters-grid" }, rest),
+        React.createElement(Header, __assign({}, header)),
+        React.createElement(NewslettersList, { gridLayoutOverrides: newslettersListProps.gridLayoutOverrides }, newslettersList.map(function (newsletter) { return (React.createElement(StyledNewsletterCard, __assign({ newsletter: newsletter }, newslettersListProps, { "data-testid": "newsletter-card", imageVisible: true, key: newsletter.bulletinId }))); }))));
+};
+var templateObject_1;
+//# sourceMappingURL=NewslettersSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NewslettersSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/NewslettersSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,KAAK,EAAE,sBAAsB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAC/D,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,cAAc,MAAM,6CAA6C,CAAA;AAKxE,IAAM,oBAAoB,GAAG,MAAM,CAAC,cAAc,CAAC,kLAAA,iDAI/C,EAA4B,4DAK/B,KALG,sBAAsB,CAAC,IAAI,CAAC,CAK/B,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,EAKT;IAJxB,IAAA,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACjB,IAAI,cAJ0B,iDAKlC,CADQ;IAEP,IAAM,eAAe,GAAG,OAAO,CAAC;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,oBAAC,KAAK,aAAC,IAAI,EAAC,kBAAkB,iBAAa,kBAAkB,IAAK,IAAI;QACpE,oBAAC,MAAM,eAAK,MAAM,EAAI;QACtB,oBAAC,eAAe,IACd,mBAAmB,EAAE,oBAAoB,CAAC,mBAAmB,IAE5D,eAAe,CAAC,GAAG,CAAC,UAAC,UAAU,IAAK,OAAA,CACnC,oBAAC,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"}

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const AccountDeletionErrorRender: () => JSX.Element;

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const AccountDeletionSuccessRender: () => JSX.Element;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 export declare const addComponentMap: {
     'holiday-stop': React.FC<import("../Sections/Form/HolidayStop").HolidayStopProps>;
-    family: (props: import("@newskit-render/shared-components").FormProps) => JSX.Element;
+    'bonus-accounts': (props: import("@newskit-render/shared-components").FormProps) => JSX.Element;
 };
 declare const AddRender: React.FC<{
     type: string;

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

@@ -10,28 +10,31 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
+import { useRouter } from 'next/router';
 import { Header, usePageViewTracking } from '@newskit-render/shared-components';
-import { mergeButtonGroupProps } from '../../helpers';
+import { mergeButtonGroupProps, getEmbeddedModeAndOnboardingQueryStatus, updateTealiumContextForOnboarding, } from '../../helpers';
 import HolidayStop from '../Sections/Form/HolidayStop';
 import { InviteFamilyMember } from '../Sections/Form/InviteFamilyMember';
 import { ContextName } from '../../context/types';
 import { useAccountContext } from '../../context';
 export var addComponentMap = {
     'holiday-stop': HolidayStop,
-    family: InviteFamilyMember,
+    'bonus-accounts': InviteFamilyMember,
 };
 var AddRender = function (_a) {
     var _b, _c, _d;
     var type = _a.type;
+    var router = useRouter();
     var contextName = ContextName.addField;
-    var _e = useAccountContext(contextName), header = _e.header, forms = _e.forms, buttonGroupProps = _e.buttonGroupProps, baseUrl = _e.baseUrl;
+    var _e = useAccountContext(contextName), header = _e.header, forms = _e.forms, buttonGroupProps = _e.buttonGroupProps, baseUrl = _e.baseUrl, requestHeaders = _e.requestHeaders;
     var SectionComponent = addComponentMap[type];
     if (!SectionComponent) {
         return React.createElement(React.Fragment, null);
     }
     var pageViewContext = (_b = forms[type]) === null || _b === void 0 ? void 0 : _b.tealiumContext;
     var form = forms[type] || forms.default;
-    usePageViewTracking(pageViewContext);
+    var _f = getEmbeddedModeAndOnboardingQueryStatus(router, requestHeaders), isUserVisitingFromOnboardingModal = _f.isUserVisitingFromOnboardingModal, isEmbeddedModeOn = _f.isEmbeddedModeOn;
+    usePageViewTracking(updateTealiumContextForOnboarding(isUserVisitingFromOnboardingModal, isEmbeddedModeOn, pageViewContext));
     var mergedButtonGroupProps = mergeButtonGroupProps(baseUrl, __assign({}, buttonGroupProps), form.props.buttonGroupProps);
     if (mergedButtonGroupProps.primaryButton) {
         mergedButtonGroupProps.primaryButton.eventContext = __assign(__assign({}, mergedButtonGroupProps.primaryButton.eventContext), { page_name: "".concat((_c = header.title) === null || _c === void 0 ? void 0 : _c.toLocaleLowerCase()) });
@@ -41,7 +44,7 @@ var AddRender = function (_a) {
     }
     return (React.createElement(React.Fragment, null,
         React.createElement(Header, __assign({}, header, form.header)),
-        React.createElement(SectionComponent, __assign({ "data-testid": "".concat(type, "-form") }, form.props, { buttonGroupProps: mergedButtonGroupProps, contextName: contextName }))));
+        React.createElement(SectionComponent, __assign({ "data-testid": "".concat(type, "-form") }, form.props, { buttonGroupProps: mergedButtonGroupProps, contextName: contextName, isUserVisitingFromOnboardingModal: isUserVisitingFromOnboardingModal, isEmbeddedModeOn: isEmbeddedModeOn }))));
 };
 export default AddRender;
 //# sourceMappingURL=AddRender.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AddRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/AddRender.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AAE/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,WAAW,MAAM,8BAA8B,CAAA;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAA;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAyB,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAExE,MAAM,CAAC,IAAM,eAAe,GAAG;IAC7B,cAAc,EAAE,WAAW;IAC3B,MAAM,EAAE,kBAAkB;CAC3B,CAAA;AAED,IAAM,SAAS,GAA+B,UAAC,EAAQ;;QAAN,IAAI,UAAA;IACnD,IAAM,WAAW,GAAG,WAAW,CAAC,QAAQ,CAAA;IAClC,IAAA,KAA+C,iBAAiB,CACpE,WAAW,CACa,EAFlB,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,gBAAgB,sBAAA,EAAE,OAAO,aAEtB,CAAA;IAE1B,IAAM,gBAAgB,GAAG,eAAe,CAAC,IAAI,CAAC,CAAA;IAE9C,IAAI,CAAC,gBAAgB,EAAE;QACrB,OAAO,yCAAK,CAAA;KACb;IACD,IAAM,eAAe,GAAG,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,cAAc,CAAA;IACnD,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,OAAO,CAAA;IACzC,mBAAmB,CAAC,eAAe,CAAC,CAAA;IACpC,IAAM,sBAAsB,GAAG,qBAAqB,CAClD,OAAO,eACF,gBAAgB,GACrB,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAC5B,CAAA;IACD,IAAI,sBAAsB,CAAC,aAAa,EAAE;QACxC,sBAAsB,CAAC,aAAa,CAAC,YAAY,yBAC5C,sBAAsB,CAAC,aAAa,CAAC,YAAY,KACpD,SAAS,EAAE,UAAG,MAAA,MAAM,CAAC,KAAK,0CAAE,iBAAiB,EAAE,CAAE,GAClD,CAAA;KACF;IAED,IAAI,sBAAsB,CAAC,eAAe,EAAE;QAC1C,sBAAsB,CAAC,eAAe,CAAC,YAAY,yBAC9C,sBAAsB,CAAC,eAAe,CAAC,YAAY,KACtD,SAAS,EAAE,UAAG,MAAA,MAAM,CAAC,KAAK,0CAAE,iBAAiB,EAAE,CAAE,GAClD,CAAA;KACF;IACD,OAAO,CACL;QACE,oBAAC,MAAM,eAAK,MAAM,EAAM,IAAI,CAAC,MAAM,EAAI;QACvC,oBAAC,gBAAgB,4BACF,UAAG,IAAI,UAAO,IACvB,IAAI,CAAC,KAAK,IACd,gBAAgB,EAAE,sBAAsB,EACxC,WAAW,EAAE,WAAW,IACxB,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"AddRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/AddRender.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AAE/E,OAAO,EACL,qBAAqB,EACrB,uCAAuC,EACvC,iCAAiC,GAClC,MAAM,eAAe,CAAA;AACtB,OAAO,WAAW,MAAM,8BAA8B,CAAA;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAA;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAyB,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAExE,MAAM,CAAC,IAAM,eAAe,GAAG;IAC7B,cAAc,EAAE,WAAW;IAC3B,gBAAgB,EAAE,kBAAkB;CACrC,CAAA;AAED,IAAM,SAAS,GAA+B,UAAC,EAAQ;;QAAN,IAAI,UAAA;IACnD,IAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,IAAM,WAAW,GAAG,WAAW,CAAC,QAAQ,CAAA;IAClC,IAAA,KACJ,iBAAiB,CAAC,WAAW,CAA0B,EADjD,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,gBAAgB,sBAAA,EAAE,OAAO,aAAA,EAAE,cAAc,oBACP,CAAA;IAEzD,IAAM,gBAAgB,GAAG,eAAe,CAAC,IAAI,CAAC,CAAA;IAE9C,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,OAAO,yCAAK,CAAA;IACd,CAAC;IAED,IAAM,eAAe,GAAG,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,cAAc,CAAA;IACnD,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,OAAO,CAAA;IAEnC,IAAA,KACJ,uCAAuC,CAAC,MAAM,EAAE,cAAc,CAAC,EADzD,iCAAiC,uCAAA,EAAE,gBAAgB,sBACM,CAAA;IAEjE,mBAAmB,CACjB,iCAAiC,CAC/B,iCAAiC,EACjC,gBAAgB,EAChB,eAAe,CAChB,CACF,CAAA;IAED,IAAM,sBAAsB,GAAG,qBAAqB,CAClD,OAAO,eACF,gBAAgB,GACrB,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAC5B,CAAA;IAED,IAAI,sBAAsB,CAAC,aAAa,EAAE,CAAC;QACzC,sBAAsB,CAAC,aAAa,CAAC,YAAY,yBAC5C,sBAAsB,CAAC,aAAa,CAAC,YAAY,KACpD,SAAS,EAAE,UAAG,MAAA,MAAM,CAAC,KAAK,0CAAE,iBAAiB,EAAE,CAAE,GAClD,CAAA;IACH,CAAC;IAED,IAAI,sBAAsB,CAAC,eAAe,EAAE,CAAC;QAC3C,sBAAsB,CAAC,eAAe,CAAC,YAAY,yBAC9C,sBAAsB,CAAC,eAAe,CAAC,YAAY,KACtD,SAAS,EAAE,UAAG,MAAA,MAAM,CAAC,KAAK,0CAAE,iBAAiB,EAAE,CAAE,GAClD,CAAA;IACH,CAAC;IAED,OAAO,CACL;QACE,oBAAC,MAAM,eAAK,MAAM,EAAM,IAAI,CAAC,MAAM,EAAI;QACvC,oBAAC,gBAAgB,4BACF,UAAG,IAAI,UAAO,IACvB,IAAI,CAAC,KAAK,IACd,gBAAgB,EAAE,sBAAsB,EACxC,WAAW,EAAE,WAAW,EACxB,iCAAiC,EAAE,iCAAiC,EACpE,gBAAgB,EAAE,gBAAgB,IAClC,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const ConfirmAccountDeletionRender: () => JSX.Element;

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

@@ -19,8 +19,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 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;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    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.");
@@ -51,7 +51,8 @@ import { Header } from '@newskit-render/shared-components';
 import { useAccountContext, } from '../../context';
 import { ContextName } from '../../context/types';
 import { Block, Button, GridLayout } from 'newskit';
-import { ACCOUNT_DELETION_APPID } from '../../constants';
+import { ACCOUNT_DELETION_DEFAULT_APPID } from '../../constants';
+import { getFromLocalStorage, storageMap } from '../../helpers';
 export var ConfirmAccountDeletionRender = function () {
     var contextName = ContextName.confirmAccountDeletion;
     var context = useAccountContext(contextName);
@@ -60,31 +61,32 @@ export var ConfirmAccountDeletionRender = function () {
     var _d = useState(false), isButtonLoading = _d[0], setIsButtonLoading = _d[1];
     var handleConfirmButtonClick = function () { return __awaiter(void 0, void 0, void 0, function () {
         var response, error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
                 case 0:
                     if (isButtonLoading)
                         return [2 /*return*/];
                     setIsButtonLoading(true);
-                    _a.label = 1;
+                    _b.label = 1;
                 case 1:
-                    _a.trys.push([1, 3, 4, 5]);
+                    _b.trys.push([1, 3, 4, 5]);
                     return [4 /*yield*/, fetch('/api/account/mutate', {
                             method: 'POST',
                             body: JSON.stringify({
                                 validationSchemaKey: 'delete-account',
-                                appId: ACCOUNT_DELETION_APPID,
+                                appId: (_a = getFromLocalStorage(storageMap.appId)) !== null && _a !== void 0 ? _a : ACCOUNT_DELETION_DEFAULT_APPID,
                             }),
                         })];
                 case 2:
-                    response = _a.sent();
+                    response = _b.sent();
                     if (!response.ok) {
                         throw new Error();
                     }
                     onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
                     return [3 /*break*/, 5];
                 case 3:
-                    error_1 = _a.sent();
+                    error_1 = _b.sent();
                     onError === null || onError === void 0 ? void 0 : onError();
                     return [3 /*break*/, 5];
                 case 4:

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmAccountDeletionRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/ConfirmAccountDeletionRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,MAAM,aAAa,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAEL,iBAAiB,GAClB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAExD,MAAM,CAAC,IAAM,4BAA4B,GAAG;IAC1C,IAAM,WAAW,GAAG,WAAW,CAAC,sBAAsB,CAAA;IAEtD,IAAM,OAAO,GAAG,iBAAiB,CAC/B,WAAW,CAC4B,CAAA;IACjC,IAAA,MAAM,GAAgD,OAAO,OAAvD,EAAE,OAAO,GAAuC,OAAO,QAA9C,EAAE,KAAqC,OAAO,QAAhC,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,SAAS,GAAc,OAAO,UAArB,EAAE,OAAO,GAAK,OAAO,QAAZ,CAAY;IAC7D,IAAA,KACN,OAAO,QAD0B,EAAlB,aAAa,mBAAG,EAAE,KAAA,EAAE,KACnC,OAAO,UAD2D,EAApB,eAAe,mBAAG,EAAE,KAAA,CAC3D;IAEH,IAAA,KAAwC,QAAQ,CAAC,KAAK,CAAC,EAAtD,eAAe,QAAA,EAAE,kBAAkB,QAAmB,CAAA;IAE7D,IAAM,wBAAwB,GAAG;;;;;oBAC/B,IAAI,eAAe;wBAAE,sBAAM;oBAC3B,kBAAkB,CAAC,IAAI,CAAC,CAAA;;;;oBAGL,qBAAM,KAAK,CAAC,qBAAqB,EAAE;4BAClD,MAAM,EAAE,MAAM;4BACd,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;gCACnB,mBAAmB,EAAE,gBAAgB;gCACrC,KAAK,EAAE,sBAAsB;6BAC9B,CAAC;yBACH,CAAC,EAAA;;oBANI,QAAQ,GAAG,SAMf;oBACF,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE;wBAChB,MAAM,IAAI,KAAK,EAAE,CAAA;qBAClB;oBACD,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,CAAA;;;;oBAEb,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAA;;;oBAEX,kBAAkB,CAAC,KAAK,CAAC,CAAA;;;;;SAE5B,CAAA;IAED,OAAO,CACL;QACE,oBAAC,MAAM,eAAK,MAAM,EAAI;QAEtB,oBAAC,KAAK,IAAC,gBAAgB,EAAC,UAAU,EAAC,cAAc,EAAC,UAAU,IACzD,OAAO,CACF;QAER,oBAAC,UAAU,IACT,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,EACrC,MAAM,EAAC,UAAU,EACjB,SAAS,EAAC,UAAU;YAEpB,oBAAC,MAAM,eAAK,aAAa,GAAG,aAAa,CAAC,IAAI,CAAU;YACxD,oBAAC,MAAM,aACL,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,wBAAwB,IAC7B,eAAe,GAElB,eAAe,CAAC,IAAI,CACd,CACE,CACZ,CACJ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"ConfirmAccountDeletionRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/ConfirmAccountDeletionRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,MAAM,aAAa,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAEL,iBAAiB,GAClB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACnD,OAAO,EAAE,8BAA8B,EAAE,MAAM,iBAAiB,CAAA;AAChE,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/D,MAAM,CAAC,IAAM,4BAA4B,GAAG;IAC1C,IAAM,WAAW,GAAG,WAAW,CAAC,sBAAsB,CAAA;IAEtD,IAAM,OAAO,GAAG,iBAAiB,CAC/B,WAAW,CAC4B,CAAA;IACjC,IAAA,MAAM,GAAgD,OAAO,OAAvD,EAAE,OAAO,GAAuC,OAAO,QAA9C,EAAE,KAAqC,OAAO,QAAhC,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,SAAS,GAAc,OAAO,UAArB,EAAE,OAAO,GAAK,OAAO,QAAZ,CAAY;IAC7D,IAAA,KACN,OAAO,QAD0B,EAAlB,aAAa,mBAAG,EAAE,KAAA,EAAE,KACnC,OAAO,UAD2D,EAApB,eAAe,mBAAG,EAAE,KAAA,CAC3D;IAEH,IAAA,KAAwC,QAAQ,CAAC,KAAK,CAAC,EAAtD,eAAe,QAAA,EAAE,kBAAkB,QAAmB,CAAA;IAE7D,IAAM,wBAAwB,GAAG;;;;;;oBAC/B,IAAI,eAAe;wBAAE,sBAAM;oBAC3B,kBAAkB,CAAC,IAAI,CAAC,CAAA;;;;oBAGL,qBAAM,KAAK,CAAC,qBAAqB,EAAE;4BAClD,MAAM,EAAE,MAAM;4BACd,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;gCACnB,mBAAmB,EAAE,gBAAgB;gCACrC,KAAK,EACH,MAAA,mBAAmB,CAAC,UAAU,CAAC,KAAK,CAAC,mCACrC,8BAA8B;6BACjC,CAAC;yBACH,CAAC,EAAA;;oBARI,QAAQ,GAAG,SAQf;oBACF,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;wBACjB,MAAM,IAAI,KAAK,EAAE,CAAA;oBACnB,CAAC;oBACD,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,CAAA;;;;oBAEb,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAA;;;oBAEX,kBAAkB,CAAC,KAAK,CAAC,CAAA;;;;;SAE5B,CAAA;IAED,OAAO,CACL;QACE,oBAAC,MAAM,eAAK,MAAM,EAAI;QAEtB,oBAAC,KAAK,IAAC,gBAAgB,EAAC,UAAU,EAAC,cAAc,EAAC,UAAU,IACzD,OAAO,CACF;QAER,oBAAC,UAAU,IACT,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,EACrC,MAAM,EAAC,UAAU,EACjB,SAAS,EAAC,UAAU;YAEpB,oBAAC,MAAM,eAAK,aAAa,GAAG,aAAa,CAAC,IAAI,CAAU;YACxD,oBAAC,MAAM,aACL,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,wBAAwB,IAC7B,eAAe,GAElB,eAAe,CAAC,IAAI,CACd,CACE,CACZ,CACJ,CAAA;AACH,CAAC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"DisplayRenderer.js","sourceRoot":"","sources":["../../../../src/Components/Templates/DisplayRenderer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAE1D,OAAO,EAEL,iBAAiB,GAClB,MAAM,eAAe,CAAA;AACtB,OAAO,EAEL,gBAAgB,EAChB,YAAY,EACZ,kBAAkB,GACnB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,gBAAgB,MAAM,8BAA8B,CAAA;AAC3D,OAAO,oBAAoB,MAAM,kCAAkC,CAAA;AAEnE,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,uFAAA,oBAEhC,IAAA,CAAA;AAQD,IAAM,eAAe,GAAiC,UAAC,EAItD;;QAHC,EAAE,QAAA,EACF,WAAW,iBAAA,EACX,uBAAuB,6BAAA;IAEjB,IAAA,KAAiC,iBAAiB,CACtD,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,oBAAC,MAAM,aACL,oBAAoB,EAAE;gBACpB,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;aACnD,IACG,MAAM,EACV,CACH;QAED,oBAAC,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;oBAC9C,iBAAiB,GAAG,oBAAoB,CAAA;iBACzC;qBAAM;oBACL,iBAAiB,GAAG,gBAAgB,CAAA;iBACrC;gBAED,IAAI,uBAAuB,EAAE;oBAC3B,IAAI,OAAO,CAAC,WAAW,KAAK,kBAAkB,CAAC,OAAO;wBACpD,OAAO,IAAI,CAAA;oBACb,OAAO,CACL,oBAAC,iBAAiB,eACZ,OAAO,CAAC,KAAK,IACjB,WAAW,EAAE,WAAW,EACxB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,CAAC,IACN,CACH,CAAA;iBACF;gBAED,IAAI,OAAO,CAAC,WAAW,KAAK,kBAAkB,CAAC,SAAS;oBACtD,OAAO,IAAI,CAAA;gBAEb,IAAM,6BAA6B,GACjC,gBAAgB,KAAK,gBAAgB,CAAC,OAAO;oBAC7C,OAAO,CAAC,IAAI,KAAK,YAAY,CAAC,OAAO,CAAA;gBAEvC,OAAO,6BAA6B,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC5C,oBAAC,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,eAAe,eAAe,CAAA"}
+{"version":3,"file":"DisplayRenderer.js","sourceRoot":"","sources":["../../../../src/Components/Templates/DisplayRenderer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAE1D,OAAO,EAEL,iBAAiB,GAClB,MAAM,eAAe,CAAA;AACtB,OAAO,EAEL,gBAAgB,EAChB,YAAY,EACZ,kBAAkB,GACnB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,gBAAgB,MAAM,8BAA8B,CAAA;AAC3D,OAAO,oBAAoB,MAAM,kCAAkC,CAAA;AAEnE,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,uFAAA,oBAEhC,IAAA,CAAA;AAQD,IAAM,eAAe,GAAiC,UAAC,EAItD;;QAHC,EAAE,QAAA,EACF,WAAW,iBAAA,EACX,uBAAuB,6BAAA;IAEjB,IAAA,KAAiC,iBAAiB,CACtD,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,oBAAC,MAAM,aACL,oBAAoB,EAAE;gBACpB,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;aACnD,IACG,MAAM,EACV,CACH;QAED,oBAAC,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,oBAAoB,CAAA;gBAC1C,CAAC;qBAAM,CAAC;oBACN,iBAAiB,GAAG,gBAAgB,CAAA;gBACtC,CAAC;gBAED,IAAI,uBAAuB,EAAE,CAAC;oBAC5B,IAAI,OAAO,CAAC,WAAW,KAAK,kBAAkB,CAAC,OAAO;wBACpD,OAAO,IAAI,CAAA;oBACb,OAAO,CACL,oBAAC,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,kBAAkB,CAAC,SAAS;oBACtD,OAAO,IAAI,CAAA;gBAEb,IAAM,6BAA6B,GACjC,gBAAgB,KAAK,gBAAgB,CAAC,OAAO;oBAC7C,OAAO,CAAC,IAAI,KAAK,YAAY,CAAC,OAAO,CAAA;gBAEvC,OAAO,6BAA6B,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC5C,oBAAC,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,eAAe,eAAe,CAAA"}

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { DynamicPageProps } from './types';
-export declare const DynamicPage: ({ objectMap, pageName, Component, componentProps, errorPageContext, ...rest }: DynamicPageProps) => JSX.Element;
+export declare const DynamicPage: ({ objectMap, pageName, Component, componentProps, errorPageContext, isPageRestricted, ...rest }: DynamicPageProps) => JSX.Element;

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

@@ -23,9 +23,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { NotFound } from '../../pages/Error';
 import React from 'react';
 export var DynamicPage = function (_a) {
-    var objectMap = _a.objectMap, pageName = _a.pageName, Component = _a.Component, componentProps = _a.componentProps, errorPageContext = _a.errorPageContext, rest = __rest(_a, ["objectMap", "pageName", "Component", "componentProps", "errorPageContext"]);
+    var objectMap = _a.objectMap, pageName = _a.pageName, Component = _a.Component, componentProps = _a.componentProps, errorPageContext = _a.errorPageContext, isPageRestricted = _a.isPageRestricted, rest = __rest(_a, ["objectMap", "pageName", "Component", "componentProps", "errorPageContext", "isPageRestricted"]);
     var doesPageExist = Object.keys(objectMap).includes(pageName);
-    if (doesPageExist) {
+    if (doesPageExist && !isPageRestricted) {
         return React.createElement(Component, __assign({}, componentProps, rest));
     }
     return React.createElement(NotFound, __assign({}, rest, { context: errorPageContext }));

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

@@ -1 +1 @@
-{"version":3,"file":"DynamicPage.js","sourceRoot":"","sources":["../../../../src/Components/Templates/DynamicPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAOT;IANjB,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,gBAAgB,sBAAA,EACb,IAAI,cANmB,4EAO3B,CADQ;IAEP,IAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC/D,IAAI,aAAa,EAAE;QACjB,OAAO,oBAAC,SAAS,eAAK,cAAc,EAAM,IAAI,EAAI,CAAA;KACnD;IACD,OAAO,oBAAC,QAAQ,eAAK,IAAI,IAAE,OAAO,EAAE,gBAAgB,IAAI,CAAA;AAC1D,CAAC,CAAA"}
+{"version":3,"file":"DynamicPage.js","sourceRoot":"","sources":["../../../../src/Components/Templates/DynamicPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAQT;IAPjB,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA,EACb,IAAI,cAPmB,gGAQ3B,CADQ;IAEP,IAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC/D,IAAI,aAAa,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACvC,OAAO,oBAAC,SAAS,eAAK,cAAc,EAAM,IAAI,EAAI,CAAA;IACpD,CAAC;IACD,OAAO,oBAAC,QAAQ,eAAK,IAAI,IAAE,OAAO,EAAE,gBAAgB,IAAI,CAAA;AAC1D,CAAC,CAAA"}

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

@@ -1,5 +1,11 @@
 import React from 'react';
+export declare const broadcastingOnlyEditComponentMap: {
+    dob: (props: import("@newskit-render/shared-components").FormWrapperProps) => JSX.Element;
+    gender: (props: import("@newskit-render/shared-components").FormWrapperProps) => JSX.Element;
+};
 export declare const editComponentMap: {
+    dob: (props: import("@newskit-render/shared-components").FormWrapperProps) => JSX.Element;
+    gender: (props: import("@newskit-render/shared-components").FormWrapperProps) => JSX.Element;
     address: React.FC<import("../Sections/Form/Address/types").AddressProps>;
     name: React.FC<import("@newskit-render/shared-components").FormWrapperProps>;
     email: (props: import("@newskit-render/shared-components").FormProps) => JSX.Element;

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

@@ -23,21 +23,15 @@ import FormAddress from '../Sections/Form/Address/FormAddress';
 import CommentingNotifications from '../Sections/Form/CommentingNotifications';
 import DeliveryInstructions from '../Sections/Form/DeliveryInstructions';
 import HolidayStop from '../Sections/Form/HolidayStop';
+import DateOfBirth from '../Sections/Form/DateOfBirth';
+import Gender from '../Sections/Form/Gender';
 import { mergeButtonGroupProps } from '../../helpers';
 import { ContextName } from '../../context/types';
-export var editComponentMap = {
-    address: FormAddress,
-    name: FormName,
-    email: Email,
-    displayName: DisplayName,
-    password: Password,
-    landline: Landline,
-    mobile: Mobile,
-    'commenting-notifications': CommentingNotifications,
-    'delivery-instructions': DeliveryInstructions,
-    'holiday-stop': HolidayStop,
-    vouchers: Vouchers,
+export var broadcastingOnlyEditComponentMap = {
+    dob: DateOfBirth,
+    gender: Gender,
 };
+export var editComponentMap = __assign({ address: FormAddress, name: FormName, email: Email, displayName: DisplayName, password: Password, landline: Landline, mobile: Mobile, 'commenting-notifications': CommentingNotifications, 'delivery-instructions': DeliveryInstructions, 'holiday-stop': HolidayStop, vouchers: Vouchers }, broadcastingOnlyEditComponentMap);
 var EditRenderer = function (_a) {
     var _b, _c, _d, _e, _f;
     var type = _a.type;
@@ -65,7 +59,7 @@ var EditRenderer = function (_a) {
     }
     return (React.createElement(React.Fragment, null,
         React.createElement(Header, __assign({}, header, form.header)),
-        React.createElement(SectionComponent, __assign({ "data-testid": "".concat(type, "-form") }, form.props, { buttonGroupProps: mergedButtonGroupProps, contextName: contextName }))));
+        React.createElement(SectionComponent, __assign({ "data-testid": "".concat(type, "-form") }, form.props, { baseUrl: form.baseUrl || baseUrl, buttonGroupProps: mergedButtonGroupProps, contextName: contextName }))));
 };
 export default EditRenderer;
 //# sourceMappingURL=EditRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditRenderer.js","sourceRoot":"","sources":["../../../../src/Components/Templates/EditRenderer.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AAE/E,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,WAAW,MAAM,8BAA8B,CAAA;AACtD,OAAO,QAAQ,MAAM,2BAA2B,CAAA;AAChD,OAAO,KAAK,MAAM,wBAAwB,CAAA;AAC1C,OAAO,QAAQ,MAAM,2BAA2B,CAAA;AAChD,OAAO,EAA2B,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAC1E,OAAO,QAAQ,MAAM,2BAA2B,CAAA;AAChD,OAAO,MAAM,MAAM,yBAAyB,CAAA;AAC5C,OAAO,WAAW,MAAM,sCAAsC,CAAA;AAC9D,OAAO,uBAAuB,MAAM,0CAA0C,CAAA;AAC9E,OAAO,oBAAoB,MAAM,uCAAuC,CAAA;AACxE,OAAO,WAAW,MAAM,8BAA8B,CAAA;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEjD,MAAM,CAAC,IAAM,gBAAgB,GAAG;IAC9B,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,WAAW;IACxB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,MAAM;IACd,0BAA0B,EAAE,uBAAuB;IACnD,uBAAuB,EAAE,oBAAoB;IAC7C,cAAc,EAAE,WAAW;IAC3B,QAAQ,EAAE,QAAQ;CACnB,CAAA;AAED,IAAM,YAAY,GAA+B,UAAC,EAAQ;;QAAN,IAAI,UAAA;IACtD,IAAM,WAAW,GAAG,WAAW,CAAC,SAAS,CAAA;IACnC,IAAA,KAA+C,iBAAiB,CACpE,WAAW,CACe,EAFpB,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,gBAAgB,sBAAA,EAAE,OAAO,aAEpB,CAAA;IAE5B,IAAM,eAAe,GAAG,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,cAAc,CAAA;IAEnD,mBAAmB,CAAC,eAAe,CAAC,CAAA;IACpC,IAAM,gBAAgB,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAA;IAC/C,IAAI,CAAC,gBAAgB,EAAE;QACrB,OAAO,yCAAK,CAAA;KACb;IAED,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,OAAO,CAAA;IAEzC,IAAM,sBAAsB,GAAG,qBAAqB,CAClD,OAAO,eACF,gBAAgB,GACrB,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAC5B,CAAA;IAED,IAAI,sBAAsB,CAAC,aAAa,EAAE;QACxC,sBAAsB,CAAC,aAAa,CAAC,YAAY,yBAC5C,sBAAsB,CAAC,aAAa,CAAC,YAAY,KACpD,SAAS,EAAE,UACT,CAAC,sBAAsB,CAAC,aAAa,CAAC,YAAY;gBAChD,WAAW,IAAI,sBAAsB,CAAC,aAAa,CAAC,YAAY;iBAChE,MAAA,sBAAsB,CAAC,aAAa,CAAC,YAAY,0CAAE,SAAS,CAAA,CAAC;iBAC/D,MAAA,MAAM,CAAC,KAAK,0CAAE,iBAAiB,EAAE,CAAA,CACjC,GACH,CAAA;KACF;IAED,IAAI,sBAAsB,CAAC,eAAe,EAAE;QAC1C,sBAAsB,CAAC,eAAe,CAAC,YAAY,yBAC9C,sBAAsB,CAAC,eAAe,CAAC,YAAY,KACtD,SAAS,EAAE,UACT,CAAC,sBAAsB,CAAC,eAAe,CAAC,YAAY;gBAClD,WAAW,IAAI,sBAAsB,CAAC,eAAe,CAAC,YAAY;iBAClE,MAAA,sBAAsB,CAAC,eAAe,CAAC,YAAY,0CAAE,SAAS,CAAA,CAAC;iBACjE,MAAA,MAAM,CAAC,KAAK,0CAAE,iBAAiB,EAAE,CAAA,CACjC,GACH,CAAA;KACF;IAED,OAAO,CACL;QACE,oBAAC,MAAM,eAAK,MAAM,EAAM,IAAI,CAAC,MAAM,EAAI;QACvC,oBAAC,gBAAgB,4BACF,UAAG,IAAI,UAAO,IACvB,IAAI,CAAC,KAAK,IACd,gBAAgB,EAAE,sBAAsB,EACxC,WAAW,EAAE,WAAW,IACxB,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"EditRenderer.js","sourceRoot":"","sources":["../../../../src/Components/Templates/EditRenderer.tsx"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1,115 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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));
+};
+import React, { useState } from 'react';
+import { useRouter } from 'next/router';
+import { Block, getBorderCssFromTheme, getColorCssFromTheme, GridLayout, GridLayoutItem, Stack, styled, TextBlock, } from 'newskit';
+import { usePageViewTracking } from '@newskit-render/shared-components';
+import { useAccountContext } from '../../context';
+import { ContextName, FamilyMemberStatusTypes, } from '../../context/types';
+import { getEmbeddedModeAndOnboardingQueryStatus, updateTealiumContextForOnboarding, } from '../../helpers';
+import FamilyMemberInvitationStatusVariantB from '../Elements/FamilyMemberInvitationStatusVariantB';
+var statusColors = {
+    available: { background: 'amber030', colorText: 'amber100' },
+    active: { background: 'green020', colorText: 'blue100' },
+    pending: { background: 'neutral030', colorText: 'black' },
+};
+var memberStatusMap = {
+    PENDING: 'Pending',
+    ACTIVE: 'Active',
+    AVAILABLE: 'Available',
+};
+var StyledMemberStatus = styled(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 getColorCssFromTheme('backgroundColor', statusColors[status.toLowerCase()].background);
+}, function (_a) {
+    var status = _a.status;
+    return getColorCssFromTheme('color', statusColors[status.toLowerCase()].colorText);
+}, getBorderCssFromTheme('borderRadius', 'borderRadiusRounded010'));
+var StyledTextBlock = styled(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 getColorCssFromTheme('backgroundColor', statusColors[status.toLowerCase()].background);
+}, function (_a) {
+    var status = _a.status;
+    return getColorCssFromTheme('color', statusColors[status.toLowerCase()].colorText);
+}, 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 === FamilyMemberStatusTypes.ACTIVE &&
+            b.status === FamilyMemberStatusTypes.PENDING) {
+            return -1;
+        }
+        else if (a.status === FamilyMemberStatusTypes.PENDING &&
+            b.status === FamilyMemberStatusTypes.ACTIVE) {
+            return 1;
+        }
+        else {
+            return 0; // the order remains unchanged
+        }
+    });
+};
+export var FamilyContentVariantB = function () {
+    var router = useRouter();
+    var contextName = ContextName.family;
+    var _a = useAccountContext(contextName), groupAccounts = _a.userData.groupAccounts, tealiumContext = _a.tealiumContext, allocatedMembersDefaultCount = _a.allocatedMembersDefaultCount, requestHeaders = _a.requestHeaders;
+    var _b = getEmbeddedModeAndOnboardingQueryStatus(router, requestHeaders), isUserVisitingFromOnboardingModal = _b.isUserVisitingFromOnboardingModal, isEmbeddedModeOn = _b.isEmbeddedModeOn;
+    usePageViewTracking(updateTealiumContextForOnboarding(isUserVisitingFromOnboardingModal, isEmbeddedModeOn, tealiumContext));
+    var groupAccountData = ((groupAccounts === null || groupAccounts === void 0 ? void 0 : groupAccounts.length)
+        ? groupAccounts
+        : [{ maxShares: allocatedMembersDefaultCount, shares: [] }])[0];
+    var maxShares = groupAccountData.maxShares, shares = groupAccountData.shares;
+    var _c = useState(sortMembersListByStatusType(shares)), membersList = _c[0], setMembersList = _c[1];
+    var handleRemoveMemberFromList = function (id) {
+        setMembersList(function (prevMembersList) {
+            var filteredMemberList = prevMembersList.filter(function (member) { return member.shareId !== id; });
+            return sortMembersListByStatusType(filteredMemberList);
+        });
+    };
+    // create available members if less than maxShares
+    if (membersList.length < maxShares) {
+        var availableMembers_1 = Array.from({ length: maxShares - membersList.length }, function (_) {
+            return ({
+                status: FamilyMemberStatusTypes.AVAILABLE,
+                shareId: "available-".concat(Date.now()),
+                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;
+    };
+    return (React.createElement(GridLayout, { style: { display: 'none' }, "data-testId": "op-family-content-variant-b", columnGap: "space050" },
+        React.createElement(TextBlock, { as: "span", paddingBlockEnd: "space050", typographyPreset: "editorialHeadline020" }, "Members"),
+        React.createElement(GridLayoutItem, null,
+            React.createElement(Stack, { flow: "horizontal-stretch", wrap: "wrap", paddingBlockEnd: "space070" },
+                React.createElement(Stack, { flow: 'horizontal-center', marginInlineEnd: 'space040', "data-testid": "max-shares-variant-b" },
+                    React.createElement(StyledMemberStatus, { marginInlineEnd: 'space020', typographyPreset: 'utilityLabel010', status: memberStatusMap[FamilyMemberStatusTypes.AVAILABLE] }, handleMemberStatus(FamilyMemberStatusTypes.AVAILABLE)),
+                    React.createElement(TextBlock, { typographyPreset: 'utilityBody010', "data-testid": "max-shares" }, "Available")),
+                React.createElement(Stack, { flow: 'horizontal-center', marginInlineEnd: 'space040', "data-testid": "active-members-variant-b" },
+                    React.createElement(StyledMemberStatus, { marginInlineEnd: 'space020', typographyPreset: 'utilityLabel010', status: memberStatusMap[FamilyMemberStatusTypes.ACTIVE] }, handleMemberStatus(FamilyMemberStatusTypes.ACTIVE)),
+                    React.createElement(TextBlock, { typographyPreset: 'utilityBody010' }, "Active")),
+                React.createElement(Stack, { flow: 'horizontal-center', "data-testid": "invited-members-variant-b" },
+                    React.createElement(StyledMemberStatus, { marginInlineEnd: 'space020', typographyPreset: 'utilityLabel010', status: memberStatusMap[FamilyMemberStatusTypes.PENDING] }, handleMemberStatus(FamilyMemberStatusTypes.PENDING)),
+                    React.createElement(TextBlock, { typographyPreset: 'utilityBody010' }, "Pending invite")))),
+        React.createElement(GridLayoutItem, null, membersList.map(function (share) { return (React.createElement(Block, { key: share.shareId, marginBlockEnd: "space070" },
+            React.createElement(StyledTextBlock, { typographyPreset: 'utilityLabel010', paddingBlock: 'space015', status: memberStatusMap[share.status] }, memberStatusMap[share.status]),
+            React.createElement(FamilyMemberInvitationStatusVariantB, { memberData: share, handleRemoveMemberFromList: handleRemoveMemberFromList }))); }))));
+};
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=FamilyContentVariantB.js.map

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

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