{"version":3,"file":"csv-file-upload-y0N_y7gE.js","sources":["../../../app/frontend/entrypoints/admin/components/csv-file-upload.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { importLocations } from '../modules/locations';\nimport { countCSVRows } from \"../lib/csv\";\nimport CsvConfirmImportModal from \"./csv-confirm-import-modal\";\n\nconst CSVUploadButton = () => {\n  const [file, setFile] = useState(null);\n  const [uploading, setUploading] = useState(false);\n  const [showConfirmModal, setShowConfirmModal] = useState(false);\n  const [rows, setRows] = useState(0);\n\n  function handleFileChange(e) {\n    let csv = e.target.files[0];\n    setFile(e.target.files[0]);\n    setShowConfirmModal(true);\n    countCSVRows(csv)\n      .then((rowCount) => {\n        setRows(rowCount);\n      })\n  }\n\n  function closeModal() {\n    setShowConfirmModal(false)\n  }\n\n  function uploadCsv() {\n    if (!file || uploading) {\n      return;\n    }\n\n    setUploading(true);\n    importLocations(file)\n      .then((response) => {\n        setUploading(false);\n        closeModal();\n      })\n      .catch((error) => {\n        setUploading(false);\n      })\n  }\n\n  return (\n    <div className=\"ml-auto\">\n      { showConfirmModal && (\n        <CsvConfirmImportModal\n          rows={rows}\n          setOpen={setShowConfirmModal}\n          open={showConfirmModal}\n          handleConfirm={uploadCsv}\n        />\n      )}\n\n      <input\n        type=\"file\"\n        accept=\".csv\"\n        onChange={handleFileChange}\n        id=\"csv-file-input\"\n        className=\"hidden\"\n        hidden\n      />\n      <label\n        className=\"hover:cursor-pointer inline-block h-[40px] shadow-sm bg-white border border-gray-400 text-gray-900 text-sm rounded-lg focus:ring-indigo-500 focus:border-indigo-500 block p-2.5 focus:border-indigo-500 sm:text-sm\"\n        htmlFor=\"csv-file-input\"\n      >Import</label>\n    </div>\n  );\n};\n\nexport default CSVUploadButton;\n"],"names":["CSVUploadButton","file","setFile","useState","uploading","setUploading","showConfirmModal","setShowConfirmModal","rows","setRows","handleFileChange","e","csv","countCSVRows","rowCount","closeModal","uploadCsv","importLocations","response","error","jsxs","jsx","CsvConfirmImportModal"],"mappings":"uUAKA,MAAMA,EAAkB,IAAM,CAC5B,KAAM,CAACC,EAAMC,CAAO,EAAIC,WAAS,IAAI,EAC/B,CAACC,EAAWC,CAAY,EAAIF,WAAS,EAAK,EAC1C,CAACG,EAAkBC,CAAmB,EAAIJ,WAAS,EAAK,EACxD,CAACK,EAAMC,CAAO,EAAIN,WAAS,CAAC,EAElC,SAASO,EAAiBC,EAAG,CAC3B,IAAIC,EAAMD,EAAE,OAAO,MAAM,CAAC,EAC1BT,EAAQS,EAAE,OAAO,MAAM,CAAC,CAAC,EACzBJ,EAAoB,EAAI,EACxBM,EAAaD,CAAG,EACb,KAAME,GAAa,CAClBL,EAAQK,CAAQ,CAAA,CACjB,CACL,CAEA,SAASC,GAAa,CACpBR,EAAoB,EAAK,CAC3B,CAEA,SAASS,GAAY,CACf,CAACf,GAAQG,IAIbC,EAAa,EAAI,EACjBY,EAAgBhB,CAAI,EACjB,KAAMiB,GAAa,CAClBb,EAAa,EAAK,EACPU,GAAA,CACZ,EACA,MAAOI,GAAU,CAChBd,EAAa,EAAK,CAAA,CACnB,EACL,CAGE,OAAAe,EAAA,KAAC,MAAI,CAAA,UAAU,UACX,SAAA,CACAd,GAAAe,EAAA,IAACC,EAAA,CACC,KAAAd,EACA,QAASD,EACT,KAAMD,EACN,cAAeU,CAAA,CACjB,EAGFK,EAAA,IAAC,QAAA,CACC,KAAK,OACL,OAAO,OACP,SAAUX,EACV,GAAG,iBACH,UAAU,SACV,OAAM,EAAA,CACR,EACAW,EAAA,IAAC,QAAA,CACC,UAAU,qNACV,QAAQ,iBACT,SAAA,QAAA,CAAM,CACT,CAAA,CAAA,CAEJ"}