udp-react-enterprise-component-library 25.14.1-beta.9 → 25.16.1

package/dist/RemindersScreen-9OpdtOBe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemindersScreen-9OpdtOBe.js","names":["reminder","existingReminderObj"],"sources":["../src/reminders/RemindersScreen.jsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport { CkRichEditor } from '../UI/inputs/richEditors/CkRichEditor';\nimport { makeStyles, TextField, LinearProgress } from '@material-ui/core';\nimport { Field, Form } from '../utilities/form';\nimport { FluentTextFieldAutoComplete } from '../UI/inputs/textField/FluentTextFieldAutoComplete';\nimport { useTranslation } from 'react-i18next';\nimport { useActionState } from '../hooks/useActions';\nimport { constructBusinessObjectArrFromTree } from '../utilities/tree/TreeUtilities';\nimport { LayoutUnit } from '../layout/LayoutUnit';\nimport { UdpEnums } from '../enums/unitySystemEnums';\nimport { useHandleAxiosSnackbar } from '../utilities/apiHelpers';\nimport { useUser } from '../utilities/auth/useUser';\nimport { differenceWith } from 'lodash';\nimport {\n  executeQueryAdHoc,\n  getBaseMethod,\n  executeQueryWithParameters\n} from '../udp/utilities/methodUtils';\nimport { ShortcutContentFinder } from '../udp/ShortcutContent/ShortcutContentFinder';\nimport { AmbientCard } from '../UI/surfaces/cards/AmbientCard';\nimport { useShellStore } from '../stores/shellStore';\nimport { FluentDatePicker } from '../UI/inputs/pickers/FluentDatePicker';\nimport { useActionStore } from '../stores/actionStore';\nimport { FILE_TO_TYPES } from '../constants/reminderConstants';\nimport { getSearchObject } from '../utilities/search/SearchUtilities';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  editor: {\n    '& .ck-editor__main > .ck-editor__editable_inline': {\n      backgroundColor:\n        theme?.getThemeData()?.mode === 'dark'\n          ? theme.palette.grey[800]\n          : theme.palette.grey[100]\n    }\n  },\n  row: {\n    display: 'flex',\n    justifyContent: 'space-between'\n  },\n  input: {\n    height: 34,\n    padding: 0\n  },\n  formTextInput: {\n    fontSize: 14\n  },\n  labelRoot: {\n    fontSize: 14\n  }\n}));\n\nexport const RemindersScreen = (props) => {\n  const {\n    formRef,\n    onSubmit,\n    shortcutContentFinderEnabled,\n    id,\n    viewOnly,\n    reloadReminders\n  } = props;\n  const [reminder, setReminder] = useState('');\n  const [typeOptions, setTypeOptions] = useState([]);\n  const [templateOptions, setTemplateOptions] = useState([]);\n  const [reminderId, setReminderId] = useState(id || '');\n  const [existingReminderFiledFor, setExistingReminderFiledFor] = useState([]);\n  const [existingReminderObj, setExistingReminderObj] = useState(null);\n  const [loading, setLoading] = useState(false);\n  const classes = useStyles(props);\n  const { t } = useTranslation();\n  const actionState = useActionState();\n  const shellHidden = useShellStore((state) => state.shellHidden);\n  const { menuListState, catalogPromotedEntities } = actionState;\n  const { handleSuccessSnackbar, handleErrorSnackbar } =\n    useHandleAxiosSnackbar();\n  const user = useUser();\n  const editorRef = useRef(null);\n  const selectedNode = useActionStore((state) => state.selectedNode);\n\n  const selectedMenu = useMemo(() => {\n    if (menuListState.menuList.length) {\n      return menuListState.menuList[menuListState.selectedMenuIndex] || null;\n    }\n    return null;\n  }, [menuListState]);\n\n  const reminderGetFullApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Reminder,\n      'unityBaseGetFullMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  const reminderTypeSearchApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Reminder_Type,\n      'unityBaseSearchMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  const reminderTemplateSearchApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Reminder_Template,\n      'unityBaseSearchMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  const createReminderApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Reminder,\n      'unityBaseCreateMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  const updateReminderApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Reminder,\n      'unityBaseUpdateMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  const createReminderFiledForApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Reminder_Filed_For,\n      'unityBaseCreateMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  const updateReminderFiledForApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Reminder_Filed_For,\n      'unityBaseUpdateMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  const deleteReminderFiledForApiMethod = useMemo(() => {\n    return getBaseMethod(\n      UdpEnums.Udp_Reminder_Filed_For,\n      'unityBaseDeleteMethod',\n      catalogPromotedEntities\n    );\n  }, [catalogPromotedEntities]);\n\n  const disabled = useMemo(() => {\n    return viewOnly;\n  }, [viewOnly]);\n\n  const handleSaveReminder = useCallback(\n    async (values) => {\n      let response = null;\n      const reminderDate = new Date(values?.reminderDate?.setHours(0, 0, 0, 0));\n      const data = {\n        requestBody: {\n          tenantId: user?.currentTenantId,\n          typeCode: values?.type?.code,\n          subject: values?.subject,\n          content: values?.reminder,\n          unityUserId: user?.id,\n          userDisplayName: `${user?.firstName} ${user?.familyName}`,\n          reminderDate: reminderDate.toDateString()\n        }\n      };\n      if (reminderId) {\n        if (updateReminderApiMethod) {\n          // Set the url parameter for updating reminder\n          data['{iD}'] = reminderId;\n          response = await executeQueryWithParameters(\n            { data },\n            updateReminderApiMethod.apiMethodId\n          ).catch((e) => handleErrorSnackbar(e, 'Could not Update Reminder'));\n        } else {\n          handleErrorSnackbar(null, 'Update Reminder Method Not Promoted');\n        }\n      } else {\n        if (createReminderApiMethod) {\n          response = await executeQueryWithParameters(\n            { data },\n            createReminderApiMethod.apiMethodId\n          ).catch((e) => handleErrorSnackbar(e, 'Could not Save Reminder'));\n        } else {\n          handleErrorSnackbar(null, 'Create Reminder Method Not Promoted');\n        }\n      }\n\n      if (response?.status === 200) {\n        if (!reminderId) {\n          setReminderId(response.data.id || '');\n          handleSuccessSnackbar('Reminder Saved');\n        } else {\n          handleSuccessSnackbar('Reminder Updated');\n        }\n        if (reloadReminders) {\n          reloadReminders();\n        }\n        return response.data.id || reminderId;\n      }\n\n      return reminderId;\n    },\n    [\n      createReminderApiMethod,\n      updateReminderApiMethod,\n      reminderId,\n      setReminderId,\n      handleErrorSnackbar,\n      handleSuccessSnackbar,\n      user,\n      reloadReminders\n    ]\n  );\n\n  const reminderFiledForToComparator = (nftc1, nftc2) => {\n    return nftc1?.value === nftc2?.value;\n  };\n\n  const handleReminderFiledFor = useCallback(\n    async (values, reminderdIdToFileFor) => {\n      // Get the reminderFiledFor objects to delete\n      const reminderFiledForToDelete = differenceWith(\n        existingReminderFiledFor,\n        values?.fileTo,\n        reminderFiledForToComparator\n      );\n\n      // Get the reminderFiledFor objects to create\n      const reminderFiledForToCreate = differenceWith(\n        values?.fileTo,\n        existingReminderFiledFor,\n        reminderFiledForToComparator\n      );\n\n      if (reminderdIdToFileFor) {\n        if (deleteReminderFiledForApiMethod) {\n          const deletedPromises = [];\n          reminderFiledForToDelete.forEach((nftd) => {\n            const data = {};\n            data['{reminderID}'] = reminderdIdToFileFor;\n            data['{entityBusinessKey}'] = nftd.value;\n\n            deletedPromises.push(\n              executeQueryWithParameters(\n                { data },\n                deleteReminderFiledForApiMethod.apiMethodId\n              )\n            );\n          });\n\n          await Promise.all(deletedPromises.map((p) => p.catch((e) => e))).then(\n            (responses) => {\n              if (responses.length !== deletedPromises.length) {\n                console.warn(`Not all Reminder Filed For deleted`);\n              }\n            }\n          );\n        } else {\n          handleErrorSnackbar(\n            null,\n            'Delete Reminder Filed For Method Not Promoted'\n          );\n        }\n\n        if (createReminderFiledForApiMethod) {\n          const createdPromises = [];\n          reminderFiledForToCreate.forEach((nftc) => {\n            const data = {\n              requestBody: {\n                reminderId: reminderdIdToFileFor,\n                entityBusinessKey: nftc.value,\n                domainObject: nftc.domainObject,\n                type: values?.fileToType?.value || 1\n              }\n            };\n            createdPromises.push(\n              executeQueryWithParameters(\n                { data },\n                createReminderFiledForApiMethod.apiMethodId\n              )\n            );\n          });\n          await Promise.all(createdPromises.map((p) => p.catch((e) => e))).then(\n            (responses) => {\n              responses.forEach((response) => {\n                if (response.status === 200) {\n                  const entityBusinessKey = response.data.entityBusinessKey;\n                  const matchingReminderFiledFor =\n                    reminderFiledForToCreate.find(\n                      (nftc) => nftc.value === entityBusinessKey\n                    );\n                  if (!matchingReminderFiledFor) {\n                    console.warn(\n                      `Reminder Filed For not created for all file to entities`\n                    );\n                  }\n                }\n              });\n            }\n          );\n          setExistingReminderFiledFor(values?.fileTo);\n        } else {\n          handleErrorSnackbar(\n            null,\n            'Create Reminder Filed For Method Not Promoted'\n          );\n        }\n\n        if (updateReminderFiledForApiMethod) {\n          const updatedPromises = [];\n          values?.fileTo?.forEach((nftu) => {\n            const data = {\n              requestBody: {\n                reminderId: reminderdIdToFileFor,\n                entityBusinessKey: nftu.value,\n                domainObject: nftu.domainObject,\n                type: values?.fileToType?.value || 1\n              }\n            };\n            data['{reminderID}'] = reminderdIdToFileFor;\n            data['{entityBusinessKey}'] = nftu.value;\n            updatedPromises.push(\n              executeQueryWithParameters(\n                { data },\n                updateReminderFiledForApiMethod.apiMethodId\n              )\n            );\n          });\n          await Promise.all(updatedPromises.map((p) => p.catch((e) => e))).then(\n            (responses) => {\n              responses.forEach((response) => {\n                if (response.status === 200) {\n                  const entityBusinessKey = response.data.entityBusinessKey;\n                  const matchingReminderFiledFor = values?.fileTo?.find(\n                    (nftu) => nftu.value === entityBusinessKey\n                  );\n                  if (!matchingReminderFiledFor) {\n                    console.warn(\n                      `Reminder Filed For not updated for all file to entities`\n                    );\n                  }\n                }\n              });\n            }\n          );\n          setExistingReminderFiledFor(values?.fileTo);\n        } else {\n          handleErrorSnackbar(\n            null,\n            'Update Reminder Filed For Method Not Promoted'\n          );\n        }\n      }\n    },\n    [\n      createReminderFiledForApiMethod,\n      updateReminderFiledForApiMethod,\n      deleteReminderFiledForApiMethod,\n      handleErrorSnackbar,\n      existingReminderFiledFor,\n      setExistingReminderFiledFor\n    ]\n  );\n\n  const handleOnSubmit = useCallback(\n    async (values) => {\n      if (onSubmit) {\n        onSubmit({ reminder, ...values });\n      } else {\n        const reminderdIdToFileFor = await handleSaveReminder({\n          reminder,\n          ...values\n        });\n        await handleReminderFiledFor(\n          { reminder, ...values },\n          reminderdIdToFileFor\n        );\n      }\n    },\n    [reminder, onSubmit, handleSaveReminder, handleReminderFiledFor]\n  );\n\n  const handleTextEditorChange = (reminder) => {\n    setReminder(reminder);\n  };\n\n  const onTemplateChange = useCallback(\n    (value) => {\n      formRef?.current?.form?.change('subject', value?.subject || '');\n      const type = typeOptions.find((option) => option.code === value.typeCode);\n      formRef?.current?.form?.change('type', type || null);\n      formRef?.current?.form?.change(\n        'reminderDate',\n        value.reminderDate === '0001-01-01T00:00:00'\n          ? new Date()\n          : new Date(value.reminderDate)\n      );\n      setReminder(value?.content || '');\n    },\n    [setReminder, formRef, typeOptions]\n  );\n\n  const handleShortcutOnSelect = useCallback(\n    (shortcutContent) => {\n      editorRef?.current?.model?.change((writer) => {\n        const insertPosition =\n          editorRef?.current?.model?.document?.selection?.getFirstPosition();\n        writer.remove(\n          editorRef?.current?.model?.document?.selection?.getFirstRange()\n        );\n        writer.insertText(shortcutContent, insertPosition);\n      });\n\n      setReminder(editorRef?.current?.getData());\n    },\n    [editorRef, setReminder]\n  );\n\n  const fileToOptions = useMemo(() => {\n    let options = [];\n    if (selectedMenu) {\n      options = constructBusinessObjectArrFromTree(selectedMenu);\n    }\n    return options;\n  }, [selectedMenu]);\n\n  useEffect(() => {\n    // TODO: update to use getAll reminderTypes\n    const getTypeOptions = async () => {\n      let options = [];\n      if (reminderTypeSearchApiMethod) {\n        const filterElements = [];\n        const searchObject = getSearchObject(filterElements, 1, 200, true);\n        const data = { data: searchObject };\n        const typesResponse = await executeQueryAdHoc(\n          data,\n          reminderTypeSearchApiMethod.apiMethodId\n        );\n        if (typesResponse?.status === 200) {\n          options = typesResponse.data?.pageList || [];\n        }\n      }\n      setTypeOptions(options);\n    };\n    getTypeOptions();\n  }, [reminderTypeSearchApiMethod, setTypeOptions, user]);\n\n  useEffect(() => {\n    // TODO: update to use getAll reminderTemplates\n    const getTemplateOptions = async () => {\n      let options = [];\n      if (reminderTemplateSearchApiMethod) {\n        const filterElements = [];\n        const searchObject = getSearchObject(filterElements, 1, 200, true);\n        const data = { data: searchObject };\n        const templatesResponse = await executeQueryAdHoc(\n          data,\n          reminderTemplateSearchApiMethod.apiMethodId\n        );\n        if (templatesResponse?.status === 200) {\n          options = templatesResponse.data?.pageList || [];\n        }\n      }\n      setTemplateOptions(options);\n    };\n    getTemplateOptions();\n  }, [reminderTemplateSearchApiMethod, setTemplateOptions, user]);\n\n  useEffect(() => {\n    const getExistingReminder = async () => {\n      let existingReminderObj = null;\n      const data = {};\n      if (reminderGetFullApiMethod) {\n        setLoading(true);\n        data['{iD}'] = id;\n        const reminderResponse = await executeQueryWithParameters(\n          { data },\n          reminderGetFullApiMethod.apiMethodId\n        ).catch((e) => {\n          console.error(e);\n          setLoading(false);\n        });\n        if (reminderResponse?.status === 200) {\n          existingReminderObj = reminderResponse.data;\n        }\n      }\n      setExistingReminderObj(existingReminderObj);\n      setReminder(existingReminderObj?.content);\n      setLoading(false);\n    };\n    if (id) {\n      getExistingReminder();\n    }\n  }, [id, reminderGetFullApiMethod]);\n\n  useEffect(() => {\n    if (!existingReminderObj || !fileToOptions?.length) {\n      return;\n    }\n    const initialFileTos = fileToOptions.filter((option) => {\n      return existingReminderObj.reminderFiledFor.find(\n        (nff) => option.value === nff.entityBusinessKey\n      );\n    });\n    setExistingReminderFiledFor(initialFileTos);\n    formRef?.current?.form?.change('fileTo', initialFileTos);\n  }, [existingReminderObj, fileToOptions, formRef]);\n\n  useEffect(() => {\n    if (!existingReminderObj || !typeOptions?.length) {\n      return;\n    }\n    const initialType = typeOptions.find(\n      (option) => option.code === existingReminderObj.typeCode\n    );\n    formRef?.current?.form?.change('type', initialType || null);\n  }, [existingReminderObj, typeOptions, formRef]);\n\n  useEffect(() => {\n    if (!existingReminderObj) {\n      return;\n    }\n    formRef?.current?.form?.change(\n      'subject',\n      existingReminderObj?.subject || ''\n    );\n  }, [existingReminderObj, formRef]);\n\n  useEffect(() => {\n    if (!existingReminderObj?.reminderDate) {\n      return;\n    }\n    formRef?.current?.form?.change(\n      'reminderDate',\n      new Date(existingReminderObj.reminderDate)\n    );\n  }, [existingReminderObj, formRef]);\n\n  useEffect(() => {\n    if (!existingReminderObj) {\n      return;\n    }\n    const matchingReminderFiledFor = existingReminderObj.reminderFiledFor?.find(\n      (rff) =>\n        rff.domainObject === selectedNode?.properties?.catalogReturnObject\n    );\n    const initialFileToType = FILE_TO_TYPES.find(\n      (option) => option.value === matchingReminderFiledFor?.type\n    );\n    formRef?.current?.form?.change('fileToType', initialFileToType || null);\n  }, [existingReminderObj, typeOptions, formRef, selectedNode]);\n\n  return (\n    <div className={classes.root}>\n      {loading && <LinearProgress color='secondary' />}\n      <AmbientCard fullWidth={true} header={true}>\n        <Form onSubmit={handleOnSubmit} ref={formRef}>\n          <Field\n            component={FluentTextFieldAutoComplete}\n            label={t('File To')}\n            name='fileTo'\n            id='fileTo'\n            fullWidth\n            variant='outlined'\n            margin='dense'\n            size='small'\n            options={fileToOptions || []}\n            optionKey={'label'}\n            required={true}\n            limitTags={!viewOnly ? 2 : -1}\n            isMultiple={true}\n            disabled={disabled}\n          />\n          <Field\n            component={FluentTextFieldAutoComplete}\n            label={t('File To Type')}\n            name='fileToType'\n            id='fileToType'\n            fullWidth\n            variant='outlined'\n            margin='dense'\n            size='small'\n            options={FILE_TO_TYPES || []}\n            optionKey={'label'}\n            required={true}\n            disabled={disabled}\n          />\n          <div className={classes.row}>\n            <div style={{ width: '100%' }}>\n              <Field\n                component={FluentTextFieldAutoComplete}\n                label={t('Type')}\n                name='type'\n                id='type'\n                fullWidth\n                variant='outlined'\n                margin='dense'\n                size='small'\n                options={typeOptions || []}\n                optionKey={'name'}\n                required={true}\n                disabled={disabled}\n              />\n            </div>\n            {!viewOnly && (\n              <div style={{ width: '100%', marginLeft: 8 }}>\n                <Field\n                  component={FluentTextFieldAutoComplete}\n                  label={t('Template')}\n                  name='template'\n                  id='template'\n                  fullWidth\n                  variant='outlined'\n                  margin='dense'\n                  size='small'\n                  options={templateOptions || []}\n                  optionKey={'name'}\n                  additionalOnChangeAction={onTemplateChange}\n                />\n              </div>\n            )}\n          </div>\n          <Field\n            component={FluentDatePicker}\n            label={t('Reminder Date')}\n            name='reminderDate'\n            id='reminderDate'\n            fullWidth\n            variant='outlined'\n            size='small'\n            margin='dense'\n            required\n            disabled={disabled}\n          />\n          <Field\n            component={TextField}\n            label={t('Subject')}\n            name='subject'\n            id='subject'\n            fullWidth\n            variant='outlined'\n            size='small'\n            margin='dense'\n            required\n            disabled={disabled}\n            InputProps={{\n              classes: {\n                root: classes?.input,\n                input: classes?.formTextInput\n              }\n            }}\n            InputLabelProps={{\n              classes: {\n                root: classes?.labelRoot\n              }\n            }}\n          />\n          <LayoutUnit unit='nudge' />\n          <CkRichEditor\n            handleChange={handleTextEditorChange}\n            classes={{ editor: classes.editor }}\n            data={reminder}\n            editorRef={editorRef}\n            isUsingRef={true}\n            readOnly={disabled}\n          />\n        </Form>\n      </AmbientCard>\n      <LayoutUnit unit='nudge' />\n      {shortcutContentFinderEnabled && (\n        <AmbientCard\n          fullWidth={true}\n          header={true}\n          lastChildBottomPadding={'0px'}\n          cardContentHeight={`calc(100vh - ${shellHidden ? '568px' : '623px'})`}\n        >\n          <ShortcutContentFinder onSelect={handleShortcutOnSelect} />\n        </AmbientCard>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/RequiredFieldsMappingForm-D_mg2RJ2.js

@@ -0,0 +1,344 @@
+import { Form, FormButtons, SubmitButton } from "./FormButtons-BL9d-T3e.js";
+import { Field } from "./Field-Idoc1A5M.js";
+import { FluentButton } from "./FluentButton-h_8VjXGT.js";
+import { FluentTextFieldAutoComplete } from "./FluentTextFieldAutoComplete-BQvVv8m_.js";
+import { FluentIcon } from "./FluentIcon-CB-ANF6C.js";
+import { FluentIconButton } from "./FluentIconButton-le92OnEc.js";
+import { useAxiosGet } from "./useAxiosGet-CAH3ZOZ8.js";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { TextField, Typography, makeStyles } from "@material-ui/core";
+import { ConfigService } from "udp-react-stencil-component-library";
+import { ChromeBackMirroredIcon, DropdownIcon, TextFieldIcon } from "@fluentui/react-icons";
+import { useTranslation } from "react-i18next";
+import { v4 } from "uuid";
+
+//#region src/dataBrowser/forms/ParamsMappingFields.jsx
+const useStyles$2 = makeStyles((theme) => ({
+	root: {},
+	row: {
+		display: "flex",
+		alignItems: "center"
+	},
+	iconContainer: {
+		marginLeft: theme.spacing(1),
+		marginRight: theme.spacing(1)
+	}
+}));
+const ParamsMappingFields = (props) => {
+	const { paramMappings, paramOptions, propertyOptions, fieldWidth, propertyLabel } = props;
+	const classes = useStyles$2();
+	const { t } = useTranslation();
+	return paramOptions.map((item) => {
+		let initialPropertyValue = "";
+		const matchingMappingName = paramMappings?.[item.value];
+		if (matchingMappingName) initialPropertyValue = propertyOptions.find((property) => property.name === matchingMappingName);
+		return /* @__PURE__ */ React.createElement("div", { className: classes.row }, /* @__PURE__ */ React.createElement(Field, {
+			component: FluentTextFieldAutoComplete,
+			label: t(propertyLabel),
+			name: `property-${item.label}`,
+			id: `property-${item.label}`,
+			fullWidth: true,
+			variant: "outlined",
+			margin: "dense",
+			size: "small",
+			options: propertyOptions || [],
+			optionKey: "name",
+			style: { width: fieldWidth },
+			initialValue: initialPropertyValue
+		}), /* @__PURE__ */ React.createElement("div", { className: classes.iconContainer }, /* @__PURE__ */ React.createElement(FluentIcon, {
+			component: ChromeBackMirroredIcon,
+			size: 20,
+			customSize: true
+		})), /* @__PURE__ */ React.createElement(Typography, {
+			variant: "subtitle1",
+			style: {
+				textOverflow: "ellipsis",
+				overflow: "hidden"
+			}
+		}, item.label));
+	});
+};
+
+//#endregion
+//#region src/dataBrowser/forms/ParamsMappingForm.jsx
+const ParamsMappingForm = (props) => {
+	const { queryId, paramMappings, properties, onSubmit = () => {}, fieldWidth = 180, propertyLabel = "Property" } = props;
+	const [{ data: apiMethodInstance, loading: apiMethodInstancebLoading, error: apiMethodInstanceError }] = useAxiosGet(ConfigService.integrationV1ApiUrl, `apiMethodInstance/${queryId}`, {}, !!!queryId, false);
+	const paramOptions = useMemo(() => {
+		if (!apiMethodInstance) return [];
+		try {
+			const options = [];
+			const bodyStr = apiMethodInstance.body;
+			JSON.parse(bodyStr)?.filterElements?.forEach((filter) => {
+				if (filter.searchValue.startsWith("params.")) {
+					const key = filter?.searchValue.replace("params.", "");
+					options.push({
+						label: key,
+						value: key
+					});
+				}
+			});
+			return options;
+		} catch {
+			console.warn("Error parsing apiMethodInstance body");
+			return [];
+		}
+	}, [apiMethodInstance]);
+	const propertyOptions = useMemo(() => {
+		if (!properties) return [];
+		return properties.filter((property) => property?.type !== "array" && property?.type !== "object");
+	}, [properties]);
+	const handleOnSubmit = useCallback((values) => {
+		const paramMappings$1 = {};
+		const parameters = /* @__PURE__ */ new Set();
+		Object.keys(values).forEach((key) => {
+			const parameter = key.split("-")[1];
+			parameters.add(parameter);
+		});
+		parameters.forEach((parameter) => {
+			const property = values[`property-${parameter}`];
+			if (parameter && property) {
+				const parameterValue = parameter;
+				paramMappings$1[parameterValue] = property.name;
+			}
+		});
+		onSubmit(paramMappings$1);
+	}, [onSubmit]);
+	return /* @__PURE__ */ React.createElement(Form, { onSubmit: handleOnSubmit }, /* @__PURE__ */ React.createElement(ParamsMappingFields, {
+		paramMappings,
+		paramOptions,
+		propertyOptions,
+		fieldWidth,
+		propertyLabel
+	}), /* @__PURE__ */ React.createElement(FormButtons, null, /* @__PURE__ */ React.createElement(SubmitButton, {
+		variant: "contained",
+		color: "primary",
+		disablePristine: false,
+		fullWidth: true,
+		style: {
+			marginRight: 8,
+			marginLeft: 8
+		}
+	}, "Save Mapping")));
+};
+
+//#endregion
+//#region src/dataBrowser/forms/RequiredFieldsMappingField.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		alignItems: "center"
+	},
+	requiredFieldContainer: {
+		width: "100%",
+		display: "flex",
+		alignItems: "center"
+	},
+	input: {
+		height: 34,
+		padding: 0
+	},
+	formTextInput: { fontSize: 14 },
+	labelRoot: { fontSize: 14 }
+}));
+const RequiredFieldsMappingField = (props) => {
+	const { requiredField, onRequiredFieldChange, options, optionLabelDisplayFunction, groupBy } = props;
+	const [state, setState] = useState(requiredField);
+	const [isTextField, setIsTextField] = useState(!!!requiredField.propertyValue);
+	const classes = useStyles$1(props);
+	const { t } = useTranslation();
+	const handleStateChange = useCallback((key, value, merge = false) => {
+		let updatedState = { ...state };
+		if (merge) updatedState = {
+			...updatedState,
+			...value
+		};
+		else updatedState[key] = value;
+		setState(updatedState);
+	}, [state]);
+	const handleInputChange = useCallback((evt) => {
+		handleStateChange(evt.target.name, evt.target.value);
+	}, [handleStateChange]);
+	const handleOnBlur = useCallback((evt) => {
+		if (evt.target.name === "strValue" && !!evt.target.value) {
+			onRequiredFieldChange(requiredField.id, {
+				propertyValue: "",
+				strValue: evt.target.value
+			}, "strValue", true);
+			handleStateChange("propertyValue", {
+				propertyValue: "",
+				strValue: evt.target.value
+			}, true);
+		} else onRequiredFieldChange(requiredField.id, evt.target.value, evt.target.name);
+	}, [
+		requiredField,
+		onRequiredFieldChange,
+		handleStateChange
+	]);
+	const handleRequiredFieldChange = useCallback((value) => {
+		onRequiredFieldChange(requiredField.id, {
+			propertyValue: value,
+			strValue: ""
+		}, "propertyValue", true);
+		handleStateChange("propertyValue", {
+			propertyValue: value,
+			strValue: ""
+		}, true);
+	}, [
+		requiredField,
+		onRequiredFieldChange,
+		handleStateChange
+	]);
+	const handleButtonClick = useCallback(() => {
+		setIsTextField(!isTextField);
+	}, [isTextField]);
+	let field = null;
+	if (isTextField) field = /* @__PURE__ */ React.createElement("div", { style: { width: "100%" } }, /* @__PURE__ */ React.createElement(TextField, {
+		name: "strValue",
+		id: "strValue",
+		onChange: handleInputChange,
+		onBlur: handleOnBlur,
+		label: t("Value"),
+		value: state?.strValue || "",
+		fullWidth: true,
+		variant: "outlined",
+		margin: "dense",
+		size: "small",
+		style: { width: 200 },
+		InputProps: { classes: {
+			root: classes.input,
+			input: classes.formTextInput
+		} },
+		InputLabelProps: { classes: { root: classes.labelRoot } }
+	}));
+	else field = /* @__PURE__ */ React.createElement("div", { style: { width: "100%" } }, /* @__PURE__ */ React.createElement(FluentTextFieldAutoComplete, {
+		name: "propertyValue",
+		id: "propertyValue",
+		label: t("Value"),
+		onChange: handleRequiredFieldChange,
+		optionLabelDisplayFunction,
+		value: state?.propertyValue || "",
+		options: options || [],
+		optionKey: optionLabelDisplayFunction ? "" : "name",
+		groupBy,
+		variant: "outlined",
+		margin: "dense",
+		style: { width: 200 }
+	}));
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.requiredFieldContainer }, field, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		className: classes.icon,
+		icon: isTextField ? DropdownIcon : TextFieldIcon,
+		onClick: handleButtonClick
+	})));
+};
+
+//#endregion
+//#region src/dataBrowser/forms/RequiredFieldsMappingForm.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {},
+	row: {
+		display: "flex",
+		alignItems: "center"
+	},
+	variableContainer: {
+		width: "100%",
+		display: "flex",
+		alignItems: "flex-start"
+	},
+	icon: { marginTop: theme.spacing(5) },
+	iconButton: { marginTop: theme.spacing(3.5) },
+	iconContainer: { marginRight: theme.spacing(1) }
+}));
+const RequiredFieldsMappingForm = (props) => {
+	const { requiredFields = "", fieldMappings, properties, onSubmit = () => {}, optionLabelDisplayFunction, groupBy, propertyType = "entity" } = props;
+	const [fields, setFields] = useState([]);
+	const classes = useStyles(props);
+	const fieldOptions = useMemo(() => {
+		const fieldsStr = requiredFields || "";
+		if (!fieldsStr.trim()) return [];
+		const options = [];
+		fieldsStr.split(",").forEach((field) => {
+			options.push({
+				label: field.trim(),
+				value: field.trim()
+			});
+		});
+		return options;
+	}, [requiredFields]);
+	const handleRequiredFieldChange = useCallback((fieldId, value, key, merge = false) => {
+		const updatedFields = [...fields];
+		let matchingField = updatedFields.find((f) => f.id === fieldId);
+		if (matchingField) if (merge) Object.keys(value).forEach((key$1) => {
+			matchingField[key$1] = value[key$1];
+		});
+		else matchingField[key] = value;
+		setFields(updatedFields);
+	}, [fields, setFields]);
+	const propertyOptions = useMemo(() => {
+		if (!properties) return [];
+		return properties;
+	}, [properties]);
+	const handleOnSubmit = useCallback(() => {
+		const fieldMappings$1 = {};
+		fields.forEach((field) => {
+			fieldMappings$1[field.name] = {
+				value: field.propertyValue ? field.propertyValue?.name : field.strValue.trim(),
+				type: field.propertyValue ? propertyType : "custom"
+			};
+		});
+		onSubmit(fieldMappings$1);
+	}, [
+		onSubmit,
+		fields,
+		propertyType
+	]);
+	useEffect(() => {
+		if (!fieldOptions || !fieldMappings || !propertyOptions) return;
+		const currentFields = [];
+		fieldOptions.forEach((fo) => {
+			const mappingValue = fieldMappings[fo.value];
+			const currentField = {
+				id: v4(),
+				strValue: mappingValue?.type === "custom" ? mappingValue?.value : "",
+				propertyValue: mappingValue?.type === propertyType ? propertyOptions.find((po) => po.name === mappingValue?.value) : "",
+				name: fo.value
+			};
+			currentFields.push(currentField);
+		});
+		setFields(currentFields);
+	}, [
+		fieldMappings,
+		fieldOptions,
+		propertyOptions,
+		propertyType
+	]);
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, fields.length > 0 && fieldOptions.map((item) => {
+		const matchingField = fields.find((field) => field.name === item.value);
+		return /* @__PURE__ */ React.createElement("div", { className: classes.row }, /* @__PURE__ */ React.createElement(RequiredFieldsMappingField, {
+			requiredField: matchingField,
+			onRequiredFieldChange: handleRequiredFieldChange,
+			options: propertyOptions || [],
+			optionLabelDisplayFunction,
+			groupBy
+		}), /* @__PURE__ */ React.createElement("div", { className: classes.iconContainer }, /* @__PURE__ */ React.createElement(FluentIcon, {
+			component: ChromeBackMirroredIcon,
+			size: 20,
+			customSize: true
+		})), /* @__PURE__ */ React.createElement(Typography, {
+			variant: "subtitle1",
+			style: {
+				textOverflow: "ellipsis",
+				overflow: "hidden"
+			}
+		}, item.label));
+	}), /* @__PURE__ */ React.createElement(FluentButton, {
+		variant: "contained",
+		color: "primary",
+		fullWidth: true,
+		onClick: handleOnSubmit
+	}, " ", "Save Mapping"));
+};
+
+//#endregion
+export { ParamsMappingFields, ParamsMappingForm, RequiredFieldsMappingField, RequiredFieldsMappingForm };
+//# sourceMappingURL=RequiredFieldsMappingForm-D_mg2RJ2.js.map

