@newskit-render/my-account 0.0.0-e7417826d → 0.0.0-e74abe310

package/dist/esm/Components/Elements/{FamilyMemberInvitationStatusVariantB/FamilyMemberInvitationStatusVariantB.js → FamilyMemberInvitationStatusVariants/FamilyMemberInvitationStatusVariants.js}

@@ -1,7 +1,3 @@
-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++) {
@@ -52,41 +48,41 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 import React, { useState, useEffect } from 'react';
 import LinkNext from 'next/link';
 import { useRouter } from 'next/router';
-import { TextBlock, Button, GridLayout, GridLayoutItem, styled, toNewsKitIcon, getColorCssFromTheme, LayerOrganizer, } from 'newskit';
+import { TextBlock, GridLayoutItem, toNewsKitIcon, LayerOrganizer, Stack, } from 'newskit';
 import merge from 'lodash.merge';
 import { Cancel } from '@emotion-icons/material-outlined/Cancel';
 import { Email } from '@emotion-icons/material/Email';
 import { DoNotDisturb } from '@emotion-icons/material/DoNotDisturb';
+import { Share } from '@emotion-icons/material/Share';
+import { Link } from '@emotion-icons/material/Link';
 import fetch from 'cross-fetch';
-import { Modal, usePageViewTracking } from '@newskit-render/shared-components';
+import { Modal } from '@newskit-render/shared-components';
 import { useAccountContext } from '../../../context';
 import { ContextName, FamilyMemberStatusTypes, } from '../../../context/types';
 import { navigationSecondaryWidth } from '../../Sections/NavigationSecondary';
 import { zIndexModal } from '../../Sections/LayoutContentContainer';
 import { replaceBaseURL } from '../../../helpers/dataUtils';
 import { getEmbeddedModeAndOnboardingQueryStatus, updateTealiumContextForOnboarding, } from '../../../helpers';
+import { StyledAlmostRoundedButOnlyOnOneSideButton, StyledBlockContainer, StyledButton, StyledGridLayout, StyledTextBlock, WordBreakSpan, } from './styled';
 var CancelOutlineIcon = toNewsKitIcon(Cancel);
 var EmailFilledIcon = toNewsKitIcon(Email);
 var DoNotDisturbFilledIcon = toNewsKitIcon(DoNotDisturb);
-var WordBreakSpan = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  word-break: break-word;\n"], ["\n  word-break: break-word;\n"])));
-var StyledGridLayout = styled(GridLayout)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border: 1px dashed;\n  ", "\n"], ["\n  border: 1px dashed;\n  ", "\n"])), getColorCssFromTheme('borderColor', 'neutral030'));
-var StyledButton = styled(Button)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  min-height: auto;\n  display: flex;\n  justify-content: start;\n  align-items: center;\n  column-gap: 4px;\n  font-size: 14px;\n  font-weight: 500;\n"], ["\n  min-height: auto;\n  display: flex;\n  justify-content: start;\n  align-items: center;\n  column-gap: 4px;\n  font-size: 14px;\n  font-weight: 500;\n"
-    // eslint-disable-next-line
-])));
+var ShareFilledIcon = toNewsKitIcon(Share);
+var LinkIcon = toNewsKitIcon(Link);
 // eslint-disable-next-line
 var emailAddressWithSpecialCharactersRegex = '[A-Za-z0-9._%+*@]*@[A-Za-z0-9.-]*.[A-Za-z]{2,}';
-export var FamilyMemberInvitationStatusVariantB = function (_a) {
-    var _b = _a.memberData, memberInvitationStatus = _b.status, _c = _b.firstName, firstName = _c === void 0 ? '' : _c, _d = _b.lastName, lastName = _d === void 0 ? '' : _d, memberId = _b.shareId, email = _b.email, handleRemoveMemberFromList = _a.handleRemoveMemberFromList;
+export var FamilyMemberInvitationStatusVariants = function (_a) {
+    var _b = _a.memberData, memberInvitationStatus = _b.status, _c = _b.firstName, firstName = _c === void 0 ? '' : _c, _d = _b.lastName, lastName = _d === void 0 ? '' : _d, memberId = _b.shareId, email = _b.email, _e = _b.shareableLink, shareableLink = _e === void 0 ? '' : _e, _f = _b.sharingType, sharingType = _f === void 0 ? '' : _f, handleRemoveMemberFromList = _a.handleRemoveMemberFromList, handleShareLinkCreation = _a.handleShareLinkCreation, handleSharingLink = _a.handleSharingLink, isMobile = _a.isMobile;
     var contextName = ContextName.family;
-    var _e = useAccountContext(contextName), memberGridLayoutOverrides = _e.memberGridLayoutOverrides, removeMemberButtonOverrides = _e.removeMemberButtonOverrides, memberNameOverrides = _e.memberNameOverrides, memberEmailOverrides = _e.memberEmailOverrides, confirmationModalOverrides = _e.confirmationModalOverrides, cancelInviteConfirmationModalOverrides = _e.cancelInviteConfirmationModalOverrides, removeMemberConfirmationModalOverrides = _e.removeMemberConfirmationModalOverrides, handleSuccess = _e.handleLoading, handleError = _e.handleError, genericErrorMessage = _e.genericErrorMessage, errorMessages = _e.errorMessages, navigationPrimary = _e.navigationPrimary, addMemberButtonOverrides = _e.addMemberButtonOverrides, baseUrl = _e.baseUrl, requestHeaders = _e.requestHeaders, tealiumContext = _e.tealiumContext;
+    var _g = useAccountContext(contextName), memberGridLayoutOverrides = _g.memberGridLayoutOverrides, removeMemberButtonOverrides = _g.removeMemberButtonOverrides, memberNameOverrides = _g.memberNameOverrides, memberEmailOverrides = _g.memberEmailOverrides, confirmationModalOverrides = _g.confirmationModalOverrides, cancelInviteConfirmationModalOverrides = _g.cancelInviteConfirmationModalOverrides, removeMemberConfirmationModalOverrides = _g.removeMemberConfirmationModalOverrides, handleSuccess = _g.handleLoading, handleError = _g.handleError, genericErrorMessage = _g.genericErrorMessage, errorMessages = _g.errorMessages, navigationPrimary = _g.navigationPrimary, addMemberButtonOverrides = _g.addMemberButtonOverrides, baseUrl = _g.baseUrl, requestHeaders = _g.requestHeaders, copyButtonOverrides = _g.copyButtonOverrides, shareButtonOverrides = _g.shareButtonOverrides, header = _g.header;
     var router = useRouter();
     var householdingOnboardingQueryParam = 'householdingOnboarding';
     var isMemberInvitationStatusActive = memberInvitationStatus === FamilyMemberStatusTypes.ACTIVE;
     var isMemberInvitationStatusPending = memberInvitationStatus === FamilyMemberStatusTypes.PENDING;
     var isMemberInvitationStatusAvailable = memberInvitationStatus === FamilyMemberStatusTypes.AVAILABLE;
-    var _f = useState(false), isModalVisible = _f[0], setIsModalVisible = _f[1];
-    var _g = useState(confirmationModalOverrides), mergedConfirmationModalOverrides = _g[0], setMergedConfirmationModalOverrides = _g[1];
-    var _h = useState(false), isLoading = _h[0], setIsLoading = _h[1];
+    var _h = useState(false), isModalVisible = _h[0], setIsModalVisible = _h[1];
+    var _j = useState(confirmationModalOverrides), mergedConfirmationModalOverrides = _j[0], setMergedConfirmationModalOverrides = _j[1];
+    var _k = useState(false), isLoading = _k[0], setIsLoading = _k[1];
     var handleShowConfirmationModalButtonClick = function () { return setIsModalVisible(true); };
     var handleCloseConfirmationModalButtonClick = function () { return setIsModalVisible(false); };
     var handleConfirmationModalSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -121,10 +117,12 @@ export var FamilyMemberInvitationStatusVariantB = function (_a) {
             }
         });
     }); };
