@newskit-render/my-account 2.1.2-alpha.0 → 2.2.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Components/Sections/Form/CancellationReason/CancellationReason.js +6 -173
- package/dist/cjs/Components/Sections/Form/CancellationReason/CancellationReason.js.map +1 -1
- package/dist/cjs/Components/Sections/Form/CancellationReason/types.d.ts +2 -2
- package/dist/cjs/Components/Sections/Form/ConfirmCancellation/ConfirmCancellation.js +2 -2
- package/dist/cjs/Components/Sections/Form/ConfirmCancellation/types.d.ts +3 -4
- package/dist/cjs/Components/Templates/types.d.ts +1 -1
- package/dist/esm/Components/Sections/Form/CancellationReason/CancellationReason.js +6 -157
- package/dist/esm/Components/Sections/Form/CancellationReason/CancellationReason.js.map +1 -1
- package/dist/esm/Components/Sections/Form/CancellationReason/types.d.ts +2 -2
- package/dist/esm/Components/Sections/Form/ConfirmCancellation/ConfirmCancellation.js +2 -2
- package/dist/esm/Components/Sections/Form/ConfirmCancellation/types.d.ts +3 -4
- package/dist/esm/Components/Templates/types.d.ts +1 -1
- package/package.json +3 -3
|
@@ -3,189 +3,22 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
-
if (k2 === undefined) k2 = k;
|
|
19
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
37
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
38
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
39
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
40
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
41
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
42
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
43
|
-
});
|
|
44
|
-
};
|
|
45
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
46
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
47
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
48
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
49
|
-
function step(op) {
|
|
50
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
51
|
-
while (_) try {
|
|
52
|
-
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;
|
|
53
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
54
|
-
switch (op[0]) {
|
|
55
|
-
case 0: case 1: t = op; break;
|
|
56
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
57
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
58
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
59
|
-
default:
|
|
60
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
61
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
62
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
63
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
64
|
-
if (t[2]) _.ops.pop();
|
|
65
|
-
_.trys.pop(); continue;
|
|
66
|
-
}
|
|
67
|
-
op = body.call(thisArg, _);
|
|
68
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
69
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
70
|
-
}
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
71
8
|
};
|
|
72
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
73
|
-
var react_1 =
|
|
10
|
+
var react_1 = __importDefault(require("react"));
|
|
74
11
|
var newskit_1 = require("newskit");
|
|
75
12
|
var shared_components_1 = require("@newskit-render/shared-components");
|
|
76
13
|
var yup_1 = require("@hookform/resolvers/yup");
|
|
77
|
-
var StyledTextInputBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), (0, newskit_1.getSizingCssFromTheme)('marginLeft', 'sizing060'), (0, newskit_1.getSizingCssFromTheme)('marginTop', 'sizing020'));
|
|
78
14
|
var CancellationReason = function (_a) {
|
|
79
15
|
var cancellationList = _a.cancellationList, _b = _a.validation, validation = _b === void 0 ? {} : _b, cancellationObjectOverrides = _a.cancellationObjectOverrides, cancellationErrorObjectOverrides = _a.cancellationErrorObjectOverrides, buttonGroupProps = _a.buttonGroupProps, cancellationDescription = _a.cancellationDescription, message = _a.message, messageOverrides = _a.messageOverrides, onCancellationReasonSelected = _a.onCancellationReasonSelected;
|
|
80
16
|
var schema = validation['cancellationReason'];
|
|
81
17
|
var resolver = (0, yup_1.yupResolver)(schema);
|
|
82
|
-
var messageRef = (0, react_1.useRef)(null);
|
|
83
|
-
var setTextInputList = function (list) {
|
|
84
|
-
var isVis = {};
|
|
85
|
-
list === null || list === void 0 ? void 0 : list.forEach(function (obj) {
|
|
86
|
-
if (obj.hasTextInput) {
|
|
87
|
-
isVis[obj.id] = false;
|
|
88
|
-
}
|
|
89
|
-
});
|
|
90
|
-
return isVis;
|
|
91
|
-
};
|
|
92
|
-
var _c = (0, react_1.useState)(''), extraValue = _c[0], setExtraValue = _c[1];
|
|
93
|
-
var _d = (0, react_1.useState)({
|
|
94
|
-
id: '',
|
|
95
|
-
text: '',
|
|
96
|
-
hasTextInput: false,
|
|
97
|
-
}), cancelObject = _d[0], setCancelObject = _d[1];
|
|
98
|
-
var _e = (0, react_1.useState)({
|
|
99
|
-
showing: false,
|
|
100
|
-
textInputList: setTextInputList(cancellationList),
|
|
101
|
-
}), textInputState = _e[0], setTextInputState = _e[1];
|
|
102
|
-
var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
|
|
103
|
-
if (buttonGroupProps === null || buttonGroupProps === void 0 ? void 0 : buttonGroupProps.primaryButton) {
|
|
104
|
-
buttonGroupProps.primaryButton.onClick = function () {
|
|
105
|
-
return fireEvent((0, shared_components_1.createClickEvent)('primary-button', 'continue cancellation', cancelObject.text));
|
|
106
|
-
};
|
|
107
|
-
}
|
|
108
|
-
var _f = (0, react_1.useState)(false), noSelectionError = _f[0], setNoSelectionError = _f[1];
|
|
109
|
-
var onSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
110
|
-
var text, payload;
|
|
111
|
-
var _a;
|
|
112
|
-
return __generator(this, function (_b) {
|
|
113
|
-
if (!cancelObject.id) {
|
|
114
|
-
if ((_a = messageRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView) {
|
|
115
|
-
messageRef.current.scrollIntoView();
|
|
116
|
-
}
|
|
117
|
-
return [2 /*return*/, setNoSelectionError(true)];
|
|
118
|
-
}
|
|
119
|
-
text = cancelObject.text;
|
|
120
|
-
payload = extraValue
|
|
121
|
-
? { answer: text, extra: extraValue }
|
|
122
|
-
: { answer: text };
|
|
123
|
-
onCancellationReasonSelected(payload);
|
|
124
|
-
return [2 /*return*/];
|
|
125
|
-
});
|
|
126
|
-
}); };
|
|
127
|
-
var onExtraChange = function (e) {
|
|
128
|
-
setExtraValue(e.currentTarget.value);
|
|
129
|
-
};
|
|
130
|
-
var onChange = function (e) {
|
|
131
|
-
var _a;
|
|
132
|
-
setNoSelectionError(false);
|
|
133
|
-
var showing = textInputState.showing, textInputList = textInputState.textInputList;
|
|
134
|
-
var hasTextInput = e.currentTarget.id in textInputList;
|
|
135
|
-
setCancelObject({
|
|
136
|
-
id: e.currentTarget.id,
|
|
137
|
-
text: e.currentTarget.value,
|
|
138
|
-
hasTextInput: hasTextInput,
|
|
139
|
-
});
|
|
140
|
-
if (hasTextInput) {
|
|
141
|
-
setTextInputState({
|
|
142
|
-
showing: true,
|
|
143
|
-
textInputList: __assign(__assign({}, setTextInputList(cancellationList)), (_a = {}, _a[e.currentTarget.id] = true, _a)),
|
|
144
|
-
});
|
|
145
|
-
}
|
|
146
|
-
else if (showing) {
|
|
147
|
-
setTextInputState({
|
|
148
|
-
showing: false,
|
|
149
|
-
textInputList: setTextInputList(cancellationList),
|
|
150
|
-
});
|
|
151
|
-
}
|
|
152
|
-
};
|
|
153
|
-
var getRadioButtons = function (list) {
|
|
154
|
-
return (react_1.default.createElement(newskit_1.Fieldset, null,
|
|
155
|
-
react_1.default.createElement(newskit_1.RadioGroup, null, list.map(function (_a) {
|
|
156
|
-
var id = _a.id, text = _a.text, hasTextInput = _a.hasTextInput;
|
|
157
|
-
return (react_1.default.createElement(newskit_1.Block, { spaceStack: cancellationObjectOverrides === null || cancellationObjectOverrides === void 0 ? void 0 : cancellationObjectOverrides.spaceStack },
|
|
158
|
-
react_1.default.createElement(newskit_1.RadioButton, { key: id, id: id, value: text, label: text, "data-testid": id, size: "small", onChange: onChange, overrides: {
|
|
159
|
-
label: {
|
|
160
|
-
typographyPreset: cancellationObjectOverrides === null || cancellationObjectOverrides === void 0 ? void 0 : cancellationObjectOverrides.typographyPreset,
|
|
161
|
-
},
|
|
162
|
-
} }),
|
|
163
|
-
hasTextInput && textInputState.textInputList[id] && (react_1.default.createElement(StyledTextInputBlock, null,
|
|
164
|
-
react_1.default.createElement(newskit_1.FormInput, { name: "extra", id: "extra" },
|
|
165
|
-
react_1.default.createElement(newskit_1.FormInputTextField, { onChange: onExtraChange, "data-testid": "extra" }),
|
|
166
|
-
react_1.default.createElement(newskit_1.FormInputAssistiveText, { "data-testid": "extra-assistive-text" }, "Please specify"))))));
|
|
167
|
-
}))));
|
|
168
|
-
};
|
|
169
18
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
170
|
-
react_1.default.createElement(newskit_1.Global, { styles: (0, newskit_1.css)(
|
|
171
|
-
|
|
172
|
-
react_1.default.createElement(newskit_1.InlineMessage, __assign({ "data-testid": "cancellation-reason-inline-message" }, messageOverrides), message))),
|
|
173
|
-
react_1.default.createElement("div", { ref: messageRef, "data-testid": 'error-wrapper' },
|
|
174
|
-
react_1.default.createElement(shared_components_1.Introduction, __assign({}, cancellationDescription))),
|
|
175
|
-
react_1.default.createElement(shared_components_1.FormGrid, { xsMargin: "space000", xsColumnGutter: "space000", xsRowGutter: "space000" },
|
|
176
|
-
noSelectionError && (react_1.default.createElement(newskit_1.Block, { spaceStack: (cancellationErrorObjectOverrides === null || cancellationErrorObjectOverrides === void 0 ? void 0 : cancellationErrorObjectOverrides.spaceStack) || {
|
|
177
|
-
xs: 'space040',
|
|
178
|
-
} },
|
|
179
|
-
react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: (cancellationErrorObjectOverrides === null || cancellationErrorObjectOverrides === void 0 ? void 0 : cancellationErrorObjectOverrides.typographyPreset) || {
|
|
180
|
-
sm: 'utilityLabel020',
|
|
181
|
-
}, stylePreset: (cancellationErrorObjectOverrides === null || cancellationErrorObjectOverrides === void 0 ? void 0 : cancellationErrorObjectOverrides.stylePreset) || {
|
|
182
|
-
sm: 'inkNegative',
|
|
183
|
-
} }, "Please, select one option"))),
|
|
184
|
-
react_1.default.createElement(newskit_1.Form, { "data-testid": "cancellation-reason-form", resolver: textInputState.showing ? resolver : undefined, onSubmit: onSubmit, reValidationMode: "onBlur" },
|
|
185
|
-
react_1.default.createElement(react_1.default.Fragment, null, cancellationList && getRadioButtons(cancellationList)),
|
|
186
|
-
buttonGroupProps && (react_1.default.createElement(newskit_1.Block, null,
|
|
187
|
-
react_1.default.createElement(shared_components_1.ButtonGroup, __assign({}, buttonGroupProps, { loading: false }))))))));
|
|
19
|
+
react_1.default.createElement(newskit_1.Global, { styles: (0, newskit_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n form {\n width: 100%;\n }\n "], ["\n form {\n width: 100%;\n }\n "]))) }),
|
|
20
|
+
react_1.default.createElement(shared_components_1.RadioForm, { radioInputList: cancellationList, resolver: resolver, radioInputListOverrides: cancellationObjectOverrides, errorOverrides: cancellationErrorObjectOverrides, buttonGroupProps: buttonGroupProps, introductionProps: cancellationDescription, introductionInlineMessage: message, introductionInlineMessageOverrides: messageOverrides, onSubmit: onCancellationReasonSelected })));
|
|
188
21
|
};
|
|
189
22
|
exports.default = CancellationReason;
|
|
190
|
-
var templateObject_1
|
|
23
|
+
var templateObject_1;
|
|
191
24
|
//# sourceMappingURL=CancellationReason.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CancellationReason.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/CancellationReason/CancellationReason.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CancellationReason.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/CancellationReason/CancellationReason.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,gDAAyB;AACzB,mCAAqC;AAErC,uEAA6E;AAC7E,+CAAqD;AAGrD,IAAM,kBAAkB,GAAgD,UAAC,EAUxE;QATC,gBAAgB,sBAAA,EAChB,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,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,IAAA,iBAAW,EAAC,MAAM,CAAC,CAAA;IAE9C,OAAO,CACL;QACE,8BAAC,gBAAM,IACL,MAAM,MAAE,aAAG,yIAAA,qEAIV,OACD;QACF,8BAAC,6BAAS,IACR,cAAc,EAAE,gBAAoC,EACpD,QAAQ,EAAE,QAAQ,EAClB,uBAAuB,EAAE,2BAA2B,EACpD,cAAc,EAAE,gCAAgC,EAChD,gBAAgB,EAAE,gBAAgB,EAClC,iBAAiB,EAAE,uBAAuB,EAC1C,yBAAyB,EAAE,OAAO,EAClC,kCAAkC,EAAE,gBAAgB,EACpD,QAAQ,EAAE,4BAA4B,GACtC,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,kBAAkB,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { MQ, InlineMessageProps } from 'newskit';
|
|
2
|
-
import { ButtonGroupProps } from '@newskit-render/shared-components';
|
|
2
|
+
import { ButtonGroupProps, RadioFormInput } from '@newskit-render/shared-components';
|
|
3
3
|
import { IntroductionProps } from '@newskit-render/shared-components';
|
|
4
4
|
import { OverrideYupSchemaType, DefaultSchemaKeysType } from '@newskit-render/validation';
|
|
5
5
|
import { CancellationReasonPayload } from '../../../Templates';
|
|
@@ -10,7 +10,7 @@ export interface CancellationObject {
|
|
|
10
10
|
}
|
|
11
11
|
export interface CancellationReasonProps {
|
|
12
12
|
cancellationDescription?: Omit<IntroductionProps, 'title' | 'titleOverrides'>;
|
|
13
|
-
cancellationList?:
|
|
13
|
+
cancellationList?: RadioFormInput[];
|
|
14
14
|
validation?: DefaultSchemaKeysType | OverrideYupSchemaType;
|
|
15
15
|
cancellationObjectOverrides?: {
|
|
16
16
|
typographyPreset?: {
|
|
@@ -83,8 +83,8 @@ var ConfirmCancellation = function (_a) {
|
|
|
83
83
|
if (handleLoading) {
|
|
84
84
|
handleLoading('cancellation', errorMessages, genericErrorMessage);
|
|
85
85
|
}
|
|
86
|
-
var cancellationReasonAnswer = cancellationReason.
|
|
87
|
-
? cancellationReason.answer + " Plus: " + cancellationReason.
|
|
86
|
+
var cancellationReasonAnswer = cancellationReason.other
|
|
87
|
+
? cancellationReason.answer + " Plus: " + cancellationReason.other
|
|
88
88
|
: cancellationReason.answer;
|
|
89
89
|
(0, onFormSubmit_1.default)({
|
|
90
90
|
cancellationReason: cancellationReasonAnswer,
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { ButtonGroupProps } from '@newskit-render/shared-components';
|
|
2
2
|
import { UnorderedListProps } from 'newskit';
|
|
3
|
-
import { ModalProps } from '@newskit-render/shared-components';
|
|
4
|
-
import {
|
|
5
|
-
import { CancellationReasonPayload } from 'Components/Templates';
|
|
3
|
+
import { ModalProps, RadioFormInput } from '@newskit-render/shared-components';
|
|
4
|
+
import { CancellationReasonPayload } from '../../../Templates';
|
|
6
5
|
export declare type ConfirmCancellationProps = {
|
|
7
6
|
listProps?: UnorderedListProps | undefined;
|
|
8
7
|
children?: string[];
|
|
@@ -12,6 +11,6 @@ export declare type ConfirmCancellationProps = {
|
|
|
12
11
|
confirmationModal?: Partial<ModalProps> & {
|
|
13
12
|
href?: string;
|
|
14
13
|
};
|
|
15
|
-
cancellationList?:
|
|
14
|
+
cancellationList?: RadioFormInput[];
|
|
16
15
|
cancellationReason: CancellationReasonPayload;
|
|
17
16
|
};
|
|
@@ -2,169 +2,18 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
2
2
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
3
|
return cooked;
|
|
4
4
|
};
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
s = arguments[i];
|
|
9
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
-
t[p] = s[p];
|
|
11
|
-
}
|
|
12
|
-
return t;
|
|
13
|
-
};
|
|
14
|
-
return __assign.apply(this, arguments);
|
|
15
|
-
};
|
|
16
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
17
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
18
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
19
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
20
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
21
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
22
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
23
|
-
});
|
|
24
|
-
};
|
|
25
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
26
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
27
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
28
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
29
|
-
function step(op) {
|
|
30
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
31
|
-
while (_) try {
|
|
32
|
-
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;
|
|
33
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
34
|
-
switch (op[0]) {
|
|
35
|
-
case 0: case 1: t = op; break;
|
|
36
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
37
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
38
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
39
|
-
default:
|
|
40
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
41
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
42
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
43
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
44
|
-
if (t[2]) _.ops.pop();
|
|
45
|
-
_.trys.pop(); continue;
|
|
46
|
-
}
|
|
47
|
-
op = body.call(thisArg, _);
|
|
48
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
49
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
50
|
-
}
|
|
51
|
-
};
|
|
52
|
-
import React, { useState, useRef } from 'react';
|
|
53
|
-
import { Block, styled, getSizingCssFromTheme, Form, TextBlock, FormInput, FormInputTextField, InlineMessage, Global, css, Fieldset, RadioButton, RadioGroup, FormInputAssistiveText, useInstrumentation, } from 'newskit';
|
|
54
|
-
import { ButtonGroup, createClickEvent, FormGrid, Introduction, } from '@newskit-render/shared-components';
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { Global, css } from 'newskit';
|
|
7
|
+
import { RadioForm } from '@newskit-render/shared-components';
|
|
55
8
|
import { yupResolver } from '@hookform/resolvers/yup';
|
|
56
|
-
var StyledTextInputBlock = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), getSizingCssFromTheme('marginLeft', 'sizing060'), getSizingCssFromTheme('marginTop', 'sizing020'));
|
|
57
9
|
var CancellationReason = function (_a) {
|
|
58
10
|
var cancellationList = _a.cancellationList, _b = _a.validation, validation = _b === void 0 ? {} : _b, cancellationObjectOverrides = _a.cancellationObjectOverrides, cancellationErrorObjectOverrides = _a.cancellationErrorObjectOverrides, buttonGroupProps = _a.buttonGroupProps, cancellationDescription = _a.cancellationDescription, message = _a.message, messageOverrides = _a.messageOverrides, onCancellationReasonSelected = _a.onCancellationReasonSelected;
|
|
59
11
|
var schema = validation['cancellationReason'];
|
|
60
12
|
var resolver = yupResolver(schema);
|
|
61
|
-
var messageRef = useRef(null);
|
|
62
|
-
var setTextInputList = function (list) {
|
|
63
|
-
var isVis = {};
|
|
64
|
-
list === null || list === void 0 ? void 0 : list.forEach(function (obj) {
|
|
65
|
-
if (obj.hasTextInput) {
|
|
66
|
-
isVis[obj.id] = false;
|
|
67
|
-
}
|
|
68
|
-
});
|
|
69
|
-
return isVis;
|
|
70
|
-
};
|
|
71
|
-
var _c = useState(''), extraValue = _c[0], setExtraValue = _c[1];
|
|
72
|
-
var _d = useState({
|
|
73
|
-
id: '',
|
|
74
|
-
text: '',
|
|
75
|
-
hasTextInput: false,
|
|
76
|
-
}), cancelObject = _d[0], setCancelObject = _d[1];
|
|
77
|
-
var _e = useState({
|
|
78
|
-
showing: false,
|
|
79
|
-
textInputList: setTextInputList(cancellationList),
|
|
80
|
-
}), textInputState = _e[0], setTextInputState = _e[1];
|
|
81
|
-
var fireEvent = useInstrumentation().fireEvent;
|
|
82
|
-
if (buttonGroupProps === null || buttonGroupProps === void 0 ? void 0 : buttonGroupProps.primaryButton) {
|
|
83
|
-
buttonGroupProps.primaryButton.onClick = function () {
|
|
84
|
-
return fireEvent(createClickEvent('primary-button', 'continue cancellation', cancelObject.text));
|
|
85
|
-
};
|
|
86
|
-
}
|
|
87
|
-
var _f = useState(false), noSelectionError = _f[0], setNoSelectionError = _f[1];
|
|
88
|
-
var onSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
89
|
-
var text, payload;
|
|
90
|
-
var _a;
|
|
91
|
-
return __generator(this, function (_b) {
|
|
92
|
-
if (!cancelObject.id) {
|
|
93
|
-
if ((_a = messageRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView) {
|
|
94
|
-
messageRef.current.scrollIntoView();
|
|
95
|
-
}
|
|
96
|
-
return [2 /*return*/, setNoSelectionError(true)];
|
|
97
|
-
}
|
|
98
|
-
text = cancelObject.text;
|
|
99
|
-
payload = extraValue
|
|
100
|
-
? { answer: text, extra: extraValue }
|
|
101
|
-
: { answer: text };
|
|
102
|
-
onCancellationReasonSelected(payload);
|
|
103
|
-
return [2 /*return*/];
|
|
104
|
-
});
|
|
105
|
-
}); };
|
|
106
|
-
var onExtraChange = function (e) {
|
|
107
|
-
setExtraValue(e.currentTarget.value);
|
|
108
|
-
};
|
|
109
|
-
var onChange = function (e) {
|
|
110
|
-
var _a;
|
|
111
|
-
setNoSelectionError(false);
|
|
112
|
-
var showing = textInputState.showing, textInputList = textInputState.textInputList;
|
|
113
|
-
var hasTextInput = e.currentTarget.id in textInputList;
|
|
114
|
-
setCancelObject({
|
|
115
|
-
id: e.currentTarget.id,
|
|
116
|
-
text: e.currentTarget.value,
|
|
117
|
-
hasTextInput: hasTextInput,
|
|
118
|
-
});
|
|
119
|
-
if (hasTextInput) {
|
|
120
|
-
setTextInputState({
|
|
121
|
-
showing: true,
|
|
122
|
-
textInputList: __assign(__assign({}, setTextInputList(cancellationList)), (_a = {}, _a[e.currentTarget.id] = true, _a)),
|
|
123
|
-
});
|
|
124
|
-
}
|
|
125
|
-
else if (showing) {
|
|
126
|
-
setTextInputState({
|
|
127
|
-
showing: false,
|
|
128
|
-
textInputList: setTextInputList(cancellationList),
|
|
129
|
-
});
|
|
130
|
-
}
|
|
131
|
-
};
|
|
132
|
-
var getRadioButtons = function (list) {
|
|
133
|
-
return (React.createElement(Fieldset, null,
|
|
134
|
-
React.createElement(RadioGroup, null, list.map(function (_a) {
|
|
135
|
-
var id = _a.id, text = _a.text, hasTextInput = _a.hasTextInput;
|
|
136
|
-
return (React.createElement(Block, { spaceStack: cancellationObjectOverrides === null || cancellationObjectOverrides === void 0 ? void 0 : cancellationObjectOverrides.spaceStack },
|
|
137
|
-
React.createElement(RadioButton, { key: id, id: id, value: text, label: text, "data-testid": id, size: "small", onChange: onChange, overrides: {
|
|
138
|
-
label: {
|
|
139
|
-
typographyPreset: cancellationObjectOverrides === null || cancellationObjectOverrides === void 0 ? void 0 : cancellationObjectOverrides.typographyPreset,
|
|
140
|
-
},
|
|
141
|
-
} }),
|
|
142
|
-
hasTextInput && textInputState.textInputList[id] && (React.createElement(StyledTextInputBlock, null,
|
|
143
|
-
React.createElement(FormInput, { name: "extra", id: "extra" },
|
|
144
|
-
React.createElement(FormInputTextField, { onChange: onExtraChange, "data-testid": "extra" }),
|
|
145
|
-
React.createElement(FormInputAssistiveText, { "data-testid": "extra-assistive-text" }, "Please specify"))))));
|
|
146
|
-
}))));
|
|
147
|
-
};
|
|
148
13
|
return (React.createElement(React.Fragment, null,
|
|
149
|
-
React.createElement(Global, { styles: css(
|
|
150
|
-
|
|
151
|
-
React.createElement(InlineMessage, __assign({ "data-testid": "cancellation-reason-inline-message" }, messageOverrides), message))),
|
|
152
|
-
React.createElement("div", { ref: messageRef, "data-testid": 'error-wrapper' },
|
|
153
|
-
React.createElement(Introduction, __assign({}, cancellationDescription))),
|
|
154
|
-
React.createElement(FormGrid, { xsMargin: "space000", xsColumnGutter: "space000", xsRowGutter: "space000" },
|
|
155
|
-
noSelectionError && (React.createElement(Block, { spaceStack: (cancellationErrorObjectOverrides === null || cancellationErrorObjectOverrides === void 0 ? void 0 : cancellationErrorObjectOverrides.spaceStack) || {
|
|
156
|
-
xs: 'space040',
|
|
157
|
-
} },
|
|
158
|
-
React.createElement(TextBlock, { typographyPreset: (cancellationErrorObjectOverrides === null || cancellationErrorObjectOverrides === void 0 ? void 0 : cancellationErrorObjectOverrides.typographyPreset) || {
|
|
159
|
-
sm: 'utilityLabel020',
|
|
160
|
-
}, stylePreset: (cancellationErrorObjectOverrides === null || cancellationErrorObjectOverrides === void 0 ? void 0 : cancellationErrorObjectOverrides.stylePreset) || {
|
|
161
|
-
sm: 'inkNegative',
|
|
162
|
-
} }, "Please, select one option"))),
|
|
163
|
-
React.createElement(Form, { "data-testid": "cancellation-reason-form", resolver: textInputState.showing ? resolver : undefined, onSubmit: onSubmit, reValidationMode: "onBlur" },
|
|
164
|
-
React.createElement(React.Fragment, null, cancellationList && getRadioButtons(cancellationList)),
|
|
165
|
-
buttonGroupProps && (React.createElement(Block, null,
|
|
166
|
-
React.createElement(ButtonGroup, __assign({}, buttonGroupProps, { loading: false }))))))));
|
|
14
|
+
React.createElement(Global, { styles: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n form {\n width: 100%;\n }\n "], ["\n form {\n width: 100%;\n }\n "]))) }),
|
|
15
|
+
React.createElement(RadioForm, { radioInputList: cancellationList, resolver: resolver, radioInputListOverrides: cancellationObjectOverrides, errorOverrides: cancellationErrorObjectOverrides, buttonGroupProps: buttonGroupProps, introductionProps: cancellationDescription, introductionInlineMessage: message, introductionInlineMessageOverrides: messageOverrides, onSubmit: onCancellationReasonSelected })));
|
|
167
16
|
};
|
|
168
17
|
export default CancellationReason;
|
|
169
|
-
var templateObject_1
|
|
18
|
+
var templateObject_1;
|
|
170
19
|
//# sourceMappingURL=CancellationReason.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CancellationReason.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/CancellationReason/CancellationReason.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CancellationReason.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/CancellationReason/CancellationReason.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAErC,OAAO,EAAE,SAAS,EAAkB,MAAM,mCAAmC,CAAA;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAGrD,IAAM,kBAAkB,GAAgD,UAAC,EAUxE;QATC,gBAAgB,sBAAA,EAChB,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EACf,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;IAE9C,OAAO,CACL;QACE,oBAAC,MAAM,IACL,MAAM,EAAE,GAAG,wIAAA,qEAIV,OACD;QACF,oBAAC,SAAS,IACR,cAAc,EAAE,gBAAoC,EACpD,QAAQ,EAAE,QAAQ,EAClB,uBAAuB,EAAE,2BAA2B,EACpD,cAAc,EAAE,gCAAgC,EAChD,gBAAgB,EAAE,gBAAgB,EAClC,iBAAiB,EAAE,uBAAuB,EAC1C,yBAAyB,EAAE,OAAO,EAClC,kCAAkC,EAAE,gBAAgB,EACpD,QAAQ,EAAE,4BAA4B,GACtC,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { MQ, InlineMessageProps } from 'newskit';
|
|
2
|
-
import { ButtonGroupProps } from '@newskit-render/shared-components';
|
|
2
|
+
import { ButtonGroupProps, RadioFormInput } from '@newskit-render/shared-components';
|
|
3
3
|
import { IntroductionProps } from '@newskit-render/shared-components';
|
|
4
4
|
import { OverrideYupSchemaType, DefaultSchemaKeysType } from '@newskit-render/validation';
|
|
5
5
|
import { CancellationReasonPayload } from '../../../Templates';
|
|
@@ -10,7 +10,7 @@ export interface CancellationObject {
|
|
|
10
10
|
}
|
|
11
11
|
export interface CancellationReasonProps {
|
|
12
12
|
cancellationDescription?: Omit<IntroductionProps, 'title' | 'titleOverrides'>;
|
|
13
|
-
cancellationList?:
|
|
13
|
+
cancellationList?: RadioFormInput[];
|
|
14
14
|
validation?: DefaultSchemaKeysType | OverrideYupSchemaType;
|
|
15
15
|
cancellationObjectOverrides?: {
|
|
16
16
|
typographyPreset?: {
|
|
@@ -59,8 +59,8 @@ var ConfirmCancellation = function (_a) {
|
|
|
59
59
|
if (handleLoading) {
|
|
60
60
|
handleLoading('cancellation', errorMessages, genericErrorMessage);
|
|
61
61
|
}
|
|
62
|
-
var cancellationReasonAnswer = cancellationReason.
|
|
63
|
-
? cancellationReason.answer + " Plus: " + cancellationReason.
|
|
62
|
+
var cancellationReasonAnswer = cancellationReason.other
|
|
63
|
+
? cancellationReason.answer + " Plus: " + cancellationReason.other
|
|
64
64
|
: cancellationReason.answer;
|
|
65
65
|
onFormSubmit({
|
|
66
66
|
cancellationReason: cancellationReasonAnswer,
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { ButtonGroupProps } from '@newskit-render/shared-components';
|
|
2
2
|
import { UnorderedListProps } from 'newskit';
|
|
3
|
-
import { ModalProps } from '@newskit-render/shared-components';
|
|
4
|
-
import {
|
|
5
|
-
import { CancellationReasonPayload } from 'Components/Templates';
|
|
3
|
+
import { ModalProps, RadioFormInput } from '@newskit-render/shared-components';
|
|
4
|
+
import { CancellationReasonPayload } from '../../../Templates';
|
|
6
5
|
export declare type ConfirmCancellationProps = {
|
|
7
6
|
listProps?: UnorderedListProps | undefined;
|
|
8
7
|
children?: string[];
|
|
@@ -12,6 +11,6 @@ export declare type ConfirmCancellationProps = {
|
|
|
12
11
|
confirmationModal?: Partial<ModalProps> & {
|
|
13
12
|
href?: string;
|
|
14
13
|
};
|
|
15
|
-
cancellationList?:
|
|
14
|
+
cancellationList?: RadioFormInput[];
|
|
16
15
|
cancellationReason: CancellationReasonPayload;
|
|
17
16
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@newskit-render/my-account",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.0-alpha.0",
|
|
4
4
|
"description": "Newskit Render",
|
|
5
5
|
"author": "",
|
|
6
6
|
"license": "UNLICENSED",
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
"@apollo/client": "3.4.16",
|
|
36
36
|
"@hookform/resolvers": "2.5.2",
|
|
37
37
|
"@newskit-render/api": "^0.36.1",
|
|
38
|
-
"@newskit-render/shared-components": "^0.
|
|
39
|
-
"@newskit-render/validation": "^0.
|
|
38
|
+
"@newskit-render/shared-components": "^0.69.0-alpha.0",
|
|
39
|
+
"@newskit-render/validation": "^0.51.0-alpha.0",
|
|
40
40
|
"@stripe/react-stripe-js": "1.4.1",
|
|
41
41
|
"@stripe/stripe-js": "1.17.0",
|
|
42
42
|
"cookie": "0.4.1",
|