udp-react-enterprise-component-library 25.16.2-beta.1 → 25.16.2-beta.10

package/dist/ImportDataFromFileMapping-M9okv9Th.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImportDataFromFileMapping-M9okv9Th.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-Dc5ujsu3.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-Dc5ujsu3.js.map

package/dist/IndicatorChip-Dc5ujsu3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndicatorChip-Dc5ujsu3.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/InfoCard-CL1-5D5b.js

@@ -0,0 +1,59 @@
+import { t as LayoutUnit } from "./LayoutUnit-D4jJvonh.js";
+import { t as FluentCard } from "./FluentCard-DyXAmC_f.js";
+import React, { Fragment } from "react";
+import { CardContent, Divider, Typography, lighten, makeStyles } from "@material-ui/core";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+
+//#region src/UI/surfaces/cards/InfoCard.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {},
+	paper: {
+		background: lighten(theme.palette.info.light, .8),
+		borderTop: `5px solid ${theme.palette.info.main} `
+	},
+	title: {
+		color: theme.palette.info.dark,
+		highlightfontWeight: 400,
+		lineHeight: 1.6
+	},
+	subHeader: {
+		lineHeight: 1.6,
+		fontWeight: 600
+	}
+}));
+const InfoCard = ({ children, title, subTitle, relatedTopics, label, headerComponent = "h2", subHeaderComponent = "h3", size, titleVariant = "h6", className, titleHeight }) => {
+	const classes = useStyles();
+	return /* @__PURE__ */ React.createElement(FluentCard, {
+		elevation: 0,
+		classes: { root: classes.paper },
+		className: clsx(classes.root, className)
+	}, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, {
+		variant: titleVariant,
+		component: headerComponent,
+		className: clsx(classes.title, titleHeight)
+	}, title), size === "standard" && /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), /* @__PURE__ */ React.createElement(Typography, {
+		variant: "subtitle2",
+		component: subHeaderComponent,
+		className: classes.subHeader
+	}, subTitle), children, size === "standard" && /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), relatedTopics && /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, label || "Related Topics"), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), relatedTopics)));
+};
+InfoCard.propTypes = {
+	children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+	title: PropTypes.string.isRequired,
+	subTitle: PropTypes.string,
+	relatedTopics: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+	label: PropTypes.string,
+	headerComponent: PropTypes.string,
+	subHeaderComponent: PropTypes.string,
+	size: PropTypes.oneOf(["standard"])
+};
+InfoCard.defaultProps = {
+	headerComponent: "h2",
+	subHeaderComponent: "h3",
+	size: "standard"
+};
+
+//#endregion
+export { InfoCard as t };
+//# sourceMappingURL=InfoCard-CL1-5D5b.js.map

