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

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

@@ -0,0 +1,2 @@
+export * from './CancellationButtons';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancellationButtons/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface CancellationPolicyProps {
+    title?: string;
+    message?: string;
+    daysUntilBilling?: number;
+    overrides?: {
+        container?: Record<string, unknown>;
+        title?: Record<string, unknown>;
+        message?: Record<string, unknown>;
+    };
+}
+export declare const CancellationPolicy: React.FC<CancellationPolicyProps>;
+export default CancellationPolicy;

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

@@ -0,0 +1,29 @@
+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 { TextBlock, InlineMessage, toNewsKitIcon } from 'newskit';
+import { Info as FilledInfo } from '@emotion-icons/material/Info';
+var IconFilledInfo = toNewsKitIcon(FilledInfo);
+export var CancellationPolicy = function (_a) {
+    var _b = _a.title, title = _b === void 0 ? 'Cancellation Policy' : _b, message = _a.message, daysUntilBilling = _a.daysUntilBilling, overrides = _a.overrides;
+    var displayMessage = message ||
+        "You need to cancel 1 day before your billing date otherwise you will be charged for another month. Your next billing cycle is in ".concat(daysUntilBilling || 'X', " days.");
+    return (React.createElement(InlineMessage, { icon: React.createElement(IconFilledInfo, { overrides: { size: 'iconSize020' } }), overrides: __assign({ marginBlockStart: 'space040', content: {
+                message: {
+                    typographyPreset: 'utilityBody010',
+                },
+            } }, overrides === null || overrides === void 0 ? void 0 : overrides.container) },
+        React.createElement(TextBlock, __assign({ typographyPreset: "utilityHeading010", stylePreset: "inkContrast", marginBlockEnd: "space010" }, overrides === null || overrides === void 0 ? void 0 : overrides.title), title),
+        React.createElement(TextBlock, __assign({ typographyPreset: "utilityBody010", stylePreset: "inkBase" }, overrides === null || overrides === void 0 ? void 0 : overrides.message), displayMessage)));
+};
+export default CancellationPolicy;
+//# sourceMappingURL=CancellationPolicy.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CancellationPolicy.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancellationPolicy/CancellationPolicy.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACjE,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAEjE,IAAM,cAAc,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;AAahD,MAAM,CAAC,IAAM,kBAAkB,GAAsC,UAAC,EAKrE;QAJC,aAA6B,EAA7B,KAAK,mBAAG,qBAAqB,KAAA,EAC7B,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,SAAS,eAAA;IAET,IAAM,cAAc,GAClB,OAAO;QACP,2IACE,gBAAgB,IAAI,GAAG,WACjB,CAAA;IAEV,OAAO,CACL,oBAAC,aAAa,IACZ,IAAI,EAAE,oBAAC,cAAc,IAAC,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,GAAI,EAC5D,SAAS,aACP,gBAAgB,EAAE,UAAU,EAC5B,OAAO,EAAE;gBACP,OAAO,EAAE;oBACP,gBAAgB,EAAE,gBAAgB;iBACnC;aACF,IACE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS;QAGzB,oBAAC,SAAS,aACR,gBAAgB,EAAC,mBAAmB,EACpC,WAAW,EAAC,aAAa,EACzB,cAAc,EAAC,UAAU,IACrB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,GAEnB,KAAK,CACI;QACZ,oBAAC,SAAS,aACR,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,SAAS,IACjB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,GAErB,cAAc,CACL,CACE,CACjB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

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

@@ -0,0 +1 @@
+export { CancellationPolicy, type CancellationPolicyProps, } from './CancellationPolicy';

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

@@ -0,0 +1,2 @@
+export { CancellationPolicy, } from './CancellationPolicy';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancellationPolicy/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,GAEnB,MAAM,sBAAsB,CAAA"}

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

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface CancellationReason {
+    id: string;
+    label: string;
+}
+export interface CancellationReasonSelectorProps {
+    reasons: CancellationReason[];
+    selectedReasonId?: string;
+    onSelect: (reasonId: string) => void;
+    overrides?: {
+        container?: Record<string, unknown>;
+        radioButton?: {
+            size?: 'small' | 'medium' | 'large';
+            overrides?: Record<string, unknown>;
+        };
+    };
+}
+export declare const CancellationReasonSelector: React.FC<CancellationReasonSelectorProps>;
+export default CancellationReasonSelector;

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

