/*
 * This file belongs to Hoist, an application development toolkit
 * developed by Extremely Heavy Industries (www.xh.io | info@xh.io)
 *
 * Copyright © 2026 Extremely Heavy Industries Inc.
 */
import {FeedbackDialogModel} from '@xh/hoist/appcontainer/FeedbackDialogModel';
import {filler} from '@xh/hoist/cmp/layout';
import {hoistCmp, uses, XH} from '@xh/hoist/core';
import {button} from '@xh/hoist/desktop/cmp/button';
import {textArea} from '@xh/hoist/desktop/cmp/input';
import {toolbar} from '@xh/hoist/desktop/cmp/toolbar';
import {dialog} from '@xh/hoist/kit/blueprint';

/**
 * A simple dialog component to collect user feedback from directly within the application.
 * @internal
 */
export const feedbackDialog = hoistCmp.factory({
    displayName: 'FeedbackDialog',
    model: uses(FeedbackDialogModel),

    render({model}) {
        if (!model.isOpen) return null;

        return dialog({
            title: `${XH.clientAppName} Feedback`,
            style: {width: 450},
            isOpen: true,
            onClose: () => model.hide(),
            canOutsideClickClose: false,
            items: [
                textArea({
                    placeholder: 'Please enter your comments...',
                    width: null,
                    autoFocus: true,
                    height: 250,
                    style: {marginBottom: 2},
                    commitOnChange: true,
                    bind: 'message',
                    testId: 'xh-feedback-message'
                }),
                toolbar(
                    filler(),
                    button({
                        text: 'Cancel',
                        testId: 'xh-feedback-cancel-btn',
                        onClick: () => model.hide()
                    }),
                    button({
                        text: 'Send Feedback',
                        intent: 'success',
                        minimal: false,
                        disabled: !model.message,
                        testId: 'xh-feedback-send-btn',
                        onClick: () => model.submitAsync()
                    })
                )
            ]
        });
    }
});