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

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

@@ -1,115 +0,0 @@
-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

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