@@ -0,0 +1,35 @@
+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);
+};
+import React from 'react';
+import { RadioButton, RadioGroup, styled, getColorCssFromTheme, getSpacingCssFromTheme, } from 'newskit';
+var StyledRadioGroup = styled(RadioGroup)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
+var RadioContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  ", "\n  border-style: solid;\n  border-width: 1px;\n  border-radius: 4px;\n  ", "\n  ", "\n"], ["\n  width: 100%;\n  ", "\n  border-style: solid;\n  border-width: 1px;\n  border-radius: 4px;\n  ", "\n  ", "\n"])), getColorCssFromTheme('borderColor', 'interface030'), getSpacingCssFromTheme('padding', 'space040'), getSpacingCssFromTheme('marginBottom', 'space030'));
+export var CancellationReasonSelector = function (_a) {
+    var reasons = _a.reasons, selectedReasonId = _a.selectedReasonId, onSelect = _a.onSelect, overrides = _a.overrides;
+    return (reasons === null || reasons === void 0 ? void 0 : reasons.length) ? (React.createElement(StyledRadioGroup, { name: "cancellation-reason-group", "data-testid": "cancellation-reason-group", value: selectedReasonId, onChange: function (event) { return onSelect(event.target.value); } }, reasons.map(function (reason) {
+        var _a, _b;
+        return (React.createElement(RadioContainer, { key: reason.id },
+            React.createElement(RadioButton, { overrides: __assign({ input: {
+                        spaceInline: 'space030',
+                        size: 'sizing045',
+                    }, label: {
+                        stylePreset: 'inkBase',
+                    } }, (_a = overrides === null || overrides === void 0 ? void 0 : overrides.radioButton) === null || _a === void 0 ? void 0 : _a.overrides), name: reason.id, value: reason.id, size: ((_b = overrides === null || overrides === void 0 ? void 0 : overrides.radioButton) === null || _b === void 0 ? void 0 : _b.size) || 'medium', label: reason.label })));
+    }))) : null;
+};
+export default CancellationReasonSelector;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=CancellationReasonSelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CancellationReasonSelector.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,WAAW,EACX,UAAU,EACV,MAAM,EACN,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,SAAS,CAAA;AAEhB,IAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,uFAAA,oBAE1C,IAAA,CAAA;AAED,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,oLAAA,sBAE7B,EAAmD,2EAInD,EAA6C,MAC7C,EAAkD,IACrD,KANG,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,EAInD,sBAAsB,CAAC,SAAS,EAAE,UAAU,CAAC,EAC7C,sBAAsB,CAAC,cAAc,EAAE,UAAU,CAAC,CACrD,CAAA;AAoBD,MAAM,CAAC,IAAM,0BAA0B,GAEnC,UAAC,EAAkD;QAAhD,OAAO,aAAA,EAAE,gBAAgB,sBAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA;IACnD,OAAA,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,EAAC,CAAC,CAAC,CAChB,oBAAC,gBAAgB,IACf,IAAI,EAAC,2BAA2B,iBACpB,2BAA2B,EACvC,KAAK,EAAE,gBAAgB,EACvB,QAAQ,EAAE,UAAC,KAAK,IAAK,OAAA,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAA5B,CAA4B,IAEhD,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM;;QAAK,OAAA,CACvB,oBAAC,cAAc,IAAC,GAAG,EAAE,MAAM,CAAC,EAAE;YAC5B,oBAAC,WAAW,IACV,SAAS,aACP,KAAK,EAAE;wBACL,WAAW,EAAE,UAAU;wBACvB,IAAI,EAAE,WAAW;qBAClB,EACD,KAAK,EAAE;wBACL,WAAW,EAAE,SAAS;qBACvB,IACE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,SAAS,GAEtC,IAAI,EAAE,MAAM,CAAC,EAAE,EACf,KAAK,EAAE,MAAM,CAAC,EAAE,EAChB,IAAI,EAAE,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,IAAI,KAAI,QAAQ,EAC9C,KAAK,EAAE,MAAM,CAAC,KAAK,GACnB,CACa,CAClB,CAAA;KAAA,CAAC,CACe,CACpB,CAAC,CAAC,CAAC,IAAI;AA5BR,CA4BQ,CAAA;AAEV,eAAe,0BAA0B,CAAA"}

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