-    var _j = getEmbeddedModeAndOnboardingQueryStatus(router, requestHeaders), isUserVisitingFromOnboardingModal = _j.isUserVisitingFromOnboardingModal, isEmbeddedModeOn = _j.isEmbeddedModeOn;
-    usePageViewTracking(updateTealiumContextForOnboarding(isUserVisitingFromOnboardingModal, isEmbeddedModeOn, tealiumContext));
-    var _k = useState(addMemberButtonOverrides.eventContext), addMemberButtonEventContext = _k[0], setAddMemberButtonEventContext = _k[1];
-    var _l = useState(replaceBaseURL(baseUrl, addMemberButtonOverrides.href)), addMemberButtonUrl = _l[0], setAddMemberButtonUrl = _l[1];
+    var _l = getEmbeddedModeAndOnboardingQueryStatus(router, requestHeaders), isUserVisitingFromOnboardingModal = _l.isUserVisitingFromOnboardingModal, isEmbeddedModeOn = _l.isEmbeddedModeOn;
+    var _m = useState(addMemberButtonOverrides.eventContext), addMemberButtonEventContext = _m[0], setAddMemberButtonEventContext = _m[1];
+    var _o = useState(replaceBaseURL(baseUrl, addMemberButtonOverrides.href)), addMemberButtonUrl = _o[0], setAddMemberButtonUrl = _o[1];
+    var isInvitePendingLink = shareableLink &&
+        memberInvitationStatus === 'PENDING' &&
+        sharingType === 'SHARE_VIA_LINK';
     useEffect(function () {
         if (isUserVisitingFromOnboardingModal) {
             setAddMemberButtonUrl("".concat(addMemberButtonUrl, "?").concat(householdingOnboardingQueryParam, "=true"));
@@ -145,14 +143,24 @@ export var FamilyMemberInvitationStatusVariantB = function (_a) {
                 ? "(".concat(firstName, "|").concat(lastName, ")")
                 : ''
             : emailAddressWithSpecialCharactersRegex;
+        var descriptionDefault = [
+            confirmationModalOverridesByMemberStatus.introduction.descriptionFirstParagraph.replace('${memberIdentity}', memberIdentityByStatus),
+            confirmationModalOverridesByMemberStatus.introduction
+                .descriptionSecondParagraph,
+        ];
+        var descriptionVariantC = [
+            confirmationModalOverridesByMemberStatus.introduction
+                .descriptionFirstParagraphVariantC,
+            confirmationModalOverridesByMemberStatus.introduction
+                .descriptionSecondParagraphVariantC,
+        ];
+        var isMergedModalOverridesDescription = isInvitePendingLink
+            ? descriptionVariantC
+            : descriptionDefault;
         var mergedModalOverrides = merge({}, confirmationModalOverrides, {
             introduction: {
                 title: confirmationModalOverridesByMemberStatus.introduction.title,
-                description: [
-                    confirmationModalOverridesByMemberStatus.introduction.descriptionFirstParagraph.replace('${memberIdentity}', memberIdentityByStatus),
-                    confirmationModalOverridesByMemberStatus.introduction
-                        .descriptionSecondParagraph,
-                ],
+                description: isMergedModalOverridesDescription,
                 makeBoldTextRegEx: memberIdentityRegexPattern,
                 makeBoldTextRegExFlags: 'g',
             },
@@ -166,24 +174,60 @@ export var FamilyMemberInvitationStatusVariantB = function (_a) {
         setMergedConfirmationModalOverrides(mergedModalOverrides);
     }, [isMemberInvitationStatusActive]);
     return (React.createElement(React.Fragment, null,
-        React.createElement(StyledGridLayout, { columns: memberGridLayoutOverrides.columns, justifyContent: memberGridLayoutOverrides.justifyContent, overrides: {
+        React.createElement(StyledGridLayout, { "data-testid": "".concat(memberInvitationStatus.toLowerCase(), "-card"), columns: isInvitePendingLink ? 'unset' : memberGridLayoutOverrides.columns, justifyContent: memberGridLayoutOverrides.justifyContent, status: memberInvitationStatus, overrides: {
                 paddingBlock: 'space050',
                 paddingInline: 'space040',
             } },
             React.createElement(GridLayoutItem, null,
-                React.createElement(TextBlock, { stylePreset: memberNameOverrides.stylePreset, typographyPreset: memberNameOverrides.typographyPreset, marginBlockEnd: memberInvitationStatus === 'AVAILABLE' ? 'space050 ' : 'space030', "data-testid": "member-name" },
+                React.createElement(TextBlock, { stylePreset: memberNameOverrides.stylePreset, typographyPreset: memberNameOverrides.typographyPreset, marginBlockEnd: "space030", "data-testid": "member-name" },
                     React.createElement(WordBreakSpan, null, memberInvitationStatus === 'AVAILABLE'
                         ? 'Invite a member'
-                        : "".concat(firstName, " ").concat(lastName))),
-                React.createElement(TextBlock, { marginBlockEnd: "space050", typographyPreset: memberEmailOverrides.typographyPreset, stylePreset: memberEmailOverrides.stylePreset },
-                    React.createElement(WordBreakSpan, null, email)),
-                isMemberInvitationStatusAvailable ? (React.createElement(React.Fragment, null,
+                        : isInvitePendingLink
+                            ? 'Share a link'
+                            : "".concat(firstName, " ").concat(lastName))),
+                email && (React.createElement(TextBlock, { marginBlockEnd: "space050", typographyPreset: memberEmailOverrides.typographyPreset, stylePreset: memberEmailOverrides.stylePreset },
+                    React.createElement(WordBreakSpan, null, email))),
+                isInvitePendingLink && (React.createElement(StyledBlockContainer, { marginBlockEnd: "space050" },
+                    React.createElement(StyledTextBlock, { paddingInline: "space030", paddingBlock: "space030", typographyPreset: "utilityBody010", stylePreset: memberEmailOverrides.stylePreset, "data-testid": "shareable-link" }, shareableLink),
+                    React.createElement(StyledAlmostRoundedButOnlyOnOneSideButton, { "data-testid": isMobile ? 'share-cta' : 'copy-cta', overrides: {
+                            typographyPreset: 'utilityButton010',
+                            marginBlock: 'space030',
+                            paddingBlock: 'space030',
+                        }, onClick: function () { return handleSharingLink(shareableLink); }, eventContext: isMobile
+                            ? shareButtonOverrides.eventContext
+                            : copyButtonOverrides.eventContext },
+                        isMobile ? (React.createElement(ShareFilledIcon, { overrides: {
+                                size: 'size040',
+                                marginBlock: 'space000',
+                                marginInline: 'space000',
+                            } })) : (React.createElement(LinkIcon, { overrides: {
+                                size: 'size040',
+                                marginBlock: 'space000',
+                                marginInline: 'space000',
+                            } })),
+                        isMobile ? 'Share' : 'Copy'))),
+                memberInvitationStatus === 'AVAILABLE' && (React.createElement(TextBlock, { marginBlockEnd: "space050", typographyPreset: memberEmailOverrides.typographyPreset, stylePreset: memberEmailOverrides.stylePreset },
+                    React.createElement(TextBlock, { "data-experiment-id": "op-family-content-variant-c" }, "Send by email or share a link"))),
+                isMemberInvitationStatusAvailable ? (React.createElement(Stack, { flow: "horizontal-stretch", inline: true, height: "unset" },
                     React.createElement(LinkNext, { href: addMemberButtonUrl, legacyBehavior: true },
-                        React.createElement(StyledButton, { size: removeMemberButtonOverrides.size, overrides: removeMemberButtonOverrides.overrides, href: addMemberButtonUrl, eventContext: { addMemberButtonEventContext: addMemberButtonEventContext }, "data-testid": "add-members-email" },
+                        React.createElement(StyledButton, { size: removeMemberButtonOverrides.size, overrides: removeMemberButtonOverrides.overrides, href: addMemberButtonUrl, eventContext: {
+                                eventOriginator: 'button',
+                                eventContext: {
+                                    event_navigation_action: 'navigation',
+                                    event_navigation_name: 'bonus account: share via email',
+                                    event_navigation_browsing_method: 'click',
+                                    page_name: header.title,
+                                },
+                            }, "data-testid": "add-members-email" },
                             React.createElement(EmailFilledIcon, { overrides: {
                                     size: 'sizing040',
                                 } }),
-                            "Email")))) : (React.createElement(StyledButton, { size: removeMemberButtonOverrides.size, overrides: removeMemberButtonOverrides.overrides, onClick: handleShowConfirmationModalButtonClick, "data-testid": "remove-member-button", eventContext: __assign(__assign({}, removeMemberButtonOverrides.eventContext), { event_navigation_name: isMemberInvitationStatusActive
+                            "Email")),
+                    React.createElement(StyledButton, { "data-experiment-id": "op-family-content-variant-c", size: removeMemberButtonOverrides.size, overrides: removeMemberButtonOverrides.overrides, onClick: function () { return handleShareLinkCreation(memberId); }, eventContext: { addMemberButtonEventContext: addMemberButtonEventContext }, "data-testid": "share-link" },
+                        React.createElement(ShareFilledIcon, { overrides: {
+                                size: 'sizing040',
+                            } }),
+                        "Share a link"))) : (React.createElement(StyledButton, { size: removeMemberButtonOverrides.size, overrides: removeMemberButtonOverrides.overrides, onClick: handleShowConfirmationModalButtonClick, "data-testid": "remove-member-button-variants", eventContext: __assign(__assign({}, removeMemberButtonOverrides.eventContext), { event_navigation_name: isMemberInvitationStatusActive
                             ? removeMemberButtonOverrides.eventNavigationNameRemove
                             : removeMemberButtonOverrides.eventNavigationNameCancel }) },
                     isMemberInvitationStatusActive && (React.createElement(React.Fragment, null,
@@ -199,5 +243,4 @@ export var FamilyMemberInvitationStatusVariantB = function (_a) {
         isModalVisible && (React.createElement(LayerOrganizer, { zIndex: zIndexModal },
             React.createElement(Modal, __assign({ open: isModalVisible, onDismiss: handleCloseConfirmationModalButtonClick }, mergedConfirmationModalOverrides, { buttonGroup: __assign(__assign({}, mergedConfirmationModalOverrides.buttonGroup), { loading: isLoading }), useFixedWrapper: true, fixedWrapperLeft: navigationSecondaryWidth, fixedWrapperTop: (navigationPrimary === null || navigationPrimary === void 0 ? void 0 : navigationPrimary.navMinHeight) || '' }))))));
 };
-var templateObject_1, templateObject_2, templateObject_3;
-//# sourceMappingURL=FamilyMemberInvitationStatusVariantB.js.map
+//# sourceMappingURL=FamilyMemberInvitationStatusVariants.js.map

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

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

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

@@ -0,0 +1,2 @@
+import { FamilyMemberInvitationStatusVariants } from './FamilyMemberInvitationStatusVariants';
+export default FamilyMemberInvitationStatusVariants;

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

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

package/dist/esm/Components/Elements/{FamilyMemberInvitationStatusVariantB → FamilyMemberInvitationStatusVariants}/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/FamilyMemberInvitationStatusVariantB/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oCAAoC,EAAE,MAAM,wCAAwC,CAAA;AAE7F,eAAe,oCAAoC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/FamilyMemberInvitationStatusVariants/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oCAAoC,EAAE,MAAM,wCAAwC,CAAA;AAE7F,eAAe,oCAAoC,CAAA"}

package/dist/esm/Components/Elements/FamilyMemberInvitationStatusVariants/styled.d.ts

@@ -0,0 +1,44 @@
+import { StatusProps } from './types';
+export declare const StyledTextBlock: import("@emotion/styled").StyledComponent<import("newskit").TextBlockProps & import("react").RefAttributes<HTMLParagraphElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledBlockContainer: import("@emotion/styled").StyledComponent<import("newskit").BlockProps & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledAlmostRoundedButOnlyOnOneSideButton: import("@emotion/styled").StyledComponent<((import("newskit").ButtonOrButtonLinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>) & {
+    theme?: import("@emotion/react").Theme;
+}) & {}, {}, {}>;
+export declare const WordBreakSpan: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const StyledGridLayout: import("@emotion/styled").StyledComponent<{
+    rowGap?: import("newskit").MQ<string> | undefined;
+    columnGap?: import("newskit").MQ<string> | undefined;
+    rows?: import("newskit").MQ<string> | undefined;
+    columns?: import("newskit").MQ<string> | undefined;
+    justifyContent?: import("newskit").MQ<string> | undefined;
+    alignContent?: import("newskit").MQ<string> | undefined;
+    justifyItems?: import("newskit").MQ<string> | undefined;
+    alignItems?: import("newskit").MQ<string> | undefined;
+    areas?: import("newskit").MQ<string> | undefined;
+    inline?: import("newskit").MQ<boolean> | undefined;
+    autoColumns?: import("newskit").MQ<string> | undefined;
+    autoRows?: import("newskit").MQ<string> | undefined;
+    autoFlow?: import("newskit").MQ<string> | undefined;
+    children?: React.ReactNode | import("newskit/cjs/grid-layout/types").GridLayoutRenderProps;
+    as?: React.ElementType<any> | undefined;
+    overrides?: ({
+        width?: import("newskit").MQ<string> | undefined;
+        minWidth?: import("newskit").MQ<string> | undefined;
+        maxWidth?: import("newskit").MQ<string> | undefined;
+        height?: import("newskit").MQ<string> | undefined;
+        minHeight?: import("newskit").MQ<string> | undefined;
+        maxHeight?: import("newskit").MQ<string> | undefined;
+    } & import("newskit/cjs/utils/logical-properties").LogicalProps) | undefined;
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+} & StatusProps, {}, {}>;
+export declare const StyledButton: import("@emotion/styled").StyledComponent<((import("newskit").ButtonOrButtonLinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>) & {
+    theme?: import("@emotion/react").Theme;
+}) & {}, {}, {}>;

package/dist/esm/Components/Elements/FamilyMemberInvitationStatusVariants/styled.js

@@ -0,0 +1,16 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { Block, Button, getColorCssFromTheme, GridLayout, styled, TextBlock, } from 'newskit';
+export var StyledTextBlock = styled(TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  outline: 1px solid #eeeeee;\n  border-radius: 4px 0px 0px 4px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  max-width: 430px;\n  grid-area: a;\n"], ["\n  outline: 1px solid #eeeeee;\n  border-radius: 4px 0px 0px 4px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  max-width: 430px;\n  grid-area: a;\n"])));
+export var StyledBlockContainer = styled(Block)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: grid;\n  grid-template-areas: 'a a b';\n  align-items: center;\n  max-height: 34px;\n"], ["\n  display: grid;\n  grid-template-areas: 'a a b';\n  align-items: center;\n  max-height: 34px;\n"])));
+export var StyledAlmostRoundedButOnlyOnOneSideButton = styled(Button)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border-radius: 0px 4px 4px 0px;\n  min-height: 34px;\n  max-height: 34px;\n  grid-area: b;\n"], ["\n  border-radius: 0px 4px 4px 0px;\n  min-height: 34px;\n  max-height: 34px;\n  grid-area: b;\n"])));
+export var WordBreakSpan = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  word-break: break-word;\n"], ["\n  word-break: break-word;\n"])));
+export var StyledGridLayout = styled(GridLayout)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  min-height: 128px;\n  border: ", ";\n  ", "\n"], ["\n  min-height: 128px;\n  border: ", ";\n  ", "\n"])), function (_a) {
+    var status = _a.status;
+    return status === 'AVAILABLE' ? '1px dashed' : '1px solid';
+}, getColorCssFromTheme('borderColor', 'neutral030'));
+export var StyledButton = styled(Button)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  min-height: auto;\n  display: flex;\n  justify-content: start;\n  align-items: center;\n  column-gap: 4px;\n  font-size: 14px;\n  font-weight: 500;\n"], ["\n  min-height: auto;\n  display: flex;\n  justify-content: start;\n  align-items: center;\n  column-gap: 4px;\n  font-size: 14px;\n  font-weight: 500;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=styled.js.map

package/dist/esm/Components/Elements/FamilyMemberInvitationStatusVariants/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/FamilyMemberInvitationStatusVariants/styled.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EACL,KAAK,EACL,MAAM,EACN,oBAAoB,EACpB,UAAU,EACV,MAAM,EACN,SAAS,GACV,MAAM,SAAS,CAAA;AAGhB,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,wPAAA,qLAQ/C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,KAAK,CAAC,uKAAA,oGAKhD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,yCAAyC,GAAG,MAAM,CAAC,MAAM,CAAC,qKAAA,kGAKtE,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,IAAI,kGAAA,+BAEvC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,sHAAa,oCAEnD,EAC2C,OACnD,EAAiD,IACpD,KAHW,UAAC,EAAU;QAAR,MAAM,YAAA;IACjB,OAAA,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW;AAAnD,CAAmD,EACnD,oBAAoB,CAAC,aAAa,EAAE,YAAY,CAAC,CACpD,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,8NAAA,2JAQzC,IAAA,CAAA"}

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

@@ -0,0 +1,12 @@
+import { FamilyMemberStatusTypes } from '../../../context/types';
+import { MemberShare } from '../../../pages/types';
+export interface FamilyMemberInvitationStatusProps {
+    memberData: MemberShare;
+    handleRemoveMemberFromList: (id: string) => void;
+    handleShareLinkCreation: (id: string) => void;
+    handleSharingLink: (shareableLink: string) => void;
+    isMobile: boolean;
+}
+export interface StatusProps {
+    status: FamilyMemberStatusTypes;
+}

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

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

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

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

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

@@ -0,0 +1,17 @@
+import React, { FC } from 'react';
+import { BlockProps, ButtonOverrides } from 'newskit';
+import { EventContext } from '@newskit-render/shared-components';
+export interface ForwardButtonProps extends React.HTMLAttributes<HTMLDivElement> {
+    label: string;
+    button?: {
+        text?: string;
+        href?: string;
+    };
+    baseUrl?: string;
+    icon?: React.ReactNode;
+    onClick?: (MouseEvent: any) => void;
+    buttonOverrides?: ButtonOverrides;
+    eventContext?: EventContext;
+    dataTestId?: string;
+}
+export declare const ForwardButton: FC<ForwardButtonProps & BlockProps>;

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

@@ -0,0 +1,36 @@
+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 React from 'react';
+import { Block, Button, TextBlock, toNewsKitIcon, } from 'newskit';
+import { KeyboardArrowRight } from '@emotion-icons/material';
+import { replaceBaseURL } from '../../../helpers';
+var IconFilledKeyboardArrowRight = toNewsKitIcon(KeyboardArrowRight);
+export var ForwardButton = function (_a) {
+    var label = _a.label, icon = _a.icon, _b = _a.button, _c = _b === void 0 ? {} : _b, text = _c.text, href = _c.href, _d = _a.baseUrl, baseUrl = _d === void 0 ? '' : _d, buttonOverrides = _a.buttonOverrides, eventContext = _a.eventContext, _e = _a.dataTestId, dataTestId = _e === void 0 ? 'forward-button' : _e, onClick = _a.onClick, rest = __rest(_a, ["label", "icon", "button", "baseUrl", "buttonOverrides", "eventContext", "dataTestId", "onClick"]);
+    return (React.createElement(Block, __assign({}, rest),
+        React.createElement(TextBlock, { as: "span", stylePreset: "inkBase" }, label),
+        text && (React.createElement(Button, __assign({ "data-testid": dataTestId, overrides: __assign({ stylePreset: 'buttonMinimalPrimary' }, buttonOverrides), eventContext: eventContext }, (href ? { href: replaceBaseURL(baseUrl, href) } : {}), { onClick: onClick }),
+            text,
+            icon || React.createElement(IconFilledKeyboardArrowRight, null)))));
+};
+//# sourceMappingURL=ForwardButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ForwardButton.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ForwardButton/ForwardButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EACL,KAAK,EAEL,MAAM,EAEN,SAAS,EACT,aAAa,GACd,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,IAAM,4BAA4B,GAAG,aAAa,CAAC,kBAAkB,CAAC,CAAA;AAiBtE,MAAM,CAAC,IAAM,aAAa,GAAwC,UAAC,EAUlE;IATC,IAAA,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,cAA2B,EAA3B,qBAAyB,EAAE,KAAA,EAAjB,IAAI,UAAA,EAAE,IAAI,UAAA,EACpB,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,kBAA6B,EAA7B,UAAU,mBAAG,gBAAgB,KAAA,EAC7B,OAAO,aAAA,EACJ,IAAI,cAT0D,kGAUlE,CADQ;IAEP,OAAO,CACL,oBAAC,KAAK,eAAK,IAAI;QACb,oBAAC,SAAS,IAAC,EAAE,EAAC,MAAM,EAAC,WAAW,EAAC,SAAS,IACvC,KAAK,CACI;QACX,IAAI,IAAI,CACP,oBAAC,MAAM,4BACQ,UAAU,EACvB,SAAS,aACP,WAAW,EAAE,sBAAsB,IAChC,eAAe,GAEpB,YAAY,EAAE,YAAY,IACtB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IACzD,OAAO,EAAE,OAAO;YAEf,IAAI;YACJ,IAAI,IAAI,oBAAC,4BAA4B,OAAG,CAClC,CACV,CACK,CACT,CAAA;AACH,CAAC,CAAA"}

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

@@ -7,7 +7,7 @@ var AccountHead = function (_a) {
     return (React.createElement(Head, null,
         React.createElement("title", null, head &&
             "\n        ".concat(head.pageTitle ? head.pageTitle : '', "\n        ").concat(head.pageTitle && head.siteTitle ? ' | ' : '', " \n        ").concat(head.siteTitle ? head.siteTitle : '')),
-        head.pageMetaDescription && (React.createElement("meta", { name: "description", content: head.pageMetaDescription }))));
+        (head === null || head === void 0 ? void 0 : head.pageMetaDescription) && (React.createElement("meta", { name: "description", content: head === null || head === void 0 ? void 0 : head.pageMetaDescription }))));
 };
 export default AccountHead;
 //# sourceMappingURL=Head.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Head.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/Head/Head.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAGpD,IAAM,WAAW,GAA+B,UAAC,EAAe;QAAb,WAAW,iBAAA;IACpD,IAAA,IAAI,GAAK,iBAAiB,CAAC,WAAW,CAAC,KAAnC,CAAmC;IAC/C,OAAO,CACL,oBAAC,IAAI;QACH,mCACG,IAAI;YACH,oBACA,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,uBACpC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,wBAC7C,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,CAClC;QACP,IAAI,CAAC,mBAAmB,IAAI,CAC3B,8BAAM,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,IAAI,CAAC,mBAAmB,GAAS,CACpE,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"Head.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/Head/Head.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAGpD,IAAM,WAAW,GAA+B,UAAC,EAAe;QAAb,WAAW,iBAAA;IACpD,IAAA,IAAI,GAAK,iBAAiB,CAAC,WAAW,CAAC,KAAnC,CAAmC;IAC/C,OAAO,CACL,oBAAC,IAAI;QACH,mCACG,IAAI;YACH,oBACA,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,uBACpC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,wBAC7C,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,CAClC;QACP,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,mBAAmB,KAAI,CAC5B,8BAAM,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,mBAAmB,GAAS,CACrE,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -3,4 +3,6 @@ declare const IconPaypal: import("newskit").NewsKitIcon;
 declare const IconApplePay: import("newskit").NewsKitIcon;
 declare const IconGooglePay: import("newskit").NewsKitIcon;
 declare const IconDirectDebit: import("newskit").NewsKitIcon;
-export { IconCreditCard, IconPaypal, IconApplePay, IconGooglePay, IconDirectDebit, };
+declare const IconSpinner: import("newskit").NewsKitIcon;
+declare const IconTimesT: import("newskit").NewsKitIcon;
+export { IconCreditCard, IconPaypal, IconApplePay, IconGooglePay, IconDirectDebit, IconSpinner, IconTimesT, };

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

@@ -28,5 +28,17 @@ var IconGooglePay = customToNewsKitIcon('IconGooglePay', function (props) { retu
     React.createElement("path", { d: "M4.05307 8.64666C4.63266 8.63511 5.18974 8.8604 5.60615 9.27056L6.76533 8.08053C6.02818 7.37575 5.06032 6.9887 4.05307 7.00025C2.5225 7.00025 1.12135 7.88989 0.434845 9.29367L1.77972 10.3682C2.10047 9.38032 2.99517 8.64666 4.05307 8.64666Z", fill: "#EA4335" }))); });
 var IconDirectDebit = customToNewsKitIcon('IconDirectDebit', function (props) { return (React.createElement(Svg, __assign({}, props, { viewBox: "0 0 24 24" }),
     React.createElement("path", { d: "M12.4626 10.18V17.74C12.4626 17.74 8.04982 16.97 8.04982 13.96C8.04982 11.51 11.3238 10.46 12.4626 10.18ZM12.4626 10.04C9.82918 9.83 3.77936 11.09 3.77936 13.75C3.77936 15.5 6.98221 18.09 12.1779 18.16C12.3915 18.16 18.2989 17.95 18.2278 11.65C18.1566 6.4 14.1708 5.49 12.8897 5.28V5C18.0142 5.35 22 8.36 22 12C22 15.85 17.516 19 11.9644 19C6.48399 19 2 15.85 2 12C2 8.15 6.48399 5 11.9644 5C12.1068 5 12.3203 5 12.4626 5V10.04Z", fill: "#0A0A0A" }))); });
-export { IconCreditCard, IconPaypal, IconApplePay, IconGooglePay, IconDirectDebit, };
+var IconSpinner = customToNewsKitIcon('IconSpinner', function (props) { return (React.createElement(Svg, __assign({}, props, { viewBox: "0 0 66 66" }),
+    React.createElement("defs", null,
+        React.createElement("linearGradient", { x1: "3.99322463%", y1: "117.257249%", x2: "100%", y2: "117.257249%", id: "linearGradient-1" },
+            React.createElement("stop", { className: "spinner-stop-0", stopColor: "#FFFFFF", stopOpacity: "0.1", offset: "0%" }),
+            React.createElement("stop", { className: "spinner-stop-1", stopColor: "#1D1D1B", offset: "100%" }),
+            React.createElement("stop", { className: "spinner-stop-2", stopColor: "#1D1D1B", stopOpacity: "0.4", offset: "100%" }))),
+    React.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+        React.createElement("g", { id: "Group" },
+            React.createElement("circle", { fillOpacity: "0.01", fill: "#FFFFFF", cx: "33", cy: "33", r: "33" }),
+            React.createElement("path", { d: "M59.2489423,60.5725901 C58.656567,61.1517127 57.7068803,61.1409692 57.1277577,60.5485939 C56.5486351,59.9562186 56.5593785,59.0065319 57.1517538,58.4274093 C62.770122,52.934736 66.0000003,45.3963788 66.0000003,37.333301 C66.0000003,21.1293386 53.0125867,7.9999997 37.0000003,7.9999997 C20.9874139,7.9999997 8.0000003,21.1293386 8.0000003,37.333301 C8.0000003,38.1617281 7.32842743,38.833301 6.5000003,38.833301 C5.67157318,38.833301 5.0000003,38.1617281 5.0000003,37.333301 C5.0000003,19.4797392 19.323217,4.9999997 37.0000003,4.9999997 C54.6767836,4.9999997 69.0000003,19.4797392 69.0000003,37.333301 C69.0000003,46.2108671 65.4397577,54.5202764 59.2489423,60.5725901 Z", fill: "url(#linearGradient-1)", fillRule: "nonzero", transform: "translate(37.000000, 33.000000) rotate(-270.000000) translate(-37.000000, -33.000000) " }))))); });
+var IconTimesT = customToNewsKitIcon('IconTimesT', function (props) { return (React.createElement(Svg, __assign({}, props, { viewBox: "0 0 25 27" }),
+    React.createElement("path", { fillRule: "evenodd", transform: "matrix(-1 0 0 1 46 -21)", d: "M36.338 21H21.62L21 28.644l.445.179s4.154-4.415 4.949-5.171c.793-.755 1.374-.943 1.883-1.12 1.056-.286 2.209-.275 2.209-.275h.03v23.468l-3.9 1.907V48h13.767v-.368l-3.9-1.907V22.257h.03s1.152-.01 2.209.274c.509.178 1.09.366 1.883 1.12.796.757 4.949 5.172 4.949 5.172l.446-.18L45.38 21h-9.046" }))); });
+export { IconCreditCard, IconPaypal, IconApplePay, IconGooglePay, IconDirectDebit, IconSpinner, IconTimesT, };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/Icons/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAA;AAE/D,IAAM,cAAc,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;AAEhD,IAAM,UAAU,GAAG,mBAAmB,CAAC,YAAY,EAAE,UAAC,KAAK,IAAK,OAAA,CAC9D,oBAAC,GAAG,eAAK,KAAK,IAAE,OAAO,EAAC,WAAW;IACjC,2CACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,y6BAAy6B,EAC36B,IAAI,EAAC,SAAS,GACd;IACF,2CACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,ugBAAugB,EACzgB,IAAI,EAAC,SAAS,GACd;IACF,2CACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,0hBAA0hB,EAC5hB,IAAI,EAAC,SAAS,GACd;IACF,2CACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,8jBAA8jB,EAChkB,IAAI,EAAC,SAAS,GACd,CACE,CACP,EA3B+D,CA2B/D,CAAC,CAAA;AAEF,IAAM,YAAY,GAAG,mBAAmB,CAAC,cAAc,EAAE,UAAC,KAAK,IAAK,OAAA,CAClE,oBAAC,GAAG,eAAK,KAAK,IAAE,OAAO,EAAC,WAAW;IACjC,2CACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,8sEAA8sE,EAChtE,IAAI,EAAC,OAAO,GACZ,CACE,CACP,EATmE,CASnE,CAAC,CAAA;AAEF,IAAM,aAAa,GAAG,mBAAmB,CAAC,eAAe,EAAE,UAAC,KAAK,IAAK,OAAA,CACpE,oBAAC,GAAG,eAAK,KAAK,IAAE,OAAO,EAAC,WAAW;IACjC,2CACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,2+CAA2+C,EAC7+C,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,oMAAoM,EACtM,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,iPAAiP,EACnP,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,sJAAsJ,EACxJ,IAAI,EAAC,SAAS,GACd;IACF,8BACE,CAAC,EAAC,iPAAiP,EACnP,IAAI,EAAC,SAAS,GACd,CACE,CACP,EAzBqE,CAyBrE,CAAC,CAAA;AAEF,IAAM,eAAe,GAAG,mBAAmB,CAAC,iBAAiB,EAAE,UAAC,KAAK,IAAK,OAAA,CACxE,oBAAC,GAAG,eAAK,KAAK,IAAE,OAAO,EAAC,WAAW;IACjC,8BACE,CAAC,EAAC,8aAA8a,EAChb,IAAI,EAAC,SAAS,GACd,CACE,CACP,EAPyE,CAOzE,CAAC,CAAA;AAEF,OAAO,EACL,cAAc,EACd,UAAU,EACV,YAAY,EACZ,aAAa,EACb,eAAe,GAChB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/Icons/index.tsx"],"names":[],"mappings":"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"}

package/dist/esm/Components/Elements/ListItemComponents/ItemFooter.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import { MQ } from 'newskit';
+export interface ItemFooterProps {
+    dataTestId?: string;
+    content: string | ReactNode;
+    props?: {
+        textOverrides?: {
+            paddingBlock?: MQ<string>;
+            paddingInline?: MQ<string>;
+            typographyPreset?: MQ<string>;
+            stylePreset?: MQ<string>;
+        };
+    };
+}
+export declare const ItemFooter: React.FC<ItemFooterProps>;

package/dist/esm/Components/Elements/ListItemComponents/ItemFooter.js

@@ -0,0 +1,20 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { GridLayout, GridLayoutItem, TextBlock } from 'newskit';
+export var ItemFooter = function (_a) {
+    var props = _a.props, dataTestId = _a.dataTestId, content = _a.content;
+    return (React.createElement(GridLayout, null,
+        React.createElement(GridLayoutItem, { paddingBlockStart: "space040" },
+            React.createElement(TextBlock, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, props === null || props === void 0 ? void 0 : props.textOverrides, { "data-testid": dataTestId }), content))));
+};
+//# sourceMappingURL=ItemFooter.js.map

package/dist/esm/Components/Elements/ListItemComponents/ItemFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemFooter.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ListItemComponents/ItemFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAM,SAAS,EAAE,MAAM,SAAS,CAAA;AAenE,MAAM,CAAC,IAAM,UAAU,GAA8B,UAAC,EAIrD;QAHC,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,OAAO,aAAA;IACH,OAAA,CACJ,oBAAC,UAAU;QACT,oBAAC,cAAc,IAAC,iBAAiB,EAAC,UAAU;YAC1C,oBAAC,SAAS,aACR,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,gBAAgB,IAC7B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,mBACX,UAAU,KAEtB,OAAO,CACE,CACG,CACN,CACd;AAbK,CAaL,CAAA"}

package/dist/esm/Components/Elements/ListItemComponents/ItemIconLabel.d.ts

@@ -0,0 +1,5 @@
+export declare const ItemIconLabel: ({ titleIcon, label, typographyPreset }: {
+    titleIcon: any;
+    label: any;
+    typographyPreset: any;
+}) => JSX.Element;

package/dist/esm/Components/Elements/ListItemComponents/ItemIconLabel.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Stack, TextBlock } from 'newskit';
+export var ItemIconLabel = function (_a) {
+    var titleIcon = _a.titleIcon, label = _a.label, typographyPreset = _a.typographyPreset;
+    return (React.createElement(Stack, { flow: "horizontal-center", stackDistribution: "flex-start" },
+        titleIcon,
+        React.createElement(TextBlock, { typographyPreset: typographyPreset || 'utilityHeading010' }, label)));
+};
+//# sourceMappingURL=ItemIconLabel.js.map

package/dist/esm/Components/Elements/ListItemComponents/ItemIconLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemIconLabel.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ListItemComponents/ItemIconLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAE1C,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,EAAsC;QAApC,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,gBAAgB,sBAAA;IAAO,OAAA,CACvE,oBAAC,KAAK,IAAC,IAAI,EAAC,mBAAmB,EAAC,iBAAiB,EAAC,YAAY;QAC3D,SAAS;QACV,oBAAC,SAAS,IAAC,gBAAgB,EAAE,gBAAgB,IAAI,mBAAmB,IACjE,KAAK,CACI,CACN,CACT;AAPwE,CAOxE,CAAA"}

package/dist/esm/Components/Elements/ListItemComponents/ItemSubtitle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { TextBlockProps } from 'newskit';
+export interface ItemSubtitleProps {
+    subtitle?: string | string[] | React.ReactNode;
+    subtitleOverrides?: TextBlockProps;
+}
+export declare const ItemSubtitle: React.FC<ItemSubtitleProps>;

package/dist/esm/Components/Elements/ListItemComponents/ItemSubtitle.js

@@ -0,0 +1,24 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { isValidElement } from 'react';
+import { Stack, TextBlock } from 'newskit';
+export var ItemSubtitle = function (_a) {
+    var subtitle = _a.subtitle, subtitleOverrides = _a.subtitleOverrides;
+    return (React.createElement(Stack, { flow: "vertical-stretch", stackDistribution: "flex-start" },
+        isValidElement(subtitle) &&
+            typeof subtitle !== 'string' &&
+            // If subtitle is a React element, render it directly
+            subtitle,
+        typeof subtitle === 'string' ? (React.createElement(TextBlock, __assign({ typographyPreset: "utilityBody020" }, subtitleOverrides), subtitle)) : (Array.isArray(subtitle) &&
+            (subtitle === null || subtitle === void 0 ? void 0 : subtitle.map(function (s) { return (React.createElement(TextBlock, __assign({ key: s, typographyPreset: "utilityBody020", marginBlockEnd: 'space040' }, subtitleOverrides), s)); })))));
+};
+//# sourceMappingURL=ItemSubtitle.js.map

package/dist/esm/Components/Elements/ListItemComponents/ItemSubtitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemSubtitle.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ListItemComponents/ItemSubtitle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,SAAS,EAAkB,MAAM,SAAS,CAAA;AAO1D,MAAM,CAAC,IAAM,YAAY,GAAgC,UAAC,EAGzD;QAFC,QAAQ,cAAA,EACR,iBAAiB,uBAAA;IACb,OAAA,CACJ,oBAAC,KAAK,IAAC,IAAI,EAAC,kBAAkB,EAAC,iBAAiB,EAAC,YAAY;QAC1D,cAAc,CAAC,QAAQ,CAAC;YACvB,OAAO,QAAQ,KAAK,QAAQ;YAC5B,qDAAqD;YACrD,QAAQ;QAET,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,oBAAC,SAAS,aAAC,gBAAgB,EAAC,gBAAgB,IAAK,iBAAiB,GAC/D,QAAQ,CACC,CACb,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;aACvB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CACnB,oBAAC,SAAS,aACR,GAAG,EAAE,CAAC,EACN,gBAAgB,EAAC,gBAAgB,EACjC,cAAc,EAAE,UAAU,IACtB,iBAAiB,GAEpB,CAAC,CACQ,CACb,EAToB,CASpB,CAAC,CAAA,CACH,CACK,CACT;AAzBK,CAyBL,CAAA"}

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

@@ -0,0 +1,3 @@
+export * from './ItemIconLabel';
+export * from './ItemSubtitle';
+export * from './ItemFooter';

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

@@ -0,0 +1,4 @@
+export * from './ItemIconLabel';
+export * from './ItemSubtitle';
+export * from './ItemFooter';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ListItemComponents/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { NewsKitIconProps } from 'newskit';
+export declare const LoadingSpinner: React.FC<NewsKitIconProps>;