import React from 'react' import { Tooltip } from 'antd' import Modal from '../../components/core/Modal' import arcmIcons from '../../Icons' import { useArchivedOrder } from '../../context/ArchivedOrderContext' const ArchivedOrderModals = () => { const { // Modal states modalLoading, isOpenUnarchiveModal, isStartUnarchiveModal, modalTile, modaDesc, isUnarchiveCancelModal, cancelUnarchiveBtnLoading, unArchvedOrder, totalUnArchvedOrder, isUnarchiveCancel, selectedOrders, exportFileName, exportFormat, setExportFormat, exportSortType, setExportSortType, isOpenExportModal, isOpenExportCancelModal, cancelExportBtnLoading, isEmptyOrderModal, emptyOrderTitle, isOpenDeleteConfirmModal, duplicateOrders, duplicatOrderText, isSyncModalOpen, syncLoading, ordserListTxt, isPro, setExportFileName, setIsOpenDeleteConfirmModal, // Modal functions handleUnarchiveModal, showBulkDuplicateModal, handleDuplicateModal, handleContinueUnarchive, handleCancelUnarchive, proceedDuplicateBgUnArchiving, proceedBgUnArchiving, handleStartUnarchiveModal, handlePermanentDelete, handleIsOpenExportModal, exportOrder, handleExportCancelModal, handelCancelExporting, handleUnarchiveCancelModal, handelCancelUnarchiving, handleIsEmptyOrderModal, handleSyncModal, handleSyncArchiveData, flashDoor, isOpenDuplicateModal, deleteLoading, // Translation t } = useArchivedOrder() return ( <> {/* Unarchive Progress Modal */} {{ header: !modalLoading ?
: '', body: modalLoading ? (
{arcmIcons.SpinningAnimation}
{modalTile}

{modaDesc}

) : (
{modalTile}
) }} {/* Duplicate Orders Warning Modal */} {{ header: (
{t('duplicate_orders_detected')}
), body: (

{duplicateOrders.length > 0 && (

{ordserListTxt}:

    {duplicateOrders.map((order, index) => (
  • - #{order.archived_order_id}
    • ))}
)}
{/* Unarchive */}
{duplicateOrders.length > 0 ? ( ) : ( )}
{t('duplicate_unarchive_notice')}
{/* Skip Unarchiving */}
{t('duplicate_skip_notice')}
) }} {/* Export option Modal */} {{ header: (
{t('export_archived_orders')}
), body: (

{t('export_description')}

{ setExportFileName(e.target.value) }} />
{isPro ? ( ) : (
{t('csv')}
)}
) }} {/* Cancel exporting modal */} {{ header: (

{t('cancel_export_title')}

), body: (

{t('cancel_export_confirm')}

) }} {/* Start Unarchive Cancel Modal */} {{ header: isUnarchiveCancel ? (

{t('unarchiving_cancelled')}

) : (
{t('cancel_unarchive_confirm')}
), body: isUnarchiveCancel ? ( <>

{t('unarchive_complete_message') .replace('%1$s', unArchvedOrder) .replace('%2$s', totalUnArchvedOrder)}

{t('unarchive_restore_notice')}

) : (

{t('cancel_unarchive_message')}

{t('unarchive_cancel_notice')}

) }} {/* Start Unarchive Modal */} {{ header: (

{t('unarchive_all_confirm')}

), body: (

{t('unarchive_time_notice')}

) }} {/* Empty Order Modal */} {{ body: (
<>
{emptyOrderTitle}
) }} {/* Delete Confirmation Modal */} setIsOpenDeleteConfirmModal(false)} outerClick={!deleteLoading} > {{ header: (
{t('confirm_permanent_deletion')}
), body: (

{t('permanent_delete_warning').replace( '%s', selectedOrders.length )}

) }} {/* Sync Archive Data Confirmation Modal */} {{ header: (

{t('update_archived_orders_data_from_google_drive') || 'Update archived orders data from Google Drive?'}

), body: (

{t('sync_archive_data_description') || 'The archived orders data will be updated with the latest archive data from Google Drive. Do you want to proceed?'}

) }} ) } export default ArchivedOrderModals