@@ -0,0 +1 @@
+export { CancellationReasonSelector, type CancellationReasonSelectorProps, type CancellationReason, } from './CancellationReasonSelector';

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

@@ -0,0 +1,2 @@
+export { CancellationReasonSelector, } from './CancellationReasonSelector';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/CancellationReasonSelector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,GAG3B,MAAM,8BAA8B,CAAA"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { MemberShare } from '../../../pages/types';
+interface FamilyMemberInvitationStatusProps {
+    memberData: MemberShare;
+    handleRemoveMemberFromList: (id: string) => void;
+}
+export declare const FamilyMemberInvitationStatus: React.FC<FamilyMemberInvitationStatusProps>;
+export {};

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

@@ -0,0 +1,174 @@
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import React, { useState, useEffect } from 'react';
+import { TextBlock, Button, GridLayout, GridLayoutItem, styled, toNewsKitIcon, getColorCssFromTheme, LayerOrganizer, } from 'newskit';
+import merge from 'lodash.merge';
+import { DeleteForever as FilledDeleteForever } from '@emotion-icons/material';
+import fetch from 'cross-fetch';
+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';
+var DeleteFilledIcon = toNewsKitIcon(FilledDeleteForever);
+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-bottom: 1px solid;\n  ", "\n  &:last-child {\n    border-bottom: none;\n  }\n"], ["\n  border-bottom: 1px solid;\n  ", "\n  &:last-child {\n    border-bottom: none;\n  }\n"])), getColorCssFromTheme('borderColor', 'interface040'));
+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"], ["\n  min-height: auto;\n  display: flex;\n  justify-content: start;\n  align-items: center;\n  column-gap: 4px;\n"])));
+var memberStatusMap = {
+    PENDING: 'Invite sent',
+    ACTIVE: 'Active',
+};
+// eslint-disable-next-line
+var emailAddressWithSpecialCharactersRegex = '[A-Za-z0-9._%+*@]*@[A-Za-z0-9.-]*.[A-Za-z]{2,}';
+export var FamilyMemberInvitationStatus = 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;
+    var contextName = ContextName.family;
+    var _e = useAccountContext(contextName), memberGridLayoutOverrides = _e.memberGridLayoutOverrides, memberGridLayoutItemOverrides = _e.memberGridLayoutItemOverrides, removeMemberButtonOverrides = _e.removeMemberButtonOverrides, memberNameOverrides = _e.memberNameOverrides, memberEmailOverrides = _e.memberEmailOverrides, memberStatusOverrides = _e.memberStatusOverrides, confirmationModalOverrides = _e.confirmationModalOverrides, cancelInviteConfirmationModalOverrides = _e.cancelInviteConfirmationModalOverrides, removeMemberConfirmationModalOverrides = _e.removeMemberConfirmationModalOverrides, handleSuccess = _e.handleLoading, handleError = _e.handleError, genericErrorMessage = _e.genericErrorMessage, errorMessages = _e.errorMessages, navigationPrimary = _e.navigationPrimary;
+    var isMemberInvitationStatusActive = useState(memberInvitationStatus === FamilyMemberStatusTypes.ACTIVE)[0];
+    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 handleShowConfirmationModalButtonClick = function () { return setIsModalVisible(true); };
+    var handleCloseConfirmationModalButtonClick = function () { return setIsModalVisible(false); };
+    var handleConfirmationModalSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var response, successMessage;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setIsLoading(true);
+                    return [4 /*yield*/, fetch('/api/account/mutate', {
+                            method: 'POST',
+                            body: JSON.stringify({
+                                shareId: memberId,
+                                validationSchemaKey: 'remove-group-account-member',
+                            }),
+                        })];
+                case 1:
+                    response = _a.sent();
+                    if (!response.ok) {
+                        handleError('remove-member-error', {}, genericErrorMessage, undefined, 4000);
+                        setIsLoading(false);
+                        setIsModalVisible(false);
+                        return [2 /*return*/];
+                    }
+                    successMessage = isMemberInvitationStatusActive
+                        ? errorMessages === null || errorMessages === void 0 ? void 0 : errorMessages.removeAcceptedInvite.success
+                        : errorMessages === null || errorMessages === void 0 ? void 0 : errorMessages.removePendingInvite.success;
+                    handleRemoveMemberFromList(memberId);
+                    setIsLoading(false);
+                    setIsModalVisible(false);
+                    handleSuccess('remove-member-success', {}, genericErrorMessage, successMessage, 4000);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        var confirmationModalOverridesByMemberStatus = isMemberInvitationStatusActive
+            ? removeMemberConfirmationModalOverrides
+            : cancelInviteConfirmationModalOverrides;
+        var memberIdentityByStatus = isMemberInvitationStatusActive
+            ? "".concat(firstName, " ").concat(lastName)
+            : "".concat(email);
+        var memberIdentityRegexPattern = isMemberInvitationStatusActive
+            ? firstName
+                ? "(".concat(firstName, "|").concat(lastName, ")")
+                : ''
+            : emailAddressWithSpecialCharactersRegex;
+        var mergedModalOverrides = merge({}, confirmationModalOverrides, {
+            introduction: {
+                title: confirmationModalOverridesByMemberStatus.introduction.title,
+                description: [
+                    confirmationModalOverridesByMemberStatus.introduction.descriptionFirstParagraph.replace('${memberIdentity}', memberIdentityByStatus),
+                    confirmationModalOverridesByMemberStatus.introduction
+                        .descriptionSecondParagraph,
+                ],
+                makeBoldTextRegEx: memberIdentityRegexPattern,
+                makeBoldTextRegExFlags: 'g',
+            },
+            buttonGroup: {
+                primaryButton: __assign({ onClick: handleConfirmationModalSubmit }, confirmationModalOverridesByMemberStatus.buttonGroup.primaryButton),
+                secondaryButton: __assign({ onClick: handleCloseConfirmationModalButtonClick }, confirmationModalOverridesByMemberStatus.buttonGroup
+                    .secondaryButton),
+                loading: false,
+            },
+        });
+        setMergedConfirmationModalOverrides(mergedModalOverrides);
+    }, [isMemberInvitationStatusActive]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(StyledGridLayout, { columns: memberGridLayoutOverrides.columns, rowGap: memberGridLayoutOverrides.rowGap, justifyContent: memberGridLayoutOverrides.justifyContent, overrides: {
+                paddingBlock: 'space050',
+                paddingInline: 'space040',
+            } },
+            React.createElement(GridLayoutItem, null,
+                (firstName || lastName) && (React.createElement(TextBlock, { stylePreset: memberNameOverrides.stylePreset, typographyPreset: memberNameOverrides.typographyPreset, marginBlockEnd: memberNameOverrides.marginBlockEnd, "data-testid": "member-name" },
+                    React.createElement(WordBreakSpan, null,
+                        firstName,
+                        " ",
+                        lastName))),
+                React.createElement(TextBlock, { marginBlockEnd: memberEmailOverrides.marginBlockEnd, typographyPreset: memberEmailOverrides.typographyPreset, stylePreset: memberEmailOverrides.stylePreset },
+                    React.createElement(WordBreakSpan, null, email)),
+                React.createElement(TextBlock, { typographyPreset: memberStatusOverrides.typographyPreset, stylePreset: isMemberInvitationStatusActive
+                        ? memberStatusOverrides.stylePresetActive
+                        : memberStatusOverrides.stylePresetPending }, memberStatusMap[memberInvitationStatus])),
+            React.createElement(GridLayoutItem, { alignSelf: memberGridLayoutItemOverrides.alignSelf, justifySelf: memberGridLayoutItemOverrides.justifySelf },
+                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
+                            ? removeMemberButtonOverrides.eventNavigationNameRemove
+                            : removeMemberButtonOverrides.eventNavigationNameCancel }) },
+                    isMemberInvitationStatusActive && React.createElement(DeleteFilledIcon, null),
+                    isMemberInvitationStatusActive
+                        ? removeMemberButtonOverrides.removeText
+                        : removeMemberButtonOverrides.cancelText))),
+        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=FamilyMemberInvitationStatus.js.map

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/FamilyMemberInvitationStatus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAA;AAE7E,eAAe,4BAA4B,CAAA"}

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

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

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

