var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var __generator = (this && this.__generator) || function (thisArg, body) {
    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
    function verb(n) { return function (v) { return step([n, v]); }; }
    function step(op) {
        if (f) throw new TypeError("Generator is already executing.");
        while (g && (g = 0, op[0] && (_ = 0)), _) try {
            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
            if (y = 0, t) op = [op[0] & 2, t.value];
            switch (op[0]) {
                case 0: case 1: t = op; break;
                case 4: _.label++; return { value: op[1], done: false };
                case 5: _.label++; y = op[1]; op = [0]; continue;
                case 7: op = _.ops.pop(); _.trys.pop(); continue;
                default:
                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
                    if (t[2]) _.ops.pop();
                    _.trys.pop(); continue;
            }
            op = body.call(thisArg, _);
        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
    }
};
import React, { useCallback, useMemo, useState } from 'react';
import { isNil } from 'ramda';
import classnames from 'classnames';
import { useContextSelector } from '@fluentui/react-context-selector';
import CircularProgress from '@mui/material/CircularProgress';
import Button from '@mui/material/Button';
import CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';
import i18n from 'ui-i18n';
import { useSafePromise } from '../hooks/useSafePromise';
import { InputVerificationAttribute, verifyAttributes, VerifyAttributesClientFilter } from '@reltio/mdm-sdk';
import { useMdmEntityUri, useMdmAction } from '../contexts/MdmModuleContext';
import { AttributesVerificationContext } from '../contexts/AttributesVerificationContext';
import { showDefaultErrorMessage } from '../helpers/errors';
import { withTooltip } from '../HOCs/withTooltip';
import styles from './VerificationButton.module.css';
var ButtonWithTooltip = withTooltip(Button);
export var VerificationButtonSize;
(function (VerificationButtonSize) {
    VerificationButtonSize["SMALL"] = "small";
    VerificationButtonSize["MEDIUM"] = "medium";
})(VerificationButtonSize || (VerificationButtonSize = {}));
var getTooltipTitle = function (verificationTypes) {
    if (verificationTypes.includes(InputVerificationAttribute.Email) &&
        verificationTypes.includes(InputVerificationAttribute.Phone)) {
        return i18n.text('Verify all email and phone numbers');
    }
    if (verificationTypes.includes(InputVerificationAttribute.Email)) {
        return i18n.text('Verify all emails');
    }
    if (verificationTypes.includes(InputVerificationAttribute.Phone)) {
        return i18n.text('Verify all phone numbers');
    }
    return null;
};
export var VerificationButton = function (_a) {
    var attributeType = _a.attributeType, _b = _a.size, size = _b === void 0 ? VerificationButtonSize.SMALL : _b, className = _a.className;
    var _c = useState(false), loading = _c[0], setLoading = _c[1];
    var entityUri = useMdmEntityUri();
    var updateEntityAttributeValues = useMdmAction('updateEntityAttributeValues');
    var getVerificationType = useContextSelector(AttributesVerificationContext, function (context) { return context.getVerificationType; });
    var allVerificationTypes = useContextSelector(AttributesVerificationContext, function (context) {
        return context.getAllVerificationTypes();
    });
    var verificationType = attributeType ? getVerificationType(attributeType) : null;
    var verificationAttributeTypeUris = useContextSelector(AttributesVerificationContext, function (context) { return context.verificationAttributeTypeUris; });
    var options = useMemo(function () {
        if (isNil(attributeType))
            return {};
        var clientFilter = verificationType === InputVerificationAttribute.Email
            ? VerifyAttributesClientFilter.EmailVerifier
            : VerifyAttributesClientFilter.PhoneVerifier;
        return {
            clientFilter: clientFilter
        };
    }, [attributeType, verificationType]);
    var verifySafePromise = useSafePromise();
    var handleClick = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
        var attributeTypeUris, updatedEntity, error_1;
        return __generator(this, function (_a) {
            switch (_a.label) {
                case 0:
                    attributeTypeUris = attributeType ? [attributeType.uri] : verificationAttributeTypeUris;
                    setLoading(true);
                    _a.label = 1;
                case 1:
                    _a.trys.push([1, 3, 4, 5]);
                    return [4 /*yield*/, verifySafePromise(verifyAttributes({ entityUri: entityUri, options: options }))];
                case 2:
                    updatedEntity = _a.sent();
                    if (updatedEntity) {
                        updateEntityAttributeValues({
                            updatedEntity: updatedEntity,
                            attributeTypeUris: attributeTypeUris
                        });
                    }
                    return [3 /*break*/, 5];
                case 3:
                    error_1 = _a.sent();
                    showDefaultErrorMessage(error_1);
                    return [3 /*break*/, 5];
                case 4:
                    setLoading(false);
                    return [7 /*endfinally*/];
                case 5: return [2 /*return*/];
            }
        });
    }); }, [
        verifySafePromise,
        entityUri,
        options,
        attributeType,
        updateEntityAttributeValues,
        verificationAttributeTypeUris
    ]);
    var currentVerificationTypes = useMemo(function () {
        if (verificationType)
            return [verificationType];
        return allVerificationTypes;
    }, [verificationType, allVerificationTypes]);
    var tooltipTitle = getTooltipTitle(currentVerificationTypes);
    var buttonText = attributeType ? i18n.text('Verify') : i18n.text('Verify contact details');
    var startIcon = loading ? (React.createElement(CircularProgress, { size: size === VerificationButtonSize.SMALL ? 18 : 20 })) : (React.createElement(CheckCircleOutlineIcon, null));
    var tooltipText = tooltipTitle || buttonText;
    return (React.createElement("div", { className: styles.root },
        React.createElement(ButtonWithTooltip, { variant: "text", color: "primary", startIcon: startIcon, onClick: handleClick, disabled: loading, className: classnames(styles.button, className), classes: { startIcon: styles.startIcon }, size: size === VerificationButtonSize.SMALL ? 'small' : 'medium', tooltipTitle: tooltipText, tooltipPlacement: "bottom" }, buttonText)));
};
