@newskit-render/my-account 0.139.1 → 0.140.2

package/dist/esm/Components/Sections/Form/CancellationReason/CancellationReason.js

@@ -0,0 +1,198 @@
+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;
+    return g = { next: verb(0), "throw": verb(1), "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 (_) 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, useRef } from 'react';
+import { Block, getTypographyPresetFromTheme, styled, getMediaQueryFromTheme, getStylePreset, getSizingCssFromTheme, Form, Hidden, TextBlock, FormInput, FormInputAssistiveText, FormInputTextField, InlineMessage, Global, css, } from 'newskit';
+import { ButtonGroup, FormGrid, Introduction, } from '@newskit-render/shared-components';
+import { yupResolver } from '@hookform/resolvers/yup';
+var RadioWrapper = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+var RadioLabel = styled.label(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  ", "\n  ", " {\n    ", "\n  }\n  ", " {\n    ", "\n  }\n  ", " {\n    ", "\n  }\n  ", " {\n    ", "\n  }\n  display: block;\n  margin-left: 30px;\n  cursor: pointer;\n"], ["\n  ", "\n  ", "\n  ", " {\n    ", "\n  }\n  ", " {\n    ", "\n  }\n  ", " {\n    ", "\n  }\n  ", " {\n    ", "\n  }\n  display: block;\n  margin-left: 30px;\n  cursor: pointer;\n"])), function (_a) {
+    var stylePreset = _a.stylePreset;
+    return getStylePreset(stylePreset);
+}, function (_a) {
+    var typographyPreset = _a.typographyPreset;
+    return typographyPreset
+        ? getTypographyPresetFromTheme(typographyPreset.xs)
+        : getTypographyPresetFromTheme('utilityLabel020');
+}, getMediaQueryFromTheme('sm'), function (_a) {
+    var typographyPreset = _a.typographyPreset;
+    return typographyPreset &&
+        typographyPreset.sm &&
+        getTypographyPresetFromTheme(typographyPreset.sm);
+}, getMediaQueryFromTheme('md'), function (_a) {
+    var typographyPreset = _a.typographyPreset;
+    /* istanbul ignore next */
+    return typographyPreset &&
+        typographyPreset.md &&
+        getTypographyPresetFromTheme(typographyPreset.md);
+}, getMediaQueryFromTheme('lg'), function (_a) {
+    var typographyPreset = _a.typographyPreset;
+    /* istanbul ignore next */
+    return typographyPreset &&
+        typographyPreset.lg &&
+        getTypographyPresetFromTheme(typographyPreset.lg);
+}, getMediaQueryFromTheme('xl'), function (_a) {
+    var typographyPreset = _a.typographyPreset;
+    /* istanbul ignore next */
+    return typographyPreset &&
+        typographyPreset.xl &&
+        getTypographyPresetFromTheme(typographyPreset.xl);
+});
+var StyledTextInputBlock = styled(Block)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), getSizingCssFromTheme('marginLeft', 'sizing060'), getSizingCssFromTheme('marginTop', 'sizing020'));
+var RadioInput = styled.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  -ms-transform: scale(1.846); /* IE 9 */\n  -webkit-transform: scale(1.846); /* Chrome, Safari, Opera */\n  transform: scale(1.846);\n  position: absolute;\n  top: 0;\n  left: 0;\n  cursor: pointer;\n"], ["\n  -ms-transform: scale(1.846); /* IE 9 */\n  -webkit-transform: scale(1.846); /* Chrome, Safari, Opera */\n  transform: scale(1.846);\n  position: absolute;\n  top: 0;\n  left: 0;\n  cursor: pointer;\n"])));
+var StyledBlock = styled(Block)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+var CancellationReason = function (_a) {
+    var cancellationList = _a.cancellationList, _b = _a.validation, validation = _b === void 0 ? {} : _b, spaceStack = _a.spaceStack, cancellationObjectOverrides = _a.cancellationObjectOverrides, cancellationErrorObjectOverrides = _a.cancellationErrorObjectOverrides, buttonGroupProps = _a.buttonGroupProps, cancellationDescription = _a.cancellationDescription, message = _a.message, messageOverrides = _a.messageOverrides, onCancellationReasonSelected = _a.onCancellationReasonSelected;
+    var schema = validation['cancellationReason'];
+    var resolver = yupResolver(schema);
+    var messageRef = useRef(null);
+    var setTextInputList = function (list) {
+        var isVis = {};
+        list === null || list === void 0 ? void 0 : list.forEach(function (obj) {
+            if (obj.hasTextInput) {
+                isVis[obj.id] = false;
+            }
+        });
+        return isVis;
+    };
+    var _c = useState(''), extraValue = _c[0], setExtraValue = _c[1];
+    var _d = useState({
+        id: '',
+        text: '',
+        hasTextInput: false,
+    }), cancelObject = _d[0], setCancelObject = _d[1];
+    var _e = useState({
+        showing: false,
+        textInputList: setTextInputList(cancellationList),
+    }), textInputState = _e[0], setTextInputState = _e[1];
+    var _f = useState(false), noSelectionError = _f[0], setNoSelectionError = _f[1];
+    var onSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var text, payload;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            if (!cancelObject.id) {
+                if ((_a = messageRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView) {
+                    (_b = messageRef.current) === null || _b === void 0 ? void 0 : _b.scrollIntoView();
+                }
+                return [2 /*return*/, setNoSelectionError(true)];
+            }
+            text = cancelObject.text;
+            payload = extraValue
+                ? { answer: text, extra: extraValue }
+                : { answer: text };
+            onCancellationReasonSelected(payload);
+            return [2 /*return*/];
+        });
+    }); };
+    var onExtraChange = function (e) {
+        setExtraValue(e.currentTarget.value);
+    };
+    var onChange = function (e) {
+        var _a;
+        setNoSelectionError(false);
+        var showing = textInputState.showing, textInputList = textInputState.textInputList;
+        var hasTextInput = e.currentTarget.id in textInputList;
+        setCancelObject({
+            id: e.currentTarget.id,
+            text: e.currentTarget.value,
+            hasTextInput: hasTextInput,
+        });
+        if (hasTextInput) {
+            setTextInputState({
+                showing: true,
+                textInputList: __assign(__assign({}, setTextInputList(cancellationList)), (_a = {}, _a[e.currentTarget.id] = true, _a)),
+            });
+        }
+        else if (showing) {
+            setTextInputState({
+                showing: false,
+                textInputList: setTextInputList(cancellationList),
+            });
+        }
+    };
+    var getRadioButtons = function (list) {
+        return list.map(function (_a) {
+            var id = _a.id, text = _a.text, hasTextInput = _a.hasTextInput;
+            return (React.createElement(RadioWrapper, { key: id, spaceStack: cancellationObjectOverrides === null || cancellationObjectOverrides === void 0 ? void 0 : cancellationObjectOverrides.spaceStack },
+                React.createElement(RadioInput, { type: "radio", id: id, name: "cancellation", value: text, onClick: onChange, "data-testid": id }),
+                React.createElement(RadioLabel, { typographyPreset: cancellationObjectOverrides === null || cancellationObjectOverrides === void 0 ? void 0 : cancellationObjectOverrides.typographyPreset, htmlFor: id }, text),
+                hasTextInput && textInputState.textInputList[id] && (React.createElement(StyledTextInputBlock, null,
+                    React.createElement(FormInput, { name: "extra", id: "extra" },
+                        React.createElement(FormInputTextField, { onChange: onExtraChange, "data-testid": "extra" }),
+                        React.createElement(FormInputAssistiveText, { "data-testid": "extra-assistive-text" }, "Please specify"))))));
+        });
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Global, { styles: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n          form {\n            width: 100%;\n          }\n        "], ["\n          form {\n            width: 100%;\n          }\n        "]))) }),
+        message && (React.createElement(Block, { spaceStack: messageOverrides === null || messageOverrides === void 0 ? void 0 : messageOverrides.spaceStack },
+            React.createElement(InlineMessage, __assign({ "data-testid": "cancellation-reason-inline-message" }, messageOverrides), message))),
+        React.createElement("div", { ref: messageRef, "data-testid": 'error-wrapper' },
+            React.createElement(Introduction, __assign({}, cancellationDescription))),
+        React.createElement(FormGrid, { xsMargin: "space000", xsColumnGutter: "space000", xsRowGutter: "space000" },
+            noSelectionError && (React.createElement(Block, { spaceStack: (cancellationErrorObjectOverrides === null || cancellationErrorObjectOverrides === void 0 ? void 0 : cancellationErrorObjectOverrides.spaceStack) || {
+                    xs: 'space040',
+                } },
+                React.createElement(TextBlock, { typographyPreset: (cancellationErrorObjectOverrides === null || cancellationErrorObjectOverrides === void 0 ? void 0 : cancellationErrorObjectOverrides.typographyPreset) || {
+                        sm: 'utilityLabel020',
+                    }, stylePreset: (cancellationErrorObjectOverrides === null || cancellationErrorObjectOverrides === void 0 ? void 0 : cancellationErrorObjectOverrides.stylePreset) || {
+                        sm: 'inkNegative',
+                    } }, "Please, select one option"))),
+            React.createElement(Form, { resolver: textInputState.showing ? resolver : undefined, onSubmit: onSubmit, reValidationMode: "onBlur" },
+                React.createElement(React.Fragment, null, cancellationList && getRadioButtons(cancellationList)),
+                React.createElement(StyledBlock, { spaceStack: spaceStack }),
+                React.createElement(Hidden, { xs: true, sm: true, md: true, lg: true, xl: true },
+                    React.createElement(FormInput, { name: "hidden", id: "hidden" },
+                        React.createElement(FormInputTextField, null))),
+                React.createElement(ButtonGroup, __assign({}, buttonGroupProps, { primaryButton: __assign({}, buttonGroupProps === null || buttonGroupProps === void 0 ? void 0 : buttonGroupProps.primaryButton), hasError: true }))))));
+};
+export default CancellationReason;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+//# sourceMappingURL=CancellationReason.js.map