@@ -0,0 +1,245 @@
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import React, { useState, useEffect } from 'react';
+import LinkNext from 'next/link';
+import { useRouter } from 'next/router';
+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 } 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 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 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 _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 _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 () {
+        var response, successMessage;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setIsLoading(true);
+                    return [4 /*yield*/, fetch('/api/account/mutate', {
+                            method: 'POST',
+                            body: JSON.stringify({
+                                shareId: memberId,
+                                validationSchemaKey: 'remove-group-account-member',
+                            }),
+                        })];
+                case 1:
+                    response = _a.sent();
+                    if (!response.ok) {
+                        handleError('remove-member-error', {}, genericErrorMessage, undefined, 4000);
+                        setIsLoading(false);
+                        setIsModalVisible(false);
+                        return [2 /*return*/];
+                    }
+                    successMessage = isMemberInvitationStatusActive
+                        ? errorMessages === null || errorMessages === void 0 ? void 0 : errorMessages.removeAcceptedInvite.success
+                        : errorMessages === null || errorMessages === void 0 ? void 0 : errorMessages.removePendingInvite.success;
+                    handleRemoveMemberFromList(memberId);
+                    setIsLoading(false);
+                    setIsModalVisible(false);
+                    handleSuccess('remove-member-success', {}, genericErrorMessage, successMessage, 4000);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    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"));
+            setAddMemberButtonEventContext(function (prevState) {
+                return updateTealiumContextForOnboarding(isUserVisitingFromOnboardingModal, isEmbeddedModeOn, prevState);
+            });
+        }
+    }, [isUserVisitingFromOnboardingModal]);
+    useEffect(function () {
+        var confirmationModalOverridesByMemberStatus = isMemberInvitationStatusActive
+            ? removeMemberConfirmationModalOverrides
+            : cancelInviteConfirmationModalOverrides;
+        var memberIdentityByStatus = isMemberInvitationStatusActive
+            ? "".concat(firstName, " ").concat(lastName)
+            : "".concat(email);
+        var memberIdentityRegexPattern = isMemberInvitationStatusActive
+            ? firstName
+                ? "(".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: isMergedModalOverridesDescription,
+                makeBoldTextRegEx: memberIdentityRegexPattern,
+                makeBoldTextRegExFlags: 'g',
+            },
+            buttonGroup: {
+                primaryButton: __assign({ onClick: handleConfirmationModalSubmit }, confirmationModalOverridesByMemberStatus.buttonGroup.primaryButton),
+                secondaryButton: __assign({ onClick: handleCloseConfirmationModalButtonClick }, confirmationModalOverridesByMemberStatus.buttonGroup
+                    .secondaryButton),
+                loading: false,
+            },
+        });
+        setMergedConfirmationModalOverrides(mergedModalOverrides);
+    }, [isMemberInvitationStatusActive]);
+    return (React.createElement(React.Fragment, null,
+        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: "space030", "data-testid": "member-name" },
+                    React.createElement(WordBreakSpan, null, memberInvitationStatus === 'AVAILABLE'
+                        ? 'Invite a member'
+                        : 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, "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: {
+                                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, { "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,
+                        React.createElement(CancelOutlineIcon, { overrides: {
+                                size: 'sizing040',
+                            } }),
+                        removeMemberButtonOverrides.removeText)),
+                    isMemberInvitationStatusPending && (React.createElement(React.Fragment, null,
+                        React.createElement(DoNotDisturbFilledIcon, { overrides: {
+                                size: 'sizing040',
+                            } }),
+                        removeMemberButtonOverrides.cancelTextVariantB)))))),
+        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) || '' }))))));
+};
+//# sourceMappingURL=FamilyMemberInvitationStatusVariants.js.map