@oneuptime/common 7.0.2936 → 7.0.2976

package/build/dist/UI/Components/Forms/BasicForm.js

@@ -0,0 +1,339 @@
+import API from "../../Utils/API/API";
+import UiAnalytics from "../../Utils/Analytics";
+import Alert, { AlertType } from "../Alerts/Alert";
+import Button, { ButtonStyleType } from "../Button/Button";
+import ButtonTypes from "../Button/ButtonTypes";
+import ErrorMessage from "../ErrorMessage/ErrorMessage";
+import FormField from "./Fields/FormField";
+import Steps from "./Steps/Steps";
+import FormFieldSchemaType from "./Types/FormFieldSchemaType";
+import Validation from "./Validation";
+import OneUptimeDate from "Common/Types/Date";
+import HashedString from "Common/Types/HashedString";
+import ObjectID from "Common/Types/ObjectID";
+import Typeof from "Common/Types/Typeof";
+import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState, } from "react";
+import useAsyncEffect from "use-async-effect";
+export const DefaultValidateFunction = (_values) => {
+    return {};
+};
+const BasicForm = forwardRef((props, ref) => {
+    const isSubmitting = useRef(false);
+    const [didSomethingChange, setDidSomethingChange] = useState(false);
+    const [isLoading, setIsLoading] = useState(props.isLoading);
+    const [formError, setFormError] = useState(null);
+    const [isDropdownOptionsLoading, setIsDropdownOptionsLoading] = useState(false);
+    useEffect(() => {
+        setIsLoading(props.isLoading);
+    }, [props.isLoading]);
+    const [submitButtonText, setSubmitButtonText] = useState(props.submitButtonText || "Submit");
+    const [formSteps, setFormSteps] = useState(props.steps);
+    const isInitialValuesSet = useRef(false);
+    const refCurrentValue = useRef(props.initialValues || {});
+    const [currentFormStepId, setCurrentFormStepId] = useState(null);
+    useEffect(() => {
+        if (formSteps && formSteps.length > 0 && formSteps[0]) {
+            setCurrentFormStepId(formSteps[0].id);
+        }
+    }, []);
+    useEffect(() => {
+        // if last step,
+        if (formSteps &&
+            formSteps.length > 0 &&
+            formSteps[formSteps.length - 1]
+                .id === currentFormStepId) {
+            setSubmitButtonText(props.submitButtonText || "Submit");
+            if (props.onIsLastFormStep) {
+                props.onIsLastFormStep(true);
+            }
+        }
+        else {
+            setSubmitButtonText("Next");
+            if (props.onIsLastFormStep) {
+                props.onIsLastFormStep(false);
+            }
+        }
+        if (props.onFormStepChange && currentFormStepId) {
+            props.onFormStepChange(currentFormStepId);
+        }
+        if (!currentFormStepId) {
+            setSubmitButtonText(props.submitButtonText || "Submit");
+            if (props.onIsLastFormStep) {
+                props.onIsLastFormStep(true);
+            }
+        }
+    }, [currentFormStepId, formSteps]);
+    const [currentValue, setCurrentValue] = useState(props.initialValues || {});
+    const [errors, setErrors] = useState({});
+    const [touched, setTouched] = useState({});
+    useEffect(() => {
+        var _a;
+        setFormSteps((_a = props.steps) === null || _a === void 0 ? void 0 : _a.filter((step) => {
+            if (!step.showIf) {
+                return true;
+            }
+            return step.showIf(refCurrentValue.current);
+        }));
+    }, [refCurrentValue.current]);
+    const [formFields, setFormFields] = useState([]);
+    const setFieldTouched = (fieldName, value) => {
+        setTouched(Object.assign(Object.assign({}, touched), { [fieldName]: value }));
+    };
+    const validate = (values) => {
+        const totalValidationErrors = Validation.validate({
+            values,
+            formFields,
+            currentFormStepId,
+            onValidate: props.onValidate || undefined,
+        });
+        if (props.onFormValidationErrorChanged) {
+            props.onFormValidationErrorChanged(Object.keys(totalValidationErrors).length !== 0);
+        }
+        setErrors(totalValidationErrors);
+        return totalValidationErrors;
+    };
+    useEffect(() => {
+        setDidSomethingChange(true);
+        validate(currentValue);
+    }, [currentValue]);
+    useImperativeHandle(ref, () => {
+        return {
+            setFieldTouched,
+            setFieldValue,
+            submitForm,
+        };
+    }, [currentValue, errors, touched, formFields]);
+    useAsyncEffect(async () => {
+        const fields = [
+            ...props.fields.map((field) => {
+                return Object.assign({ name: getFieldName(field) }, field);
+            }),
+        ];
+        for (const item of fields) {
+            // if this field is not the current step.
+            if (currentFormStepId &&
+                item.stepId &&
+                item.stepId !== currentFormStepId) {
+                continue;
+            }
+            if (item.fetchDropdownOptions) {
+                setIsDropdownOptionsLoading(true);
+                // If a dropdown has fetch optiosn then we need to fetch them
+                try {
+                    const options = await item.fetchDropdownOptions(refCurrentValue.current);
+                    item.dropdownOptions = options;
+                }
+                catch (err) {
+                    setFormError(API.getFriendlyMessage(err));
+                }
+            }
+        }
+        setIsDropdownOptionsLoading(false);
+        setFormFields(fields);
+    }, [props.fields, currentFormStepId]);
+    const getFieldName = (field) => {
+        const fieldName = field.overrideFieldKey
+            ? field.overrideFieldKey
+            : Object.keys(field.field || {})[0];
+        return fieldName;
+    };
+    const setAllTouched = () => {
+        const touchedObj = {};
+        for (const field of formFields) {
+            if (currentFormStepId &&
+                field.stepId &&
+                field.stepId !== currentFormStepId) {
+                continue;
+            }
+            touchedObj[field.name] = true;
+        }
+        setTouched(Object.assign(Object.assign({}, touched), touchedObj));
+    };
+    const setFieldValue = (fieldName, value) => {
+        const updatedValue = Object.assign(Object.assign({}, refCurrentValue.current), { [fieldName]: value });
+        refCurrentValue.current = updatedValue;
+        setCurrentValue(refCurrentValue.current);
+        if (props.onChange && isInitialValuesSet.current) {
+            props.onChange(refCurrentValue.current);
+        }
+    };
+    const submitForm = () => {
+        // check for any boolean values and if they don't exist in values - mark them as false.
+        setAllTouched();
+        const validationErrors = validate(refCurrentValue.current);
+        isSubmitting.current = true;
+        if (Object.keys(validationErrors).length > 0) {
+            // errors on form, do not submit.
+            return;
+        }
+        // if last step then submit.
+        if ((formSteps &&
+            formSteps.length > 0 &&
+            formSteps[formSteps.length - 1].id === currentFormStepId) ||
+            currentFormStepId === null) {
+            const values = refCurrentValue.current;
+            for (const field of formFields) {
+                if (field.fieldType === FormFieldSchemaType.Toggle) {
+                    const fieldName = field.name;
+                    if (!values[fieldName]) {
+                        values[fieldName] = false;
+                    }
+                }
+                if (field.fieldType === FormFieldSchemaType.Email) {
+                    const fieldName = field.name;
+                    if (values[fieldName]) {
+                        values[fieldName] = values[fieldName]
+                            .toString()
+                            .toLowerCase();
+                    }
+                }
+                if (field.fieldType === FormFieldSchemaType.MultiSelectDropdown) {
+                    const fieldName = field.name;
+                    if (values[fieldName] &&
+                        values[fieldName].length > 0 &&
+                        values[fieldName][0]["value"]) {
+                        values[fieldName] = values[fieldName].map((item) => {
+                            return item.value;
+                        });
+                    }
+                }
+                if (field.fieldType === FormFieldSchemaType.Dropdown) {
+                    const fieldName = field.name;
+                    if (values[fieldName] &&
+                        values[fieldName]["value"]) {
+                        values[fieldName] = values[fieldName]["value"];
+                    }
+                }
+                if (field.fieldType === FormFieldSchemaType.Password) {
+                    const fieldName = field.name;
+                    if (values[fieldName] &&
+                        typeof values[fieldName] === Typeof.String) {
+                        values[fieldName] = new HashedString(values[fieldName], false);
+                    }
+                }
+            }
+            UiAnalytics.capture("FORM SUBMIT: " + props.name);
+            props.onSubmit(values, () => {
+                setDidSomethingChange(false);
+            });
+        }
+        else if (formSteps && formSteps.length > 0) {
+            const steps = formSteps;
+            const currentStepIndex = steps.findIndex((step) => {
+                return step.id === currentFormStepId;
+            });
+            if (currentStepIndex > -1) {
+                setCurrentFormStepId(steps[currentStepIndex + 1].id);
+            }
+        }
+    };
+    useEffect(() => {
+        var _a, _b;
+        if (isSubmitting.current) {
+            return;
+        }
+        if (isInitialValuesSet.current) {
+            return;
+        }
+        const values = Object.assign({}, props.initialValues);
+        for (const field of formFields) {
+            const fieldName = field.name;
+            if (field.fieldType === FormFieldSchemaType.Date &&
+                values[fieldName]) {
+                values[fieldName] = OneUptimeDate.asDateForDatabaseQuery(values[fieldName]);
+            }
+            if (field.fieldType === FormFieldSchemaType.Dropdown &&
+                values[fieldName]) {
+                const dropdownOption = (_a = field.dropdownOptions) === null || _a === void 0 ? void 0 : _a.find((option) => {
+                    let valueToCompare = values[fieldName];
+                    if (valueToCompare instanceof ObjectID) {
+                        valueToCompare = valueToCompare.toString();
+                    }
+                    return option.value === valueToCompare;
+                });
+                values[fieldName] = (dropdownOption === null || dropdownOption === void 0 ? void 0 : dropdownOption.value) || null;
+            }
+            if (field.fieldType === FormFieldSchemaType.MultiSelectDropdown &&
+                values[fieldName]) {
+                const dropdownOptions = ((_b = field.dropdownOptions) === null || _b === void 0 ? void 0 : _b.filter((option) => {
+                    let valueToCompare = [
+                        ...values[fieldName],
+                    ];
+                    valueToCompare = valueToCompare.map((item) => {
+                        if (item instanceof ObjectID) {
+                            return item.toString();
+                        }
+                        return item;
+                    });
+                    return valueToCompare.includes(option.value);
+                })) || [];
+                values[fieldName] = dropdownOptions.map((option) => {
+                    return option.value;
+                });
+            }
+            // if the field is still null but has a default value then... have the default initial value
+            if (field.defaultValue && values[fieldName] === undefined) {
+                values[fieldName] = field.defaultValue;
+            }
+            isInitialValuesSet.current = true;
+        }
+        refCurrentValue.current = values;
+        setCurrentValue(refCurrentValue.current);
+    }, [props.initialValues, formFields]);
+    const primaryButtonStyle = {};
+    if (props.maxPrimaryButtonWidth) {
+        primaryButtonStyle.marginLeft = "0px";
+        primaryButtonStyle.width = "100%";
+    }
+    if (formError) {
+        return React.createElement(ErrorMessage, { error: formError });
+    }
+    let showSubmitButton = !props.hideSubmitButton;
+    if (props.showSubmitButtonOnlyIfSomethingChanged && didSomethingChange) {
+        showSubmitButton = true;
+    }
+    return (React.createElement("div", { className: "row" },
+        React.createElement("div", { className: "col-lg-1" },
+            React.createElement("div", null,
+                props.title && (React.createElement("h1", { className: "text-lg text-gray-700 mt-5" }, props.title)),
+                Boolean(props.description) && (React.createElement("div", { className: "text-sm text-gray-500 mb-5" }, props.description)),
+                React.createElement("div", { className: "flex" },
+                    formSteps && currentFormStepId && (React.createElement("div", { className: "w-1/3" },
+                        React.createElement(Steps, { currentFormStepId: currentFormStepId, steps: formSteps, formValues: refCurrentValue.current, onClick: (step) => {
+                                setCurrentFormStepId(step.id);
+                            } }))),
+                    React.createElement("div", { className: `${formSteps && currentFormStepId ? "w-2/3 pt-6" : "w-full pt-1"}` },
+                        props.error && (React.createElement("div", { className: "mb-3" },
+                            React.createElement(Alert, { title: props.error, type: AlertType.DANGER }))),
+                        React.createElement("div", null,
+                            React.createElement("div", { className: `grid md:grid-cols-${props.showAsColumns || 1} grid-cols-1 gap-4` }, formFields &&
+                                formFields
+                                    .filter((field) => {
+                                    if (currentFormStepId) {
+                                        return field.stepId === currentFormStepId;
+                                    }
+                                    return true;
+                                })
+                                    .map((field, i) => {
+                                    return (React.createElement("div", { key: getFieldName(field) },
+                                        React.createElement(FormField, { field: field, fieldName: getFieldName(field), index: i, error: errors[getFieldName(field)] || "", touched: touched[getFieldName(field)] || false, isDisabled: isLoading ||
+                                                isDropdownOptionsLoading ||
+                                                false, currentValues: refCurrentValue.current, setFieldValue: setFieldValue, setFieldTouched: setFieldTouched, submitForm: submitForm, disableAutofocus: props.disableAutofocus || false }),
+                                        field.footerElement));
+                                }))),
+                        React.createElement("div", { className: "flex w-full justify-end" },
+                            showSubmitButton && (React.createElement("div", { className: "mt-3", style: {
+                                    width: props.maxPrimaryButtonWidth ? "100%" : " auto",
+                                } },
+                                React.createElement(Button, { title: submitButtonText, dataTestId: props.submitButtonText, onClick: () => {
+                                        submitForm();
+                                    }, id: `${props.id}-submit-button`, isLoading: isLoading || isDropdownOptionsLoading || false, buttonStyle: props.submitButtonStyleType || ButtonStyleType.PRIMARY, style: primaryButtonStyle }))),
+                            props.onCancel && (React.createElement("div", null,
+                                React.createElement(Button, { title: props.cancelButtonText || "Cancel", type: ButtonTypes.Button, id: `${props.id}-cancel-button`, disabled: isLoading || isDropdownOptionsLoading || false, buttonStyle: ButtonStyleType.NORMAL, onClick: () => {
+                                        props.onCancel && props.onCancel();
+                                    } })))))),
+                props.footer))));
+});
+BasicForm.displayName = "BasicForm";
+export default BasicForm;
+//# sourceMappingURL=BasicForm.js.map