package/dist/esm/Components/Sections/Form/CancellationReason/CancellationReason.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancellationReason.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/CancellationReason/CancellationReason.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAe,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC5D,OAAO,EACL,KAAK,EACL,4BAA4B,EAC5B,MAAM,EACN,sBAAsB,EACtB,cAAc,EACd,qBAAqB,EACrB,IAAI,EACJ,MAAM,EACN,SAAS,EACT,SAAS,EACT,sBAAsB,EACtB,kBAAkB,EAClB,aAAa,EACb,MAAM,EACN,GAAG,GACJ,MAAM,SAAS,CAAA;AAEhB,OAAO,EACL,WAAW,EACX,QAAQ,EACR,YAAY,GACb,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAGrD,IAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,8FAAA,2BAEjC,IAAA,CAAA;AAED,IAAM,UAAU,GAAG,MAAM,CAAC,KAAK,wPAS7B,MACE,EAAgD,MAChD,EAGmD,MACnD,EAA4B,UAC1B,EAGiD,WAEnD,EAA4B,UAC1B,EAIiD,WAEnD,EAA4B,UAC1B,EAIiD,WAEnD,EAA4B,UAC1B,EAIiD,sEAKtD,KAnCG,UAAC,EAAe;QAAb,WAAW,iBAAA;IAAO,OAAA,cAAc,CAAC,WAAW,CAAC;AAA3B,CAA2B,EAChD,UAAC,EAAoB;QAAlB,gBAAgB,sBAAA;IACnB,OAAA,gBAAgB;QACd,CAAC,CAAC,4BAA4B,CAAC,gBAAgB,CAAC,EAAE,CAAC;QACnD,CAAC,CAAC,4BAA4B,CAAC,iBAAiB,CAAC;AAFnD,CAEmD,EACnD,sBAAsB,CAAC,IAAI,CAAC,EAC1B,UAAC,EAAoB;QAAlB,gBAAgB,sBAAA;IACnB,OAAA,gBAAgB;QAChB,gBAAgB,CAAC,EAAE;QACnB,4BAA4B,CAAC,gBAAgB,CAAC,EAAE,CAAC;AAFjD,CAEiD,EAEnD,sBAAsB,CAAC,IAAI,CAAC,EAC1B,UAAC,EAAoB;QAAlB,gBAAgB,sBAAA;IACnB,0BAA0B;IAC1B,OAAA,gBAAgB;QAChB,gBAAgB,CAAC,EAAE;QACnB,4BAA4B,CAAC,gBAAgB,CAAC,EAAE,CAAC;AAFjD,CAEiD,EAEnD,sBAAsB,CAAC,IAAI,CAAC,EAC1B,UAAC,EAAoB;QAAlB,gBAAgB,sBAAA;IACnB,0BAA0B;IAC1B,OAAA,gBAAgB;QAChB,gBAAgB,CAAC,EAAE;QACnB,4BAA4B,CAAC,gBAAgB,CAAC,EAAE,CAAC;AAFjD,CAEiD,EAEnD,sBAAsB,CAAC,IAAI,CAAC,EAC1B,UAAC,EAAoB;QAAlB,gBAAgB,sBAAA;IACnB,0BAA0B;IAC1B,OAAA,gBAAgB;QAChB,gBAAgB,CAAC,EAAE;QACnB,4BAA4B,CAAC,gBAAgB,CAAC,EAAE,CAAC;AAFjD,CAEiD,CAKtD,CAAA;AAED,IAAM,oBAAoB,GAAG,MAAM,CAAC,KAAK,CAAC,uFAAA,MACtC,EAAgD,MAChD,EAA+C,IAClD,KAFG,qBAAqB,CAAC,YAAY,EAAE,WAAW,CAAC,EAChD,qBAAqB,CAAC,WAAW,EAAE,WAAW,CAAC,CAClD,CAAA;AAED,IAAM,UAAU,GAAG,MAAM,CAAC,KAAK,gRAAA,6MAQ9B,IAAA,CAAA;AAED,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,yFAAA,sBAEhC,IAAA,CAAA;AAED,IAAM,kBAAkB,GAAgD,UAAC,EAWxE;QAVC,gBAAgB,sBAAA,EAChB,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,UAAU,gBAAA,EACV,2BAA2B,iCAAA,EAC3B,gCAAgC,sCAAA,EAChC,gBAAgB,sBAAA,EAChB,uBAAuB,6BAAA,EACvB,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,4BAA4B,kCAAA;IAE5B,IAAM,MAAM,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAA;IAC/C,IAAM,QAAQ,GAAa,WAAW,CAAC,MAAM,CAAC,CAAA;IAC9C,IAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAEtD,IAAM,gBAAgB,GAAG,UACvB,IAA2B;QAE3B,IAAM,KAAK,GAAG,EAAE,CAAA;QAChB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC,UAAC,GAAG;YAChB,IAAI,GAAG,CAAC,YAAY,EAAE;gBACpB,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAA;aACtB;QACH,CAAC,CAAC,CAAA;QACF,OAAO,KAAK,CAAA;IACd,CAAC,CAAA;IACK,IAAA,KAA8B,QAAQ,CAAS,EAAE,CAAC,EAAjD,UAAU,QAAA,EAAE,aAAa,QAAwB,CAAA;IAClD,IAAA,KAAkC,QAAQ,CAAqB;QACnE,EAAE,EAAE,EAAE;QACN,IAAI,EAAE,EAAE;QACR,YAAY,EAAE,KAAK;KACpB,CAAC,EAJK,YAAY,QAAA,EAAE,eAAe,QAIlC,CAAA;IACI,IAAA,KAAsC,QAAQ,CAAC;QACnD,OAAO,EAAE,KAAK;QACd,aAAa,EAAE,gBAAgB,CAAC,gBAAgB,CAAC;KAClD,CAAC,EAHK,cAAc,QAAA,EAAE,iBAAiB,QAGtC,CAAA;IAEI,IAAA,KAA0C,QAAQ,CAAU,KAAK,CAAC,EAAjE,gBAAgB,QAAA,EAAE,mBAAmB,QAA4B,CAAA;IAExE,IAAM,QAAQ,GAAG;;;;YACf,IAAI,CAAC,YAAY,CAAC,EAAE,EAAE;gBACpB,IAAI,MAAA,UAAU,CAAC,OAAO,0CAAE,cAAc,EAAE;oBACtC,MAAA,UAAU,CAAC,OAAO,0CAAE,cAAc,EAAE,CAAA;iBACrC;gBACD,sBAAO,mBAAmB,CAAC,IAAI,CAAC,EAAA;aACjC;YAEO,IAAI,GAAK,YAAY,KAAjB,CAAiB;YACvB,OAAO,GAAG,UAAU;gBACxB,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE;gBACrC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;YACpB,4BAA4B,CAAC,OAAO,CAAC,CAAA;;;SACtC,CAAA;IAED,IAAM,aAAa,GAAG,UAAC,CAAgC;QACrD,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IACtC,CAAC,CAAA;IACD,IAAM,QAAQ,GAAG,UAAC,CAAoC;;QACpD,mBAAmB,CAAC,KAAK,CAAC,CAAA;QAClB,IAAA,OAAO,GAAoB,cAAc,QAAlC,EAAE,aAAa,GAAK,cAAc,cAAnB,CAAmB;QACjD,IAAM,YAAY,GAAG,CAAC,CAAC,aAAa,CAAC,EAAE,IAAI,aAAa,CAAA;QACxD,eAAe,CAAC;YACd,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,EAAE;YACtB,IAAI,EAAE,CAAC,CAAC,aAAa,CAAC,KAAK;YAC3B,YAAY,cAAA;SACb,CAAC,CAAA;QACF,IAAI,YAAY,EAAE;YAChB,iBAAiB,CAAC;gBAChB,OAAO,EAAE,IAAI;gBACb,aAAa,wBACR,gBAAgB,CAAC,gBAAgB,CAAC,gBACpC,CAAC,CAAC,aAAa,CAAC,EAAE,IAAG,IAAI,MAC3B;aACF,CAAC,CAAA;SACH;aAAM,IAAI,OAAO,EAAE;YAClB,iBAAiB,CAAC;gBAChB,OAAO,EAAE,KAAK;gBACd,aAAa,EAAE,gBAAgB,CAAC,gBAAgB,CAAC;aAClD,CAAC,CAAA;SACH;IACH,CAAC,CAAA;IAED,IAAM,eAAe,GAAG,UAAC,IAA0B;QACjD,OAAO,IAAI,CAAC,GAAG,CAAC,UAAC,EAA0B;gBAAxB,EAAE,QAAA,EAAE,IAAI,UAAA,EAAE,YAAY,kBAAA;YACvC,OAAO,CACL,oBAAC,YAAY,IACX,GAAG,EAAE,EAAE,EACP,UAAU,EAAE,2BAA2B,aAA3B,2BAA2B,uBAA3B,2BAA2B,CAAE,UAAU;gBAEnD,oBAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,QAAQ,iBACJ,EAAE,GACf;gBACF,oBAAC,UAAU,IACT,gBAAgB,EAAE,2BAA2B,aAA3B,2BAA2B,uBAA3B,2BAA2B,CAAE,gBAAgB,EAC/D,OAAO,EAAE,EAAE,IAEV,IAAI,CACM;gBACZ,YAAY,IAAI,cAAc,CAAC,aAAa,CAAC,EAAE,CAAC,IAAI,CACnD,oBAAC,oBAAoB;oBACnB,oBAAC,SAAS,IAAC,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO;wBAChC,oBAAC,kBAAkB,IACjB,QAAQ,EAAE,aAAa,iBACX,OAAO,GACnB;wBACF,oBAAC,sBAAsB,mBAAa,sBAAsB,qBAEjC,CACf,CACS,CACxB,CACY,CAChB,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,CACL;QACE,oBAAC,MAAM,IACL,MAAM,EAAE,GAAG,wIAAA,qEAIV,OACD;QACD,OAAO,IAAI,CACV,oBAAC,KAAK,IAAC,UAAU,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,UAAU;YAC7C,oBAAC,aAAa,4BACA,oCAAoC,IAC5C,gBAAgB,GAEnB,OAAO,CACM,CACV,CACT;QACD,6BAAK,GAAG,EAAE,UAAU,iBAAe,eAAe;YAChD,oBAAC,YAAY,eAAK,uBAAuB,EAAI,CACzC;QACN,oBAAC,QAAQ,IACP,QAAQ,EAAC,UAAU,EACnB,cAAc,EAAC,UAAU,EACzB,WAAW,EAAC,UAAU;YAErB,gBAAgB,IAAI,CACnB,oBAAC,KAAK,IACJ,UAAU,EACR,CAAA,gCAAgC,aAAhC,gCAAgC,uBAAhC,gCAAgC,CAAE,UAAU,KAAI;oBAC9C,EAAE,EAAE,UAAU;iBACf;gBAGH,oBAAC,SAAS,IACR,gBAAgB,EACd,CAAA,gCAAgC,aAAhC,gCAAgC,uBAAhC,gCAAgC,CAAE,gBAAgB,KAAI;wBACpD,EAAE,EAAE,iBAAiB;qBACtB,EAEH,WAAW,EACT,CAAA,gCAAgC,aAAhC,gCAAgC,uBAAhC,gCAAgC,CAAE,WAAW,KAAI;wBAC/C,EAAE,EAAE,aAAa;qBAClB,gCAIO,CACN,CACT;YAED,oBAAC,IAAI,IACH,QAAQ,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACvD,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAC,QAAQ;gBAEzB,0CAAG,gBAAgB,IAAI,eAAe,CAAC,gBAAgB,CAAC,CAAI;gBAC5D,oBAAC,WAAW,IAAC,UAAU,EAAE,UAAU,GAAI;gBACvC,oBAAC,MAAM,IAAC,EAAE,QAAC,EAAE,QAAC,EAAE,QAAC,EAAE,QAAC,EAAE;oBACpB,oBAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAC,QAAQ;wBAClC,oBAAC,kBAAkB,OAAG,CACZ,CACL;gBACT,oBAAC,WAAW,eACN,gBAAgB,IACpB,aAAa,eACR,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,aAAa,GAEpC,QAAQ,EAAE,IAAI,IACd,CACG,CACE,CACV,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/esm/Components/Sections/Form/CancellationReason/index.d.ts