package/dist/InfoCard-CL1-5D5b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCard-CL1-5D5b.js","names":[],"sources":["../src/UI/surfaces/cards/InfoCard.jsx"],"sourcesContent":["import React, { Fragment } from 'react'\nimport {\n  makeStyles,\n  CardContent,\n  Divider,\n  lighten,\n  Typography\n} from '@material-ui/core'\nimport { LayoutUnit } from '../../../layout/LayoutUnit'\nimport { FluentCard } from './fluentCards/FluentCard'\nimport PropTypes from 'prop-types'\nimport clsx from 'clsx'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  paper: {\n    background: lighten(theme.palette.info.light, 0.8),\n    borderTop: `5px solid ${theme.palette.info.main} `\n  },\n  title: {\n    color: theme.palette.info.dark,\n    highlightfontWeight: 400,\n    lineHeight: 1.6\n  },\n  subHeader: {\n    lineHeight: 1.6,\n    fontWeight: 600\n  }\n}))\n\nexport const InfoCard = ({\n  children,\n  title,\n  subTitle,\n  relatedTopics,\n  label,\n  headerComponent = 'h2',\n  subHeaderComponent = 'h3',\n  size,\n  titleVariant = 'h6',\n  className,\n  titleHeight\n}) => {\n  const classes = useStyles()\n\n  return (\n    <FluentCard\n      elevation={0}\n      classes={{ root: classes.paper }}\n      className={clsx(classes.root, className)}\n    >\n      <CardContent>\n        <Typography\n          variant={titleVariant}\n          component={headerComponent}\n          className={clsx(classes.title, titleHeight)}\n        >\n          {title}\n        </Typography>\n        {size === 'standard' && <LayoutUnit unit='xxs' />}\n        <Typography\n          variant='subtitle2'\n          component={subHeaderComponent}\n          className={classes.subHeader}\n        >\n          {subTitle}\n        </Typography>\n        {children}\n        {size === 'standard' && <LayoutUnit unit='xxs' />}\n\n        {relatedTopics && (\n          <Fragment>\n            <Divider />\n            <LayoutUnit unit='xxs' />\n            <Typography variant='caption'>\n              {label || 'Related Topics'}\n            </Typography>\n            <LayoutUnit unit='xxs' />\n            {relatedTopics}\n          </Fragment>\n        )}\n      </CardContent>\n    </FluentCard>\n  )\n}\n\nInfoCard.propTypes = {\n  /**\n   * Main content for the card\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node\n  ]),\n  /**\n   * Card title\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Optional card subtitle\n   */\n  subTitle: PropTypes.string,\n  /**\n   * Option list of related topics\n   */\n  relatedTopics: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node\n  ]),\n  /**\n   * Title for related topics or alt title\n   */\n  label: PropTypes.string,\n  /**\n   * Change semantic header of card title\n   */\n  headerComponent: PropTypes.string,\n  /**\n   * Change semantic header of card subtitle\n   */\n  subHeaderComponent: PropTypes.string,\n  /**\n   * Card size override for dense card\n   */\n  size: PropTypes.oneOf(['standard'])\n}\n\nInfoCard.defaultProps = {\n  headerComponent: 'h2',\n  subHeaderComponent: 'h3',\n  size: 'standard'\n}\n"],"mappings":";;;;;;;;AAaA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,OAAO;EACL,YAAY,QAAQ,MAAM,QAAQ,KAAK,OAAO,GAAI;EAClD,WAAW,aAAa,MAAM,QAAQ,KAAK,KAAK;EACjD;CACD,OAAO;EACL,OAAO,MAAM,QAAQ,KAAK;EAC1B,qBAAqB;EACrB,YAAY;EACb;CACD,WAAW;EACT,YAAY;EACZ,YAAY;EACb;CACF,EAAE;AAEH,MAAa,YAAY,EACvB,UACA,OACA,UACA,eACA,OACA,kBAAkB,MAClB,qBAAqB,MACrB,MACA,eAAe,MACf,WACA,kBACI;CACJ,MAAM,UAAU,WAAW;AAE3B,QACE,oCAAC;EACC,WAAW;EACX,SAAS,EAAE,MAAM,QAAQ,OAAO;EAChC,WAAW,KAAK,QAAQ,MAAM,UAAU;IAExC,oCAAC,mBACC,oCAAC;EACC,SAAS;EACT,WAAW;EACX,WAAW,KAAK,QAAQ,OAAO,YAAY;IAE1C,MACU,EACZ,SAAS,cAAc,oCAAC,cAAW,MAAK,QAAQ,EACjD,oCAAC;EACC,SAAQ;EACR,WAAW;EACX,WAAW,QAAQ;IAElB,SACU,EACZ,UACA,SAAS,cAAc,oCAAC,cAAW,MAAK,QAAQ,EAEhD,iBACC,oCAAC,gBACC,oCAAC,cAAU,EACX,oCAAC,cAAW,MAAK,QAAQ,EACzB,oCAAC,cAAW,SAAQ,aACjB,SAAS,iBACC,EACb,oCAAC,cAAW,MAAK,QAAQ,EACxB,cACQ,CAED,CACH;;AAIjB,SAAS,YAAY;CAInB,UAAU,UAAU,UAAU,CAC5B,UAAU,QAAQ,UAAU,KAAK,EACjC,UAAU,KACX,CAAC;CAIF,OAAO,UAAU,OAAO;CAIxB,UAAU,UAAU;CAIpB,eAAe,UAAU,UAAU,CACjC,UAAU,QAAQ,UAAU,KAAK,EACjC,UAAU,KACX,CAAC;CAIF,OAAO,UAAU;CAIjB,iBAAiB,UAAU;CAI3B,oBAAoB,UAAU;CAI9B,MAAM,UAAU,MAAM,CAAC,WAAW,CAAC;CACpC;AAED,SAAS,eAAe;CACtB,iBAAiB;CACjB,oBAAoB;CACpB,MAAM;CACP"}

package/dist/InputAdornment-DVpjIMzO.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-DVpjIMzO.js.map