package/dist/RequiredFieldsMappingForm-D_mg2RJ2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequiredFieldsMappingForm-D_mg2RJ2.js","names":["useStyles","paramMappings","useStyles","key","fieldMappings","uuid"],"sources":["../src/dataBrowser/forms/ParamsMappingFields.jsx","../src/dataBrowser/forms/ParamsMappingForm.jsx","../src/dataBrowser/forms/RequiredFieldsMappingField.jsx","../src/dataBrowser/forms/RequiredFieldsMappingForm.jsx"],"sourcesContent":["import React from 'react';\nimport { Field } from '../../utilities/form';\nimport { FluentTextFieldAutoComplete } from '../../UI/inputs/textField/FluentTextFieldAutoComplete';\nimport { useTranslation } from 'react-i18next';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { ChromeBackMirroredIcon } from '@fluentui/react-icons';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  row: {\n    display: 'flex',\n    alignItems: 'center'\n  },\n  iconContainer: {\n    marginLeft: theme.spacing(1),\n    marginRight: theme.spacing(1)\n  }\n}));\n\nexport const ParamsMappingFields = (props) => {\n  const {\n    paramMappings,\n    paramOptions,\n    propertyOptions,\n    fieldWidth,\n    propertyLabel\n  } = props;\n  const classes = useStyles();\n  const { t } = useTranslation();\n\n  return paramOptions.map((item) => {\n    let initialPropertyValue = '';\n\n    const matchingMappingName = paramMappings?.[item.value];\n    if (matchingMappingName) {\n      initialPropertyValue = propertyOptions.find(\n        (property) => property.name === matchingMappingName\n      );\n    }\n\n    return (\n      <div className={classes.row}>\n        <Field\n          component={FluentTextFieldAutoComplete}\n          label={t(propertyLabel)}\n          name={`property-${item.label}`}\n          id={`property-${item.label}`}\n          fullWidth\n          variant='outlined'\n          margin='dense'\n          size='small'\n          options={propertyOptions || []}\n          optionKey={'name'}\n          style={{ width: fieldWidth }}\n          initialValue={initialPropertyValue}\n        />\n        <div className={classes.iconContainer}>\n          <FluentIcon component={ChromeBackMirroredIcon} size={20} customSize />\n        </div>\n        <Typography\n          variant='subtitle1'\n          style={{ textOverflow: 'ellipsis', overflow: 'hidden' }}\n        >\n          {item.label}\n        </Typography>\n      </div>\n    );\n  });\n};\n","import React, { useCallback, useMemo } from 'react';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { Form, FormButtons, SubmitButton } from '../../utilities/form';\nimport { ParamsMappingFields } from './ParamsMappingFields';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nexport const ParamsMappingForm = (props) => {\n  const {\n    queryId,\n    paramMappings,\n    properties,\n    onSubmit = () => {},\n    fieldWidth = 180,\n    propertyLabel = 'Property'\n  } = props;\n\n  const [\n    {\n      data: apiMethodInstance,\n      loading: apiMethodInstancebLoading,\n      error: apiMethodInstanceError\n    }\n  ] = useAxiosGet(\n    ConfigService.integrationV1ApiUrl,\n    `apiMethodInstance/${queryId}`,\n    {},\n    !!!queryId,\n    false\n  );\n\n  const paramOptions = useMemo(() => {\n    if (!apiMethodInstance) {\n      return [];\n    }\n    try {\n      const options = [];\n      const bodyStr = apiMethodInstance.body;\n      const body = JSON.parse(bodyStr);\n      // Checks for any filter elements that have been configured with params.\n      body?.filterElements?.forEach((filter) => {\n        if (filter.searchValue.startsWith('params.')) {\n          const key = filter?.searchValue.replace('params.', '');\n          options.push({ label: key, value: key });\n        }\n      });\n      return options;\n    } catch {\n      console.warn('Error parsing apiMethodInstance body');\n      return [];\n    }\n  }, [apiMethodInstance]);\n\n  const propertyOptions = useMemo(() => {\n    if (!properties) {\n      return [];\n    }\n    return properties.filter(\n      (property) => property?.type !== 'array' && property?.type !== 'object'\n    );\n  }, [properties]);\n\n  //   const handleOnSubmit = useCallback(\n  //     (values) => {\n  //       // construct the mapping object from the values\n  //       // the map would be [{parameter: params.apple, property: appleValue}]\n  //       const paramMappings = [];\n\n  //       const parameters = new Set();\n  //       Object.keys(values).forEach((key) => {\n  //         const parameter = key.split('-')[1];\n  //         parameters.add(parameter);\n  //       });\n  //       parameters.forEach((parameter) => {\n  //         // const parameter = values[`parameter-${parameter}`];\n  //         const property = values[`property-${parameter}`];\n  //         if (parameter) {\n  //           //   const parameterValue = parameter.value;\n  //           paramMappings.push({\n  //             parameter: `params.${parameter}`,\n  //             property: property?.name\n  //           });\n  //         }\n  //       });\n  //       onSubmit(paramMappings);\n  //     },\n  //     [onSubmit]\n  //   );\n\n  const handleOnSubmit = useCallback(\n    (values) => {\n      // construct the mapping object from the values\n      // the map would be {params.apple: appleValue}\n      const paramMappings = {};\n\n      const parameters = new Set();\n      Object.keys(values).forEach((key) => {\n        const parameter = key.split('-')[1];\n        parameters.add(parameter);\n      });\n      parameters.forEach((parameter) => {\n        const property = values[`property-${parameter}`];\n        if (parameter && property) {\n          const parameterValue = parameter;\n          paramMappings[parameterValue] = property.name;\n        }\n      });\n      onSubmit(paramMappings);\n    },\n    [onSubmit]\n  );\n\n  return (\n    <Form onSubmit={handleOnSubmit}>\n      <ParamsMappingFields\n        paramMappings={paramMappings}\n        paramOptions={paramOptions}\n        propertyOptions={propertyOptions}\n        fieldWidth={fieldWidth}\n        propertyLabel={propertyLabel}\n      />\n      <FormButtons>\n        <SubmitButton\n          variant='contained'\n          color='primary'\n          disablePristine={false}\n          fullWidth\n          style={{ marginRight: 8, marginLeft: 8 }}\n        >\n          Save Mapping\n        </SubmitButton>\n      </FormButtons>\n    </Form>\n  );\n};\n","import React, { useCallback, useState } from 'react';\nimport { makeStyles, TextField } from '@material-ui/core';\nimport { FluentTextFieldAutoComplete } from '../../UI/inputs/textField/FluentTextFieldAutoComplete';\nimport { FluentIconButton } from '../../UI/inputs/buttons/FluentIconButton';\nimport { useTranslation } from 'react-i18next';\nimport { DropdownIcon, TextFieldIcon } from '@fluentui/react-icons';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    alignItems: 'center'\n  },\n  requiredFieldContainer: {\n    width: '100%',\n    display: 'flex',\n    alignItems: 'center'\n  },\n  input: {\n    height: 34,\n    padding: 0\n  },\n  formTextInput: {\n    fontSize: 14\n  },\n  labelRoot: {\n    fontSize: 14\n  }\n}));\n\nexport const RequiredFieldsMappingField = (props) => {\n  const {\n    requiredField,\n    onRequiredFieldChange,\n    options,\n    optionLabelDisplayFunction,\n    groupBy\n  } = props;\n  const [state, setState] = useState(requiredField);\n  const [isTextField, setIsTextField] = useState(\n    !!!requiredField.propertyValue\n  );\n  const classes = useStyles(props);\n  const { t } = useTranslation();\n\n  const handleStateChange = useCallback(\n    (key, value, merge = false) => {\n      let updatedState = { ...state };\n      if (merge) {\n        updatedState = { ...updatedState, ...value };\n      } else {\n        updatedState[key] = value;\n      }\n      setState(updatedState);\n    },\n    [state]\n  );\n\n  // Having a separate handler for onChange and blur for text fields because\n  // there is a lag between typing and rendering\n  const handleInputChange = useCallback(\n    (evt) => {\n      handleStateChange(evt.target.name, evt.target.value);\n    },\n    [handleStateChange]\n  );\n\n  // Using a handler for blur because we want add the text input to the list of requiredFields\n  // after user has finished typing\n  const handleOnBlur = useCallback(\n    (evt) => {\n      if (evt.target.name === 'strValue' && !!evt.target.value) {\n        onRequiredFieldChange(\n          requiredField.id,\n          { propertyValue: '', strValue: evt.target.value },\n          'strValue',\n          true\n        );\n        handleStateChange(\n          'propertyValue',\n          { propertyValue: '', strValue: evt.target.value },\n          true\n        );\n      } else {\n        onRequiredFieldChange(\n          requiredField.id,\n          evt.target.value,\n          evt.target.name\n        );\n      }\n    },\n    [requiredField, onRequiredFieldChange, handleStateChange]\n  );\n\n  const handleRequiredFieldChange = useCallback(\n    (value) => {\n      onRequiredFieldChange(\n        requiredField.id,\n        { propertyValue: value, strValue: '' },\n        'propertyValue',\n        true\n      );\n      handleStateChange(\n        'propertyValue',\n        { propertyValue: value, strValue: '' },\n        true\n      );\n    },\n    [requiredField, onRequiredFieldChange, handleStateChange]\n  );\n\n  const handleButtonClick = useCallback(() => {\n    setIsTextField(!isTextField);\n  }, [isTextField]);\n\n  let field = null;\n\n  if (isTextField) {\n    field = (\n      <div style={{ width: '100%' }}>\n        <TextField\n          name='strValue'\n          id='strValue'\n          onChange={handleInputChange}\n          onBlur={handleOnBlur}\n          label={t('Value')}\n          value={state?.strValue || ''}\n          fullWidth\n          variant='outlined'\n          margin='dense'\n          size='small'\n          style={{ width: 200 }}\n          InputProps={{\n            classes: {\n              root: classes.input,\n              input: classes.formTextInput\n            }\n          }}\n          InputLabelProps={{\n            classes: {\n              root: classes.labelRoot\n            }\n          }}\n        />\n      </div>\n    );\n  } else {\n    field = (\n      <div style={{ width: '100%' }}>\n        <FluentTextFieldAutoComplete\n          name='propertyValue'\n          id='propertyValue'\n          label={t('Value')}\n          onChange={handleRequiredFieldChange}\n          optionLabelDisplayFunction={optionLabelDisplayFunction}\n          value={state?.propertyValue || ''}\n          options={options || []}\n          optionKey={optionLabelDisplayFunction ? '' : 'name'}\n          groupBy={groupBy}\n          variant='outlined'\n          margin='dense'\n          style={{ width: 200 }}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.requiredFieldContainer}>\n        {field}\n        <FluentIconButton\n          className={classes.icon}\n          icon={isTextField ? DropdownIcon : TextFieldIcon}\n          onClick={handleButtonClick}\n        />\n      </div>\n    </div>\n  );\n};\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { RequiredFieldsMappingField } from './RequiredFieldsMappingField';\nimport { ChromeBackMirroredIcon } from '@fluentui/react-icons';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { Typography, makeStyles } from '@material-ui/core';\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton';\nimport { v4 as uuid } from 'uuid';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  row: {\n    display: 'flex',\n    alignItems: 'center'\n  },\n  variableContainer: {\n    width: '100%',\n    display: 'flex',\n    alignItems: 'flex-start'\n  },\n  icon: {\n    marginTop: theme.spacing(5)\n  },\n  iconButton: {\n    marginTop: theme.spacing(3.5)\n  },\n  iconContainer: {\n    marginRight: theme.spacing(1)\n  }\n}));\n\nexport const RequiredFieldsMappingForm = (props) => {\n  const {\n    requiredFields = '',\n    fieldMappings,\n    properties,\n    onSubmit = () => {},\n    optionLabelDisplayFunction,\n    groupBy,\n    propertyType = 'entity'\n  } = props;\n  const [fields, setFields] = useState([]);\n  const classes = useStyles(props);\n\n  const fieldOptions = useMemo(() => {\n    const fieldsStr = requiredFields || '';\n    if (!fieldsStr.trim()) {\n      return [];\n    }\n\n    const options = [];\n    const fields = fieldsStr.split(',');\n\n    fields.forEach((field) => {\n      options.push({ label: field.trim(), value: field.trim() });\n    });\n\n    return options;\n  }, [requiredFields]);\n\n  const handleRequiredFieldChange = useCallback(\n    (fieldId, value, key, merge = false) => {\n      const updatedFields = [...fields];\n      let matchingField = updatedFields.find((f) => f.id === fieldId);\n      if (matchingField) {\n        if (merge) {\n          Object.keys(value).forEach((key) => {\n            matchingField[key] = value[key];\n          });\n        } else {\n          matchingField[key] = value;\n        }\n      }\n      setFields(updatedFields);\n    },\n    [fields, setFields]\n  );\n\n  const propertyOptions = useMemo(() => {\n    if (!properties) {\n      return [];\n    }\n    // return properties.filter(\n    //   (property) => property?.type !== 'array' && property?.type !== 'object'\n    // );\n    return properties;\n  }, [properties]);\n\n  const handleOnSubmit = useCallback(() => {\n    // construct the mapping object from the values\n    // the map would be {params.apple: appleValue}\n    const fieldMappings = {};\n\n    fields.forEach((field) => {\n      fieldMappings[field.name] = {\n        value: field.propertyValue\n          ? field.propertyValue?.name\n          : field.strValue.trim(),\n        type: field.propertyValue ? propertyType : 'custom'\n      };\n    });\n    onSubmit(fieldMappings);\n  }, [onSubmit, fields, propertyType]);\n\n  useEffect(() => {\n    if (!fieldOptions || !fieldMappings || !propertyOptions) {\n      return;\n    }\n    const currentFields = [];\n    fieldOptions.forEach((fo) => {\n      const mappingValue = fieldMappings[fo.value];\n      const currentField = {\n        id: uuid(),\n        strValue: mappingValue?.type === 'custom' ? mappingValue?.value : '',\n        propertyValue:\n          mappingValue?.type === propertyType\n            ? propertyOptions.find((po) => po.name === mappingValue?.value)\n            : '',\n        name: fo.value\n      };\n      currentFields.push(currentField);\n    });\n    setFields(currentFields);\n  }, [fieldMappings, fieldOptions, propertyOptions, propertyType]);\n\n  return (\n    <div className={classes.root}>\n      {fields.length > 0 &&\n        fieldOptions.map((item) => {\n          const matchingField = fields.find(\n            (field) => field.name === item.value\n          );\n\n          return (\n            <div className={classes.row}>\n              <RequiredFieldsMappingField\n                requiredField={matchingField}\n                onRequiredFieldChange={handleRequiredFieldChange}\n                options={propertyOptions || []}\n                optionLabelDisplayFunction={optionLabelDisplayFunction}\n                groupBy={groupBy}\n              />\n              <div className={classes.iconContainer}>\n                <FluentIcon\n                  component={ChromeBackMirroredIcon}\n                  size={20}\n                  customSize\n                />\n              </div>\n              <Typography\n                variant='subtitle1'\n                style={{ textOverflow: 'ellipsis', overflow: 'hidden' }}\n              >\n                {item.label}\n              </Typography>\n            </div>\n          );\n        })}\n      <FluentButton\n        variant='contained'\n        color='primary'\n        fullWidth\n        onClick={handleOnSubmit}\n      >\n        {' '}\n        Save Mapping\n      </FluentButton>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/SearchServiceDatasource-C-eLl_u3.js

@@ -0,0 +1,156 @@
+import { LogicalSearchOperatorEnums, SearchGroupingType, SearchSortDirection } from "./unitySystemEnums-DXk8yS3v.js";
+import { getSearchObject } from "./SearchUtilities-CxVn31Ak.js";
+import { FilterOperators } from "./SearchOperator-BLSwbmXG.js";
+import { cloneDeep } from "lodash";
+
+//#region src/utilities/aggrid/datasources/SearchServiceDatasource.js
+const SearchServiceDatasource = (queryData, apiMethodId, searchFilterElements, logicalSearchOperator = LogicalSearchOperatorEnums.And, executeQuery, storeRowData, lookupsMap, eagerLoad = false, getCleanData = null) => {
+	return { async getRows(params) {
+		const { startRow, endRow, rowGroupCols, groupKeys, valueCols, filterModel, sortModel } = params.request;
+		const searchObject = cloneDeep(getSearchObject(searchFilterElements, endRow / 20, null, eagerLoad, logicalSearchOperator));
+		if (sortModel.length) {
+			const orderElements = searchObject.orderElements;
+			sortModel.forEach((sortItem) => {
+				const formattedPropertyName = sortItem.colId.charAt(0).toUpperCase() + sortItem.colId.slice(1);
+				const element = orderElements.find((element$1) => element$1.sortColumn === formattedPropertyName);
+				if (element) element.sortDirection = sortItem.sort.toUpperCase();
+				else orderElements.push({
+					sortColumn: formattedPropertyName,
+					sortDirection: sortItem.sort.toUpperCase()
+				});
+			});
+		}
+		if (Object.keys(filterModel).length) {
+			const filterElements = searchObject.filterElements;
+			Object.keys(filterModel).forEach((key) => {
+				const filterItem = filterModel[key];
+				const formattedPropertyName = key.charAt(0).toUpperCase() + key.slice(1);
+				filterElements.push({
+					searchField: formattedPropertyName,
+					searchValue: filterItem.filter,
+					searchOperator: FilterOperators[filterItem.type]
+				});
+			});
+		}
+		if (rowGroupCols.length && !groupKeys.length) {
+			const formattedPropertyName = rowGroupCols[0].field.charAt(0).toUpperCase() + rowGroupCols[0].field.slice(1);
+			searchObject.groupingType = SearchGroupingType.Distinct;
+			if (!searchObject.groupProperty.includes(formattedPropertyName)) {
+				searchObject.groupProperty.push(formattedPropertyName);
+				const orderElements = searchObject.orderElements;
+				if (!orderElements.find((element) => element.sortColumn === formattedPropertyName)) orderElements.push({
+					sortColumn: formattedPropertyName,
+					sortDirection: SearchSortDirection.Asc
+				});
+			}
+		}
+		if (groupKeys.length) if (groupKeys.length === rowGroupCols.length) {
+			searchObject.groupingType = "";
+			const filterElements = searchObject.filterElements;
+			groupKeys.forEach((key, index) => {
+				const rowGroupCol = rowGroupCols[index];
+				const formattedPropertyName = rowGroupCol.field.charAt(0).toUpperCase() + rowGroupCol.field.slice(1);
+				const element = filterElements.find((element$1) => element$1.searchField === formattedPropertyName);
+				let currentNode = null;
+				params.api.forEachNode((node) => {
+					const nodeKey = node.field;
+					if (nodeKey?.toLowerCase() === formattedPropertyName?.toLowerCase() && node?.data?.[nodeKey] === key) {
+						currentNode = node;
+						return;
+					}
+				});
+				let searchValue = key;
+				if (currentNode) {
+					const cleanData = getCleanData ? getCleanData(currentNode.data, lookupsMap) : null;
+					if (cleanData) searchValue = cleanData[currentNode.field];
+				}
+				if (element) {
+					element.searchValue = searchValue;
+					element.searchOperator = "=";
+				} else filterElements.push({
+					searchField: formattedPropertyName,
+					searchValue,
+					searchOperator: "="
+				});
+			});
+		} else {
+			groupKeys.forEach((key, index) => {
+				const formattedPropertyNameForSearch = rowGroupCols[index].field.charAt(0).toUpperCase() + rowGroupCols[index].field.slice(1);
+				let currentNode = null;
+				params.api.forEachNode((node) => {
+					const nodeKey = node.field;
+					if (nodeKey?.toLowerCase() === formattedPropertyNameForSearch?.toLowerCase() && node?.data?.[nodeKey] === key) {
+						currentNode = node;
+						return;
+					}
+				});
+				let searchValue = key;
+				if (currentNode) {
+					const cleanData = getCleanData ? getCleanData(currentNode.data, lookupsMap) : null;
+					if (cleanData) searchValue = cleanData[currentNode.field];
+				}
+				searchObject.filterElements.push({
+					searchField: formattedPropertyNameForSearch,
+					searchValue,
+					searchOperator: "="
+				});
+			});
+			searchObject.groupingType = SearchGroupingType.Distinct;
+			const rowGroupCol = rowGroupCols[groupKeys.length];
+			const formattedPropertyName = rowGroupCol.field.charAt(0).toUpperCase() + rowGroupCol.field.slice(1);
+			if (!searchObject.groupProperty.includes(formattedPropertyName)) {
+				searchObject.groupProperty.push(formattedPropertyName);
+				const orderElements = searchObject.orderElements;
+				if (!orderElements.find((element) => element.sortColumn === formattedPropertyName)) orderElements.push({
+					sortColumn: formattedPropertyName,
+					sortDirection: SearchSortDirection.Asc
+				});
+			}
+		}
+		if (!startRow && rowGroupCols.length === 0 && !sortModel.length && !Object.keys(filterModel).length && !groupKeys.length && queryData) if (queryData.pageList && queryData.pageList) {
+			params.success({
+				rowData: queryData.pageList,
+				rowCount: parseInt(queryData.total)
+			});
+			if (storeRowData) storeRowData(queryData.pageList);
+		} else {
+			params.success({
+				rowData: [],
+				rowCount: 0
+			});
+			if (storeRowData) storeRowData([]);
+		}
+		else {
+			let response = null;
+			if (executeQuery) response = await executeQuery({ data: searchObject }, apiMethodId, lookupsMap).catch((e) => params.success({
+				rowData: [],
+				rowCount: 0
+			}));
+			const rowData = response?.status === 200 ? response?.data : response;
+			if (rowData && response) if (rowData?.pageList?.length > 0) {
+				params.success({
+					rowData: rowData.pageList,
+					rowCount: parseInt(rowData.total)
+				});
+				if (storeRowData) storeRowData(rowData.pageList);
+			} else {
+				params.success({
+					rowData: [],
+					rowCount: 0
+				});
+				if (storeRowData) storeRowData([]);
+			}
+			else {
+				params.success({
+					rowData: [],
+					rowCount: 0
+				});
+				if (storeRowData) storeRowData([]);
+			}
+		}
+	} };
+};
+
+//#endregion
+export { SearchServiceDatasource };
+//# sourceMappingURL=SearchServiceDatasource-C-eLl_u3.js.map

package/dist/SearchServiceDatasource-C-eLl_u3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchServiceDatasource-C-eLl_u3.js","names":["element"],"sources":["../src/utilities/aggrid/datasources/SearchServiceDatasource.js"],"sourcesContent":["import {\n  LogicalSearchOperatorEnums,\n  SearchGroupingType,\n  SearchSortDirection\n} from '../../../enums/unitySystemEnums';\nimport { getSearchObject } from '../../search/SearchUtilities';\nimport { FilterOperators } from '../../../models/SearchOperator';\nimport { cloneDeep } from 'lodash';\n\nexport const SearchServiceDatasource = (\n  queryData,\n  apiMethodId,\n  searchFilterElements,\n  logicalSearchOperator = LogicalSearchOperatorEnums.And,\n  executeQuery,\n  storeRowData,\n  lookupsMap,\n  eagerLoad = false,\n  getCleanData = null\n) => {\n  return {\n    async getRows(params) {\n      const {\n        startRow,\n        endRow,\n        rowGroupCols,\n        groupKeys,\n        valueCols,\n        filterModel,\n        sortModel\n      } = params.request;\n      const page = endRow / 20;\n      const originalSearchObject = getSearchObject(\n        searchFilterElements,\n        page,\n        null,\n        eagerLoad,\n        logicalSearchOperator\n      );\n\n      const searchObject = cloneDeep(originalSearchObject);\n\n      // handle server-side sorting on ag-grid\n      if (sortModel.length) {\n        const orderElements = searchObject.orderElements;\n        sortModel.forEach((sortItem) => {\n          const formattedPropertyName =\n            sortItem.colId.charAt(0).toUpperCase() + sortItem.colId.slice(1);\n          const element = orderElements.find(\n            (element) => element.sortColumn === formattedPropertyName\n          );\n          if (element) {\n            element.sortDirection = sortItem.sort.toUpperCase();\n          } else {\n            orderElements.push({\n              sortColumn: formattedPropertyName,\n              sortDirection: sortItem.sort.toUpperCase()\n            });\n          }\n        });\n      }\n\n      // handle server-side filtering on ag-grid\n      if (Object.keys(filterModel).length) {\n        const filterElements = searchObject.filterElements;\n        Object.keys(filterModel).forEach((key) => {\n          const filterItem = filterModel[key];\n          const formattedPropertyName =\n            key.charAt(0).toUpperCase() + key.slice(1);\n          filterElements.push({\n            searchField: formattedPropertyName,\n            searchValue: filterItem.filter,\n            searchOperator: FilterOperators[filterItem.type]\n          });\n        });\n      }\n\n      // construct search for initial grouping\n      if (rowGroupCols.length && !groupKeys.length) {\n        const formattedPropertyName =\n          rowGroupCols[0].field.charAt(0).toUpperCase() +\n          rowGroupCols[0].field.slice(1);\n        searchObject.groupingType = SearchGroupingType.Distinct;\n        if (!searchObject.groupProperty.includes(formattedPropertyName)) {\n          searchObject.groupProperty.push(formattedPropertyName);\n\n          const orderElements = searchObject.orderElements;\n          const element = orderElements.find(\n            (element) => element.sortColumn === formattedPropertyName\n          );\n          if (!element) {\n            orderElements.push({\n              sortColumn: formattedPropertyName,\n              sortDirection: SearchSortDirection.Asc\n            });\n          }\n        }\n      }\n\n      // construct the filter for grouped columns\n      if (groupKeys.length) {\n        // construct search for last grouped element\n        if (groupKeys.length === rowGroupCols.length) {\n          searchObject.groupingType = '';\n          const filterElements = searchObject.filterElements;\n          groupKeys.forEach((key, index) => {\n            const rowGroupCol = rowGroupCols[index];\n            const formattedPropertyName =\n              rowGroupCol.field.charAt(0).toUpperCase() +\n              rowGroupCol.field.slice(1);\n            const element = filterElements.find(\n              (element) => element.searchField === formattedPropertyName\n            );\n\n            let currentNode = null;\n            params.api.forEachNode((node) => {\n              const nodeKey = node.field;\n              if (\n                nodeKey?.toLowerCase() ===\n                  formattedPropertyName?.toLowerCase() &&\n                node?.data?.[nodeKey] === key\n              ) {\n                currentNode = node;\n                return;\n              }\n            });\n            let searchValue = key;\n            if (currentNode) {\n              const cleanData = getCleanData\n                ? getCleanData(currentNode.data, lookupsMap)\n                : null;\n              if (cleanData) {\n                searchValue = cleanData[currentNode.field];\n              }\n            }\n\n            if (element) {\n              element.searchValue = searchValue;\n              element.searchOperator = '=';\n            } else {\n              filterElements.push({\n                searchField: formattedPropertyName,\n                searchValue: searchValue,\n                searchOperator: '='\n              });\n            }\n          });\n        } else {\n          // construct search for the next grouped element\n          groupKeys.forEach((key, index) => {\n            const formattedPropertyNameForSearch =\n              rowGroupCols[index].field.charAt(0).toUpperCase() +\n              rowGroupCols[index].field.slice(1);\n\n            let currentNode = null;\n            params.api.forEachNode((node) => {\n              const nodeKey = node.field;\n              if (\n                nodeKey?.toLowerCase() ===\n                  formattedPropertyNameForSearch?.toLowerCase() &&\n                node?.data?.[nodeKey] === key\n              ) {\n                currentNode = node;\n                return;\n              }\n            });\n            let searchValue = key;\n            if (currentNode) {\n              const cleanData = getCleanData\n                ? getCleanData(currentNode.data, lookupsMap)\n                : null;\n              if (cleanData) {\n                searchValue = cleanData[currentNode.field];\n              }\n            }\n\n            searchObject.filterElements.push({\n              searchField: formattedPropertyNameForSearch,\n              searchValue: searchValue,\n              searchOperator: '='\n            });\n          });\n\n          searchObject.groupingType = SearchGroupingType.Distinct;\n          const searchIndex = groupKeys.length;\n          const rowGroupCol = rowGroupCols[searchIndex];\n          const formattedPropertyName =\n            rowGroupCol.field.charAt(0).toUpperCase() +\n            rowGroupCol.field.slice(1);\n\n          if (!searchObject.groupProperty.includes(formattedPropertyName)) {\n            searchObject.groupProperty.push(formattedPropertyName);\n\n            const orderElements = searchObject.orderElements;\n            const element = orderElements.find(\n              (element) => element.sortColumn === formattedPropertyName\n            );\n            if (!element) {\n              orderElements.push({\n                sortColumn: formattedPropertyName,\n                sortDirection: SearchSortDirection.Asc\n              });\n            }\n          }\n        }\n      }\n\n      if (\n        !startRow &&\n        rowGroupCols.length === 0 &&\n        !sortModel.length &&\n        !Object.keys(filterModel).length &&\n        !groupKeys.length &&\n        queryData\n      ) {\n        if (queryData.pageList && queryData.pageList) {\n          params.success({\n            rowData: queryData.pageList,\n            rowCount: parseInt(queryData.total)\n          });\n          if (storeRowData) {\n            storeRowData(queryData.pageList);\n          }\n        } else {\n          // TODO: add an overlay to display no rows\n          params.success({\n            rowData: [],\n            rowCount: 0\n          });\n          if (storeRowData) {\n            storeRowData([]);\n          }\n        }\n      } else {\n        let response = null;\n        if (executeQuery) {\n          const data = { data: searchObject };\n          response = await executeQuery(data, apiMethodId, lookupsMap).catch(\n            (e) =>\n              params.success({\n                rowData: [],\n                rowCount: 0\n              })\n          );\n        }\n        const rowData = response?.status === 200 ? response?.data : response;\n        if (rowData && response) {\n          if (rowData?.pageList?.length > 0) {\n            params.success({\n              rowData: rowData.pageList,\n              rowCount: parseInt(rowData.total)\n            });\n            if (storeRowData) {\n              storeRowData(rowData.pageList);\n            }\n          } else {\n            params.success({\n              rowData: [],\n              rowCount: 0\n            });\n            if (storeRowData) {\n              storeRowData([]);\n            }\n          }\n        } else {\n          params.success({\n            rowData: [],\n            rowCount: 0\n          });\n          if (storeRowData) {\n            storeRowData([]);\n          }\n        }\n      }\n    }\n  };\n};\n"],"mappings":";;;;;;AASA,MAAa,2BACX,WACA,aACA,sBACA,wBAAwB,2BAA2B,KACnD,cACA,cACA,YACA,YAAY,OACZ,eAAe,SACZ;AACH,QAAO,EACL,MAAM,QAAQ,QAAQ;EACpB,MAAM,EACJ,UACA,QACA,cACA,WACA,WACA,aACA,cACE,OAAO;EAUX,MAAM,eAAe,UARQ,gBAC3B,sBAFW,SAAS,IAIpB,MACA,WACA,sBACD,CAEmD;AAGpD,MAAI,UAAU,QAAQ;GACpB,MAAM,gBAAgB,aAAa;AACnC,aAAU,SAAS,aAAa;IAC9B,MAAM,wBACJ,SAAS,MAAM,OAAO,EAAE,CAAC,aAAa,GAAG,SAAS,MAAM,MAAM,EAAE;IAClE,MAAM,UAAU,cAAc,MAC3B,cAAYA,UAAQ,eAAe,sBACrC;AACD,QAAI,QACF,SAAQ,gBAAgB,SAAS,KAAK,aAAa;QAEnD,eAAc,KAAK;KACjB,YAAY;KACZ,eAAe,SAAS,KAAK,aAAa;KAC3C,CAAC;KAEJ;;AAIJ,MAAI,OAAO,KAAK,YAAY,CAAC,QAAQ;GACnC,MAAM,iBAAiB,aAAa;AACpC,UAAO,KAAK,YAAY,CAAC,SAAS,QAAQ;IACxC,MAAM,aAAa,YAAY;IAC/B,MAAM,wBACJ,IAAI,OAAO,EAAE,CAAC,aAAa,GAAG,IAAI,MAAM,EAAE;AAC5C,mBAAe,KAAK;KAClB,aAAa;KACb,aAAa,WAAW;KACxB,gBAAgB,gBAAgB,WAAW;KAC5C,CAAC;KACF;;AAIJ,MAAI,aAAa,UAAU,CAAC,UAAU,QAAQ;GAC5C,MAAM,wBACJ,aAAa,GAAG,MAAM,OAAO,EAAE,CAAC,aAAa,GAC7C,aAAa,GAAG,MAAM,MAAM,EAAE;AAChC,gBAAa,eAAe,mBAAmB;AAC/C,OAAI,CAAC,aAAa,cAAc,SAAS,sBAAsB,EAAE;AAC/D,iBAAa,cAAc,KAAK,sBAAsB;IAEtD,MAAM,gBAAgB,aAAa;AAInC,QAAI,CAHY,cAAc,MAC3B,YAAY,QAAQ,eAAe,sBACrC,CAEC,eAAc,KAAK;KACjB,YAAY;KACZ,eAAe,oBAAoB;KACpC,CAAC;;;AAMR,MAAI,UAAU,OAEZ,KAAI,UAAU,WAAW,aAAa,QAAQ;AAC5C,gBAAa,eAAe;GAC5B,MAAM,iBAAiB,aAAa;AACpC,aAAU,SAAS,KAAK,UAAU;IAChC,MAAM,cAAc,aAAa;IACjC,MAAM,wBACJ,YAAY,MAAM,OAAO,EAAE,CAAC,aAAa,GACzC,YAAY,MAAM,MAAM,EAAE;IAC5B,MAAM,UAAU,eAAe,MAC5B,cAAYA,UAAQ,gBAAgB,sBACtC;IAED,IAAI,cAAc;AAClB,WAAO,IAAI,aAAa,SAAS;KAC/B,MAAM,UAAU,KAAK;AACrB,SACE,SAAS,aAAa,KACpB,uBAAuB,aAAa,IACtC,MAAM,OAAO,aAAa,KAC1B;AACA,oBAAc;AACd;;MAEF;IACF,IAAI,cAAc;AAClB,QAAI,aAAa;KACf,MAAM,YAAY,eACd,aAAa,YAAY,MAAM,WAAW,GAC1C;AACJ,SAAI,UACF,eAAc,UAAU,YAAY;;AAIxC,QAAI,SAAS;AACX,aAAQ,cAAc;AACtB,aAAQ,iBAAiB;UAEzB,gBAAe,KAAK;KAClB,aAAa;KACA;KACb,gBAAgB;KACjB,CAAC;KAEJ;SACG;AAEL,aAAU,SAAS,KAAK,UAAU;IAChC,MAAM,iCACJ,aAAa,OAAO,MAAM,OAAO,EAAE,CAAC,aAAa,GACjD,aAAa,OAAO,MAAM,MAAM,EAAE;IAEpC,IAAI,cAAc;AAClB,WAAO,IAAI,aAAa,SAAS;KAC/B,MAAM,UAAU,KAAK;AACrB,SACE,SAAS,aAAa,KACpB,gCAAgC,aAAa,IAC/C,MAAM,OAAO,aAAa,KAC1B;AACA,oBAAc;AACd;;MAEF;IACF,IAAI,cAAc;AAClB,QAAI,aAAa;KACf,MAAM,YAAY,eACd,aAAa,YAAY,MAAM,WAAW,GAC1C;AACJ,SAAI,UACF,eAAc,UAAU,YAAY;;AAIxC,iBAAa,eAAe,KAAK;KAC/B,aAAa;KACA;KACb,gBAAgB;KACjB,CAAC;KACF;AAEF,gBAAa,eAAe,mBAAmB;GAE/C,MAAM,cAAc,aADA,UAAU;GAE9B,MAAM,wBACJ,YAAY,MAAM,OAAO,EAAE,CAAC,aAAa,GACzC,YAAY,MAAM,MAAM,EAAE;AAE5B,OAAI,CAAC,aAAa,cAAc,SAAS,sBAAsB,EAAE;AAC/D,iBAAa,cAAc,KAAK,sBAAsB;IAEtD,MAAM,gBAAgB,aAAa;AAInC,QAAI,CAHY,cAAc,MAC3B,YAAY,QAAQ,eAAe,sBACrC,CAEC,eAAc,KAAK;KACjB,YAAY;KACZ,eAAe,oBAAoB;KACpC,CAAC;;;AAMV,MACE,CAAC,YACD,aAAa,WAAW,KACxB,CAAC,UAAU,UACX,CAAC,OAAO,KAAK,YAAY,CAAC,UAC1B,CAAC,UAAU,UACX,UAEA,KAAI,UAAU,YAAY,UAAU,UAAU;AAC5C,UAAO,QAAQ;IACb,SAAS,UAAU;IACnB,UAAU,SAAS,UAAU,MAAM;IACpC,CAAC;AACF,OAAI,aACF,cAAa,UAAU,SAAS;SAE7B;AAEL,UAAO,QAAQ;IACb,SAAS,EAAE;IACX,UAAU;IACX,CAAC;AACF,OAAI,aACF,cAAa,EAAE,CAAC;;OAGf;GACL,IAAI,WAAW;AACf,OAAI,aAEF,YAAW,MAAM,aADJ,EAAE,MAAM,cAAc,EACC,aAAa,WAAW,CAAC,OAC1D,MACC,OAAO,QAAQ;IACb,SAAS,EAAE;IACX,UAAU;IACX,CAAC,CACL;GAEH,MAAM,UAAU,UAAU,WAAW,MAAM,UAAU,OAAO;AAC5D,OAAI,WAAW,SACb,KAAI,SAAS,UAAU,SAAS,GAAG;AACjC,WAAO,QAAQ;KACb,SAAS,QAAQ;KACjB,UAAU,SAAS,QAAQ,MAAM;KAClC,CAAC;AACF,QAAI,aACF,cAAa,QAAQ,SAAS;UAE3B;AACL,WAAO,QAAQ;KACb,SAAS,EAAE;KACX,UAAU;KACX,CAAC;AACF,QAAI,aACF,cAAa,EAAE,CAAC;;QAGf;AACL,WAAO,QAAQ;KACb,SAAS,EAAE;KACX,UAAU;KACX,CAAC;AACF,QAAI,aACF,cAAa,EAAE,CAAC;;;IAKzB"}