@@ -0,0 +1,3 @@
+import CancellationReason from './CancellationReason';
+export * from './types';
+export default CancellationReason;

package/dist/esm/Components/Sections/Form/CancellationReason/index.js

@@ -0,0 +1,4 @@
+import CancellationReason from './CancellationReason';
+export * from './types';
+export default CancellationReason;
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Sections/Form/CancellationReason/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/CancellationReason/index.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,cAAc,SAAS,CAAA;AAEvB,eAAe,kBAAkB,CAAA"}

package/dist/esm/Components/Sections/Form/CancellationReason/types.d.ts

@@ -0,0 +1,48 @@
+import { MQ, InlineMessageProps } from 'newskit';
+import { ButtonGroupProps } from '@newskit-render/shared-components';
+import { DefaultSchemaType } from '@newskit-render/validation';
+import { IntroductionProps } from '@newskit-render/shared-components';
+import { CancellationReasonPayload } from '../../../Templates';
+export interface CancellationObject {
+    id: string;
+    text: string;
+    hasTextInput: boolean;
+}
+export interface CancellationReasonProps {
+    cancellationDescription?: Omit<IntroductionProps, 'title' | 'titleOverrides'>;
+    cancellationList?: CancellationObject[];
+    validation?: DefaultSchemaType;
+    cancellationObjectOverrides?: {
+        typographyPreset?: {
+            xs: string;
+            sm?: string;
+            md?: string;
+            lg?: string;
+            xl?: string;
+        };
+        spaceStack?: MQ<string>;
+        stylePreset?: string;
+    };
+    cancellationErrorObjectOverrides?: {
+        typographyPreset?: {
+            sm: string;
+        };
+        spaceStack?: MQ<string>;
+        stylePreset?: string;
+    };
+    spaceStack?: MQ<string>;
+    buttonGroupProps?: Omit<ButtonGroupProps, 'hasError'>;
+    message?: string;
+    messageOverrides?: Omit<InlineMessageProps, 'children'> & {
+        spaceStack?: {
+            xs: string;
+            sm?: string;
+            md?: string;
+            lg?: string;
+            xl?: string;
+        };
+    };
+}
+export interface ControlledCancellationReasonProps extends CancellationReasonProps {
+    onCancellationReasonSelected: (reason: CancellationReasonPayload) => void;
+}