package/dist/InputAdornment-DVpjIMzO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputAdornment-DVpjIMzO.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,SAAU,GAAG,eAAe;AAE9C,QACE,oCAACC;EAA4B;EAAU,GAAI;IACxC,SACiB"}

package/dist/InputFieldTypeEnums-Mg684vvi.js

@@ -0,0 +1,14 @@
+//#region src/enums/InputFieldTypeEnums.ts
+let InputFieldType = /* @__PURE__ */ function(InputFieldType$1) {
+	InputFieldType$1[InputFieldType$1["Default"] = 0] = "Default";
+	InputFieldType$1[InputFieldType$1["Text"] = 1] = "Text";
+	InputFieldType$1[InputFieldType$1["Number"] = 2] = "Number";
+	InputFieldType$1[InputFieldType$1["Toggle"] = 3] = "Toggle";
+	InputFieldType$1[InputFieldType$1["DateTime"] = 4] = "DateTime";
+	InputFieldType$1[InputFieldType$1["ColorPicker"] = 5] = "ColorPicker";
+	return InputFieldType$1;
+}({});
+
+//#endregion
+export { InputFieldType as t };
+//# sourceMappingURL=InputFieldTypeEnums-Mg684vvi.js.map

package/dist/InputFieldTypeEnums-Mg684vvi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputFieldTypeEnums-Mg684vvi.js","names":[],"sources":["../src/enums/InputFieldTypeEnums.ts"],"sourcesContent":["//Needs to match the render as select in the code gen under mainteneance config \nexport enum InputFieldType {\n  Default = 0,\n  Text,\n  Number,\n  Toggle,\n  DateTime,\n  ColorPicker\n}\n"],"mappings":";AACA,IAAY,4DAAL;AACL;AACA;AACA;AACA;AACA;AACA"}

package/dist/InputsExample-C5Ex96j7.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { InputsExample } from "udp-react-stencil-component-library";
+
+//#region src/UI/demos/InputsExample.jsx
+const InputsExample$1 = () => {
+	return /* @__PURE__ */ React.createElement(InputsExample, null);
+};
+
+//#endregion
+export { InputsExample$1 as t };
+//# sourceMappingURL=InputsExample-C5Ex96j7.js.map

package/dist/InputsExample-C5Ex96j7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputsExample-C5Ex96j7.js","names":["InputsExample","StencilInputsExample"],"sources":["../src/UI/demos/InputsExample.jsx"],"sourcesContent":["import React from 'react';\nimport { InputsExample as StencilInputsExample } from 'udp-react-stencil-component-library';\n// Extend JSX types for Stencil components\n\n\n\nexport const InputsExample = () => {\n\n\n\n\n  return (\n\n      <StencilInputsExample/>\n\n\n  );\n};\n\nexport default InputsExample;\n"],"mappings":";;;;AAMA,MAAaA,wBAAsB;AAKjC,QAEI,oCAACC,oBAAsB"}

package/dist/InquiryHeaderControl-AG_bndHt.js

@@ -0,0 +1,40 @@
+import React from "react";
+import { createTeleporter } from "react-teleporter";
+
+//#region src/utilities/utilityBar/InquiryHeaderTitle.jsx
+const InquiryHeaderTitles = createTeleporter({ multiSources: true });
+/**
+* @param {any} props
+*/
+function InquiryHeaderTitleTarget(props) {
+	return /* @__PURE__ */ React.createElement(InquiryHeaderTitles.Target, props);
+}
+/**
+* Places a title in the App SubHeader
+*/
+const InquiryHeaderTitle = (props) => {
+	const { children, className,...buttonProps } = props;
+	return /* @__PURE__ */ React.createElement(InquiryHeaderTitles.Source, null, children);
+};
+
+//#endregion
+//#region src/utilities/utilityBar/InquiryHeaderControl.jsx
+const InquiryHeaderControls = createTeleporter({ multiSources: true });
+/**
+* Lightweight wrapper to avoid exporting inferred variable types.
+* @param {any} props
+*/
+function InquiryHeaderControlTarget(props) {
+	return /* @__PURE__ */ React.createElement(InquiryHeaderControls.Target, props);
+}
+/**
+* Places a Control in the App SubHeader
+*/
+const InquiryHeaderControl = (props) => {
+	const { children } = props;
+	return /* @__PURE__ */ React.createElement(InquiryHeaderControls.Source, null, children);
+};
+
+//#endregion
+export { InquiryHeaderTitleTarget as i, InquiryHeaderControlTarget as n, InquiryHeaderTitle as r, InquiryHeaderControl as t };
+//# sourceMappingURL=InquiryHeaderControl-AG_bndHt.js.map

