app.zeusln.zeus/stores/ModalStore.ts

import { action, observable } from 'mobx';

export default class ModalStore {
    @observable public showExternalLinkModal: boolean = false;
    @observable public showAndroidNfcModal: boolean = false;
    @observable public showInfoModal: boolean = false;
    @observable public showAlertModal: boolean = false;
    @observable public showShareModal: boolean = false;
    @observable public showNewChannelModal: boolean = false;
    @observable public showNWCPendingPaymentsModal: boolean = false;
    @observable public nwcPendingPaymentsData?: {
        pendingEvents: any[];
        totalAmount: number;
    };
    @observable public modalUrl: string;
    @observable public clipboardValue: string;
    @observable public infoModalTitle: string | undefined;
    @observable public infoModalText: string | Array<string> | undefined;
    @observable public infoModalLink: string | undefined;
    @observable public infoModalAdditionalButtons?: Array<{
        title: string;
        callback?: () => void;
    }>;
    @observable public infoModalBackgroundColor?: string;
    public infoModalOnClose?: () => void;
    @observable public alertModalText: string | Array<string> | undefined;
    @observable public alertModalLink: string | undefined;
    @observable public alertModalNav: string | undefined;
    @observable public onShareQR?: () => void;
    @observable public onShareText?: () => void;
    @observable public onShareGiftLink?: () => void;
    @observable public onPress: () => void;

    /* External Link Modal */
    @action
    public toggleExternalLinkModal = (status: boolean) => {
        this.showExternalLinkModal = status;
    };

    @action
    public toggleInfoModal = ({
        title,
        text,
        link,
        buttons,
        backgroundColor,
        onClose
    }: {
        title?: string;
        text?: string | Array<string>;
        link?: string;
        buttons?: Array<{ title: string; callback?: () => void }>;
        backgroundColor?: string;
        onClose?: () => void;
    }) => {
        this.showInfoModal = title || text ? true : false; // Show if title or text exists
        this.infoModalTitle = title;
        this.infoModalText = text;
        this.infoModalLink = link;
        this.infoModalAdditionalButtons = buttons;
        this.infoModalBackgroundColor = backgroundColor;
        this.infoModalOnClose = onClose;
    };

    @action
    public toggleAlertModal = (status: boolean) => {
        this.showAlertModal = status;
    };

    @action
    public toggleShareModal = ({
        onShareQR,
        onShareText,
        onShareGiftLink
    }: {
        onShareQR?: () => void;
        onShareText?: () => void;
        onShareGiftLink?: () => void;
    }) => {
        this.showShareModal = onShareQR && onShareText ? true : false;
        this.onShareQR = onShareQR;
        this.onShareText = onShareText;
        this.onShareGiftLink = onShareGiftLink;
    };

    @action
    public toggleNewChannelModal = () => {
        this.showNewChannelModal = !this.showNewChannelModal;
    };

    @action
    public toggleNWCPendingPaymentsModal = ({
        pendingEvents,
        totalAmount
    }: {
        pendingEvents?: any[];
        totalAmount?: number;
    }) => {
        this.showNWCPendingPaymentsModal =
            pendingEvents && totalAmount !== undefined ? true : false;
        this.nwcPendingPaymentsData =
            pendingEvents && totalAmount !== undefined
                ? { pendingEvents, totalAmount }
                : undefined;
    };

    @action
    public shareQR = () => {
        if (this.onShareQR) this.onShareQR();
    };
    public shareText = () => {
        if (this.onShareText) this.onShareText();
    };
    public shareGiftLink = () => {
        if (this.onShareGiftLink) this.onShareGiftLink();
    };

    @action
    public setUrl = (text: string) => {
        this.modalUrl = text;
    };

    @action
    public setAction = (action: any) => {
        this.onPress = action;
    };

    @action
    public setClipboardValue = (value: string) => {
        this.clipboardValue = value;
    };

    /* Android NFC Modal */
    @action
    public toggleAndroidNfcModal = (status: boolean) => {
        this.showAndroidNfcModal = status;
    };

    @action
    public closeVisibleModalDialog = () => {
        if (this.showExternalLinkModal) {
            this.showExternalLinkModal = false;
            return true;
        }
        if (this.showAndroidNfcModal) {
            this.showAndroidNfcModal = false;
            return true;
        }
        if (this.showInfoModal) {
            this.showInfoModal = false;
            this.infoModalTitle = undefined;
            this.infoModalText = undefined;
            this.infoModalLink = undefined;
            this.infoModalAdditionalButtons = undefined;
            this.infoModalBackgroundColor = undefined;
            this.infoModalOnClose = undefined;
            return true;
        }
        if (this.showShareModal) {
            this.showShareModal = false;
            this.onShareQR = undefined;
            this.onShareText = undefined;
            this.onShareGiftLink = undefined;
            return true;
        }
        if (this.showNewChannelModal) {
            this.showNewChannelModal = false;
        }
        if (this.showNWCPendingPaymentsModal) {
            this.showNWCPendingPaymentsModal = false;
            this.nwcPendingPaymentsData = undefined;
            return true;
        }
        return false;
    };
}