package/dist/esm/Components/Sections/Form/CancellationReason/types.js

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

package/dist/esm/Components/Sections/Form/CancellationReason/types.js.map

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

package/dist/esm/Components/Sections/Form/CommentingNotifications/CommentingNotifications.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CommentingNotificationsProps } from './types';
+declare const CommentingNotifications: React.FC<CommentingNotificationsProps>;
+export default CommentingNotifications;

package/dist/esm/Components/Sections/Form/CommentingNotifications/CommentingNotifications.js

@@ -0,0 +1,72 @@
+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, { useReducer, useState } from 'react';
+import { ButtonGroup, FormGrid } from '@newskit-render/shared-components';
+import { Block, TextBlock, Form, Global, css, Checkbox } from 'newskit';
+import { useAccountContext } from '../../../../context';
+import { getEditField } from '../../../../helpers';
+import onSubmit from '../onFormSubmit';
+import { useRouter } from 'next/router';
+import { ContextName } from '../../../../context/types';
+var CommentingNotifications = function (_a) {
+    var description = _a.description, descriptionOverrides = _a.descriptionOverrides, formLabel = _a.formLabel, formLabelOverrides = _a.formLabelOverrides, checkoutbox = _a.checkoutbox, userMentioned = _a.userMentioned, likedYourMessage = _a.likedYourMessage, repliedToMessage = _a.repliedToMessage, buttonGroupProps = _a.buttonGroupProps;
+    var contextName = ContextName.editField;
+    var _b = useAccountContext(contextName), data = _b.data, handleError = _b.handleError, handleSuccess = _b.handleSuccess, handleLoading = _b.handleLoading, baseUrl = _b.baseUrl, errorMessages = _b.errorMessages, genericErrorMessage = _b.genericErrorMessage;
+    var displayName = getEditField(data, 'displayName').value;
+    var initialState = {
+        likedYourMessage: getEditField(data, 'likedYourMessage').value || false,
+        userMentioned: getEditField(data, 'userMentioned').value || false,
+        repliedToMessage: getEditField(data, 'repliedToMessage').value || false,
+    };
+    var router = useRouter();
+    var _c = useReducer(function (state, newState) {
+        return __assign(__assign({}, state), newState);
+    }, initialState), commentingNotifications = _c[0], setCommentingNotifications = _c[1];
+    var _d = useState(false), hasError = _d[0], setHasError = _d[1];
+    var onChangeHandler = function (name, checked) {
+        var _a;
+        return setCommentingNotifications((_a = {}, _a[name] = checked, _a));
+    };
+    var handleFormError = function () {
+        setHasError(true);
+        if (handleError)
+            handleError('commenting notifications', errorMessages, genericErrorMessage);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Global, { styles: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          form {\n            width: 100%;\n          }\n        "], ["\n          form {\n            width: 100%;\n          }\n        "]))) }),
+        description && (React.createElement(Block, { spaceStack: descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.spaceStack },
+            React.createElement(TextBlock, { typographyPreset: descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.typographyPreset, stylePreset: descriptionOverrides === null || descriptionOverrides === void 0 ? void 0 : descriptionOverrides.stylePreset }, description))),
+        formLabel && (React.createElement(Block, { spaceStack: formLabelOverrides === null || formLabelOverrides === void 0 ? void 0 : formLabelOverrides.spaceStack },
+            React.createElement(TextBlock, { typographyPreset: formLabelOverrides === null || formLabelOverrides === void 0 ? void 0 : formLabelOverrides.typographyPreset, stylePreset: formLabelOverrides === null || formLabelOverrides === void 0 ? void 0 : formLabelOverrides.stylePreset }, formLabel))),
+        React.createElement(FormGrid, { xsMargin: "space000", xsColumnGutter: "space000", xsRowGutter: "space000" },
+            React.createElement(Form, { onSubmit: function () {
+                    if (handleLoading)
+                        handleLoading('preferences', errorMessages, genericErrorMessage);
+                    onSubmit(__assign(__assign({}, commentingNotifications), { displayName: displayName }), 'commenting-notifications', router, handleFormError, handleSuccess, baseUrl + "/newsletters-and-alerts");
+                } },
+                React.createElement(Checkbox, __assign({ id: "userMentioned", name: "userMentioned", "data-testid": "userMentioned", defaultChecked: initialState.userMentioned }, checkoutbox, userMentioned, { onChange: function (e) { return onChangeHandler('userMentioned', e.target.checked); } })),
+                React.createElement(Checkbox, __assign({ id: "likedYourMessage", name: "likedYourMessage", "data-testid": "likedYourMessage", defaultChecked: initialState.likedYourMessage }, checkoutbox, likedYourMessage, { onChange: function (e) {
+                        return onChangeHandler('likedYourMessage', e.target.checked);
+                    } })),
+                React.createElement(Checkbox, __assign({ id: "repliedToMessage", name: "repliedToMessage", "data-testid": "repliedToMessage", defaultChecked: initialState.repliedToMessage }, checkoutbox, repliedToMessage, { onChange: function (e) {
+                        return onChangeHandler('repliedToMessage', e.target.checked);
+                    } })),
+                React.createElement(Block, { spaceStack: { xs: 'space070', sm: 'space080', md: 'space090' } }),
+                React.createElement(ButtonGroup, __assign({}, buttonGroupProps, { hasError: hasError }))))));
+};
+export default CommentingNotifications;
+var templateObject_1;
+//# sourceMappingURL=CommentingNotifications.js.map

