{"version":3,"file":"details-WWujtGzl.js","sources":["../../../app/frontend/entrypoints/admin/components/locations/components/details.jsx"],"sourcesContent":["import React, { useState, useEffect } from 'react'\nimport FormInput from '../../form-input'\nimport FormSelect from '../../form-select';\nimport TogglePanel from '../../toggle-panel';\nimport { fetchChains } from '../../../modules/chains'\n\nfunction Details(props) {\n  const [location, setLocation] = useState(props.location);\n  const [chains, setChains] = useState([]);\n\n  useEffect(function () {\n    setLocation(props.location)\n  }, [props.location])\n\n  useEffect(() => {\n    fetchChains()\n      .then((data) => {\n        let _chains = data.map((ele) => ( { value: ele.id, label: ele.name }));\n        setChains(_chains);\n      })\n  }, [])\n\n  return (\n    <div className=\"mx-auto max-w-7xl px-6 pb-6\">\n      <div className=\"bg-white shadow overflow-hidden sm:rounded-lg\" id=\"details\">\n        <TogglePanel name='Details' initOpen={true}>\n          <div className=\"border-t border-gray-200 px-4 py-5 sm:p-0\">\n            <dl className=\"sm:divide-y sm:divide-gray-200\">\n              <div className=\"py-4 sm:py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6\">\n                <dt className=\"text-sm font-medium text-gray-500\">\n                  <h3><strong>Name</strong></h3>\n                  <p className=\"font-weight-light\">\n                    Internal name with more details\n                  </p>\n                </dt>\n                <dd className=\"mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-1\">\n                  <FormInput\n                    value={location.name}\n                    field=\"name\"\n                    className=\"shadow-sm w-full focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm border-gray-400 rounded-md placeholder-gray-600\"\n                    updateField={props.updateField}\n                  />\n                </dd>\n              </div>\n              <div className=\"py-4 sm:py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6\">\n                <dt className=\"text-sm font-medium text-gray-500\">\n                  <h3><strong>Display Name</strong></h3>\n                  <p className=\"font-weight-light\">\n                    Shown to end users\n                  </p>\n                </dt>\n                <dd className=\"mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-1\">\n                  <FormInput\n                    value={location.display_name}\n                    field=\"display_name\"\n                    className=\"shadow-sm w-full focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm border-gray-400 rounded-md placeholder-gray-600\"\n                    updateField={props.updateField}\n                  />\n                </dd>\n              </div>\n              <div className=\"py-4 sm:py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6\">\n                <dt className=\"text-sm font-medium text-gray-500\">\n                  <h3><strong>Chain Number</strong></h3>\n                  <p className=\"font-weight-light\">\n                    Unique external identifer for this location\n                  </p>\n                </dt>\n                <dd className=\"mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-1\">\n                  <FormInput\n                    value={location.chain_number}\n                    field=\"chain_number\"\n                    className=\"shadow-sm w-full focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm border-gray-400 rounded-md placeholder-gray-600\"\n                    updateField={props.updateField}\n                  />\n                </dd>\n              </div>\n              <div className=\"py-4 sm:py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6\">\n                <dt className=\"text-sm font-medium text-gray-500\">\n                  <h3><strong>Status</strong></h3>\n                  <ul className=\"font-weight-light\">\n                    <li>\n                      Initialized: New location\n                    </li>\n                    <li>\n                      Geocoding: Geocoding backend\n                    </li>\n                    <li>\n                      Review: Needs attention\n                    </li>\n                    <li>\n                      Active: Shown to users\n                    </li>\n                    <li>\n                      Inactive: Not shown to users\n                    </li>\n                  </ul>\n                </dt>\n                <dd className=\"mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-1 col-span-1\">\n                  <FormSelect\n                    value={location.status}\n                    field=\"status\"\n                    handleChange={props.updateField}\n                    className=\"bg-white border border-gray-400 text-gray-900 text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 w-full p-2.5\"\n                    options={[{\n                      value: 'init', label: 'Initialized'\n                    }, {\n                      value: 'geocoding', label: 'Geocoding'\n                    }, {\n                      value: 'review', label: 'Review'\n                    }, {\n                      value: 'active', label: 'Active'\n                    }, {\n                      value: 'inactive', label: 'Inactive'\n                    }]}\n                  />\n                </dd>\n              </div>\n\n              <div className=\"py-4 sm:py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6\">\n                <dt className=\"text-sm font-medium text-gray-500\">\n                  <h3><strong>Chain</strong></h3>\n                </dt>\n                <dd className=\"mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-1\">\n                  <FormSelect\n                    value={location.chain_id}\n                    field=\"chain_id\"\n                    handleChange={props.updateField}\n                    className=\"bg-white border border-gray-400 text-gray-900 text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 w-full p-2.5\"\n                    placeholder={'Select Chain'}\n                    options={chains}\n                  />\n                </dd>\n              </div>\n              <div className=\"py-4 sm:py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6\">\n                <dt className=\"text-sm font-medium text-gray-500\">\n                  <h3><strong>Secondary Chain</strong></h3>\n                </dt>\n                <dd className=\"mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-1\">\n                  <FormSelect\n                    value={location.secondary_chain_id}\n                    field=\"secondary_chain_id\"\n                    handleChange={props.updateField}\n                    className=\"bg-white border border-gray-400 text-gray-900 text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 w-full p-2.5\"\n                    placeholder={'Select Chain'}\n                    options={chains}\n                  />\n                </dd>\n              </div>\n            </dl>\n          </div>\n        </TogglePanel>\n      </div>\n    </div>\n  )\n}\n\nexport default Details;"],"names":["Details","props","location","setLocation","useState","chains","setChains","useEffect","fetchChains","data","_chains","ele","jsx","TogglePanel","jsxs","FormInput","FormSelect"],"mappings":"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"}