package/build/dist/UI/Components/Forms/BasicForm.js.map

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

package/build/dist/UI/Components/Forms/BasicModelForm.js

@@ -0,0 +1,30 @@
+import BasicForm, { DefaultValidateFunction, } from "./BasicForm";
+import React, { useEffect, useState, } from "react";
+const BasicModelForm = (props) => {
+    const [formFields, setFormFields] = useState([]);
+    let initialValues = {};
+    if (props.initialValues) {
+        initialValues = Object.assign({}, props.initialValues);
+    }
+    useEffect(() => {
+        const fields = [];
+        // Prep
+        for (const field of props.fields) {
+            if (Object.keys(field.field || {}).length > 0) {
+                if (props.model.getDisplayColumnTitleAs(Object.keys(field.field || {})[0]) &&
+                    !field.title) {
+                    field.title = props.model.getDisplayColumnTitleAs(Object.keys(field.field || {})[0]);
+                }
+                if (props.model.getDisplayColumnDescriptionAs(Object.keys(field.field || {})[0]) &&
+                    !field.description) {
+                    field.description = props.model.getDisplayColumnDescriptionAs(Object.keys(field.field || {})[0]);
+                }
+            }
+            fields.push(field);
+        }
+        setFormFields(fields);
+    }, [props.fields]);
+    return (React.createElement(BasicForm, { isLoading: props.isLoading || false, fields: formFields, id: props.id, onChange: props.onChange, onValidate: props.onValidate ? props.onValidate : DefaultValidateFunction, disableAutofocus: props.disableAutofocus, steps: props.steps, name: props.name, onFormStepChange: props.onFormStepChange, submitButtonStyleType: props.submitButtonStyleType, onSubmit: props.onSubmit, initialValues: initialValues, submitButtonText: props.submitButtonText || "Save", title: props.title || "", description: props.description || "", footer: props.footer, showAsColumns: props.showAsColumns || 1, onCancel: props.onCancel, cancelButtonText: props.cancelButtonText, maxPrimaryButtonWidth: props.maxPrimaryButtonWidth || false, error: props.error, onIsLastFormStep: props.onIsLastFormStep, hideSubmitButton: props.hideSubmitButton, ref: props.formRef }));
+};
+export default BasicModelForm;
+//# sourceMappingURL=BasicModelForm.js.map

