udp-react-enterprise-component-library 25.18.1-beta.37 → 25.18.1-beta.39

package/dist/ImportDataFromFileMapping-DR5rjwE8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportDataFromFileMapping-DR5rjwE8.js","names":["Divider","FileImportMappingWizard"],"sources":["../src/udp/fileImportMapping/fileUtils.js","../src/udp/fileImportMapping/FileImportConfigCard.jsx","../src/udp/fileImportMapping/FileImportMappingWizard.jsx","../src/udp/fileImportMapping/ImportDataFromFileMapping.jsx"],"sourcesContent":["import * as XLSX from 'xlsx';\n\nexport const handleExcelFileUpload = (fileObject, fileProperties) => {\n  return new Promise((resolve, reject) => {\n    if (fileObject) {\n      const reader = new FileReader();\n\n      reader.onload = function (e) {\n        const data = new Uint8Array(e.target.result);\n        const workbook = XLSX.read(data, { type: 'array' });\n\n        const sheetName = workbook.SheetNames[fileProperties?.worksheetNumber?.value - 1];\n        const worksheet = workbook.Sheets[sheetName];\n\n        // Get the headers (first row) and first data line\n        const json = XLSX.utils.sheet_to_json(worksheet, {\n          header: 1,\n        });\n        if (json.length > 1) {\n          const headers = json[0]; // First row as headers\n          const firstDataLine = json[1]; // Second row as the first data line\n          resolve({ headers: headers, sampleData: firstDataLine });\n        }\n        else{\n            reject(\"Could not get file headers\")\n        }\n      };\n      reader.onerror = function () {\n        reject('Error reading the file.');\n      };\n\n      reader.readAsArrayBuffer(fileObject); // Read the file as an ArrayBuffer\n    } else {\n      reject('No file provided');\n    }\n  });\n};\n\nexport const handleTextFileUpload = (fileObject, fileProperties) => {\n  return new Promise((resolve, reject) => {\n    if (fileObject) {\n      const chunkSize = 1024; // Read 1024 bytes at a time\n      let offset = 0; // Start reading at the beginning of the file\n      let accumulatedData = '';\n\n      const reader = new FileReader();\n\n      reader.onload = function (e) {\n        accumulatedData += e.target.result;\n\n        const lines = accumulatedData.split('\\n');\n        if (lines.length > 2) {\n          const headers = lines[0].replace(/\\r/g, '').split(fileProperties?.delimiter?.value);\n          const firstDataLine = lines[1].replace(/\\r/g, '').split(fileProperties?.delimiter?.value);\n          resolve({ headers: headers, sampleData: firstDataLine });\n        } else {\n          // If the header is not found and there's more data to read\n          if (offset < fileObject.size) {\n            readNextChunk();\n          }\n        }\n      };\n      reader.onerror = function () {\n        reject('Error reading the file.');\n      };\n\n      function readNextChunk() {\n        // Read the next 1024 bytes\n        const blob = fileObject.slice(offset, offset + chunkSize);\n        reader.readAsText(blob);\n        offset += chunkSize;\n      }\n      readNextChunk();\n    } else {\n      reject('No file provided');\n    }\n  });\n};\n\nexport const handleJsonFileUpload = (fileObject, fileProperties) => {\n  return new Promise((resolve, reject) => {\n    if (fileObject) {\n      const reader = new FileReader();\n\n      reader.onload = function (e) {\n        try {\n          const jsonData = JSON.parse(e.target.result);\n          const dataAtPath = fileProperties?.jsonPath ? getValueByPath(jsonData, fileProperties?.jsonPath) : jsonData;\n\n          if (Array.isArray(dataAtPath) && dataAtPath.length > 0) {\n            const keys = Object.keys(dataAtPath[0]);\n            resolve({ headers: keys, sampleData: dataAtPath[0] });\n          } else {\n            reject('The JSON file does not contain an array or is empty.');\n          }\n        } catch (err) {\n          reject('Error parsing JSON file:', err);\n        }\n      };\n      reader.onerror = function () {\n        reject('Error reading the file.');\n      };\n\n      reader.readAsText(fileObject);\n    } else {\n      reject('No file provided');\n    }\n  });\n};\n\nconst getValueByPath = (obj, path) => {\n    return path.split('.').reduce((acc, key) => acc && acc[key], obj);\n  }\n","import React, { useState, useMemo } from 'react';\nimport { AmbientCard } from '../../UI/surfaces/cards/AmbientCard';\nimport { CompactDataListItem } from '../../UI/dataDisplay/CompactDataListItem';\nimport { Typography, Divider } from '@material-ui/core';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { ChromeBackMirroredIcon } from '@fluentui/react-icons';\n\nexport const FileImportConfigCard = (props) => {\n  const { fileMappingRecord, domain } = props;\n  const [showIndexNumbers, setShowIndexNumbers] = useState(false);\n\n  const parsedProperties = useMemo(() => {\n    if (fileMappingRecord) {\n      let parsedObject = fileMappingRecord?.properties;\n      if (typeof fileMappingRecord?.properties === 'string') {\n        parsedObject = JSON.parse(fileMappingRecord?.properties);\n      }\n      if (\n        'includesHeader' in parsedObject &&\n        parsedObject?.includesHeader === false\n      ) {\n        setShowIndexNumbers(true);\n      } else {\n        setShowIndexNumbers(false);\n      }\n      return Object.entries(parsedObject).map(([key, value]) => ({\n        key,\n        value\n      }));\n    }\n  }, [fileMappingRecord]);\n\n  const parsedFieldMappings = useMemo(() => {\n    let parsedObject = fileMappingRecord?.mapping;\n    if (typeof fileMappingRecord?.mapping === 'string') {\n      parsedObject = JSON.parse(fileMappingRecord?.mapping);\n    }\n    if (fileMappingRecord) {\n      return Object.entries(parsedObject);\n    }\n  }, [fileMappingRecord]);\n\n  return (\n    parsedFieldMappings && (\n      <AmbientCard fullWidth title='Mapping Configuration' subtitle={domain}>\n        {parsedProperties?.map((property) => (\n          <CompactDataListItem\n            label={property?.key\n              .replace(/([a-z])([A-Z])/g, '$1 $2')\n              .replace(/^./, function (char) {\n                return char.toUpperCase();\n              })}\n            value={\n              property?.value === false\n                ? 'False'\n                : property?.value === true\n                ? 'True'\n                : property?.value\n            }\n          />\n        ))}\n\n        <>\n          <div\n            style={{\n              display: 'flex',\n              flexDirection: 'row',\n              justifyContent: 'space-between',\n              paddingTop: 20\n            }}\n          >\n            <Typography variant='caption'>\n              {showIndexNumbers ? \"Column index's\" : 'File Headers'}\n            </Typography>\n            <Typography variant='caption'>Fields</Typography>\n          </div>\n          <Divider style={{ marginTop: 5, marginBottom: -14 }} />\n          {parsedFieldMappings?.map((field) => (\n            <div style={{ height: 42 }}>\n              <div style={{ display: 'flex', flexDirection: 'row', gap: 10 }}>\n                <Typography style={{ marginTop: 25, width: '50%' }}>\n                  {showIndexNumbers\n                    ? 'index ' + field[1]?.headerIndex\n                    : field[1]?.importFileField}\n                </Typography>\n                <FluentIcon\n                  style={{ marginTop: 28, width: '10%' }}\n                  component={ChromeBackMirroredIcon}\n                />\n                <Typography\n                  style={{ marginTop: 25, width: '50%', textAlign: 'right' }}\n                >\n                  {field[1]?.udpField.replace(/([A-Z])/g, ' $1').trim()}\n                </Typography>\n              </div>\n              <Divider style={{ margin: '5px 0px' }} />\n            </div>\n          ))}\n        </>\n      </AmbientCard>\n    )\n  );\n};\n","import React, { useMemo, useState, useCallback, useEffect } from 'react';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { AmbientCard } from '../../UI/surfaces/cards/AmbientCard';\nimport { AmbientAutoComplete } from '../../UI/inputs/textField/AmbientAutoComplete';\nimport { usePromotedMethodEntity } from '../../hooks/usePromotedMethodEntity';\nimport { executeQueryAdHoc } from '../utilities/methodUtils';\nimport { Form } from '../../utilities/form';\nimport { Field } from '../../utilities/form';\nimport { FormButtons } from '../../utilities/form';\nimport { SubmitButton } from '../../utilities/form';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { AmbientStepper } from '../../UI/inputs/menus/AmbientStepper/AmbientStepper';\nimport { apiMutate } from '../../utilities/useAxiosMutate';\nimport { useHandleAxiosSnackbar } from '../../utilities/apiHelpers';\nimport { DragDropFileUpload } from '../../uploader/DragDropFileUpload';\nimport { Typography } from '@material-ui/core';\nimport { ChromeBackMirroredIcon } from '@fluentui/react-icons';\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton';\nimport { AmbientTextField } from '../../UI/inputs/textField/AmbientTextField';\nimport { Divider } from '../../UI/utilityDisplay/Divider';\nimport {\n  handleExcelFileUpload,\n  handleJsonFileUpload,\n  handleTextFileUpload\n} from './fileUtils';\nimport { FileImportConfigCard } from './FileImportConfigCard';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\nimport { ConfigService } from '../../configService';\n\nconst FileImportMappingWizard = (props) => {\n  const { refetchMappings, setNewFileMappingSidesheetOpen, verifyRequiredFields } = props;\n  const user = useUser();\n  const [importHeaderData, setImportHeaderData] = useState();\n  const [udpObjectList, setUdpObjectList] = useState();\n  const [selectedDomain, setSelectedDomain] = useState();\n  const [selectedFileType, setSelectedFileType] = useState();\n  const [fileObject, setFileObject] = useState();\n  const [fileImportMappingObject, setFileImportMappingObject] = useState({});\n  const [activeStep, setActiveStep] = useState(0);\n  const [showIndexNumbers, setShowIndexNumbers] = useState(false);\n  const [errorText, setErrorText] = useState('');\n  const { handleErrorSnackbar, handleSuccessSnackbar } =\n    useHandleAxiosSnackbar();\n\n  const executeCreateFileMapping = useCallback(\n    async (data) =>\n      apiMutate(\n        ConfigService.productV1ApiUrl,\n        `UdpFileImportMapping`,\n        {\n          method: 'post'\n        },\n        { data }\n      ),\n    []\n  );\n  const { data: udpObjectEntity } = usePromotedMethodEntity(\n    'UdpObjectInfo',\n    true\n  );\n\n  const [{ data: allowedFileTypesData }, refetchAllowedFileTypes] = useAxiosGet(\n    ConfigService.productV1ApiUrl,\n    `UdpFileImportType`,\n    {},\n    false\n  );\n\n  const searchUdpObjectData = useCallback(async () => {\n    if (udpObjectEntity?.unityBaseSearchMethod?.apiMethodId && user?.id) {\n      const sapUserRes = await executeQueryAdHoc(\n        {\n          data: {\n            eagerLoad: true,\n            pageSize: 200,\n            filterElements: []\n          }\n        },\n        udpObjectEntity?.unityBaseSearchMethod?.apiMethodId\n      );\n      if (sapUserRes?.data?.pageList.length > 0) {\n        setUdpObjectList(sapUserRes?.data?.pageList);\n      }\n    }\n  }, [udpObjectEntity, user]);\n\n  const filterCatalogObjectList = useMemo(() => {\n    return udpObjectList;\n  }, [udpObjectList]);\n\n  const getNameFormattedOptionLabel = (option) => {\n    return option?.name.replace(/([A-Z])/g, ' $1').trim();\n  };\n\n  const getNameOptionLabel = (option) => {\n    return option?.name;\n  };\n\n  const handleFileUpload = async (properties) => {\n    let result;\n    if (\n      selectedFileType.extension === '.csv' ||\n      selectedFileType.extension === '.txt'\n    ) {\n      result = await handleTextFileUpload(fileObject, properties);\n    } else if (selectedFileType.extension === '.xlsx') {\n      result = await handleExcelFileUpload(fileObject, properties);\n    } else if (selectedFileType.extension === '.json') {\n      result = await handleJsonFileUpload(fileObject, properties);\n    }\n    setImportHeaderData(result?.headers);\n  };\n\n  useEffect(() => {\n    searchUdpObjectData();\n  }, [searchUdpObjectData]);\n\n  const handleCreateNewFieldMapping = useCallback(\n    async (values) => {\n      const response = await executeCreateFileMapping({\n        name: values.name,\n        objectInfoSanitizedName: getSanitizedName(selectedDomain.name),\n        fileImportType: selectedFileType.id,\n        mapping: JSON.stringify(fileImportMappingObject?.mapping),\n        properties: JSON.stringify(fileImportMappingObject?.properties)\n      }).catch((res) => {\n        handleErrorSnackbar(res);\n      });\n      if (response?.status === 201) {\n        handleSuccessSnackbar('Created Mapping');\n        refetchMappings();\n        setNewFileMappingSidesheetOpen(false);\n      }\n    },\n    [\n      executeCreateFileMapping,\n      selectedDomain?.name,\n      selectedFileType?.id,\n      fileImportMappingObject?.mapping,\n      fileImportMappingObject?.properties,\n      handleErrorSnackbar,\n      handleSuccessSnackbar,\n      refetchMappings,\n      setNewFileMappingSidesheetOpen\n    ]\n  );\n\n  const handleUpdateFieldMapping = (values) => {\n    let valid = true;\n    selectedDomain?.objectFieldInfo?.forEach((option) => {\n      if (\n        !option.dataType.endsWith('?') &&\n        !option.isPrimaryKey &&\n        !option.udpType\n      ) {\n        if (\n          !Object.entries(values).some(\n            (obj) => obj[1].businessObjectKey === option.businessObjectKey\n          )\n        ) {\n          if(verifyRequiredFields){\n            valid = false;\n          }\n        }\n      }\n    });\n    if (!valid) {\n      setErrorText('All required Udp fields must have a mapping');\n      return;\n    }\n    const filteredMappings = Object.entries(values)\n      .filter(([key, value]) => value !== null)\n      .reduce((acc, [key, value]) => {\n        acc[key] = value;\n        return acc;\n      }, {});\n    const mappedFieldIndexes = Object.keys(filteredMappings).map((key) =>\n      parseInt(key.split('udpFieldMapping')[1], 10)\n    );\n    const fieldMappings = Object.values(filteredMappings).map(\n      (selectedUdpField, index) => {\n        return {\n          udpField: selectedUdpField.name,\n          importFileField: !showIndexNumbers\n            ? importHeaderData[mappedFieldIndexes[index]]\n            : null,\n          headerIndex: !showIndexNumbers ? -1 : mappedFieldIndexes[index]\n        };\n      }\n    );\n    setFileImportMappingObject((prev) => {\n      return { ...prev, mapping: fieldMappings };\n    });\n    setActiveStep((prev) => prev + 1);\n  };\n\n  const handleUpdateFileProperties = (values) => {\n    setFileImportMappingObject((prev) => {\n      let properties = {};\n      Object.keys(values).forEach(\n        (propKey) =>\n          (properties[propKey] =\n            'value' in values[propKey]\n              ? values[propKey]?.value\n              : values[propKey])\n      );\n      return { ...prev, properties: properties };\n    });\n    if ('includesHeader' in values && values?.includesHeader.value === false) {\n      setShowIndexNumbers(true);\n    }\n    handleFileUpload(values);\n    setActiveStep((prev) => prev + 1);\n  };\n\n  const getUdpFieldOptionLabel = (option) => {\n    if (\n      !option.dataType.endsWith('?') &&\n      !option.isPrimaryKey &&\n      !option.udpType\n    ) {\n      return `${option.name.replace(/([A-Z])/g, ' $1').trim()}*`; //required field\n    }\n    return `${option.name} - ${option.dataType}`;\n  };\n\n  const handleAddFileToUpload = (fileObj) => {\n    setFileObject(fileObj[0]);\n  };\n\n  const formattedFileTypeProperties = useMemo(() => {\n    if (selectedFileType) {\n      return JSON.parse(selectedFileType?.properties);\n    }\n  }, [selectedFileType]);\n\n  return (\n    <>\n      <AmbientCard fullWidth>\n        <div style={{ marginBottom: 20 }}>\n          <AmbientStepper\n            activeStep={activeStep}\n            steps={['File', 'Domain', 'Field Mappings', 'Review']}\n            orientation='vertical'\n          />\n        </div>\n        {activeStep === 0 && (\n          <>\n            <AmbientAutoComplete\n              isMultiple={false}\n              id={'fileImportType'}\n              name={'fileImportType'}\n              label='File Type'\n              onChange={(val) => setSelectedFileType(val)}\n              options={allowedFileTypesData}\n              size='small'\n              getOptionLabelFunction={getNameOptionLabel}\n              value={selectedFileType}\n              required\n            />\n            {selectedFileType && (\n              <div style={{ marginTop: 5 }}>\n                <DragDropFileUpload\n                  handleUploadFile={handleAddFileToUpload}\n                  accept={{\n                    'text/csv': ['.csv'],\n                    'text/plain': ['.txt'],\n                    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':\n                      ['.xlsx'],\n                    'application/json': ['.json']\n                  }}\n                />\n              </div>\n            )}\n            <Form onSubmit={handleUpdateFileProperties}>\n              {formattedFileTypeProperties?.map((property) =>\n                property?.options ? (\n                  <Field\n                    component={AmbientAutoComplete}\n                    isMultiple={false}\n                    id={property.propertyName}\n                    name={property.propertyName}\n                    label={property.label}\n                    options={property.options}\n                    size='small'\n                    getOptionLabelFunction={getNameOptionLabel}\n                    required={property?.required}\n                  />\n                ) : (\n                  <Field\n                    component={AmbientTextField}\n                    isMultiple={false}\n                    id={property.propertyName}\n                    name={property.propertyName}\n                    label={property.label}\n                    size='small'\n                    getOptionLabelFunction={getNameOptionLabel}\n                    required={property?.required}\n                  />\n                )\n              )}\n              <FormButtons\n                style={{\n                  display: 'flex',\n                  float: 'right',\n                  marginRight: -16\n                }}\n              >\n                <SubmitButton\n                  variant='contained'\n                  color='secondary'\n                  disablePristine={false}\n                  disabled={!fileObject}\n                >\n                  Next\n                </SubmitButton>\n              </FormButtons>\n            </Form>\n          </>\n        )}\n        {activeStep === 1 && (\n          <>\n            <AmbientAutoComplete\n              isMultiple={false}\n              id={'domain'}\n              name={'domain'}\n              label='Domain'\n              onChange={(val) => setSelectedDomain(val)}\n              options={filterCatalogObjectList}\n              size='small'\n              getOptionLabelFunction={getNameFormattedOptionLabel}\n              value={selectedDomain}\n              required\n            />\n            <div\n              style={{ float: 'right', display: 'flex', gap: 8, marginTop: 8 }}\n            >\n              <FluentButton\n                variant='contained'\n                onClick={() => setActiveStep((prev) => prev - 1)}\n                disabled={activeStep === 0}\n              >\n                Prev\n              </FluentButton>\n              <FluentButton\n                variant='contained'\n                onClick={() => setActiveStep((prev) => prev + 1)}\n                color='secondary'\n                disabled={!selectedDomain}\n              >\n                Next\n              </FluentButton>\n            </div>\n          </>\n        )}\n        {activeStep === 2 && (\n          <>\n            <div\n              style={{\n                display: 'flex',\n                flexDirection: 'row',\n                justifyContent: 'space-between',\n                paddingTop: 20\n              }}\n            >\n              <Typography variant='caption'>\n                {showIndexNumbers ? \"Column index's\" : 'File Headers'}\n              </Typography>\n              <Typography variant='caption'>UDP Fields</Typography>\n            </div>\n            <Divider style={{ margin: '5px 0px' }} />\n            <Form\n              onSubmit={handleUpdateFieldMapping}\n              style={{ marginTop: -20 }}\n            >\n              {importHeaderData?.map((field, index) => (\n                <div style={{ height: 42 }}>\n                  <div\n                    style={{ display: 'flex', flexDirection: 'row', gap: 10 }}\n                  >\n                    <Typography style={{ marginTop: 25, width: '50%' }}>\n                      {showIndexNumbers ? 'index ' + index : field}\n                    </Typography>\n                    <FluentIcon\n                      style={{ marginTop: 28, width: '10%' }}\n                      component={ChromeBackMirroredIcon}\n                    />\n                    <Field\n                      style={{ height: 30 }}\n                      component={AmbientAutoComplete}\n                      isMultiple={false}\n                      id={`udpFieldMapping${index}`}\n                      name={`udpFieldMapping${index}`}\n                      options={selectedDomain?.objectFieldInfo}\n                      size='small'\n                      getOptionLabelFunction={getUdpFieldOptionLabel}\n                    />\n                  </div>\n                  <Divider style={{ margin: '5px 0px' }} />\n                </div>\n              ))}\n              <div style={{ paddingTop: 20, textAlign: 'right', color: 'red' }}>\n                {errorText}\n              </div>\n              <FormButtons\n                style={{\n                  display: 'flex',\n                  float: 'right',\n                  paddingTop: 16,\n                  marginRight: -16\n                }}\n              >\n                <FluentButton\n                  variant='contained'\n                  onClick={() => setActiveStep((prev) => prev - 1)}\n                  disabled={activeStep === 0}\n                >\n                  Prev\n                </FluentButton>\n                <SubmitButton\n                  variant='contained'\n                  color='secondary'\n                  disablePristine={false}\n                >\n                  Next\n                </SubmitButton>\n              </FormButtons>\n            </Form>\n          </>\n        )}\n        {activeStep === 3 && (\n          <Form onSubmit={handleCreateNewFieldMapping}>\n            <Field\n              component={AmbientTextField}\n              id={`name`}\n              name={`name`}\n              label='Mapping Name'\n              size='small'\n            />\n            <FormButtons\n              style={{\n                display: 'flex',\n                float: 'right',\n                marginRight: -16\n              }}\n            >\n              <FluentButton\n                variant='contained'\n                onClick={() => setActiveStep((prev) => prev - 1)}\n                disabled={activeStep === 0}\n              >\n                Prev\n              </FluentButton>\n              <SubmitButton\n                variant='contained'\n                color='secondary'\n                disablePristine={false}\n              >\n                {'Create Mapping'}\n              </SubmitButton>\n            </FormButtons>\n          </Form>\n        )}\n      </AmbientCard>\n      {fileImportMappingObject?.mapping &&<div style={{ marginTop: 10 }}>\n        <FileImportConfigCard\n          fileMappingRecord={{\n            mapping: fileImportMappingObject?.mapping,\n            properties: fileImportMappingObject?.properties\n          }}\n          domain={selectedDomain?.name.replace(/([A-Z])/g, ' $1').trim()}\n        />\n      </div>}\n    </>\n  );\n};\n\nexport default FileImportMappingWizard;\n","import React, { useState, useCallback, useEffect } from 'react';\nimport { AmbientCard } from '../../UI/surfaces/cards/AmbientCard';\nimport { AmbientAutoComplete } from '../../UI/inputs/textField/AmbientAutoComplete';\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton';\nimport { apiMutate } from '../../utilities/useAxiosMutate';\nimport { useHandleAxiosSnackbar } from '../../utilities/apiHelpers';\nimport { SideSheet } from '../../UI/surfaces/SideSheet';\nimport { DragDropFileUpload } from '../../uploader/DragDropFileUpload';\nimport FileImportMappingWizard from './FileImportMappingWizard';\nimport { usePromotedMethodEntity } from '../../hooks/usePromotedMethodEntity';\nimport { executeQueryAdHoc } from '../utilities/methodUtils';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { FileImportConfigCard } from './FileImportConfigCard';\nimport { ConfigService } from '../../configService';\n\nexport const ImportDataFromFileMapping = (props) => {\n  const {onImportSuccess, onImportFail, verifyRequiredFields = true} = props\n  const user = useUser();\n  const [selectedFileMapping, setSelectedFileMapping] = useState();\n  const [udpImportMappingData, setUdpImportMappingData] = useState();\n  const [newFileMappingSidesheetOpen, setNewFileMappingSidesheetOpen] =\n    useState(false);\n  const [fileObject, setFileObject] = useState();\n  const [isLoading, setIsLoading] = useState(false)\n  const { handleErrorSnackbar, handleSuccessSnackbar } =\n    useHandleAxiosSnackbar();\n\n  const { data: udpFileImportMappingEntity } = usePromotedMethodEntity(\n    'UdpFileImportMapping',\n    true\n  );\n\n  const executeImportDataFromFile = useCallback(\n    async (data) =>\n      apiMutate(\n        ConfigService.productV1ApiUrl,\n        `${selectedFileMapping?.objectInfoSanitizedName}/fileImportMapping`,\n        {\n          method: 'post'\n        },\n        { data }\n      ),\n    [selectedFileMapping]\n  );\n\n  const searchFileImportMappingData = useCallback(async () => {\n    if (udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId) {\n      const res = await executeQueryAdHoc(\n        {\n          data: {\n            eagerLoad: true,\n            pageSize: 200,\n            filterElements: []\n          }\n        },\n        udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId\n      );\n      if (res?.data?.pageList.length > 0) {\n        setUdpImportMappingData(res?.data?.pageList);\n      }\n    }\n  }, [udpFileImportMappingEntity?.unityBaseSearchMethod?.apiMethodId]);\n\n  useEffect(() => {\n    searchFileImportMappingData();\n  }, [searchFileImportMappingData]);\n\n  const handleImportDataFromFile = useCallback(async () => {\n    setIsLoading(true)\n    const file = fileObject;\n    const blob = new Blob([file], { type: file.type });\n    const formData = new FormData();\n    formData.append('file', blob, file.name);\n    formData.append('tenantId', user?.currentTenantId);\n    formData.append('name', selectedFileMapping.name);\n    formData.append('objectInfoSanitizedName', selectedFileMapping.objectInfoSanitizedName);\n    formData.append('fileImportType', selectedFileMapping.fileImportType);\n    formData.append('mapping', selectedFileMapping.mapping);\n    formData.append('properties', selectedFileMapping.properties);\n    formData.append('id', selectedFileMapping.id);\n    const response = await executeImportDataFromFile(formData).catch((res) => {\n      setIsLoading(false)\n      handleErrorSnackbar(res);\n      onImportFail()\n    });\n    if (response?.status === 201) {\n      handleSuccessSnackbar('Imported Data');\n      setIsLoading(false)\n      onImportSuccess && onImportSuccess()\n    }\n\n  }, [\n    fileObject,\n    selectedFileMapping,\n    executeImportDataFromFile,\n    handleErrorSnackbar,\n    handleSuccessSnackbar,\n    user,\n    onImportSuccess,\n    onImportFail\n  ]);\n\n  const getFileMappingOptionlabel = (option) => {\n    return `${option.name} (${option?.udpFileImportMappingUdpFileImportType?.extension})`;\n  };\n\n  const handleAddFileToUpload = (fileObj) => {\n    setFileObject(fileObj[0]);\n  };\n\n  return (\n    <>\n      <AmbientCard fullWidth>\n        <div style={{ display: 'flex' }}>\n          <AmbientAutoComplete\n            isMultiple={false}\n            id={'fileMapping'}\n            name={'fileMapping'}\n            label='File Mapping'\n            onChange={(val) => setSelectedFileMapping(val)}\n            options={udpImportMappingData}\n            size='small'\n            getOptionLabelFunction={getFileMappingOptionlabel}\n            value={selectedFileMapping}\n            required\n            groupBy={(option) =>\n              option?.udpFileImportMappingUdpObjectInfo?.sanitizedName\n            }\n          />\n        </div>\n        {selectedFileMapping && (\n          <DragDropFileUpload\n            handleUploadFile={handleAddFileToUpload}\n            accept={{\n              'text/csv': ['.csv'],\n              'text/plain': ['.txt'],\n              'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':\n                ['.xlsx'],\n              'application/json': ['.json']\n            }}\n          />\n        )}\n        <div\n          style={{\n            display: 'flex',\n            flexDirection: 'row',\n            gap: 5,\n            float: 'right',\n            marginTop: 10\n          }}\n        >\n          <FluentButton\n            onClick={() => setNewFileMappingSidesheetOpen(true)}\n            variant='outlined'\n          >\n            Create New Mapping\n          </FluentButton>\n          <FluentButton\n            variant='contained'\n            color='secondary'\n            onClick={handleImportDataFromFile}\n            progress={isLoading}\n            disabled={!fileObject}\n          >\n            Import Data\n          </FluentButton>\n        </div>\n        <SideSheet\n          title='Create New File Mapping'\n          open={newFileMappingSidesheetOpen}\n          onClose={() => setNewFileMappingSidesheetOpen(false)}\n          width={'60%'}\n        >\n          <FileImportMappingWizard\n            refetchMappings={searchFileImportMappingData}\n            setNewFileMappingSidesheetOpen={setNewFileMappingSidesheetOpen}\n            verifyRequiredFields={verifyRequiredFields}\n          />\n        </SideSheet>\n      </AmbientCard>\n      <div style={{ marginTop: 10 }}>\n        <FileImportConfigCard fileMappingRecord={selectedFileMapping} domain={selectedFileMapping?.udpFileImportMappingUdpObjectInfo?.sanitizedName.replace(/([A-Z])/g, ' $1').trim()}/>\n      </div>\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/IndicatorChip-Dmaib9uq.js

@@ -0,0 +1,32 @@
+import React from "react";
+import { Box, alpha, makeStyles } from "@material-ui/core";
+
+//#region src/UI/utilityDisplay/IndicatorChip.jsx
+const useStyles = makeStyles((theme) => ({ root: {
+	letterSpacing: "0.00714286rem",
+	display: "inline-flex",
+	alignItems: "center",
+	justifyContent: "center",
+	height: "32px",
+	backgroundColor: (props) => props.status?.toLowerCase() === "ok" ? alpha(theme.palette.success.light, .3) : props.status?.toLowerCase() === "warning" ? alpha(theme.palette.warning.light, .3) : alpha(theme.palette.error.light, .3),
+	borderRadius: "8px",
+	whiteSpace: "nowrap",
+	overflow: "hidden",
+	transition: "background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+	boxSizing: "border-box",
+	boxShadow: "0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px rgba(0, 0, 0, 0.15)",
+	fontSize: "0.875rem",
+	maxWidth: "100%",
+	position: "relative",
+	fontWeight: 500,
+	padding: "10px"
+} }));
+const IndicatorChip = (props) => {
+	const classes = useStyles(props);
+	const { text } = props;
+	return /* @__PURE__ */ React.createElement(Box, { className: classes.root }, text);
+};
+
+//#endregion
+export { IndicatorChip as t };
+//# sourceMappingURL=IndicatorChip-Dmaib9uq.js.map

package/dist/IndicatorChip-Dmaib9uq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndicatorChip-Dmaib9uq.js","names":[],"sources":["../src/UI/utilityDisplay/IndicatorChip.jsx"],"sourcesContent":["import React from 'react';\nimport { Box, alpha, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    letterSpacing: '0.00714286rem',\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: '32px',\n    backgroundColor: (props) =>\n      props.status?.toLowerCase() === 'ok'\n        ? alpha(theme.palette.success.light, 0.3)\n        : props.status?.toLowerCase() === 'warning'\n        ? alpha(theme.palette.warning.light, 0.3)\n        : alpha(theme.palette.error.light, 0.3),\n    borderRadius: '8px',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    transition:\n      'background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',\n    boxSizing: 'border-box',\n    boxShadow:\n      '0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px rgba(0, 0, 0, 0.15)',\n    fontSize: '0.875rem',\n    maxWidth: '100%',\n    position: 'relative',\n    fontWeight: 500,\n    padding: '10px'\n  }\n}));\n\nexport const IndicatorChip = (props) => {\n  const classes = useStyles(props);\n  const { text } = props;\n\n  return <Box className={classes.root}>{text}</Box>;\n};\n"],"mappings":";;;;AAGA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM;CACJ,eAAe;CACf,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,QAAQ;CACR,kBAAkB,UAChB,MAAM,QAAQ,aAAa,KAAK,OAC5B,MAAM,MAAM,QAAQ,QAAQ,OAAO,GAAI,GACvC,MAAM,QAAQ,aAAa,KAAK,YAChC,MAAM,MAAM,QAAQ,QAAQ,OAAO,GAAI,GACvC,MAAM,MAAM,QAAQ,MAAM,OAAO,GAAI;CAC3C,cAAc;CACd,YAAY;CACZ,UAAU;CACV,YACE;CACF,WAAW;CACX,WACE;CACF,UAAU;CACV,UAAU;CACV,UAAU;CACV,YAAY;CACZ,SAAS;CACV,EACF,EAAE;AAEH,MAAa,iBAAiB,UAAU;CACtC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,SAAS;AAEjB,QAAO,oCAAC,OAAI,WAAW,QAAQ,QAAO,KAAW"}

package/dist/InputAdornment-CLuALIhc.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { InputAdornment } from "@material-ui/core";
+
+//#region src/UI/utilityDisplay/InputAdornment.jsx
+const InputAdornment$1 = (props) => {
+	const { position, children, ...otherProps } = props;
+	return /* @__PURE__ */ React.createElement(InputAdornment, {
+		position,
+		...otherProps
+	}, children);
+};
+
+//#endregion
+export { InputAdornment$1 as t };
+//# sourceMappingURL=InputAdornment-CLuALIhc.js.map

package/dist/InputAdornment-CLuALIhc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputAdornment-CLuALIhc.js","names":["InputAdornment","MuiInputAdornment"],"sources":["../src/UI/utilityDisplay/InputAdornment.jsx"],"sourcesContent":["import React from 'react';\nimport { InputAdornment as MuiInputAdornment } from '@material-ui/core';\n\nexport const InputAdornment = (props) => {\n  const { position, children, ...otherProps } = props;\n\n  return (\n    <MuiInputAdornment position={position} {...otherProps}>\n      {children}\n    </MuiInputAdornment>\n  );\n};\n"],"mappings":";;;;AAGA,MAAaA,oBAAkB,UAAU;CACvC,MAAM,EAAE,UAAU,UAAU,GAAG,eAAe;AAE9C,QACE,oCAACC;EAA4B;EAAU,GAAI;IACxC,SACiB"}