package/dist/esm/Components/Sections/Form/CommentingNotifications/CommentingNotifications.js.map

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

package/dist/esm/Components/Sections/Form/CommentingNotifications/index.d.ts

@@ -0,0 +1,3 @@
+import CommentingNotifications from './CommentingNotifications';
+export * from './types';
+export default CommentingNotifications;

package/dist/esm/Components/Sections/Form/CommentingNotifications/index.js

@@ -0,0 +1,4 @@
+import CommentingNotifications from './CommentingNotifications';
+export * from './types';
+export default CommentingNotifications;
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Sections/Form/CommentingNotifications/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/CommentingNotifications/index.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,MAAM,2BAA2B,CAAA;AAE/D,cAAc,SAAS,CAAA;AACvB,eAAe,uBAAuB,CAAA"}

package/dist/esm/Components/Sections/Form/CommentingNotifications/types.d.ts

@@ -0,0 +1,18 @@
+import { FormWrapperProps, ButtonGroupProps, DescriptionOverrides } from '@newskit-render/shared-components';
+import { CheckboxProps } from 'newskit';
+export interface CommentingNotificationsProps extends FormWrapperProps {
+    buttonGroupProps?: ButtonGroupProps;
+    description?: string;
+    descriptionOverrides?: Omit<DescriptionOverrides, 'removeLastspaceStack' | 'columnsProps'>;
+    formLabel?: string;
+    formLabelOverrides?: Omit<DescriptionOverrides, 'removeLastspaceStack' | 'columnsProps'>;
+    checkoutbox?: CheckboxProps;
+    userMentioned?: CheckboxProps;
+    likedYourMessage?: CheckboxProps;
+    repliedToMessage?: CheckboxProps;
+}
+export interface CommentingNotificationsState {
+    likedYourMessage: boolean;
+    userMentioned: boolean;
+    repliedToMessage: boolean;
+}