package/build/dist/UI/Components/Forms/BasicModelForm.js.map

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

package/build/dist/UI/Components/Forms/Fields/ColorPicker.js

@@ -0,0 +1,58 @@
+import useComponentOutsideClick from "../../../Types/UseComponentOutsideClick";
+import Icon from "../../Icon/Icon";
+import Input, { InputType } from "../../Input/Input";
+import Color from "Common/Types/Color";
+import IconProp from "Common/Types/Icon/IconProp";
+import React, { useEffect, useState, } from "react";
+import { ChromePicker } from "react-color";
+const ColorPicker = (props) => {
+    const [color, setColor] = useState("");
+    const { ref, isComponentVisible, setIsComponentVisible } = useComponentOutsideClick(false);
+    const [isInitialValuesInitialized, setIsInitialValuesInitialized] = useState(false);
+    useEffect(() => {
+        if (props.initialValue && !isInitialValuesInitialized) {
+            setColor(props.initialValue.toString());
+            setIsInitialValuesInitialized(true);
+        }
+    }, [props.initialValue]);
+    const handleChange = (color) => {
+        setColor(color);
+        if (!color) {
+            return props.onChange(null);
+        }
+        props.onChange(new Color(color));
+    };
+    return (React.createElement("div", null,
+        React.createElement("div", { className: "flex block w-full rounded-md border border-gray-300 bg-white py-2 pl-3 pr-3 text-sm placeholder-gray-500 focus:border-indigo-500 focus:text-gray-900 focus:placeholder-gray-400 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm" },
+            React.createElement("div", { onClick: () => {
+                    if (!props.readOnly) {
+                        setIsComponentVisible(!isComponentVisible);
+                    }
+                }, className: "rounded h-5 w-5 border border-gray-200 cursor-pointer", style: { backgroundColor: color.toString() } }),
+            React.createElement(Input, { onClick: () => {
+                    if (!props.readOnly) {
+                        setIsComponentVisible(!isComponentVisible);
+                    }
+                }, disabled: props.disabled, dataTestId: props.dataTestId, onBlur: props.onBlur, onEnterPress: props.onEnterPress, className: "border-none focus:outline-none w-full pl-2 text-gray-500 cursor-pointer", outerDivClassName: 'className="border-none focus:outline-none w-full pl-2 text-gray-500 cursor-pointer"', placeholder: props.placeholder, value: color || props.value, readOnly: true, type: InputType.TEXT, tabIndex: props.tabIndex, onChange: (value) => {
+                    if (!value) {
+                        return handleChange("");
+                    }
+                }, onFocus: props.onFocus || undefined }),
+            color && !props.disabled && (React.createElement(Icon, { icon: IconProp.Close, className: "text-gray-400 h-5 w-5 cursor-pointer hover:text-gray-600", onClick: () => {
+                    setColor("#FFFFFF");
+                    if (props.onChange) {
+                        props.onChange(null);
+                    }
+                } })),
+            isComponentVisible ? (React.createElement("div", { ref: ref, style: {
+                    position: "absolute",
+                } },
+                React.createElement(ChromePicker, { color: color, onChange: (color) => {
+                        setColor(color.hex);
+                    }, onChangeComplete: (color) => {
+                        return handleChange(color.hex);
+                    } }))) : (React.createElement(React.Fragment, null))),
+        props.error && (React.createElement("p", { "data-testid": "error-message", className: "mt-1 text-sm text-red-400" }, props.error))));
+};
+export default ColorPicker;
+//# sourceMappingURL=ColorPicker.js.map