package/dist/InquiryHeaderControl-AG_bndHt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InquiryHeaderControl-AG_bndHt.js","names":[],"sources":["../src/utilities/utilityBar/InquiryHeaderTitle.jsx","../src/utilities/utilityBar/InquiryHeaderControl.jsx"],"sourcesContent":["import React from 'react'\nimport { createTeleporter } from 'react-teleporter'\n\nconst InquiryHeaderTitles = createTeleporter({\n  multiSources: true\n})\n\n/**\n * @param {any} props\n */\nexport function InquiryHeaderTitleTarget(props) {\n  return <InquiryHeaderTitles.Target {...props} />\n}\n\n/**\n * Places a title in the App SubHeader\n */\nexport const InquiryHeaderTitle = (props) => {\n  const { children, className, ...buttonProps } = props\n\n  return <InquiryHeaderTitles.Source>{children}</InquiryHeaderTitles.Source>\n}\n","import React from 'react'\nimport { createTeleporter } from 'react-teleporter'\n\nconst InquiryHeaderControls = createTeleporter({\n  multiSources: true\n})\n\n/**\n * Lightweight wrapper to avoid exporting inferred variable types.\n * @param {any} props\n */\nexport function InquiryHeaderControlTarget(props) {\n  return <InquiryHeaderControls.Target {...props} />\n}\n\n/**\n * Places a Control in the App SubHeader\n */\nexport const InquiryHeaderControl = (props) => {\n  const { children } = props\n\n  return <InquiryHeaderControls.Source>{children}</InquiryHeaderControls.Source>\n}\n"],"mappings":";;;;AAGA,MAAM,sBAAsB,iBAAiB,EAC3C,cAAc,MACf,CAAC;;;;AAKF,SAAgB,yBAAyB,OAAO;AAC9C,QAAO,oCAAC,oBAAoB,QAAW,MAAS;;;;;AAMlD,MAAa,sBAAsB,UAAU;CAC3C,MAAM,EAAE,UAAU,UAAW,GAAG,gBAAgB;AAEhD,QAAO,oCAAC,oBAAoB,cAAQ,SAAsC;;;;;ACjB5E,MAAM,wBAAwB,iBAAiB,EAC7C,cAAc,MACf,CAAC;;;;;AAMF,SAAgB,2BAA2B,OAAO;AAChD,QAAO,oCAAC,sBAAsB,QAAW,MAAS;;;;;AAMpD,MAAa,wBAAwB,UAAU;CAC7C,MAAM,EAAE,aAAa;AAErB,QAAO,oCAAC,sBAAsB,cAAQ,SAAwC"}

package/dist/InquiryHeaderSecondaryAlert-BO16fXvI.js

@@ -0,0 +1,39 @@
+import React from "react";
+import { createTeleporter } from "react-teleporter";
+
+//#region src/utilities/utilityBar/InquiryHeaderSecondary.jsx
+const InquiryHeaderSecondaryList$1 = createTeleporter({ multiSources: true });
+/**
+* @param {any} props
+*/
+function InquiryHeaderSecondaryTarget(props) {
+	return /* @__PURE__ */ React.createElement(InquiryHeaderSecondaryList$1.Target, props);
+}
+/**
+* Places a Secondary Container in the Inquiry Header
+*/
+const InquiryHeaderSecondary = (props) => {
+	const { children } = props;
+	return /* @__PURE__ */ React.createElement(InquiryHeaderSecondaryList$1.Source, null, children);
+};
+
+//#endregion
+//#region src/utilities/utilityBar/InquiryHeaderSecondaryAlert.jsx
+const InquiryHeaderSecondaryList = createTeleporter({ multiSources: true });
+/**
+* @param {any} props
+*/
+function InquiryHeaderSecondaryAlertTarget(props) {
+	return /* @__PURE__ */ React.createElement(InquiryHeaderSecondaryList.Target, props);
+}
+/**
+* Places a Secondary Container in the Inquiry Header
+*/
+const InquiryHeaderSecondaryAlert = (props) => {
+	const { children } = props;
+	return /* @__PURE__ */ React.createElement(InquiryHeaderSecondaryList.Source, null, children);
+};
+
+//#endregion
+export { InquiryHeaderSecondaryTarget as i, InquiryHeaderSecondaryAlertTarget as n, InquiryHeaderSecondary as r, InquiryHeaderSecondaryAlert as t };
+//# sourceMappingURL=InquiryHeaderSecondaryAlert-BO16fXvI.js.map

