// @hash v3-EDDF877E8ECA85513E5C5CB011E70B95C39A0784
// Automatically generated by ReactJS.NET. Do not edit, your changes will be overridden.
// Version: 5.2.12 (build 29c76c8) with Babel 7.8.7
// Generated at: 9/7/2026 3:34:08 AM
///////////////////////////////////////////////////////////////////////////////
class AppointmentTable extends React.Component {
  render() {
    return React.createElement(React.Fragment, null, React.createElement("div", {
      className: "mt-2 mb-16"
    }), React.createElement("div", {
      className: "flex justify-between items-end"
    }, React.createElement("h2", {
      className: "nsw-h3 max-sm:!text-xl"
    }, "Appointments")), React.createElement("hr", {
      className: "mt-2 mb-2"
    }), React.createElement(OptionsProvider, {
      value: this.props.options
    }, React.createElement(StatusProvider, {
      options: this.props.structure.metaConfiguration.statusOptions
    }, React.createElement(global.Table, {
      trackLinks: row => ({
        event: 'table_appointment_click',
        appointment_id: row.data.event.id,
        client_id: row.data.attendeeProviderClients.map(client => client.userId).join(','),
        date_start: new Date(row.data.event.time)
      }),
      structure: this.props.structure,
      customTypes: {
        seriesInfo: args => React.createElement(EventSeriesIcon, {
          event: args['event'],
          mobile: args['mobile'],
          calendarPage: this.props.structure.metaConfiguration.appointmentdetaillink
        }),
        status: args => React.createElement(EventStatusSelect, {
          event: args['event'],
          data: args['data'],
          readonly: args['printing'],
          onOpenClose: args['onOpenClose'],
          onChange: args['onChange']
        })
      },
      above: ({
        info,
        applyFilter,
        setTab
      }) => React.createElement(React.Fragment, null, React.createElement(global.TabButtons, {
        title: "Appointments",
        tabs: this.props.tabs,
        current: info.tab,
        onChange: tab => {
          setTab(tab);
          const today = new Date(new Date().toDateString());
          applyFilter('timeFilter', tab.id == 'completed' ? [new Date(today).setFullYear(new Date().getFullYear() - 1), today.getTime() - 1] : [today.getTime(), today.setFullYear(new Date().getFullYear() + 1) - 1]);
        }
      }), React.createElement("div", {
        className: "flex justify-end mt-4"
      }, React.createElement(ClearFilters, null)))
    }))));
  }

}