{"version":3,"file":"location-table-4m46I91t.js","sources":["../../../app/frontend/entrypoints/admin/components/location-table.jsx"],"sourcesContent":["import React from \"react\";\nimport PaginationFooter from './pagination-footer';\nimport SortableHeader from \"./sortable-header\";\n\nconst headers = [\n  { name: \"ID\", column: \"id\", sort: true },\n  { name: \"CHAIN\", column: \"chain\", sort: true },\n  { name: \"SECONDARY CHAIN\", column: \"chain\", sort: true },\n  { name: \"NAME\", column: \"name\", sort: true },\n  { name: \"DISPLAY NAME\", column: \"display_name\", sort: true },\n  { name: \"#\", column: \"chain_number\", sort: false },\n  { name: \"EFS ID\", column: \"efs_id\", sort: true },\n  { name: \"QUIKQ ID\", column: \"quikq_id\", sort: true },\n  { name: \"OPIS ID\", column: \"opis_id\", sort: true },\n  { name: \"LAT\", column: \"latitude\", sort: true },\n  { name: \"LONG\", column: \"longitude\", sort: true },\n  { name: \"ADDRESS\", column: \"address\", sort: true },\n  { name: \"CITY\", column: \"city\", sort: true },\n  { name: \"STATE\", column: \"state_code\", sort: true },\n  { name: \"ZIP\", column: \"zipcode\", sort: true },\n  { name: \"MSFUELCARD ID\", column: \"msfuelcard_id\", sort: true },\n  { name: \"RELAY ID\", column: \"relay_id\", sort: true },\n  { name: \"STATUS\", column: \"status\", sort: true },\n  { name: \"CREATED\", column: \"created_at\", sort: true },\n  { name: \"UPDATED\", column: \"updated_at\", sort: true }\n];\n\nconst TableHeader = ({ sortDir, activeColumn, updateSort}) => {\n  return (\n    <thead className=\"bg-gray-50 sticky top-0 z-10\">\n    <tr>\n      {headers.map((header) => {\n        return (\n          <th key={header.name} scope=\"col\" className=\"whitespace-nowrap px-6 py-3 text-left text-sm font-medium text-gray-500\">\n            {header.sort ? <SortableHeader\n              sortDir={sortDir}\n              activeColumn={activeColumn}\n              value={header.name}\n              column={header.column}\n              update={updateSort}\n            /> : header.name}\n          </th>\n        )\n      })}\n      <th scope=\"col\" className=\"whitespace-nowrap px-6 py-3 text-left text-sm font-medium text-gray-500\">\n      </th>\n    </tr>\n    </thead>\n  );\n};\n\n// TableRow component\nconst TableRow = ({ location }) => {\n  return (\n    <tr className={location.status === 'review' ? 'bg-yellow-50' : ''}>\n      <td className=\"whitespace-nowrap px-6 py-4 text-sm text-gray-900\">{location.id}</td>\n      <td className=\"whitespace-nowrap px-6 py-4 text-sm text-gray-900\">{location.chain?.name}</td>\n      <td className=\"whitespace-nowrap px-6 py-4 text-sm text-gray-900\">{location.secondary_chain?.name}</td>\n      <td className=\"whitespace-nowrap px-6 py-4 text-sm text-gray-900\">\n        {location.google_place_url ?\n          <a href={location.google_place_url} target=\"_blank\" className='text-underline'>\n            {location.name}\n          </a>\n          : location.name\n        }\n      </td>\n      <td className=\"whitespace-nowrap px-6 py-4 text-sm text-gray-900\">{location.display_name}</td>\n      <td className=\"whitespace-nowrap px-6 py-4 text-sm text-gray-900\">{location.chain_number}</td>\n      <td className=\"whitespace-nowrap px-6 py-4 text-sm text-gray-900\">{location.efs_id}</td>\n      <td className=\"whitespace-nowrap px-6 py-4 text-sm text-gray-900\">{location.quikq_id}</td>\n      <td className=\"whitespace-nowrap px-6 py-4 text-sm text-gray-900\">{location.opis_id}</td>\n      <td className=\"whitespace-nowrap px-6 py-4 text-sm text-gray-900\">{location.latitude}</td>\n      <td className=\"whitespace-nowrap px-6 py-4 text-sm text-gray-900\">{location.longitude}</td>\n      <td className=\"whitespace-nowrap px-6 py-4 text-sm text-gray-900\">{location.address}</td>\n      <td className=\"whitespace-nowrap px-6 py-4 text-sm text-gray-900\">{location.city}</td>\n      <td className=\"whitespace-nowrap px-6 py-4 text-sm text-gray-900\">{location.state_code}</td>\n      <td className=\"whitespace-nowrap px-6 py-4 text-sm text-gray-900\">{location.zipcode}</td>\n      <td className=\"whitespace-nowrap px-6 py-4 text-sm text-gray-900\">{location.msfuelcard_id}</td>\n      <td className=\"whitespace-nowrap px-6 py-4 text-sm text-gray-900\">{location.relay_id}</td>\n      <td className=\"whitespace-nowrap px-6 py-4 text-sm text-gray-900\">{location.status}</td>\n      <td className=\"whitespace-nowrap px-6 py-4 text-sm text-gray-900\">\n        {new Date(location.created_at).toLocaleDateString('en-US')}\n      </td>\n      <td className=\"whitespace-nowrap px-6 py-4 text-sm text-gray-900\">\n        {new Date(location.updated_at).toLocaleDateString('en-US')}\n      </td>\n      <td className=\"whitespace-nowrap px-6 py-4 text-sm text-gray-900\">\n        <a href={`/locations/${location.id}/edit`}>Edit</a>\n      </td>\n    </tr>\n  );\n};\n\n// TableBody component\nconst TableBody = ({ locations }) => {\n  return (\n    <tbody className=\"bg-white divide-y divide-gray-200\">\n    {locations.map((location) => (\n      <TableRow key={location.id} location={location} />\n    ))}\n    </tbody>\n  );\n};\n\n// Main LocationTable component\nconst LocationTable = ({ locations, query, updatePagination, updateSort }) => {\n  return (\n    <div className=\"mt-4 flow-root mb-8\">\n      <div className='shadow ring-1 ring-black/5'>\n        <div className=\"overflow-y-scroll overflow-x-auto max-h-[550px]\">\n          <div className=\"h-full overflow-y-auto\">\n            <table className=\"min-w-full divide-y divide-gray-300\">\n              <TableHeader sortDir={query.sort_direction} updateSort={updateSort} activeColumn={query.sort_column} />\n              <TableBody locations={locations} />\n            </table>\n          </div>\n        </div>\n\n        <table className='min-w-full'>\n          <tfoot className=\"bg-gray-50 sticky bottom-0 z-10\">\n            <tr>\n              <td colSpan={headers.length} className='px-6 py-4 text-center'>\n                <PaginationFooter\n                  pagination={query}\n                  updatePagination={updatePagination}\n                />\n              </td>\n            </tr>\n          </tfoot>\n        </table>\n      </div>\n    </div>\n  );\n};\n\nexport default LocationTable;\n"],"names":["headers","TableHeader","sortDir","activeColumn","updateSort","jsx","header","SortableHeader","TableRow","location","_a","_b","TableBody","locations","LocationTable","query","updatePagination","jsxs","PaginationFooter"],"mappings":"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"}