package/dist/InquiryHeaderSecondaryAlert-BO16fXvI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InquiryHeaderSecondaryAlert-BO16fXvI.js","names":["InquiryHeaderSecondaryList"],"sources":["../src/utilities/utilityBar/InquiryHeaderSecondary.jsx","../src/utilities/utilityBar/InquiryHeaderSecondaryAlert.jsx"],"sourcesContent":["import React from 'react'\nimport { createTeleporter } from 'react-teleporter'\n\nconst InquiryHeaderSecondaryList = createTeleporter({\n  multiSources: true\n})\n\n/**\n * @param {any} props\n */\nexport function InquiryHeaderSecondaryTarget(props) {\n  return <InquiryHeaderSecondaryList.Target {...props} />\n}\n\n/**\n * Places a Secondary Container in the Inquiry Header\n */\nexport const InquiryHeaderSecondary = (props) => {\n  const { children } = props\n\n  return (\n    <InquiryHeaderSecondaryList.Source>\n      {children}\n    </InquiryHeaderSecondaryList.Source>\n  )\n}\n","import React from 'react'\nimport { createTeleporter } from 'react-teleporter'\n\nconst InquiryHeaderSecondaryList = createTeleporter({\n  multiSources: true\n})\n\n/**\n * @param {any} props\n */\nexport function InquiryHeaderSecondaryAlertTarget(props) {\n  return <InquiryHeaderSecondaryList.Target {...props} />\n}\n\n/**\n * Places a Secondary Container in the Inquiry Header\n */\nexport const InquiryHeaderSecondaryAlert = (props) => {\n  const { children } = props\n\n  return (\n    <InquiryHeaderSecondaryList.Source>\n      {children}\n    </InquiryHeaderSecondaryList.Source>\n  )\n}\n"],"mappings":";;;;AAGA,MAAMA,+BAA6B,iBAAiB,EAClD,cAAc,MACf,CAAC;;;;AAKF,SAAgB,6BAA6B,OAAO;AAClD,QAAO,oCAACA,6BAA2B,QAAW,MAAS;;;;;AAMzD,MAAa,0BAA0B,UAAU;CAC/C,MAAM,EAAE,aAAa;AAErB,QACE,oCAACA,6BAA2B,cACzB,SACiC;;;;;ACpBxC,MAAM,6BAA6B,iBAAiB,EAClD,cAAc,MACf,CAAC;;;;AAKF,SAAgB,kCAAkC,OAAO;AACvD,QAAO,oCAAC,2BAA2B,QAAW,MAAS;;;;;AAMzD,MAAa,+BAA+B,UAAU;CACpD,MAAM,EAAE,aAAa;AAErB,QACE,oCAAC,2BAA2B,cACzB,SACiC"}

package/dist/InsightRenderer-D3nAJAU4.js

