@licklist/design 0.66.12-dev.2 → 0.66.13

package/dist/notification/email-template/control/EmailTemplateControl.js

@@ -1,653 +1 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState, useEffect } from 'react';
-import { Row, Form, Col } from 'react-bootstrap';
-import { useFormContext } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
-import EmailEditor from 'react-email-editor';
-import { OPTION_TYPE } from '@licklist/core/dist/DataMapper/Notification/TemplateOptionDataMapper';
-import { useAttachments } from '@licklist/plugins/dist/hooks/Media/useAttachments';
-import { usePermanentImage } from '@licklist/plugins/dist/hooks/Media/usePermanentImage';
-import { PERMANENT_IMAGE_TYPE_PERMANENT, PERMANENT_IMAGE_TYPE_TEMP } from '@licklist/core/dist/DataMapper/Media/UploadPermanentImageDataMapper';
-import { FileUpload } from '../../../file-upload/FileUpload.js';
-
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-    try {
-        var info = gen[key](arg);
-        var value = info.value;
-    } catch (error) {
-        reject(error);
-        return;
-    }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
-    }
-}
-function _async_to_generator(fn) {
-    return function() {
-        var self = this, args = arguments;
-        return new Promise(function(resolve, reject) {
-            var gen = fn.apply(self, args);
-            function _next(value) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-            }
-            function _throw(err) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-            }
-            _next(undefined);
-        });
-    };
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-function _ts_generator(thisArg, body) {
-    var f, y, t, g, _ = {
-        label: 0,
-        sent: function() {
-            if (t[0] & 1) throw t[1];
-            return t[1];
-        },
-        trys: [],
-        ops: []
-    };
-    return g = {
-        next: verb(0),
-        "throw": verb(1),
-        "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(_)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 EDITOR_DESIGN_UPDATED = "design:updated";
-var EmailTemplateControl = /*#__PURE__*/ forwardRef(function(param, ref) {
-    var setIsLoading = param.setIsLoading, meta = param.meta, _param_options = param.options, options = _param_options === void 0 ? [] : _param_options, _param_defaultAttachments = param.defaultAttachments, defaultAttachments = _param_defaultAttachments === void 0 ? [] : _param_defaultAttachments, _param_notificationTypes = param.notificationTypes, notificationTypes = _param_notificationTypes === void 0 ? [] : _param_notificationTypes, getDefaultTemplateMetaByType = param.getDefaultTemplateMetaByType;
-    var _errors_type, _errors_name, _errors_subject, _errors_body;
-    var t = useTranslation([
-        "Design"
-    ]).t;
-    var _useState = _sliced_to_array(useState(null), 2), initialAttachments = _useState[0], setInitialAttachemnts = _useState[1];
-    var _useFormContext = useFormContext(), register = _useFormContext.register, setValue = _useFormContext.setValue, errors = _useFormContext.formState.errors, getValues = _useFormContext.getValues, watch = _useFormContext.watch, reset = _useFormContext.reset;
-    var _useState1 = _sliced_to_array(useState(false), 2), isIncludePDF = _useState1[0], setIsIncludePDF = _useState1[1];
-    var _useAttachments = useAttachments(initialAttachments), attachments = _useAttachments.attachments, handleAttachmentRemove = _useAttachments.handleAttachmentRemove, handleAttachmentUploading = _useAttachments.handleAttachmentUploading, isAttachmentLoading = _useAttachments.isLoading;
-    var _usePermanentImage = usePermanentImage(), permanentImages = _usePermanentImage.permanentImages, handlePermanentImageRemove = _usePermanentImage.handlePermanentImageRemove, handlePermanentImageUploading = _usePermanentImage.handlePermanentImageUploading;
-    var type = watch("type");
-    var id = watch("id");
-    useEffect(function() {
-        var _ref_current;
-        if (!ref.current) return;
-        if (id || !getDefaultTemplateMetaByType || !type) return;
-        var formValues = getValues();
-        var nextMeta = getDefaultTemplateMetaByType(type);
-        reset(_object_spread_props(_object_spread({}, formValues), {
-            meta: nextMeta
-        }));
-        (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.loadDesign(JSON.parse(nextMeta));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        type
-    ]);
-    useEffect(function() {
-        setValue("attachmentMetadata", attachments);
-    }, [
-        attachments,
-        setValue
-    ]);
-    useEffect(function() {
-        if (!permanentImages.length) return;
-        setValue("imagesMetadata", permanentImages);
-    }, [
-        permanentImages,
-        setValue
-    ]);
-    useEffect(function() {
-        if (defaultAttachments && defaultAttachments.length > 0) {
-            var formAttachments = getValues("attachments");
-            setInitialAttachemnts(formAttachments);
-        } else {
-            setInitialAttachemnts([]);
-        }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        defaultAttachments
-    ]);
-    useEffect(function() {
-        if (!(options === null || options === void 0 ? void 0 : options.length)) return;
-        var fileSelectorOptions = options.find(function(option) {
-            return option.type === OPTION_TYPE.files_selector;
-        });
-        if (!(fileSelectorOptions === null || fileSelectorOptions === void 0 ? void 0 : fileSelectorOptions.selectedValue)) return;
-        setIsIncludePDF(true);
-    }, [
-        options
-    ]);
-    var handleDeleteEmailImage = function(content) {
-        var imgUrl = content.item.values.src.url;
-        if (imgUrl.includes("unlayer")) return;
-        var imagesMetadata = getValues("imagesMetadata");
-        // we dont have any temp images, but have some already saved
-        if (!imagesMetadata) {
-            var imgUrlArr = imgUrl.split("/");
-            var imgHash = imgUrlArr[imgUrlArr.length - 2];
-            if (!imgHash) return;
-            handlePermanentImageRemove(imgHash, PERMANENT_IMAGE_TYPE_PERMANENT);
-            return;
-        }
-        // we have some temp images and some saved images
-        var imgData = imagesMetadata.find(function(staticImg) {
-            return staticImg.permanentUrl === imgUrl;
-        });
-        if (!imgData) {
-            var permanentUrlArr = imgUrl.split("/");
-            var permanentImgHash = permanentUrlArr[permanentUrlArr.length - 2];
-            if (!permanentImgHash) return;
-            handlePermanentImageRemove(permanentImgHash, PERMANENT_IMAGE_TYPE_PERMANENT);
-            return;
-        }
-        // we have only temp images
-        handlePermanentImageRemove(imgData.hash, PERMANENT_IMAGE_TYPE_TEMP);
-    };
-    var onReadyEditor = function() {
-        var _ref_current, // saving image in our backend, not on unlayer s3
-        _ref_current1;
-        setIsLoading(true);
-        (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.registerCallback(EDITOR_DESIGN_UPDATED, function(content) {
-            var _ref_current, _content_item;
-            (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.editor.exportHtml(function(editorData) {
-                setValue("body", editorData.html);
-                setValue("meta", JSON.stringify(editorData.design));
-            });
-            if (content.type === "content:removed" && ((_content_item = content.item) === null || _content_item === void 0 ? void 0 : _content_item.type) === "image") {
-                handleDeleteEmailImage(content);
-            }
-        });
-        if (meta) {
-            var _ref_current2, // initial body set
-            _ref_current3;
-            (_ref_current2 = ref.current) === null || _ref_current2 === void 0 ? void 0 : _ref_current2.loadDesign(JSON.parse(meta));
-            (_ref_current3 = ref.current) === null || _ref_current3 === void 0 ? void 0 : _ref_current3.editor.exportHtml(function(editorData) {
-                setValue("body", editorData.html);
-                setValue("meta", JSON.stringify(editorData.design));
-            });
-        }
-        setIsLoading(false);
-        (_ref_current1 = ref.current) === null || _ref_current1 === void 0 ? void 0 : _ref_current1.registerCallback("image", function() {
-            var _ref = _async_to_generator(function(file, done) {
-                var imgData;
-                return _ts_generator(this, function(_state) {
-                    switch(_state.label){
-                        case 0:
-                            return [
-                                4,
-                                handlePermanentImageUploading(file.attachments[0])
-                            ];
-                        case 1:
-                            imgData = _state.sent();
-                            done({
-                                progress: 100,
-                                url: imgData.permanentUrl
-                            });
-                            return [
-                                2
-                            ];
-                    }
-                });
-            });
-            return function(file, done) {
-                return _ref.apply(this, arguments);
-            };
-        }());
-    };
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ jsx(Row, {
-                children: /*#__PURE__*/ jsxs(Form.Group, {
-                    as: Col,
-                    controlId: "type",
-                    sm: 12,
-                    children: [
-                        /*#__PURE__*/ jsx(Form.Label, {
-                            children: t("type")
-                        }),
-                        /*#__PURE__*/ jsxs(Form.Control, _object_spread_props(_object_spread({
-                            as: "select"
-                        }, register("type", {
-                            required: t("Validation:fieldRequired", {
-                                attribute: t("type")
-                            })
-                        })), {
-                            name: "type",
-                            required: true,
-                            isInvalid: Boolean(errors.type),
-                            placeholder: t("Design:type"),
-                            disabled: !!id,
-                            children: [
-                                /*#__PURE__*/ jsx("option", {
-                                    value: "",
-                                    children: t("Design:choose")
-                                }),
-                                notificationTypes.map(function(key) {
-                                    return /*#__PURE__*/ jsx("option", {
-                                        value: key,
-                                        children: t("Design:".concat(key))
-                                    }, key);
-                                })
-                            ]
-                        })),
-                        /*#__PURE__*/ jsx(Form.Control.Feedback, {
-                            type: "invalid",
-                            children: (_errors_type = errors.type) === null || _errors_type === void 0 ? void 0 : _errors_type.message
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ jsx(Row, {
-                children: /*#__PURE__*/ jsxs(Form.Group, {
-                    as: Col,
-                    controlId: "formGroupName",
-                    xs: true,
-                    sm: 12,
-                    md: 8,
-                    lg: 10,
-                    xl: 12,
-                    children: [
-                        /*#__PURE__*/ jsx(Form.Label, {
-                            children: t("templateName")
-                        }),
-                        /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({}, register("name", {
-                            maxLength: 255,
-                            required: t("Validation:fieldRequired", {
-                                attribute: t("name")
-                            })
-                        })), {
-                            name: "name",
-                            required: true,
-                            isInvalid: Boolean(errors.name),
-                            placeholder: t("Design:templateName")
-                        })),
-                        /*#__PURE__*/ jsx(Form.Control.Feedback, {
-                            type: "invalid",
-                            children: (_errors_name = errors.name) === null || _errors_name === void 0 ? void 0 : _errors_name.message
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ jsx(Row, {
-                children: /*#__PURE__*/ jsxs(Form.Group, {
-                    as: Col,
-                    xs: true,
-                    sm: 12,
-                    md: 8,
-                    lg: 10,
-                    xl: 12,
-                    controlId: "formGroupSubject",
-                    children: [
-                        /*#__PURE__*/ jsx(Form.Label, {
-                            children: t("subject")
-                        }),
-                        /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({}, register("subject", {
-                            maxLength: 255,
-                            required: t("Validation:fieldRequired", {
-                                attribute: t("subject")
-                            })
-                        })), {
-                            name: "subject",
-                            required: true,
-                            isInvalid: Boolean(errors.subject),
-                            placeholder: t("Design:subject")
-                        })),
-                        /*#__PURE__*/ jsx(Form.Control.Feedback, {
-                            type: "invalid",
-                            children: (_errors_subject = errors.subject) === null || _errors_subject === void 0 ? void 0 : _errors_subject.message
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ jsx(Row, {
-                children: /*#__PURE__*/ jsxs(Form.Group, {
-                    as: Col,
-                    children: [
-                        /*#__PURE__*/ jsx(Form.Check, _object_spread_props(_object_spread({}, register("isActive")), {
-                            name: "isActive",
-                            label: t("Design:active"),
-                            id: "formGroupIsActive",
-                            custom: true
-                        })),
-                        /*#__PURE__*/ jsx(Form.Check, _object_spread_props(_object_spread({}, register("isDefault")), {
-                            name: "isDefault",
-                            label: t("Design:defaultTemplateForTheType"),
-                            id: "formGroupIsDefault",
-                            custom: true
-                        }))
-                    ]
-                })
-            }),
-            /*#__PURE__*/ jsx(Row, {
-                className: "mb-4",
-                children: /*#__PURE__*/ jsxs(Form.Group, {
-                    as: Col,
-                    children: [
-                        /*#__PURE__*/ jsx(Form.Label, {
-                            children: t("Design:emailBody")
-                        }),
-                        /*#__PURE__*/ jsx("div", {
-                            className: "alert alert-warning",
-                            role: "alert",
-                            children: "Due to the mail services limitations on the length of the email body that can be sent or received - maximum length is set to 65,535 characters."
-                        }),
-                        /*#__PURE__*/ jsxs("div", {
-                            className: "email-editor ".concat(errors.body && "is-invalid"),
-                            children: [
-                                /*#__PURE__*/ jsx(EmailEditor, {
-                                    ref: ref,
-                                    onReady: onReadyEditor,
-                                    style: {
-                                        height: "50rem"
-                                    }
-                                }),
-                                /*#__PURE__*/ jsx("input", _object_spread({
-                                    type: "hidden",
-                                    name: "body"
-                                }, register("body", {
-                                    maxLength: {
-                                        value: 65535,
-                                        message: t("Validation:fieldMaxLength", {
-                                            attribute: t("body"),
-                                            max: 65535
-                                        })
-                                    }
-                                })))
-                            ]
-                        }),
-                        /*#__PURE__*/ jsx(Form.Control.Feedback, {
-                            type: "invalid",
-                            children: (_errors_body = errors.body) === null || _errors_body === void 0 ? void 0 : _errors_body.message
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ jsx(Row, {
-                children: /*#__PURE__*/ jsx(FileUpload, {
-                    className: "ml-4 mr-4",
-                    allowedExtensions: [
-                        "jpg",
-                        "jpeg",
-                        "png",
-                        "txt",
-                        "pdf",
-                        "doc"
-                    ],
-                    enablePreview: true,
-                    allowMultiple: true,
-                    defaultFiles: attachments,
-                    onFilesChange: function(files) {
-                        handleAttachmentUploading(files);
-                    },
-                    title: t("Design:attachments"),
-                    onFileRemove: function(id, hash) {
-                        return handleAttachmentRemove(String(id), hash);
-                    },
-                    isLoading: isAttachmentLoading
-                })
-            }),
-            (options === null || options === void 0 ? void 0 : options.length) > 0 && /*#__PURE__*/ jsx(Row, {
-                children: /*#__PURE__*/ jsx(Form.Group, {
-                    as: Col,
-                    children: options.map(function(option) {
-                        if (option.type === OPTION_TYPE.checkbox) {
-                            return /*#__PURE__*/ jsx(Form.Check, _object_spread_props(_object_spread({}, register("templateOptionValues.".concat(option === null || option === void 0 ? void 0 : option.id, ".value"))), {
-                                type: "checkbox",
-                                label: t("Design:".concat(option.name)),
-                                id: option.name + option.id,
-                                defaultChecked: option.selectedValue === "true",
-                                custom: true
-                            }));
-                        }
-                        // should show dropdown only if user want to include PDF file
-                        if (option.type === OPTION_TYPE.files_selector) {
-                            var fileSelectors = JSON.parse(option.defaultValue);
-                            var fileNames = Object.values(fileSelectors);
-                            var fileKeys = Object.keys(fileSelectors);
-                            return /*#__PURE__*/ jsxs(Fragment, {
-                                children: [
-                                    /*#__PURE__*/ jsx(Form.Check, {
-                                        checked: isIncludePDF,
-                                        name: "IsIncludePDF",
-                                        onChange: function() {
-                                            setIsIncludePDF(!isIncludePDF);
-                                            setValue("templateOptionValues.".concat(option.id, ".value"), "");
-                                        },
-                                        label: t("Design:includePDF"),
-                                        id: "formGroupIsIncludePdf",
-                                        custom: true
-                                    }),
-                                    isIncludePDF && /*#__PURE__*/ jsxs(Fragment, {
-                                        children: [
-                                            /*#__PURE__*/ jsx(Form.Label, {
-                                                className: "mt-4",
-                                                children: t("Design:includeFile")
-                                            }),
-                                            /*#__PURE__*/ jsxs(Form.Control, _object_spread_props(_object_spread({
-                                                as: "select"
-                                            }, register("templateOptionValues.".concat(option.id, ".value"))), {
-                                                defaultValue: option.selectedValue || "",
-                                                children: [
-                                                    /*#__PURE__*/ jsx("option", {
-                                                        value: "",
-                                                        children: t("Design:choose")
-                                                    }),
-                                                    fileKeys.map(function(fileType, index) {
-                                                        return /*#__PURE__*/ jsx("option", {
-                                                            value: String(fileType),
-                                                            children: fileNames[index]
-                                                        }, String(fileType));
-                                                    })
-                                                ]
-                                            }))
-                                        ]
-                                    })
-                                ]
-                            });
-                        }
-                        if (option.type === OPTION_TYPE.days_reminder) {
-                            return /*#__PURE__*/ jsxs(Fragment, {
-                                children: [
-                                    /*#__PURE__*/ jsx(Form.Label, {
-                                        className: "mt-4",
-                                        children: t("Design:".concat(option.name))
-                                    }),
-                                    /*#__PURE__*/ jsx(Form.Control, _object_spread_props(_object_spread({}, register("templateOptionValues.".concat(option === null || option === void 0 ? void 0 : option.id, ".value"))), {
-                                        type: "number",
-                                        placeholder: t("Design:".concat(option.name)),
-                                        id: option.name + option.id,
-                                        defaultValue: option.selectedValue || ""
-                                    })),
-                                    /*#__PURE__*/ jsx(Form.Text, {
-                                        children: option.description
-                                    })
-                                ]
-                            });
-                        }
-                        return null;
-                    })
-                })
-            })
-        ]
-    });
-});
-EmailTemplateControl.displayName = "EmailTemplateControl";
-
-export { EmailTemplateControl };
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),a=require("react"),n=e(a),l=require("react-i18next"),r=require("react-bootstrap"),i=require("react-hook-form"),o=require("../../../file-upload/FileUpload.js"),s=e(require("react-email-editor")),m=require("@licklist/core/dist/DataMapper/Notification/TemplateOptionDataMapper"),c=require("@licklist/plugins/dist/hooks/Media/useAttachments"),u=require("@licklist/plugins/dist/hooks/Media/usePermanentImage"),d=require("@licklist/core/dist/DataMapper/Media/UploadPermanentImageDataMapper"),p=n.forwardRef((function(e,p){var g,f,v,E,h=e.setIsLoading,b=e.meta,_=e.options,y=void 0===_?[]:_,F=e.defaultAttachments,N=void 0===F?[]:F,D=e.notificationTypes,T=void 0===D?[]:D,C=e.getDefaultTemplateMetaByType,P=l.useTranslation(["Design"]).t,I=t.__read(a.useState(null),2),k=I[0],M=I[1],x=i.useFormContext(),O=x.register,q=x.setValue,R=x.formState.errors,V=x.getValues,A=x.watch,j=x.reset,w=t.__read(a.useState(!1),2),G=w[0],L=w[1],S=c.useAttachments(k),U=S.attachments,Y=S.handleAttachmentRemove,B=S.handleAttachmentUploading,J=S.isLoading,H=u.usePermanentImage(),z=H.permanentImages,K=H.handlePermanentImageRemove,Q=H.handlePermanentImageUploading,W=A("type"),X=A("id");a.useEffect((function(){var e;if(p.current&&!X&&C&&W){var a=V(),n=C(W);j(t.__assign(t.__assign({},a),{meta:n})),null===(e=p.current)||void 0===e||e.loadDesign(JSON.parse(n))}}),[W]),a.useEffect((function(){q("attachmentMetadata",U)}),[U,q]),a.useEffect((function(){z.length&&q("imagesMetadata",z)}),[z,q]),a.useEffect((function(){if(N&&N.length>0){var e=V("attachments");M(e)}else M([])}),[N]),a.useEffect((function(){if(null==y?void 0:y.length){var e=y.find((function(e){return e.type===m.OPTION_TYPE.files_selector}));(null==e?void 0:e.selectedValue)&&L(!0)}}),[y]);return n.createElement(n.Fragment,null,n.createElement(r.Row,null,n.createElement(r.Form.Group,{as:r.Col,controlId:"type",sm:12},n.createElement(r.Form.Label,null,P("type")),n.createElement(r.Form.Control,t.__assign({as:"select"},O("type",{required:P("Validation:fieldRequired",{attribute:P("type")})}),{name:"type",required:!0,isInvalid:Boolean(R.type),placeholder:P("Design:type"),disabled:!!X}),n.createElement("option",{value:""},P("Design:choose")),T.map((function(e){return n.createElement("option",{key:e,value:e},P("Design:".concat(e)))}))),n.createElement(r.Form.Control.Feedback,{type:"invalid"},null===(g=R.type)||void 0===g?void 0:g.message))),n.createElement(r.Row,null,n.createElement(r.Form.Group,{as:r.Col,controlId:"formGroupName",xs:!0,sm:12,md:8,lg:10,xl:12},n.createElement(r.Form.Label,null,P("templateName")),n.createElement(r.Form.Control,t.__assign({},O("name",{maxLength:255,required:P("Validation:fieldRequired",{attribute:P("name")})}),{name:"name",required:!0,isInvalid:Boolean(R.name),placeholder:P("Design:templateName")})),n.createElement(r.Form.Control.Feedback,{type:"invalid"},null===(f=R.name)||void 0===f?void 0:f.message))),n.createElement(r.Row,null,n.createElement(r.Form.Group,{as:r.Col,xs:!0,sm:12,md:8,lg:10,xl:12,controlId:"formGroupSubject"},n.createElement(r.Form.Label,null,P("subject")),n.createElement(r.Form.Control,t.__assign({},O("subject",{maxLength:255,required:P("Validation:fieldRequired",{attribute:P("subject")})}),{name:"subject",required:!0,isInvalid:Boolean(R.subject),placeholder:P("Design:subject")})),n.createElement(r.Form.Control.Feedback,{type:"invalid"},null===(v=R.subject)||void 0===v?void 0:v.message))),n.createElement(r.Row,null,n.createElement(r.Form.Group,{as:r.Col},n.createElement(r.Form.Check,t.__assign({},O("isActive"),{name:"isActive",label:P("Design:active"),id:"formGroupIsActive",custom:!0})),n.createElement(r.Form.Check,t.__assign({},O("isDefault"),{name:"isDefault",label:P("Design:defaultTemplateForTheType"),id:"formGroupIsDefault",custom:!0})))),n.createElement(r.Row,{className:"mb-4"},n.createElement(r.Form.Group,{as:r.Col},n.createElement(r.Form.Label,null,P("Design:emailBody")),n.createElement("div",{className:"alert alert-warning",role:"alert"},"Due to the mail services limitations on the length of the email body that can be sent or received - maximum length is set to 65,535 characters."),n.createElement("div",{className:"email-editor ".concat(R.body&&"is-invalid")},n.createElement(s,{ref:p,onReady:function(){var e,a,n,l;h(!0),null===(e=p.current)||void 0===e||e.registerCallback("design:updated",(function(e){var t,a;null===(t=p.current)||void 0===t||t.editor.exportHtml((function(e){q("body",e.html),q("meta",JSON.stringify(e.design))})),"content:removed"===e.type&&"image"===(null===(a=e.item)||void 0===a?void 0:a.type)&&function(e){var t=e.item.values.src.url;if(!t.includes("unlayer")){var a=V("imagesMetadata");if(a){var n=a.find((function(e){return e.permanentUrl===t}));if(n)K(n.hash,d.PERMANENT_IMAGE_TYPE_TEMP);else{var l=t.split("/"),r=l[l.length-2];if(!r)return;K(r,d.PERMANENT_IMAGE_TYPE_PERMANENT)}}else{var i=t.split("/"),o=i[i.length-2];if(!o)return;K(o,d.PERMANENT_IMAGE_TYPE_PERMANENT)}}}(e)})),b&&(null===(a=p.current)||void 0===a||a.loadDesign(JSON.parse(b)),null===(n=p.current)||void 0===n||n.editor.exportHtml((function(e){q("body",e.html),q("meta",JSON.stringify(e.design))}))),h(!1),null===(l=p.current)||void 0===l||l.registerCallback("image",(function(e,a){return t.__awaiter(void 0,void 0,void 0,(function(){var n;return t.__generator(this,(function(t){switch(t.label){case 0:return[4,Q(e.attachments[0])];case 1:return n=t.sent(),a({progress:100,url:n.permanentUrl}),[2]}}))}))}))},style:{height:"50rem"}}),n.createElement("input",t.__assign({type:"hidden",name:"body"},O("body",{maxLength:{value:65535,message:P("Validation:fieldMaxLength",{attribute:P("body"),max:65535})}})))),n.createElement(r.Form.Control.Feedback,{type:"invalid"},null===(E=R.body)||void 0===E?void 0:E.message))),n.createElement(r.Row,null,n.createElement(o.FileUpload,{className:"ml-4 mr-4",allowedExtensions:["jpg","jpeg","png","txt","pdf","doc"],enablePreview:!0,allowMultiple:!0,defaultFiles:U,onFilesChange:function(e){B(e)},title:P("Design:attachments"),onFileRemove:function(e,t){return Y(String(e),t)},isLoading:J})),(null==y?void 0:y.length)>0&&n.createElement(r.Row,null,n.createElement(r.Form.Group,{as:r.Col},y.map((function(e){if(e.type===m.OPTION_TYPE.checkbox)return n.createElement(r.Form.Check,t.__assign({},O("templateOptionValues.".concat(null==e?void 0:e.id,".value")),{type:"checkbox",label:P("Design:".concat(e.name)),id:e.name+e.id,defaultChecked:"true"===e.selectedValue,custom:!0}));if(e.type===m.OPTION_TYPE.files_selector){var a=JSON.parse(e.defaultValue),l=Object.values(a),i=Object.keys(a);return n.createElement(n.Fragment,null,n.createElement(r.Form.Check,{checked:G,name:"IsIncludePDF",onChange:function(){L(!G),q("templateOptionValues.".concat(e.id,".value"),"")},label:P("Design:includePDF"),id:"formGroupIsIncludePdf",custom:!0}),G&&n.createElement(n.Fragment,null,n.createElement(r.Form.Label,{className:"mt-4"},P("Design:includeFile")),n.createElement(r.Form.Control,t.__assign({as:"select"},O("templateOptionValues.".concat(e.id,".value")),{defaultValue:e.selectedValue||""}),n.createElement("option",{value:""},P("Design:choose")),i.map((function(e,t){return n.createElement("option",{value:String(e),key:String(e)},l[t])})))))}return e.type===m.OPTION_TYPE.days_reminder?n.createElement(n.Fragment,null,n.createElement(r.Form.Label,{className:"mt-4"},P("Design:".concat(e.name))),n.createElement(r.Form.Control,t.__assign({},O("templateOptionValues.".concat(null==e?void 0:e.id,".value")),{type:"number",placeholder:P("Design:".concat(e.name)),id:e.name+e.id,defaultValue:e.selectedValue||""})),n.createElement(r.Form.Text,null,e.description)):null})))))}));p.displayName="EmailTemplateControl",exports.EmailTemplateControl=p;

package/dist/notification/email-template/control/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./EmailTemplateControl";
+export * from "./EmailTemplateControl";
 //# sourceMappingURL=index.d.ts.map