package/dist/esm/Components/Sections/Form/CommentingNotifications/types.js

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

package/dist/esm/Components/Sections/Form/CommentingNotifications/types.js.map

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

package/dist/esm/Components/Sections/Form/ConfirmCancellation/ConfirmCancellation.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ConfirmCancellationProps } from './types';
+declare const ConfirmCancellation: React.FC<ConfirmCancellationProps>;
+export default ConfirmCancellation;

package/dist/esm/Components/Sections/Form/ConfirmCancellation/ConfirmCancellation.js

@@ -0,0 +1,102 @@
+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, { useState, useEffect } from 'react';
+import { IconFilledLens, UnorderedList, TextBlock, Block } from 'newskit';
+import { ButtonGroup, FormGrid, Modal } from '@newskit-render/shared-components';
+import onFormSubmit from '../../Form/onFormSubmit';
+import { useAccountContext, } from '../../../../context';
+import get from 'lodash.get';
+import { replaceBaseURL } from '../../../../helpers';
+import { useRouter } from 'next/router';
+import { ContextName } from '../../../../context/types';
+var ConfirmCancellation = function (_a) {
+    var _b;
+    var listProps = _a.listProps, children = _a.children, buttonGroupProps = _a.buttonGroupProps, listHeader = _a.listHeader, confirmationModal = _a.confirmationModal, cancellationList = _a.cancellationList, cancellationReason = _a.cancellationReason;
+    var contextName = ContextName.cancellation;
+    var _c = useAccountContext(contextName), handleError = _c.handleError, handleSuccess = _c.handleSuccess, handleLoading = _c.handleLoading, userData = _c.userData, baseUrl = _c.baseUrl, errorMessages = _c.errorMessages, genericErrorMessage = _c.genericErrorMessage;
+    var _d = useState(false), hasError = _d[0], setError = _d[1];
+    var _e = useState(false), showModal = _e[0], setShowModal = _e[1];
+    var modalHref = replaceBaseURL(baseUrl, confirmationModal === null || confirmationModal === void 0 ? void 0 : confirmationModal.href, '/');
+    var router = useRouter();
+    var modalClose = function () {
+        router.push(modalHref);
+    };
+    useEffect(function () {
+        var _a;
+        // ignoring next block with branching code, because we probably will stop using vxInstance soon
+        /*istanbul ignore next */
+        if ((userData === null || userData === void 0 ? void 0 : userData.vxInstances) && ((_a = userData === null || userData === void 0 ? void 0 : userData.vxInstances[0]) === null || _a === void 0 ? void 0 : _a.expiryDate)) {
+            setShowModal(true);
+        }
+    }, []);
+    var handleFormSeccess = function () {
+        setShowModal(true);
+        if (handleSuccess)
+            handleSuccess();
+    };
+    var handleFormError = function () {
+        setError(true);
+        if (handleError)
+            handleError('cancellation', errorMessages, genericErrorMessage);
+    };
+    var onSubmit = function () {
+        try {
+            if (!(cancellationList === null || cancellationList === void 0 ? void 0 : cancellationList.some(function (r) { return r.text === cancellationReason.answer; })) &&
+                handleError) {
+                setError(true);
+                handleError('cancellation', errorMessages, __assign(__assign({}, genericErrorMessage), { error: "Please don't modify the cancelReason" }), '');
+                return;
+            }
+            if (handleLoading) {
+                handleLoading('cancellation', errorMessages, genericErrorMessage);
+            }
+            var cancellationReasonAnswer = cancellationReason.extra
+                ? cancellationReason.answer + " Plus: " + cancellationReason.extra
+                : cancellationReason.answer;
+            onFormSubmit({
+                cancellationReason: cancellationReasonAnswer,
+                subscriptionId: get(userData, 'vxInstances[0].id'),
+            }, 'confirmCancellation', undefined, handleFormError, handleFormSeccess, baseUrl);
+        }
+        catch (e) {
+            setError(true);
+            if (handleError) {
+                handleError('cancellation', errorMessages, genericErrorMessage, '');
+            }
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(FormGrid, { xsMargin: "space000", xsColumnGutter: "space000", xsRowGutter: "space000" },
+            React.createElement(Block, { spaceStack: "space080" },
+                React.createElement(Block, { spaceStack: "space040" },
+                    React.createElement(TextBlock, { stylePreset: {
+                            xs: 'utilitySubheadline020',
+                            md: 'utilitySubheadline030',
+                        } }, listHeader)),
+                React.createElement(UnorderedList, __assign({ overrides: {
+                        spaceStack: { xs: 'space050' },
+                        content: {
+                            stylePreset: 'inkBase',
+                            typographyPreset: {
+                                xs: 'utilityBody010',
+                                md: 'utilityBody020',
+                            },
+                        },
+                        marker: {
+                            size: 'iconSize005',
+                        },
+                    }, listItemMarker: IconFilledLens }, listProps), children)),
+            React.createElement(ButtonGroup, __assign({}, buttonGroupProps, { primaryButton: __assign(__assign({}, buttonGroupProps === null || buttonGroupProps === void 0 ? void 0 : buttonGroupProps.primaryButton), { onClick: onSubmit }), secondaryButton: __assign({}, buttonGroupProps === null || buttonGroupProps === void 0 ? void 0 : buttonGroupProps.secondaryButton), hasError: hasError }))),
+        confirmationModal && (React.createElement(Modal, __assign({ open: showModal, onDismiss: modalClose }, confirmationModal, { buttonGroup: __assign(__assign({}, confirmationModal.buttonGroup), { primaryButton: __assign(__assign({}, (_b = confirmationModal.buttonGroup) === null || _b === void 0 ? void 0 : _b.primaryButton), { onClick: modalClose }), hasError: false }) })))));
+};
+export default ConfirmCancellation;
+//# sourceMappingURL=ConfirmCancellation.js.map

