// @hash v3-19EE57BB46CCE2A9D9C20B47A932EC42B4A2F75A
// 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:16 AM
///////////////////////////////////////////////////////////////////////////////
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

class PortalProviderDetails extends React.Component {
  render() {
    let id;
    let tabId;
    let edit = false;
    let addLocation = false;

    if (typeof window !== 'undefined' && typeof URLSearchParams !== 'undefined') {
      const params = new URLSearchParams(window.location.search);
      id = params.get('providerId');
      tabId = params.get('tabId');
      edit = window.location.search.endsWith('&edit=true');
      addLocation = window.location.search.endsWith('&addLocation=true');
      return React.createElement(React.Fragment, null, React.createElement(ProviderDetails, {
        edit: edit,
        addLocation: addLocation,
        data: _objectSpread({}, this.props.providerdetails, {
          gap: this.props.providerdetailgaps.find(gap => gap.id == id) || {
            id: '',
            manager: '',
            locations: [],
            staff: []
          }
        }),
        allGapsReport: {
          url: this.props.allGapsReportViewModel.apiUrl,
          reports: this.props.allGapsReportViewModel.reports
        },
        initialTab: tabId,
        tabs: this.props.showReportingTabs ? [{
          id: 'clientReporting',
          name: 'Client reporting',
          table: ({
            gap,
            setGapChangeAction
          }) => React.createElement(Table, {
            unique: "clientReporting",
            onInit: ({
              applyFilter,
              reset
            }) => {
              setGapChangeAction(() => {
                return newGap => {
                  reset();
                  applyFilter('gap', newGap);
                };
              });
            },
            filters: gap ? {
              gap
            } : undefined,
            structure: this.props.clientreporttablestructure.tabs.structure,
            above: ({
              setTab
            }) => React.createElement(React.Fragment, null, React.createElement(TabButtons, {
              hidden: true,
              tabs: [this.props.clientreporttablestructure.tabs],
              onChange: setTab
            }), React.createElement("div", {
              className: "flex justify-end mb-2"
            }, React.createElement(ClearFilters, null))),
            mobileContent: React.createElement(Alert, {
              type: "info"
            }, React.createElement("strong", {
              className: "block mb-3"
            }, "Reporting not available on mobile"), "Review on desktop for best experience.", React.createElement("br", null), React.createElement("br", null), "Or download report as a .CSV file.")
          })
        }, {
          id: 'clientOutcomeReports',
          name: 'Client outcome reports',
          table: ({
            gap,
            setGapChangeAction
          }) => React.createElement(Table, {
            unique: "clientOutcomeReports",
            onInit: ({
              applyFilter,
              reset
            }) => {
              setGapChangeAction(() => {
                return newGap => {
                  reset();
                  applyFilter('gap', newGap);
                };
              });
            },
            filters: gap ? {
              gap
            } : undefined,
            structure: this.props.clientOutcomeReportingStructure,
            above: ({
              setTab
            }) => React.createElement(React.Fragment, null, React.createElement(TabButtons, {
              hidden: true,
              tabs: this.props.clientOutcomeReportingTabs,
              onChange: setTab
            }), React.createElement("div", {
              className: "flex justify-end mb-2"
            }, React.createElement(ClearFilters, null))),
            mobileContent: React.createElement(Alert, {
              type: "info"
            }, React.createElement("strong", {
              className: "block mb-3"
            }, "Reporting not available on mobile"), "Review on desktop for best experience.", React.createElement("br", null), React.createElement("br", null), "Or download report as a .CSV file.")
          })
        }, {
          id: 'sessionData',
          name: 'Session data',
          table: ({
            gap,
            setGapChangeAction
          }) => React.createElement(Table, {
            unique: "sessionData",
            onInit: ({
              applyFilter,
              reset
            }) => {
              setGapChangeAction(() => {
                return newGap => {
                  reset();
                  applyFilter('gap', newGap);
                };
              });
            },
            filters: gap ? {
              gap
            } : undefined,
            structure: this.props.sessiondatatablestructure.tabs.structure,
            above: ({
              setTab
            }) => React.createElement(React.Fragment, null, React.createElement(TabButtons, {
              hidden: true,
              tabs: [this.props.sessiondatatablestructure.tabs],
              onChange: setTab
            }), React.createElement("div", {
              className: "flex justify-end mb-2"
            }, React.createElement(ClearFilters, null))),
            mobileContent: React.createElement(Alert, {
              type: "info"
            }, React.createElement("strong", {
              className: "block mb-3"
            }, "Reporting not available on mobile"), "Review on desktop for best experience.", React.createElement("br", null), React.createElement("br", null), "Or download report as a .CSV file.")
          })
        }] : []
      })) //<pre>{JSON.stringify(this.props, null, 4)}</pre>
      ;
    }
  }

}