@@ -0,0 +1,83 @@
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { t as useUser } from "./useUser-wpHGo6jU.js";
+import { t as useAxiosGet } from "./useAxiosGet-BMoXHfLN.js";
+import { t as amcharts_exports } from "./amcharts-FKKHH15F.js";
+import React, { useMemo } from "react";
+
+//#region src/UI/charts/InsightRenderer.tsx
+const capitilizeFirstLetter = (s) => s?.charAt?.(0)?.toUpperCase?.() + s?.slice?.(1);
+const decapitilizeFirstLetter = (s) => s?.charAt?.(0)?.toLowerCase?.() + s?.slice?.(1);
+function getAggregateValue(data, key) {
+	return data?.aggregateResults?.[0]?.[key];
+}
+/**
+* InsightRenderer component
+*
+* This component is responsible for rendering insights based on the provided props.
+*
+* @prop {Insight} `insight` - The insight metadata
+* @prop {any} `data` - Search results associated with the insight
+* @prop {string} `insightId` - InsightId, if included the component will get the data from server
+* @returns {JSX.Element} - The rendered insight component.
+*/
+const InsightRenderer = (props) => {
+	const { insight: insightProp, data, insightId } = props;
+	const user = useUser();
+	const [{ data: loadedInsight }] = useAxiosGet(ConfigService.integrationV2ApiUrl, `Insight/${insightId}/Full`, {}, !insightId || !user);
+	const insight = useMemo(() => {
+		if (!!insightId) return loadedInsight;
+		else return insightProp;
+	}, [
+		loadedInsight,
+		insightId,
+		insightProp
+	]);
+	const Chart = useMemo(() => {
+		if (!insight?.insightInsightType?.properties) return null;
+		let properties;
+		if (typeof insight?.insightInsightType?.properties === "string") properties = JSON.parse(insight?.insightInsightType?.properties);
+		else properties = insight?.insightInsightType?.properties;
+		return amcharts_exports?.[properties?.component];
+	}, [insight?.insightInsightType]);
+	const kpis = useMemo(() => {
+		if (insight == null) return void 0;
+		return insight?.insightInsightKpi?.map?.((kpi) => {
+			const kpiField = typeof kpi.field === "object" ? kpi.field : JSON.parse(kpi.field);
+			console.log(kpiField);
+			return {
+				label: kpi.label,
+				active: kpi.active,
+				value: getAggregateValue(data, `${decapitilizeFirstLetter(kpiField.property ?? "") ?? ""}${capitilizeFirstLetter(kpiField.operation?.toLowerCase() ?? "")}`)
+			};
+		});
+	}, [data, insight?.insightInsightKpi]);
+	const dataConfig = useMemo(() => {
+		if (insight == null) return null;
+		const dataMapping = typeof insight.dataMapping === "object" ? insight.dataMapping : JSON.parse(insight.dataMapping ?? "{}");
+		return (typeof insight.insightInsightType?.dataFields === "object" ? insight.insightInsightType?.dataFields : JSON.parse(insight.insightInsightType?.dataFields ?? "{}"))?.reduce?.((value, field) => {
+			const fieldValue = dataMapping?.find?.((dm) => dm.name === field.name)?.value;
+			if (fieldValue?.operation != void 0) value[field.name] = decapitilizeFirstLetter(fieldValue?.name) + fieldValue.operation;
+			else value[field.name] = fieldValue?.alias ?? fieldValue?.name ?? fieldValue;
+			return value;
+		}, {});
+	}, [insight?.dataMapping, insight?.insightInsightType]);
+	const combinedData = useMemo(() => {
+		if (data?.aggregateResults == null || data?.aggregateResults?.length === 0) return data?.pageList;
+		return data?.pageList.map((page, i) => ({
+			...page,
+			...data?.aggregateResults?.[i]
+		}));
+	}, [data]);
+	if (Chart == null) return null;
+	return /* @__PURE__ */ React.createElement(Chart, {
+		data: combinedData,
+		title: insight?.title,
+		subheader: insight?.subheader,
+		...dataConfig,
+		kpis: kpis?.filter((kpi) => kpi.active)
+	});
+};
+
+//#endregion
+export { InsightRenderer as t };
+//# sourceMappingURL=InsightRenderer-D3nAJAU4.js.map