package/build/dist/UI/Components/Forms/Fields/ColorPicker.js.map

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

package/build/dist/UI/Components/Forms/Fields/FieldLabel.js

@@ -0,0 +1,16 @@
+import Link from "../../Link/Link";
+import React from "react";
+const FieldLabelElement = (props) => {
+    var _a, _b, _c, _d, _e;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("label", { className: `block ${props.isHeading ? "text-lg" : "text-sm"}  font-medium text-gray-700 flex justify-between` },
+            React.createElement("span", null,
+                props.title,
+                " ",
+                React.createElement("span", { className: "text-gray-400 text-xs" }, props.required || props.hideOptionalLabel ? "" : "(Optional)")),
+            props.sideLink && ((_a = props.sideLink) === null || _a === void 0 ? void 0 : _a.text) && ((_b = props.sideLink) === null || _b === void 0 ? void 0 : _b.url) && (React.createElement("span", { "data-testid": "login-forgot-password" },
+                React.createElement(Link, { to: (_c = props.sideLink) === null || _c === void 0 ? void 0 : _c.url, openInNewTab: (_d = props.sideLink) === null || _d === void 0 ? void 0 : _d.openLinkInNewTab, className: "text-indigo-500 hover:text-indigo-900 cursor-pointer" }, (_e = props.sideLink) === null || _e === void 0 ? void 0 : _e.text)))),
+        props.description && (React.createElement("div", { className: "mt-1 text-sm text-gray-500" }, props.description))));
+};
+export default FieldLabelElement;
+//# sourceMappingURL=FieldLabel.js.map

