be-components 7.6.3 → 7.6.4

package/lib/commonjs/NotificationManager/components/JobManagement.js

@@ -0,0 +1,783 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _Themed = require("../../Components/Themed");
+var _useColors = require("../../constants/useColors");
+var _api = require("../api");
+var _ConfirmAlert = require("../../Components/ConfirmAlert");
+var _Components = require("../../Components");
+var _StatusBadge = _interopRequireDefault(require("./shared/StatusBadge"));
+var _Dropdown = _interopRequireDefault(require("../../Components/Dropdown"));
+var _Pagination = _interopRequireDefault(require("../../Components/Pagination"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const STATUS_FILTERS = [{
+  label: 'All Jobs',
+  value: 'all'
+}, {
+  label: 'Drafts',
+  value: 'pending'
+}, {
+  label: 'Scheduled',
+  value: 'ready'
+}, {
+  label: 'Sending',
+  value: 'processing'
+}, {
+  label: 'Sent',
+  value: 'sent'
+}, {
+  label: 'Failed',
+  value: 'failed'
+}, {
+  label: 'Cancelled',
+  value: 'cancelled'
+}];
+const JobManagement = ({
+  onEditJob,
+  onFocusPosition
+}) => {
+  const Colors = (0, _useColors.useColors)();
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [jobs, setJobs] = (0, _react.useState)([]);
+  const [groups, setGroups] = (0, _react.useState)([]);
+  const [statusFilter, setStatusFilter] = (0, _react.useState)('all');
+  const [selectedJob, setSelectedJob] = (0, _react.useState)(null);
+  const [showDetailsModal, setShowDetailsModal] = (0, _react.useState)(false);
+  const [autoRefreshEnabled, setAutoRefreshEnabled] = (0, _react.useState)(true);
+
+  // Pagination state
+  const [currentPage, setCurrentPage] = (0, _react.useState)(0);
+  const pageSize = 20;
+  const [hasMore, setHasMore] = (0, _react.useState)(false);
+
+  // Search state
+  const [searchQuery, setSearchQuery] = (0, _react.useState)('');
+  (0, _react.useEffect)(() => {
+    loadJobs();
+    loadGroups();
+  }, []);
+  (0, _react.useEffect)(() => {
+    // Reload jobs when status filter or current page changes
+    loadJobs();
+  }, [statusFilter, currentPage]);
+  (0, _react.useEffect)(() => {
+    // Auto-refresh every 30 seconds
+    if (!autoRefreshEnabled) return;
+    const interval = setInterval(() => {
+      loadJobs();
+    }, 30000);
+    return () => clearInterval(interval);
+  }, [autoRefreshEnabled, statusFilter, currentPage]);
+  const loadJobs = async () => {
+    setLoading(true);
+    const offset = currentPage * pageSize;
+    let fetchedJobs = [];
+    if (statusFilter === 'all') {
+      fetchedJobs = await _api.NotificationApi.getAllNotificationJobs(pageSize, offset);
+    } else {
+      fetchedJobs = await _api.NotificationApi.getNotificationJobsByStatus(statusFilter, pageSize, offset);
+    }
+
+    // Sort by scheduled_time descending (most recent first)
+    fetchedJobs.sort((a, b) => new Date(b.scheduled_time).getTime() - new Date(a.scheduled_time).getTime());
+
+    // Check if there are more results (if we got the full page size, there might be more)
+    setHasMore(fetchedJobs.length === pageSize);
+    setJobs(fetchedJobs);
+    setLoading(false);
+  };
+  const loadGroups = async () => {
+    const allGroups = await _api.NotificationApi.getAllNotificationGroups();
+    setGroups(allGroups);
+  };
+  const getGroupName = groupId => {
+    const group = groups.find(g => g.notification_group_id === groupId);
+    return group?.name || 'Unknown Group';
+  };
+  const handleStatusFilterChange = newStatus => {
+    setStatusFilter(newStatus);
+    setCurrentPage(0); // Reset to first page when filter changes
+  };
+  const handlePreviousPage = () => {
+    if (currentPage > 0) {
+      setCurrentPage(currentPage - 1);
+    }
+  };
+  const handleNextPage = () => {
+    if (hasMore) {
+      setCurrentPage(currentPage + 1);
+    }
+  };
+  const handleSelectPage = page => {
+    setCurrentPage(page);
+  };
+
+  // Client-side search filtering
+  const filteredJobs = _react.default.useMemo(() => {
+    if (!searchQuery.trim()) {
+      return jobs;
+    }
+    const query = searchQuery.toLowerCase();
+    return jobs.filter(job => {
+      const title = (job.notification.title || '').toLowerCase();
+      const body = (job.notification.body || '').toLowerCase();
+      return title.includes(query) || body.includes(query);
+    });
+  }, [jobs, searchQuery]);
+
+  // Build list data for FlatList
+  const listData = _react.default.useMemo(() => {
+    const data = [];
+
+    // Always add header, search, and filter sections
+    data.push({
+      type: 'header'
+    });
+    data.push({
+      type: 'search'
+    });
+    data.push({
+      type: 'filter'
+    });
+
+    // If loading, show loading indicator
+    if (loading) {
+      data.push({
+        type: 'loading'
+      });
+      return data;
+    }
+
+    // If no jobs, show empty state
+    if (filteredJobs.length === 0) {
+      data.push({
+        type: 'empty'
+      });
+      return data;
+    }
+
+    // Show results count
+    data.push({
+      type: 'results-count'
+    });
+
+    // Add all job items
+    filteredJobs.forEach(job => {
+      data.push({
+        type: 'job',
+        data: job
+      });
+    });
+
+    // Add pagination
+    data.push({
+      type: 'pagination'
+    });
+    return data;
+  }, [loading, filteredJobs, currentPage, searchQuery]);
+  const handleCancel = job => {
+    if (job.status !== 'pending' && job.status !== 'ready') {
+      alert('Only pending or scheduled jobs can be cancelled.');
+      return;
+    }
+    (0, _ConfirmAlert.showConfirmAlert)('Cancel Job', `Are you sure you want to cancel this scheduled notification?`, async () => {
+      try {
+        setLoading(true);
+        await _api.NotificationApi.cancelNotificationJob(job.notification_job_id);
+        await loadJobs();
+      } catch (error) {
+        console.error('Error cancelling job:', error);
+        alert('Failed to cancel job. Please try again.');
+      } finally {
+        setLoading(false);
+      }
+    });
+  };
+  const handleRetry = job => {
+    if (job.status !== 'failed') {
+      alert('Only failed jobs can be retried.');
+      return;
+    }
+    (0, _ConfirmAlert.showConfirmAlert)('Retry Failed Job', `This will create a new job with the same notification. The original failed job will remain in history.`, async () => {
+      try {
+        setLoading(true);
+        // Create a new job with same notification
+        await _api.NotificationApi.createNotificationJob({
+          notification_group_id: job.notification_group_id,
+          notification: job.notification,
+          scheduled_time: new Date(),
+          status: 'pending'
+        });
+        await loadJobs();
+        alert('New job created! Edit and finalize it when ready.');
+      } catch (error) {
+        console.error('Error retrying job:', error);
+        alert('Failed to create retry job. Please try again.');
+      } finally {
+        setLoading(false);
+      }
+    });
+  };
+  const handleViewDetails = job => {
+    setSelectedJob(job);
+    setShowDetailsModal(true);
+  };
+  const formatDateTime = dateTime => {
+    const date = new Date(dateTime);
+    return date.toLocaleString();
+  };
+
+  // Render functions for each section type
+  const renderHeader = () => /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "header",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1"
+  }, "Manage Jobs"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description",
+    style: {
+      marginTop: 3
+    }
+  }, "View and manage scheduled notifications")), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: () => setAutoRefreshEnabled(!autoRefreshEnabled),
+    style: {
+      padding: 8,
+      marginRight: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Components.Icons.RefreshIcon, {
+    size: 16,
+    color: autoRefreshEnabled ? Colors.text.success : Colors.text.h2
+  }), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description",
+    color: autoRefreshEnabled ? Colors.text.success : Colors.text.h2,
+    style: {
+      marginLeft: 4,
+      fontSize: 11
+    }
+  }, "Auto"))), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    type: "action",
+    onPress: loadJobs,
+    style: {
+      padding: 10,
+      marginLeft: 5,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Components.Icons.RefreshIcon, {
+    size: 14,
+    color: Colors.text.white
+  }), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    color: Colors.text.white,
+    style: {
+      marginLeft: 6
+    }
+  }, "Refresh"))));
+  const renderSearch = () => /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "row",
+    style: {
+      padding: 10,
+      margin: 10,
+      marginBottom: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Components.Icons.SearchIcon, {
+    size: 16,
+    color: Colors.text.h2
+  }), /*#__PURE__*/_react.default.createElement(_Themed.TextInput, {
+    placeholder: "Search by title or message...",
+    value: searchQuery,
+    onChangeText: setSearchQuery,
+    onFocusPosition: onFocusPosition,
+    style: {
+      flex: 1,
+      padding: 10,
+      fontSize: 14,
+      marginLeft: 5
+    }
+  }), searchQuery.length > 0 && /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: () => setSearchQuery(''),
+    style: {
+      padding: 8
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Components.Icons.CloseIcon, {
+    size: 14,
+    color: Colors.text.h2
+  }))));
+  const renderFilter = () => /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "row",
+    style: {
+      padding: 10,
+      margin: 10,
+      marginTop: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    style: {
+      flex: 1
+    }
+  }, "Filter by Status"), /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
+    selected_value: STATUS_FILTERS.find(f => f.value === statusFilter)?.label ?? 'All Jobs',
+    dropdown_options: [{
+      value: 'status',
+      eligible_options: STATUS_FILTERS.map(f => f.label)
+    }],
+    onOptionSelect: selected => {
+      const filter = STATUS_FILTERS.find(f => f.label === selected);
+      if (filter) {
+        handleStatusFilterChange(filter.value);
+      }
+    }
+  }));
+  const renderResultsCount = () => /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      paddingHorizontal: 20,
+      paddingVertical: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description",
+    style: {
+      fontSize: 12
+    }
+  }, "Showing ", filteredJobs.length, " result", filteredJobs.length !== 1 ? 's' : '', " on page ", currentPage + 1, searchQuery && ` (filtered by search)`));
+  const renderJobCard = job => {
+    const canCancel = job.status === 'pending' || job.status === 'ready';
+    const canEdit = job.status === 'pending';
+    const canRetry = job.status === 'failed';
+    return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      float: true,
+      style: {
+        padding: 15,
+        margin: 10,
+        borderRadius: 8
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        marginBottom: 10
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        flex: 1
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginBottom: 6
+      }
+    }, /*#__PURE__*/_react.default.createElement(_StatusBadge.default, {
+      status: job.status
+    }), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h2",
+      style: {
+        marginLeft: 8,
+        flex: 1
+      }
+    }, getGroupName(job.notification_group_id))), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h1",
+      style: {
+        marginBottom: 4
+      }
+    }, job.notification.title || 'No Title'), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "description",
+      numberOfLines: 2
+    }, job.notification.body || 'No message'), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "description",
+      style: {
+        marginTop: 6,
+        fontSize: 11
+      }
+    }, "Scheduled: ", formatDateTime(job.scheduled_time)), job.sent_datetime && /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "description",
+      style: {
+        fontSize: 11,
+        color: Colors.text.success
+      }
+    }, "Sent: ", formatDateTime(job.sent_datetime)), job.error_message && /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "description",
+      style: {
+        fontSize: 11,
+        color: Colors.text.error,
+        marginTop: 4
+      }
+    }, "Error: ", job.error_message))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
+      style: {
+        flexDirection: 'row',
+        flexWrap: 'wrap'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+      type: "action",
+      onPress: () => handleViewDetails(job),
+      style: {
+        flex: 1,
+        minWidth: 100,
+        padding: 10,
+        marginRight: 4,
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Components.Icons.EyeOnIcon, {
+      size: 14,
+      color: Colors.text.white
+    }), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h2",
+      color: Colors.text.white,
+      style: {
+        marginLeft: 6
+      }
+    }, "Details")), canEdit && onEditJob && /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+      type: "success",
+      onPress: () => onEditJob(job),
+      style: {
+        flex: 1,
+        minWidth: 100,
+        padding: 10,
+        marginHorizontal: 4,
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Components.Icons.EditIcon, {
+      size: 14,
+      color: Colors.text.white
+    }), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h2",
+      color: Colors.text.white,
+      style: {
+        marginLeft: 6
+      }
+    }, "Edit")), canRetry && /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+      type: "warning",
+      onPress: () => handleRetry(job),
+      style: {
+        flex: 1,
+        minWidth: 100,
+        padding: 10,
+        marginHorizontal: 4,
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Components.Icons.RefreshIcon, {
+      size: 14,
+      color: Colors.text.white
+    }), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h2",
+      color: Colors.text.white,
+      style: {
+        marginLeft: 6
+      }
+    }, "Retry")), canCancel && /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+      type: "error",
+      onPress: () => handleCancel(job),
+      style: {
+        flex: 1,
+        minWidth: 100,
+        padding: 10,
+        marginLeft: 4,
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Components.Icons.CloseIcon, {
+      size: 14,
+      color: Colors.text.white
+    }), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+      theme: "h2",
+      color: Colors.text.white,
+      style: {
+        marginLeft: 6
+      }
+    }, "Cancel"))));
+  };
+  const renderEmpty = () => /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      padding: 40,
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description"
+  }, searchQuery ? 'No jobs match your search query.' : statusFilter === 'all' ? 'No jobs found. Schedule your first notification!' : `No ${STATUS_FILTERS.find(f => f.value === statusFilter)?.label.toLowerCase()} found.`));
+  const renderLoading = () => /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      padding: 40,
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
+    size: "large",
+    color: Colors.text.action
+  }));
+  const renderPagination = () => /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      padding: 15,
+      paddingBottom: 20
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Pagination.default, {
+    offset: currentPage,
+    pages: hasMore ? currentPage + 2 : currentPage + 1,
+    onPrevious: handlePreviousPage,
+    onNext: handleNextPage,
+    onSelectPage: handleSelectPage
+  }));
+
+  // Main render item function with switch statement
+  const renderItem = ({
+    item
+  }) => {
+    switch (item.type) {
+      case 'header':
+        return renderHeader();
+      case 'search':
+        return renderSearch();
+      case 'filter':
+        return renderFilter();
+      case 'results-count':
+        return renderResultsCount();
+      case 'job':
+        return renderJobCard(item.data);
+      case 'empty':
+        return renderEmpty();
+      case 'loading':
+        return renderLoading();
+      case 'pagination':
+        return renderPagination();
+      default:
+        return null;
+    }
+  };
+  const getItemKey = (item, index) => {
+    if (item.type === 'job') {
+      return item.data.notification_job_id;
+    }
+    return `${item.type}-${index}`;
+  };
+  return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+    data: listData,
+    keyExtractor: getItemKey,
+    renderItem: renderItem,
+    showsVerticalScrollIndicator: true
+  }), showDetailsModal && selectedJob && /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "blur",
+    style: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      padding: 20
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    float: true,
+    style: {
+      maxWidth: 600,
+      alignSelf: 'center',
+      width: '100%',
+      maxHeight: '80%'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "header",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10,
+      borderTopRightRadius: 8,
+      borderTopLeftRadius: 8
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1"
+  }, "Job Details"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description",
+    style: {
+      marginTop: 3
+    }
+  }, "Full notification information")), /*#__PURE__*/_react.default.createElement(_StatusBadge.default, {
+    status: selectedJob.status
+  })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      flex: 1,
+      padding: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      marginBottom: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    style: {
+      marginBottom: 4
+    }
+  }, "Group"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description"
+  }, getGroupName(selectedJob.notification_group_id))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      marginBottom: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    style: {
+      marginBottom: 4
+    }
+  }, "Title"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1"
+  }, selectedJob.notification.title || 'No Title')), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      marginBottom: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    style: {
+      marginBottom: 4
+    }
+  }, "Message"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description"
+  }, selectedJob.notification.body || 'No message')), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      marginBottom: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    style: {
+      marginBottom: 4
+    }
+  }, "Notification Type"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description"
+  }, selectedJob.notification.type)), selectedJob.notification.options?.data?.path_name && /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      marginBottom: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    style: {
+      marginBottom: 4
+    }
+  }, "Deep Link"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description"
+  }, selectedJob.notification.options.data.path_name)), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      marginBottom: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    style: {
+      marginBottom: 4
+    }
+  }, "Scheduled Time"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description"
+  }, formatDateTime(selectedJob.scheduled_time))), selectedJob.sent_datetime && /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      marginBottom: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    style: {
+      marginBottom: 4
+    }
+  }, "Sent Time"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description",
+    color: Colors.text.success
+  }, formatDateTime(selectedJob.sent_datetime))), selectedJob.error_message && /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      marginBottom: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    style: {
+      marginBottom: 4,
+      color: Colors.text.error
+    }
+  }, "Error Message"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description",
+    color: Colors.text.error
+  }, selectedJob.error_message)), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      marginBottom: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
+    style: {
+      marginBottom: 4
+    }
+  }, "Created"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description"
+  }, formatDateTime(selectedJob.create_datetime)))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "footer",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10,
+      borderBottomRightRadius: 8,
+      borderBottomLeftRadius: 8
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    style: {
+      flex: 1
+    },
+    type: "close",
+    title: "CLOSE",
+    onPress: () => setShowDetailsModal(false)
+  })))));
+};
+var _default = exports.default = JobManagement;
+//# sourceMappingURL=JobManagement.js.map