package/dist/InsightRenderer-D3nAJAU4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsightRenderer-D3nAJAU4.js","names":["InsightRenderer: React.FC<InsightRendererProps>","properties: InsightTypeProperties","UdpCharts","kpis:\n    | { value?: string; label?: string; active?: boolean }[]\n    | undefined","kpiField: { operation?: string; property?: string }","dataConfig: { [key: string]: any } | null","dataMapping: {\n      name: string;\n      value: { name: string; operation: string | undefined };\n      alias?: string;\n    }[]"],"sources":["../src/UI/charts/InsightRenderer.tsx"],"sourcesContent":["import React, { useMemo, useState, useEffect } from 'react';\nimport * as UdpCharts  from './amcharts';\nimport { Insight, InsightTypeField, InsightTypeProperties } from './types';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport QueryResult from '../../models/QueryResult';\nimport { ConfigService } from '../../configService';\nexport type UdpChart =\n  | 'UdpBarChart'\n  | 'UdpDonutChart'\n  | 'UdpLineChart'\n  | 'UdpDistributionChart';\nexport interface InsightRendererProps {\n  insight: Insight | undefined;\n  data: QueryResult | undefined;\n  insightId: string | undefined;\n}\n\nconst capitilizeFirstLetter = (s: string): string =>\n  s?.charAt?.(0)?.toUpperCase?.() + s?.slice?.(1);\nconst decapitilizeFirstLetter = (s: string): string =>\n  s?.charAt?.(0)?.toLowerCase?.() + s?.slice?.(1);\n\nfunction getAggregateValue<T>(data: QueryResult | undefined, key: string): T {\n  return data?.aggregateResults?.[0]?.[key] as T;\n}\n/**\n * InsightRenderer component\n *\n * This component is responsible for rendering insights based on the provided props.\n *\n * @prop {Insight} `insight` - The insight metadata\n * @prop {any} `data` - Search results associated with the insight\n * @prop {string} `insightId` - InsightId, if included the component will get the data from server\n * @returns {JSX.Element} - The rendered insight component.\n */\nexport const InsightRenderer: React.FC<InsightRendererProps> = (props: InsightRendererProps) => {\n  const { insight: insightProp, data, insightId } = props;\n  const user = useUser();\n  const [{ data: loadedInsight }] = useAxiosGet(\n    ConfigService.integrationV2ApiUrl,\n    `Insight/${insightId}/Full`,\n    {},\n    !insightId || !user\n  ) as unknown as [{ data: Insight }];\n\n  // Use the insight passed in or the insightId\n  const insight = useMemo(() => {\n    if (!!insightId) return loadedInsight;\n    else return insightProp;\n  }, [loadedInsight, insightId, insightProp]);\n\n  // determine chart component\n  const Chart = useMemo(() => {\n    if (!insight?.insightInsightType?.properties) return null;\n    let properties: InsightTypeProperties;\n    if (typeof insight?.insightInsightType?.properties === 'string') {\n      properties = JSON.parse(\n        insight?.insightInsightType?.properties as unknown as string\n      ) as InsightTypeProperties;\n    } else {\n      properties = insight?.insightInsightType?.properties;\n    }\n    // @ts-ignore\n    return UdpCharts?.[properties?.component];\n  }, [insight?.insightInsightType]);\n\n  const kpis:\n    | { value?: string; label?: string; active?: boolean }[]\n    | undefined = useMemo(() => {\n    if (insight == null) return undefined;\n    return insight?.insightInsightKpi?.map?.((kpi) => {\n      const kpiField: { operation?: string; property?: string } =\n        typeof kpi.field === 'object' ? kpi.field : JSON.parse(kpi.field);\n      console.log(kpiField);\n      return {\n        label: kpi.label,\n        active: kpi.active,\n        value: getAggregateValue<string>(\n          data,\n          `${\n            decapitilizeFirstLetter(kpiField.property ?? '') ?? ''\n          }${capitilizeFirstLetter(kpiField.operation?.toLowerCase() ?? '')}`\n        )\n      };\n    });\n  }, [data, insight?.insightInsightKpi]);\n\n  const dataConfig: { [key: string]: any } | null = useMemo(() => {\n    if (insight == null) return null;\n    const dataMapping: {\n      name: string;\n      value: { name: string; operation: string | undefined };\n      alias?: string;\n    }[] =\n      typeof insight.dataMapping === 'object'\n        ? insight.dataMapping\n        : JSON.parse(insight.dataMapping ?? '{}');\n    const dataFields: InsightTypeField[] =\n      typeof insight.insightInsightType?.dataFields === 'object'\n        ? insight.insightInsightType?.dataFields\n        : JSON.parse(insight.insightInsightType?.dataFields ?? '{}');\n\n    return dataFields?.reduce?.((value: { [key: string]: any }, field) => {\n      const fieldValue = dataMapping?.find?.(\n        (dm) => dm.name === field.name\n      )?.value;\n      if (fieldValue?.operation != undefined) {\n        value[field.name] =\n          decapitilizeFirstLetter(fieldValue?.name) + fieldValue.operation;\n      } else {\n        // @ts-ignore\n        value[field.name] = fieldValue?.alias ?? fieldValue?.name ?? fieldValue;\n      }\n\n      return value;\n    }, {});\n  }, [insight?.dataMapping, insight?.insightInsightType]);\n  const combinedData = useMemo(() => {\n    if (data?.aggregateResults == null || data?.aggregateResults?.length === 0)\n      return data?.pageList;\n    return data?.pageList.map((page, i) => ({\n      ...page,\n      ...data?.aggregateResults?.[i]\n    }));\n  }, [data]);\n  if (Chart == null) return null;\n  return (\n    <Chart\n      data={combinedData}\n      title={insight?.title}\n      subheader={insight?.subheader}\n      {...dataConfig}\n      kpis={kpis?.filter((kpi) => kpi.active)}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAkBA,MAAM,yBAAyB,MAC7B,GAAG,SAAS,EAAE,EAAE,eAAe,GAAG,GAAG,QAAQ,EAAE;AACjD,MAAM,2BAA2B,MAC/B,GAAG,SAAS,EAAE,EAAE,eAAe,GAAG,GAAG,QAAQ,EAAE;AAEjD,SAAS,kBAAqB,MAA+B,KAAgB;AAC3E,QAAO,MAAM,mBAAmB,KAAK;;;;;;;;;;;;AAYvC,MAAaA,mBAAmD,UAAgC;CAC9F,MAAM,EAAE,SAAS,aAAa,MAAM,cAAc;CAClD,MAAM,OAAO,SAAS;CACtB,MAAM,CAAC,EAAE,MAAM,mBAAmB,YAChC,cAAc,qBACd,WAAW,UAAU,QACrB,EAAE,EACF,CAAC,aAAa,CAAC,KAChB;CAGD,MAAM,UAAU,cAAc;AAC5B,MAAI,CAAC,CAAC,UAAW,QAAO;MACnB,QAAO;IACX;EAAC;EAAe;EAAW;EAAY,CAAC;CAG3C,MAAM,QAAQ,cAAc;AAC1B,MAAI,CAAC,SAAS,oBAAoB,WAAY,QAAO;EACrD,IAAIC;AACJ,MAAI,OAAO,SAAS,oBAAoB,eAAe,SACrD,cAAa,KAAK,MAChB,SAAS,oBAAoB,WAC9B;MAED,cAAa,SAAS,oBAAoB;AAG5C,SAAOC,mBAAY,YAAY;IAC9B,CAAC,SAAS,mBAAmB,CAAC;CAEjC,MAAMC,OAEU,cAAc;AAC5B,MAAI,WAAW,KAAM,QAAO;AAC5B,SAAO,SAAS,mBAAmB,OAAO,QAAQ;GAChD,MAAMC,WACJ,OAAO,IAAI,UAAU,WAAW,IAAI,QAAQ,KAAK,MAAM,IAAI,MAAM;AACnE,WAAQ,IAAI,SAAS;AACrB,UAAO;IACL,OAAO,IAAI;IACX,QAAQ,IAAI;IACZ,OAAO,kBACL,MACA,GACE,wBAAwB,SAAS,YAAY,GAAG,IAAI,KACnD,sBAAsB,SAAS,WAAW,aAAa,IAAI,GAAG,GAClE;IACF;IACD;IACD,CAAC,MAAM,SAAS,kBAAkB,CAAC;CAEtC,MAAMC,aAA4C,cAAc;AAC9D,MAAI,WAAW,KAAM,QAAO;EAC5B,MAAMC,cAKJ,OAAO,QAAQ,gBAAgB,WAC3B,QAAQ,cACR,KAAK,MAAM,QAAQ,eAAe,KAAK;AAM7C,UAJE,OAAO,QAAQ,oBAAoB,eAAe,WAC9C,QAAQ,oBAAoB,aAC5B,KAAK,MAAM,QAAQ,oBAAoB,cAAc,KAAK,GAE7C,UAAU,OAA+B,UAAU;GACpE,MAAM,aAAa,aAAa,QAC7B,OAAO,GAAG,SAAS,MAAM,KAC3B,EAAE;AACH,OAAI,YAAY,aAAa,OAC3B,OAAM,MAAM,QACV,wBAAwB,YAAY,KAAK,GAAG,WAAW;OAGzD,OAAM,MAAM,QAAQ,YAAY,SAAS,YAAY,QAAQ;AAG/D,UAAO;KACN,EAAE,CAAC;IACL,CAAC,SAAS,aAAa,SAAS,mBAAmB,CAAC;CACvD,MAAM,eAAe,cAAc;AACjC,MAAI,MAAM,oBAAoB,QAAQ,MAAM,kBAAkB,WAAW,EACvE,QAAO,MAAM;AACf,SAAO,MAAM,SAAS,KAAK,MAAM,OAAO;GACtC,GAAG;GACH,GAAG,MAAM,mBAAmB;GAC7B,EAAE;IACF,CAAC,KAAK,CAAC;AACV,KAAI,SAAS,KAAM,QAAO;AAC1B,QACE,oCAAC;EACC,MAAM;EACN,OAAO,SAAS;EAChB,WAAW,SAAS;EACpB,GAAI;EACJ,MAAM,MAAM,QAAQ,QAAQ,IAAI,OAAO;GACvC"}