"use strict";
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());
    });
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = imageInputToBase64;
/**
 * # Image Input Element to Base 64
 */
function imageInputToBase64(_a) {
    return __awaiter(this, arguments, void 0, function* ({ imageInput, maxWidth, mimeType, }) {
        var _b, _c;
        /**
         * Make https request
         *
         * @description make a request to datasquirel.com
         */
        try {
            let imagePreviewNode = document.querySelector(`[data-imagepreview='image']`);
            let imageName = (_b = imageInput.files) === null || _b === void 0 ? void 0 : _b[0].name.replace(/\..*/, "");
            let imageDataBase64;
            const MIME_TYPE = mimeType ? mimeType : "image/jpeg";
            const QUALITY = 0.95;
            const MAX_WIDTH = maxWidth ? maxWidth : null;
            const file = (_c = imageInput.files) === null || _c === void 0 ? void 0 : _c[0];
            const blobURL = file ? URL.createObjectURL(file) : undefined;
            const img = new Image();
            if (blobURL) {
                img.src = blobURL;
                imageDataBase64 = yield new Promise((res, rej) => {
                    /** ********************* Handle Errors in loading image */
                    img.onerror = function () {
                        URL.revokeObjectURL(this.src);
                        window.alert("Cannot load image!");
                    };
                    img.onload = function (e) {
                        const imgEl = e.target;
                        URL.revokeObjectURL(imgEl.src);
                        const canvas = document.createElement("canvas");
                        if (MAX_WIDTH) {
                            const scaleSize = MAX_WIDTH / img.naturalWidth;
                            canvas.width =
                                img.naturalWidth < MAX_WIDTH
                                    ? img.naturalWidth
                                    : MAX_WIDTH;
                            canvas.height =
                                img.naturalWidth < MAX_WIDTH
                                    ? img.naturalHeight
                                    : img.naturalHeight * scaleSize;
                        }
                        else {
                            canvas.width = img.naturalWidth;
                            canvas.height = img.naturalHeight;
                        }
                        const ctx = canvas.getContext("2d");
                        ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
                        const srcEncoded = canvas.toDataURL(MIME_TYPE, QUALITY);
                        if (imagePreviewNode) {
                            document
                                .querySelectorAll(`[data-imagepreview='image']`)
                                .forEach((_img) => {
                                const _imgEl = _img;
                                _imgEl.src = srcEncoded;
                            });
                        }
                        res(srcEncoded);
                    };
                });
                return {
                    imageBase64: imageDataBase64 === null || imageDataBase64 === void 0 ? void 0 : imageDataBase64.replace(/.*?base64,/, ""),
                    imageBase64Full: imageDataBase64,
                    imageName: imageName,
                };
            }
            else {
                return {};
            }
        }
        catch ( /** @type {*} */error) {
            console.log("Image Processing Error! =>", error.message);
            return {};
        }
    });
}