package/build/dist/UI/Components/Forms/Fields/FieldLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLabel.js","sourceRoot":"","sources":["../../../../../../UI/Components/Forms/Fields/FieldLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,iBAAiB,CAAC;AAEnC,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,MAAM,iBAAiB,GAAsC,CAC3D,KAAqB,EACP,EAAE;;IAChB,OAAO,CACL;QACE,+BACE,SAAS,EAAE,SACT,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAChC,kDAAkD;YAElD;gBACG,KAAK,CAAC,KAAK;gBAAE,GAAG;gBACjB,8BAAM,SAAS,EAAC,uBAAuB,IACpC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CACzD,CACF;YACN,KAAK,CAAC,QAAQ,KAAI,MAAA,KAAK,CAAC,QAAQ,0CAAE,IAAI,CAAA,KAAI,MAAA,KAAK,CAAC,QAAQ,0CAAE,GAAG,CAAA,IAAI,CAChE,6CAAkB,uBAAuB;gBACvC,oBAAC,IAAI,IACH,EAAE,EAAE,MAAA,KAAK,CAAC,QAAQ,0CAAE,GAAG,EACvB,YAAY,EAAE,MAAA,KAAK,CAAC,QAAQ,0CAAE,gBAAgB,EAC9C,SAAS,EAAC,sDAAsD,IAE/D,MAAA,KAAK,CAAC,QAAQ,0CAAE,IAAI,CAChB,CACF,CACR,CACK;QAEP,KAAK,CAAC,WAAW,IAAI,CACpB,6BAAK,SAAS,EAAC,4BAA4B,IAAE,KAAK,CAAC,WAAW,CAAO,CACtE,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}