package/dist/esm/Components/Sections/Form/ConfirmCancellation/ConfirmCancellation.js.map

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

package/dist/esm/Components/Sections/Form/ConfirmCancellation/index.d.ts

@@ -0,0 +1,3 @@
+import ConfirmCancellation from './ConfirmCancellation';
+export * from './types';
+export default ConfirmCancellation;

package/dist/esm/Components/Sections/Form/ConfirmCancellation/index.js

@@ -0,0 +1,4 @@
+import ConfirmCancellation from './ConfirmCancellation';
+export * from './types';
+export default ConfirmCancellation;
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Sections/Form/ConfirmCancellation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/ConfirmCancellation/index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AAEvD,cAAc,SAAS,CAAA;AACvB,eAAe,mBAAmB,CAAA"}

package/dist/esm/Components/Sections/Form/ConfirmCancellation/types.d.ts

@@ -0,0 +1,17 @@
+import { ButtonGroupProps } from '@newskit-render/shared-components';
+import { UnorderedListProps } from 'newskit';
+import { ModalProps } from '@newskit-render/shared-components';
+import { CancellationObject } from '../CancellationReason';
+import { CancellationReasonPayload } from 'Components/Templates';
+export declare type ConfirmCancellationProps = {
+    listProps?: UnorderedListProps | undefined;
+    children?: string[];
+    buttonGroupProps?: Partial<ButtonGroupProps>;
+    listHeader?: string;
+    validation?: Record<string, any>;
+    confirmationModal?: Partial<ModalProps> & {
+        href?: string;
+    };
+    cancellationList?: CancellationObject[];
+    cancellationReason: CancellationReasonPayload;
+};

