{"version":3,"file":"address-Mz-KeBoa.js","sources":["../../../app/frontend/entrypoints/admin/components/locations/components/address.jsx"],"sourcesContent":["import React, { useState, useEffect } from 'react'\nimport FormInput from \"../../form-input\";\nimport FormTextarea from \"../../form-textarea\";\nimport FormSelect from '../../form-select';\nimport TogglePanel from '../../toggle-panel';\nimport { fetchStates } from '../../../modules/locations'\nfunction Address(props) {\n  const [location, setLocation] = useState(props.location);\n  const [states, setStates] = useState([])\n\n  useEffect(function () {\n    setLocation(props.location)\n  }, [props.location])\n\n  useEffect(() => {\n    fetchStates()\n      .then((data) => {\n        let _states = data.map((ele) => ( { value: ele.id, label: ele.name }));\n        setStates(_states);\n      })\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='address'>\n          <TogglePanel name='Address' initOpen={true}>\n            <div className=\"border-t border-gray-200 px-4 py-5 sm:p-0\">\n              <div className=\"py-4 sm:py-5 sm:px-6\">\n                <h3 className=\"text-base/7 font-semibold text-gray-900\">Display</h3>\n              </div>\n              <dl className=\"border-t border-gray-200 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>Formatted Address</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.address}\n                      field=\"address\"\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                    <h4><strong>Directions</strong></h4>\n                    <p className=\"font-weight-light\">\n                      Helpful instructions for drivers\n                    </p>\n                  </dt>\n                  <dd className=\"mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-1\">\n                    <FormTextarea\n                      value={location.directions}\n                      field=\"directions\"\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\n                <div className=\"py-4 sm:py-5 sm:px-6\">\n                  <h3 className=\"text-base/7 font-semibold text-gray-900\">Address Information</h3>\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>Address Line 1</strong></h3>\n                  </dt>\n                  <dd className=\"mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-1\">\n                    <FormInput\n                      value={location.address_line_1}\n                      field=\"address_line_1\"\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\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>Address Line 2</strong></h3>\n                  </dt>\n                  <dd className=\"mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-1\">\n                    <FormInput\n                      value={location.address_line_2}\n                      field=\"address_line_2\"\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\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>City</strong></h3>\n                  </dt>\n                  <dd className=\"mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-1\">\n                    <FormInput\n                      value={location.city}\n                      field=\"city\"\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\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>County</strong></h3>\n                  </dt>\n                  <dd className=\"mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-1\">\n                    <FormInput\n                      value={location.county}\n                      field=\"county\"\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\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>State</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.state_id}\n                      field=\"state_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                      options={states}\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>Zipcode</strong></h3>\n                  </dt>\n                  <dd className=\"mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-1\">\n                    <FormInput\n                      value={location.zipcode}\n                      field=\"zipcode\"\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\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>Country</strong></h3>\n                  </dt>\n                  <dd className=\"mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-1\">\n                    <FormInput\n                      value={location.country}\n                      field=\"country\"\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\n                <div className=\"py-4 sm:py-5 sm:px-6\">\n                  <h3 className=\"text-base/7 font-semibold text-gray-900\">Geo Cordinates</h3>\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>Latitude</strong></h3>\n                  </dt>\n                  <dd className=\"mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-1\">\n                    <FormInput\n                      value={location.latitude}\n                      field=\"latitude\"\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\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>Longitude</strong></h3>\n                  </dt>\n                  <dd className=\"mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-1\">\n                    <FormInput\n                      value={location.longitude}\n                      field=\"longitude\"\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              </dl>\n            </div>\n          </TogglePanel>\n      </div>\n    </div>\n  )\n}\n\nexport default Address;"],"names":["Address","props","location","setLocation","useState","states","setStates","useEffect","fetchStates","data","_states","ele","jsx","TogglePanel","jsxs","FormInput","FormTextarea","FormSelect"],"mappings":"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"}