"use strict";
var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var __generator = (this && this.__generator) || function (thisArg, body) {
    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
    function verb(n) { return function (v) { return step([n, v]); }; }
    function step(op) {
        if (f) throw new TypeError("Generator is already executing.");
        while (g && (g = 0, op[0] && (_ = 0)), _) try {
            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
            if (y = 0, t) op = [op[0] & 2, t.value];
            switch (op[0]) {
                case 0: case 1: t = op; break;
                case 4: _.label++; return { value: op[1], done: false };
                case 5: _.label++; y = op[1]; op = [0]; continue;
                case 7: op = _.ops.pop(); _.trys.pop(); continue;
                default:
                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
                    if (t[2]) _.ops.pop();
                    _.trys.pop(); continue;
            }
            op = body.call(thisArg, _);
        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
    }
};
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
        if (ar || !(i in from)) {
            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
            ar[i] = from[i];
        }
    }
    return to.concat(ar || Array.prototype.slice.call(from));
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
var _a;
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var user_event_1 = __importDefault(require("@testing-library/user-event"));
var react_2 = require("@testing-library/react");
var ramda_1 = require("ramda");
var mdm_sdk_1 = require("@reltio/mdm-sdk");
var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
var ScrollToElementContext_1 = require("../contexts/ScrollToElementContext");
var HiddenAttributesContext_1 = require("../contexts/HiddenAttributesContext");
var EditModeAttributesView_1 = require("./EditModeAttributesView");
jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { uploadImage: jest.fn(), getLookups: jest.fn().mockResolvedValue({}) })); });
var defaultEntity = {
    uri: 'entities/1E4APrQW',
    type: 'configuration/entityTypes/HCP'
};
var defaultModifiedEntities = (_a = {}, _a[defaultEntity.uri] = defaultEntity, _a);
var defaultMetadata = {
    uri: 'configuration',
    entityTypes: [
        {
            uri: 'configuration/entityTypes/HCP',
            attributes: [
                {
                    uri: 'configuration/entityTypes/HCP/attributes/FirstLevelNested',
                    name: 'FirstLevelNested',
                    type: 'Nested',
                    attributes: [
                        {
                            label: 'FirstLevelNestedSub1_HCP',
                            name: 'FirstLevelNestedSub1',
                            uri: 'configuration/entityTypes/HCP/attributes/FirstLevelNested/attributes/FirstLevelNestedSub1',
                            type: 'String',
                            required: true
                        },
                        {
                            label: 'Int',
                            name: 'Int',
                            uri: 'configuration/entityTypes/HCP/attributes/FirstLevelNested/attributes/Int',
                            type: 'Int'
                        }
                    ]
                },
                {
                    label: 'First Name',
                    name: 'FirstName',
                    type: 'String',
                    uri: 'configuration/entityTypes/HCP/attributes/FirstName'
                },
                {
                    label: 'Middle Name',
                    name: 'MiddleName',
                    type: 'String',
                    uri: 'configuration/entityTypes/HCP/attributes/MiddleName'
                },
                {
                    label: 'Last Name',
                    name: 'LastName',
                    type: 'String',
                    uri: 'configuration/entityTypes/HCP/attributes/LastName'
                },
                {
                    label: 'Image Gallery',
                    name: 'ImageGallery',
                    required: true,
                    type: 'Image',
                    uri: 'configuration/entityTypes/HCP/attributes/ImageGallery'
                }
            ]
        }
    ]
};
var defaultMdmValues = {
    modifiedEntities: defaultModifiedEntities,
    metadata: defaultMetadata,
    dependentLookups: { editors: {}, structure: {}, initedTypeUris: [] },
    profileErrors: [],
    lookups: {},
    user: { roles: [] },
    tenant: {
        id: 'tenant',
        name: 'tenant'
    }
};
var mdmActions = {
    addAttributes: jest.fn(),
    modifyAttribute: jest.fn(),
    removeAttribute: jest.fn(),
    errorDeactivated: jest.fn()
};
var defaultProps = { entity: defaultEntity, mode: mdm_sdk_1.Mode.Editing };
describe('Edit mode attributes view tests', function () {
    var scrollSpy = jest.fn();
    window.HTMLElement.prototype.scrollIntoView = scrollSpy;
    var setUp = function (_a) {
        var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? defaultProps : _c, _d = _b.mdmValues, mdmValues = _d === void 0 ? defaultMdmValues : _d, _e = _b.hiddenAttributesContextValue, hiddenAttributesContextValue = _e === void 0 ? {} : _e, _f = _b.userOptions, userOptions = _f === void 0 ? {} : _f;
        var user = user_event_1.default.setup(userOptions);
        var Providers = function (_a) {
            var children = _a.children;
            return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues, actions: mdmActions },
                react_1.default.createElement(HiddenAttributesContext_1.HiddenAttributesContext.Provider, { value: hiddenAttributesContextValue },
                    react_1.default.createElement(ScrollToElementContext_1.ScrollToElementProvider, null, children))));
        };
        return __assign({ user: user }, (0, react_2.render)(react_1.default.createElement(EditModeAttributesView_1.EditModeAttributesView, __assign({}, props)), { wrapper: Providers }));
    };
    beforeAll(function () {
        jest.useFakeTimers();
    });
    afterEach(function () {
        jest.runOnlyPendingTimers();
    });
    it('should highlight last added attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
        var metadata, mdmValues, user, moreAttributesButton, popover, attributes;
        return __generator(this, function (_a) {
            switch (_a.label) {
                case 0:
                    metadata = (0, ramda_1.assocPath)(['entityTypes', 0, 'attributes', 0, 'required'], true, defaultMetadata);
                    mdmValues = __assign(__assign({}, defaultMdmValues), { metadata: metadata });
                    user = setUp({ mdmValues: mdmValues, userOptions: { delay: null } }).user;
                    moreAttributesButton = react_2.screen.getAllByRole('button', { name: 'More attributes' })[0];
                    return [4 /*yield*/, user.click(moreAttributesButton)];
                case 1:
                    _a.sent();
                    popover = react_2.screen.getByRole('presentation');
                    return [4 /*yield*/, user.click((0, react_2.within)(popover).getByText('FirstLevelNested'))];
                case 2:
                    _a.sent();
                    return [4 /*yield*/, user.click(popover.firstChild)];
                case 3:
                    _a.sent(); // click on backdrop
                    (0, react_2.act)(function () {
                        jest.runOnlyPendingTimers();
                    });
                    attributes = react_2.screen.getAllByTestId('reltio-edit-attribute');
                    expect(attributes[0]).toHaveClass('highlighted');
                    expect(scrollSpy).toHaveBeenCalledTimes(1);
                    (0, react_2.act)(function () {
                        jest.runOnlyPendingTimers();
                    });
                    expect(attributes[0]).not.toHaveClass('highlighted');
                    return [2 /*return*/];
            }
        });
    }); });
    describe('image attribute behaviour', function () {
        var profileErrors = [
            {
                parentUri: 'entities/1E4APrQW',
                uri: '',
                attributeTypeUri: 'configuration/entityTypes/HCP/attributes/ImageGallery',
                message: 'Attribute is required',
                type: mdm_sdk_1.ErrorType.missed
            }
        ];
        it('should render required and missed image attribute in edit mode correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
            return __generator(this, function (_a) {
                setUp({ mdmValues: __assign(__assign({}, defaultMdmValues), { profileErrors: profileErrors }) });
                expect(react_2.screen.getByText('*')).toBeInTheDocument();
                expect(react_2.screen.getByText('Attribute is required')).toBeInTheDocument();
                return [2 /*return*/];
            });
        }); });
        it('should deactivate error for required and missed image attribute after image was added', function () { return __awaiter(void 0, void 0, void 0, function () {
            var resolveUploadImage, user, file;
            return __generator(this, function (_a) {
                switch (_a.label) {
                    case 0:
                        mdm_sdk_1.uploadImage.mockImplementation(function () {
                            return new Promise(function (resolve) {
                                resolveUploadImage = resolve;
                            });
                        });
                        user = setUp({
                            mdmValues: __assign(__assign({}, defaultMdmValues), { profileErrors: profileErrors }),
                            userOptions: { delay: null, applyAccept: false }
                        }).user;
                        return [4 /*yield*/, user.click(react_2.screen.getByTestId('reltio-upload-image-button'))];
                    case 1:
                        _a.sent();
                        file = new File(['test file content'], 'test.png', { type: 'image/png' });
                        return [4 /*yield*/, user.upload(react_2.screen.getByTestId('upload-image-button'), file)];
                    case 2:
                        _a.sent();
                        return [4 /*yield*/, react_2.screen.findByTestId('reltio-linear-load-indicator')];
                    case 3:
                        _a.sent();
                        return [4 /*yield*/, (0, react_2.act)(function () { return __awaiter(void 0, void 0, void 0, function () {
                                return __generator(this, function (_a) {
                                    switch (_a.label) {
                                        case 0: return [4 /*yield*/, resolveUploadImage('Image')];
                                        case 1:
                                            _a.sent();
                                            return [2 /*return*/];
                                    }
                                });
                            }); })];
                    case 4:
                        _a.sent();
                        expect(react_2.screen.queryByTestId('reltio-linear-load-indicator')).not.toBeInTheDocument();
                        expect(mdmActions.errorDeactivated).toHaveBeenCalledWith('configuration/entityTypes/HCP/attributes/ImageGallery--entities/1E4APrQW');
                        return [2 /*return*/];
                }
            });
        }); });
    });
    describe('pinned attributes', function () {
        var pinnedAttributes = [
            {
                roles: ['ROLE_ADMIN'],
                attributes: [
                    'configuration/entityTypes/HCP/attributes/LastName',
                    'configuration/entityTypes/HCP/attributes/FirstName'
                ]
            }
        ];
        it('should render pinned attributes correctly with passing pinnedAttributes for this user', function () {
            var mdmValues = __assign(__assign({}, defaultMdmValues), { user: { roles: ['ROLE_ADMIN'] } });
            var props = __assign(__assign({}, defaultProps), { pinnedAttributes: pinnedAttributes });
            setUp({ props: props, mdmValues: mdmValues });
            var labels = react_2.screen.getAllByTestId('reltio-attribute-label');
            expect(labels).toHaveLength(3);
            expect(labels[0]).toHaveTextContent('First Name');
            expect(labels[1]).toHaveTextContent('Last Name');
            expect(labels[2]).toHaveTextContent('Image Gallery*');
        });
        it('should not render pinned attributes with passing pinnedAttributes as empty array for user without roles', function () {
            var props = __assign(__assign({}, defaultProps), { pinnedAttributes: pinnedAttributes });
            setUp({ props: props });
            var labels = react_2.screen.getAllByTestId('reltio-attribute-label');
            expect(labels).toHaveLength(1);
            expect(labels[0]).toHaveTextContent('Image Gallery*');
        });
        it('should not render pinned attributes with passing pinnedAttributes as empty array if no pinnedAttributes', function () {
            setUp();
            var labels = react_2.screen.getAllByTestId('reltio-attribute-label');
            expect(labels).toHaveLength(1);
            expect(labels[0]).toHaveTextContent('Image Gallery*');
        });
    });
    describe('rule based attributes', function () {
        it('should hide attributes if there are no rules allow to show the attribute', function () {
            var _a;
            var defaultEntity = {
                uri: 'entities/1E4APrQW',
                type: 'configuration/entityTypes/HCP'
            };
            var modifiedEntities = __assign(__assign({}, defaultModifiedEntities), (_a = {}, _a[defaultEntity.uri] = __assign(__assign({}, defaultEntity), { attributes: {
                    FirstName: [
                        {
                            uri: 'entities/1E4APrQW/attributes/FirstName/uri1',
                            value: 'first name value'
                        }
                    ],
                    MiddleName: [
                        {
                            uri: 'entities/1E4APrQW/attributes/MiddleName/uri2',
                            value: 'middle name value'
                        }
                    ],
                    LastName: [
                        {
                            uri: 'entities/1E4APrQW/attributes/LastName/uri3',
                            value: 'last name value'
                        }
                    ]
                } }), _a));
            var mdmValues = __assign(__assign({}, defaultMdmValues), { modifiedEntities: modifiedEntities });
            var hiddenAttributesContextValue = {
                'entities/1E4APrQW': [
                    'configuration/entityTypes/HCP/attributes/FirstName',
                    'configuration/entityTypes/HCP/attributes/LastName'
                ]
            };
            setUp({ mdmValues: mdmValues, hiddenAttributesContextValue: hiddenAttributesContextValue });
            react_2.screen.getByText('Middle Name');
            expect(react_2.screen.queryByText('First Name')).not.toBeInTheDocument();
            expect(react_2.screen.queryByText('Last Name')).not.toBeInTheDocument();
        });
        it('should hide nested attributes if there are no rules allow to show the attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
            var modifiedEntities, mdmValues, hiddenAttributesContextValue, user;
            var _a;
            return __generator(this, function (_b) {
                switch (_b.label) {
                    case 0:
                        modifiedEntities = __assign(__assign({}, defaultModifiedEntities), (_a = {}, _a[defaultEntity.uri] = __assign(__assign({}, defaultEntity), { attributes: {
                                FirstLevelNested: [
                                    {
                                        uri: 'entities/1E4APrQW/attributes/uri1',
                                        value: {
                                            FirstLevelNestedSub1: [
                                                {
                                                    ov: true,
                                                    uri: 'entities/1E4APrQW/attributes/uri1/attributes/nesteduri1',
                                                    value: 'first level nested sub value'
                                                }
                                            ],
                                            Int: [
                                                {
                                                    ov: true,
                                                    uri: 'entities/1E4APrQW/attributes/uri1/attributes/nesteduri2',
                                                    value: '3456'
                                                }
                                            ]
                                        }
                                    }
                                ]
                            } }), _a));
                        mdmValues = __assign(__assign({}, defaultMdmValues), { modifiedEntities: modifiedEntities });
                        hiddenAttributesContextValue = {
                            'entities/1E4APrQW': ['configuration/entityTypes/HCP/attributes/FirstLevelNested/attributes/Int']
                        };
                        user = setUp({ mdmValues: mdmValues, hiddenAttributesContextValue: hiddenAttributesContextValue, userOptions: { delay: null } }).user;
                        return [4 /*yield*/, user.click(react_2.screen.getByTestId('arrow-expand-button'))];
                    case 1:
                        _b.sent();
                        react_2.screen.getByText('FirstLevelNestedSub1_HCP');
                        expect(react_2.screen.queryByText('Int')).not.toBeInTheDocument();
                        return [2 /*return*/];
                }
            });
        }); });
        it('should request lookups if there are no dependent lookups and store already has some lookups', function () { return __awaiter(void 0, void 0, void 0, function () {
            var modifiedEntities, metadata, lookups, mdmValues;
            var _a;
            return __generator(this, function (_b) {
                modifiedEntities = __assign(__assign({}, defaultModifiedEntities), (_a = {}, _a[defaultEntity.uri] = __assign(__assign({}, defaultEntity), { attributes: {
                        CountryCode: [
                            {
                                uri: 'entities/1E4APrQW/attributes/CountryCode/uri1',
                                value: 'Portugal',
                                lookupCode: 'PT',
                                type: 'configuration/entityTypes/HCP/attributes/CountryCode'
                            }
                        ]
                    } }), _a));
                metadata = {
                    uri: 'configuration',
                    entityTypes: [
                        {
                            uri: 'configuration/entityTypes/HCP',
                            attributes: __spreadArray(__spreadArray([], defaultMetadata.entityTypes[0].attributes, true), [
                                {
                                    label: 'Country',
                                    name: 'CountryCode',
                                    type: 'String',
                                    uri: 'configuration/entityTypes/HCP/attributes/CountryCode',
                                    lookupCode: 'CountryCode'
                                }
                            ], false)
                        }
                    ]
                };
                lookups = {
                    CountryCode: {
                        PT: {
                            displayName: 'Portugal'
                        }
                    }
                };
                mdmValues = __assign(__assign({}, defaultMdmValues), { metadata: metadata, modifiedEntities: modifiedEntities, lookups: lookups });
                setUp({ mdmValues: mdmValues });
                expect(mdm_sdk_1.getLookups).toHaveBeenCalled();
                return [2 /*return*/];
            });
        }); });
    });
});