package/dist/esm/Components/Sections/Form/ConfirmCancellation/types.js

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

package/dist/esm/Components/Sections/Form/ConfirmCancellation/types.js.map

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

package/dist/esm/Components/Sections/Form/DisplayName/DisplayName.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FormWrapperProps } from '@newskit-render/shared-components';
+declare const DisplayName: React.FC<FormWrapperProps>;
+export default DisplayName;

package/dist/esm/Components/Sections/Form/DisplayName/DisplayName.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { FormComponent, } from '@newskit-render/shared-components';
+import { useAccountContext } from '../../../../context';
+import { DISPLAY_NAME } from '../../../../constants';
+import { getEditField } from '../../../../helpers';
+import onSubmit from '../onFormSubmit';
+import { ContextName } from '../../../../context/types';
+var DisplayName = function (_a) {
+    var buttonGroupProps = _a.buttonGroupProps, infoPanel = _a.infoPanel, inputText = _a.inputText;
+    var contextName = ContextName.editField;
+    var _b = useAccountContext(contextName), data = _b.data, validation = _b.validation, handleError = _b.handleError, handleSuccess = _b.handleSuccess, handleLoading = _b.handleLoading, baseUrl = _b.baseUrl, errorMessages = _b.errorMessages, genericErrorMessage = _b.genericErrorMessage;
+    var displayName = getEditField(data, DISPLAY_NAME);
+    return (React.createElement(FormComponent, { fields: [displayName], validation: validation, validationSchemaKey: data === null || data === void 0 ? void 0 : data.validationSchemaKey, infoPanel: infoPanel, buttonGroupProps: buttonGroupProps, inputText: inputText, handleLoading: handleLoading, handleSuccess: handleSuccess, handleError: handleError, baseUrl: baseUrl, errorMessages: errorMessages, genericErrorMessage: genericErrorMessage, onSubmit: onSubmit }));
+};
+export default DisplayName;
+//# sourceMappingURL=DisplayName.js.map

package/dist/esm/Components/Sections/Form/DisplayName/DisplayName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisplayName.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/DisplayName/DisplayName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAEL,aAAa,GACd,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAA2B,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAEvD,IAAM,WAAW,GAA+B,UAAC,EAIhD;QAHC,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,SAAS,eAAA;IAET,IAAM,WAAW,GAAG,WAAW,CAAC,SAAS,CAAA;IACnC,IAAA,KASF,iBAAiB,CAAC,WAAW,CAA4B,EAR3D,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,mBAAmB,yBACwC,CAAA;IAC7D,IAAM,WAAW,GAAG,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CAAA;IAEpD,OAAO,CACL,oBAAC,aAAa,IACZ,MAAM,EAAE,CAAC,WAAW,CAAC,EACrB,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,mBAAmB,EAC9C,SAAS,EAAE,SAAS,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,EAC5B,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/esm/Components/Sections/Form/DisplayName/index.d.ts

@@ -0,0 +1,2 @@
+import DisplayName from './DisplayName';
+export default DisplayName;

package/dist/esm/Components/Sections/Form/DisplayName/index.js

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