@sparrowengg/integrations-templates-frontend 2.0.0 → 2.1.0-beta.2

package/dist/cjs/dynamic-mapping/components/CustomDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomDropdown.js","sources":["../../../../src/dynamic-mapping/components/CustomDropdown.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport {\n  Box,\n  Button,\n  Flex,\n  Input,\n  Radio,\n  RadioGroup,\n  Text,\n  Tooltip,\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n  Calendar,\n} from '@sparrowengg/twigs-react';\nimport { ChevronDownIcon } from '@sparrowengg/twigs-react-icons';\nimport { parseDate, DateValue } from '@internationalized/date';\nimport dayjs from 'dayjs';\nimport { CustomDropdownProps } from '../types';\nimport { dynamicDateOptions } from '../../commons/constants';\nimport { CONFIGURATION_FIELD_IDS, UI_TEXT, DATE_TYPES, CSS_CLASSES, FONT_FAMILIES } from '../constants';\n\nexport const CustomDropdown: React.FC<CustomDropdownProps> = ({\n  data,\n  onChangeHandler,\n  value,\n  editField,\n  isDisabled,\n  placeholder,\n}) => {\n  const [date, setDate] = useState<DateValue>(() => {\n    try {\n      return value\n        ? parseDate(dayjs(value).format('YYYY-MM-DD'))\n        : parseDate(dayjs().format('YYYY-MM-DD'));\n    } catch (e) {\n      return parseDate(dayjs().format('YYYY-MM-DD'));\n    }\n  });\n  const [days, setDays] = useState((value?.value as any)?.value ?? 0);\n  const [open, setOpen] = useState(false);\n  const [hasBeenOpened, setHasBeenOpened] = useState(false);\n\n  useEffect(() => {\n    if (!editField?.id && !hasBeenOpened && !isDisabled) {\n      setOpen(true);\n      setHasBeenOpened(true);\n    }\n  }, [editField?.id, hasBeenOpened, isDisabled]);\n\n  const getDisplayValue = () => {\n    if (value?.type === DATE_TYPES.DATE) {\n      return `${value?.label} > ${value?.value}`;\n    }\n    if (value?.type === DATE_TYPES.DATE_RANGE) {\n      const rangeValue = (value?.value as any)?.type === DATE_TYPES.CUSTOM\n        ? `${(value?.value as any)?.value} ${UI_TEXT.DAYS.toLowerCase()}`\n        : (value?.value as any)?.label;\n      return `${value?.label} - ${rangeValue}`;\n    }\n    return value?.label;\n  };\n\n  return (\n    <DropdownMenu open={open} onOpenChange={setOpen} modal={false}>\n      <DropdownMenuTrigger asChild disabled={isDisabled}>\n        <Input\n          size=\"lg\"\n          rightIcon={<ChevronDownIcon size={30} color=\"#6A6A6A\" />}\n          placeholder={placeholder || UI_TEXT.CHOOSE}\n          value={getDisplayValue()}\n          css={{\n            '& input': {\n              textAlign: 'left !important',\n            },\n          }}\n        />\n      </DropdownMenuTrigger>\n\n      <DropdownMenuContent\n        css={{\n          width: '488px',\n          marginBlockStart: '$2',\n          p: {\n            margin: '0px !important',\n          },\n          zIndex: '99 !important',\n        }}\n        className={CSS_CLASSES.DM_SANS}\n      >\n        {data.map((option) => {\n          if (!option.type) {\n            return (\n              <Tooltip\n                key={option.id}\n                content={option.tooltip || ''}\n                css={{\n                  zIndex: '9999999 !important',\n                  fontFamily: FONT_FAMILIES.DM_SANS_IMPORTANT,\n                }}\n              >\n                <Box>\n                  <DropdownMenuItem\n                    disabled={option?.disabled}\n                    css={{\n                      cursor: option?.disabled\n                        ? 'not-allowed !important'\n                        : 'pointer !important',\n                      background:\n                        value?.type === option.type\n                          ? '#4A9CA626 !important'\n                          : 'transparent !important',\n                    }}\n                    onClick={() =>\n                      onChangeHandler({\n                        id: CONFIGURATION_FIELD_IDS.RESPONSE_IMPORT_TYPE,\n                        value: option,\n                      })\n                    }\n                  >\n                    <Flex\n                      justifyContent=\"space-between\"\n                      alignItems=\"center\"\n                      css={{\n                        width: '100%',\n                      }}\n                    >\n                      <Flex justifyContent=\"center\" flexDirection=\"column\">\n                        <Text\n                          size=\"sm\"\n                          weight=\"regular\"\n                          css={{ color: '$neutral900' }}\n                        >\n                          {option.label}\n                        </Text>\n                        <Text\n                          size=\"xs\"\n                          weight=\"regular\"\n                          css={{ color: '$neutral700' }}\n                        >\n                          {option.description}\n                        </Text>\n                      </Flex>\n                    </Flex>\n                  </DropdownMenuItem>\n                </Box>\n              </Tooltip>\n            );\n          }\n\n          return (\n            <Tooltip\n              key={option.id}\n              content={option.tooltip || ''}\n              css={{\n                fontFamily: FONT_FAMILIES.DM_SANS_IMPORTANT,\n                zIndex: '9999999 !important',\n              }}\n            >\n              <Box>\n                <DropdownMenuSub>\n                  <DropdownMenuSubTrigger\n                    disabled={option?.disabled}\n                    css={{\n                      cursor: option?.disabled\n                        ? 'not-allowed !important'\n                        : 'pointer !important',\n                      background:\n                        value?.type === option.type\n                          ? '#4A9CA626 !important'\n                          : 'transparent !important',\n                    }}\n                  >\n                    <Flex\n                      justifyContent=\"space-between\"\n                      alignItems=\"center\"\n                      css={{\n                        width: '100%',\n                      }}\n                    >\n                      <Flex\n                        css={{ cursor: 'pointer' }}\n                        justifyContent=\"center\"\n                        flexDirection=\"column\"\n                      >\n                        <Text\n                          size=\"sm\"\n                          weight=\"regular\"\n                          css={{ color: '$neutral900' }}\n                        >\n                          {option.label}\n                        </Text>\n                        <Text\n                          size=\"xs\"\n                          weight=\"regular\"\n                          css={{ color: '$neutral700' }}\n                        >\n                          {option.description}\n                        </Text>\n                      </Flex>\n                    </Flex>\n                  </DropdownMenuSubTrigger>\n\n                  <DropdownMenuSubContent\n                    sideOffset={10}\n                    alignOffset={-5}\n                    css={{\n                      padding: '0px !important',\n                      maxHeight: '500px',\n                      minWidth: '224px',\n                      maxWidth: '260px',\n                      margin: '0px !important',\n                      ...(option.type === 'date' && {\n                        border: 'none !important',\n                      }),\n                      p: {\n                        margin: '0px !important',\n                      },\n                      marginBlockEnd: '$10 !important',\n                    }}\n                    className={CSS_CLASSES.DM_SANS}\n                  >\n                    {option.type === DATE_TYPES.DATE && (\n                      <Calendar\n                        footerActionText={UI_TEXT.APPLY}\n                        size=\"md\"\n                        value={date}\n                        onChange={setDate}\n                        {...(option?.minValue && {\n                          minValue: parseDate(option?.minValue),\n                        })}\n                        {...(option?.maxValue && {\n                          maxValue: parseDate(option?.maxValue),\n                        })}\n                        footerAction={() => {\n                          onChangeHandler({\n                            id: CONFIGURATION_FIELD_IDS.RESPONSE_IMPORT_TYPE,\n                            value: {\n                              ...option,\n                              value: dayjs(date.toString()).format('MMM D, YYYY'),\n                            },\n                          });\n                          setOpen(false);\n                        }}\n                      />\n                    )}\n                    {option.type === DATE_TYPES.DATE_RANGE && (\n                      <Flex\n                        css={{\n                          paddingInline: '$4 !important',\n                          paddingBlock: '$8 !important',\n                        }}\n                        flexDirection=\"column\"\n                        gap=\"$4\"\n                      >\n                        <RadioGroup\n                          defaultValue={(value?.value as any)}\n                          onChange={(selectedValue) => {\n                            onChangeHandler({\n                              id: CONFIGURATION_FIELD_IDS.RESPONSE_IMPORT_TYPE,\n                              value: {\n                                ...option,\n                                value: {\n                                  type: selectedValue,\n                                  value: selectedValue,\n                                  label: dynamicDateOptions.find(\n                                    (opt) => opt.value === selectedValue\n                                  )?.label,\n                                },\n                              },\n                            });\n                          }}\n                        >\n                          {dynamicDateOptions.map((dateOption) => (\n                            <Box\n                              key={dateOption.value}\n                              css={{\n                                padding: '$4 !important',\n                              }}\n                            >\n                              <Radio value={dateOption.value}>\n                                {dateOption.label}\n                              </Radio>\n                            </Box>\n                          ))}\n                        </RadioGroup>\n                        {(value?.value as any)?.type === DATE_TYPES.CUSTOM && (\n                          <Box\n                            css={{\n                              paddingRight: '$4 !important',\n                              position: 'relative',\n                            }}\n                          >\n                            <Input\n                              size=\"md\"\n                              variant=\"filled\"\n                              value={days}\n                              onChange={(e) =>\n                                setDays((e.target as HTMLInputElement).value)\n                              }\n                            />\n                            <Text\n                              css={{\n                                position: 'absolute',\n                                right: '$8',\n                                top: '$3',\n                              }}\n                            >\n                              {UI_TEXT.DAYS}\n                            </Text>\n                          </Box>\n                        )}\n\n                        <Flex\n                          justifyContent=\"space-between\"\n                          css={{\n                            borderBlockStart:\n                              '$borderWidths$xs, solid, $neutral200 !important',\n                            padding: '$8',\n                          }}\n                        >\n                          <Button size=\"sm\" variant=\"ghost\" color=\"secondary\">\n                            {UI_TEXT.CANCEL}\n                          </Button>\n                          <Button\n                            size=\"sm\"\n                            variant=\"ghost\"\n                            color=\"primary\"\n                            onClick={() => {\n                              onChangeHandler({\n                                id: CONFIGURATION_FIELD_IDS.RESPONSE_IMPORT_TYPE,\n                                value: {\n                                  ...option,\n                                  value: {\n                                    type: (value?.value as any)?.type,\n                                    value: days,\n                                    label: (value?.value as any)?.label,\n                                  },\n                                },\n                              });\n                              setOpen(false);\n                            }}\n                          >\n                            {UI_TEXT.APPLY}\n                          </Button>\n                        </Flex>\n                      </Flex>\n                    )}\n                  </DropdownMenuSubContent>\n                </DropdownMenuSub>\n              </Box>\n            </Tooltip>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n\n"],"names":["useState","parseDate","dayjs","useEffect","_a","_b","DATE_TYPES","UI_TEXT","DropdownMenu","DropdownMenuTrigger","Input","ChevronDownIcon","DropdownMenuContent","CSS_CLASSES","Tooltip","FONT_FAMILIES","Box","DropdownMenuItem","CONFIGURATION_FIELD_IDS","Flex","Text","DropdownMenuSub","DropdownMenuSubTrigger","DropdownMenuSubContent","Calendar","RadioGroup","dynamicDateOptions","Radio","Button"],"mappings":"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"}

package/dist/cjs/dynamic-mapping/components/MappingHeader.js

@@ -0,0 +1,230 @@
+'use strict';
+
+var React = require('react');
+var editConfirmation = require('../../commons/components/edit-confirmation.js');
+var NamingModal = require('../../commons/components/NamingModal.js');
+var arrow = require('../../commons/icons/arrow.js');
+var index$1 = require('../utils/index.js');
+var index = require('../constants/index.js');
+var flex = require('../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
+var iconButton = require('../../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js');
+var arrowLeft = require('../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/arrow-left.js');
+var heading = require('../../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js');
+var button = require('../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js');
+
+const MappingHeader = ({
+  hasNamingModal,
+  isEditConfirmationOpen,
+  editField,
+  importResponse,
+  hasExistingMapping,
+  ssMappingData,
+  isMappingPage,
+  navigateConfigPage,
+  onSaveHandler,
+  previousMappingHandler,
+  saveConfiguration,
+  configuration,
+  setIsEditConfirmationOpen,
+  hasFieldsChanged,
+  mappingType,
+  essentialFields,
+  commonFields
+}) => {
+  var _a;
+  const [isNamingModalOpen, setIsNamingModalOpen] = React.useState(false);
+  const isButtonDisabled = React.useCallback(() => {
+    var _a2, _b, _c;
+    if (isMappingPage) {
+      if (mappingType === index.MAPPING_TYPES.MULTI) {
+        return !(essentialFields == null ? void 0 : essentialFields.length) ? commonFields == null ? void 0 : commonFields.every(
+          (field) => !(field == null ? void 0 : field.integrationField) && !(field == null ? void 0 : field.surveySparrowField)
+        ) : essentialFields == null ? void 0 : essentialFields.some(
+          (field) => !(field == null ? void 0 : field.surveySparrowField)
+        );
+      }
+      if (editField == null ? void 0 : editField.id) {
+        return !hasFieldsChanged;
+      }
+      if (((_a2 = importResponse == null ? void 0 : importResponse.value) == null ? void 0 : _a2.ImportMethod) === index.IMPORT_METHODS.SEND_ALL) {
+        return !index$1.hasAnyEnabledFields(ssMappingData);
+      } else {
+        return !index$1.hasAnyEnabledFields(ssMappingData);
+      }
+    } else {
+      const allFieldsDisabled = index$1.hasEmptyConfigurationFields(
+        configuration == null ? void 0 : configuration.configurationFields
+      );
+      const hasResponseImportSettings = (_c = (_b = configuration == null ? void 0 : configuration.configurationFields) == null ? void 0 : _b.find(
+        (field) => (field == null ? void 0 : field.id) === index.CONFIGURATION_FIELD_IDS.RESPONSE_IMPORT_SETTINGS
+      )) == null ? void 0 : _c.value;
+      if (hasResponseImportSettings) {
+        return allFieldsDisabled || !index$1.hasResponseImportType(configuration == null ? void 0 : configuration.configuredFields);
+      }
+      return allFieldsDisabled;
+    }
+  }, [
+    isMappingPage,
+    mappingType,
+    essentialFields,
+    commonFields,
+    editField == null ? void 0 : editField.id,
+    hasFieldsChanged,
+    (_a = importResponse == null ? void 0 : importResponse.value) == null ? void 0 : _a.ImportMethod,
+    ssMappingData,
+    configuration
+  ]);
+  const isMappingPageDisabled = React.useCallback(() => {
+    var _a2, _b;
+    const allFieldsDisabled = index$1.hasEmptyConfigurationFields(
+      configuration == null ? void 0 : configuration.configurationFields
+    );
+    const hasResponseImportSettings = (_b = (_a2 = configuration == null ? void 0 : configuration.configurationFields) == null ? void 0 : _a2.find(
+      (field) => (field == null ? void 0 : field.id) === index.CONFIGURATION_FIELD_IDS.RESPONSE_IMPORT_SETTINGS
+    )) == null ? void 0 : _b.value;
+    if (hasResponseImportSettings) {
+      return allFieldsDisabled || !index$1.hasResponseImportType(configuration == null ? void 0 : configuration.configuredFields);
+    }
+    return allFieldsDisabled;
+  }, [configuration]);
+  const handleSaveClick = () => {
+    if (hasNamingModal && isMappingPage) {
+      setIsNamingModalOpen(true);
+    } else {
+      if (isMappingPage) {
+        if (editField == null ? void 0 : editField.id) {
+          setIsEditConfirmationOpen(true);
+        } else {
+          onSaveHandler({});
+        }
+      } else {
+        saveConfiguration();
+      }
+    }
+  };
+  const getButtonText = () => {
+    if (isMappingPage) {
+      return (editField == null ? void 0 : editField.id) ? index.UI_TEXT.UPDATE_MAPPING : index.UI_TEXT.SAVE_MAPPING;
+    }
+    return index.UI_TEXT.CONTINUE_MAPPING;
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    flex.Flex,
+    {
+      alignItems: "center",
+      justifyContent: "space-between",
+      css: {
+        borderBottom: "$borderWidths$xs solid $neutral200",
+        padding: "$8 $12"
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      flex.Flex,
+      {
+        gap: "$6",
+        alignItems: "center",
+        css: { visibility: hasExistingMapping ? "visible" : "hidden" }
+      },
+      /* @__PURE__ */ React.createElement(
+        iconButton.IconButton,
+        {
+          onClick: () => previousMappingHandler == null ? void 0 : previousMappingHandler(),
+          color: "default",
+          icon: /* @__PURE__ */ React.createElement(arrowLeft.ArrowLeftIcon, null),
+          size: "lg"
+        }
+      ),
+      /* @__PURE__ */ React.createElement(heading.Heading, { size: "h6" }, (editField == null ? void 0 : editField.id) ? index.UI_TEXT.EDIT_MAPPING : index.UI_TEXT.NEW_MAPPING)
+    ),
+    /* @__PURE__ */ React.createElement(
+      flex.Flex,
+      {
+        alignItems: "center",
+        gap: "$4",
+        css: {
+          "& button": { background: "transparent !important", fontSize: "$md" }
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        button.Button,
+        {
+          css: { color: !isMappingPage ? "$neutral900" : "$neutral800" },
+          color: "default",
+          variant: "ghost",
+          size: "md",
+          onClick: () => isMappingPage && navigateConfigPage()
+        },
+        index.UI_TEXT.CONFIGURATION
+      ),
+      /* @__PURE__ */ React.createElement(arrow.default, null),
+      /* @__PURE__ */ React.createElement(
+        button.Button,
+        {
+          disabled: isMappingPageDisabled(),
+          css: {
+            color: isMappingPage ? "$neutral900" : "$neutral800",
+            cursor: isMappingPageDisabled() ? "not-allowed" : "pointer"
+          },
+          color: "default",
+          variant: "ghost",
+          onClick: () => {
+            if (isMappingPage) {
+              onSaveHandler({});
+            } else {
+              saveConfiguration();
+            }
+          },
+          size: "md"
+        },
+        index.UI_TEXT.MAPPING
+      )
+    ),
+    /* @__PURE__ */ React.createElement(
+      flex.Flex,
+      {
+        justifyContent: "end",
+        css: {
+          width: "180px"
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        button.Button,
+        {
+          size: "lg",
+          disabled: isButtonDisabled(),
+          onClick: handleSaveClick
+        },
+        getButtonText()
+      )
+    )
+  ), hasNamingModal && isMappingPage && /* @__PURE__ */ React.createElement(
+    NamingModal.default,
+    {
+      editFieldId: editField == null ? void 0 : editField.id,
+      saveHandler: () => onSaveHandler(editField == null ? void 0 : editField.id),
+      closeHandler: () => setIsNamingModalOpen(false),
+      value: (configuration == null ? void 0 : configuration.currentMappingName) || "",
+      setValue: (value) => {
+        var _a2;
+        return (_a2 = configuration == null ? void 0 : configuration.setMappingName) == null ? void 0 : _a2.call(configuration, value);
+      },
+      isOpen: isNamingModalOpen
+    }
+  ), isEditConfirmationOpen && /* @__PURE__ */ React.createElement(
+    editConfirmation.default,
+    {
+      name: index.UI_TEXT.EDIT_CONFIRMATION_TITLE,
+      description: index.UI_TEXT.EDIT_CONFIRMATION_DESCRIPTION,
+      onConfirm: async () => {
+        await onSaveHandler({});
+        setIsEditConfirmationOpen(false);
+      },
+      onCancel: () => {
+        setIsEditConfirmationOpen(false);
+      }
+    }
+  ));
+};
+
+exports.MappingHeader = MappingHeader;
+//# sourceMappingURL=MappingHeader.js.map

package/dist/cjs/dynamic-mapping/components/MappingHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MappingHeader.js","sources":["../../../../src/dynamic-mapping/components/MappingHeader.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport {\n  Button,\n  Flex,\n  Heading,\n  IconButton,\n} from '@sparrowengg/twigs-react';\nimport { ArrowLeftIcon } from '@sparrowengg/twigs-react-icons';\nimport { MappingHeaderProps, FieldType } from '../types';\nimport EditConfirmation from '../../commons/components/edit-confirmation';\nimport NamingModal from '../../commons/components/NamingModal';\nimport Arrow from '../../commons/icons/arrow';\nimport { \n  hasAnyEnabledFields, \n  hasEmptyConfigurationFields, \n  hasResponseImportType \n} from '../utils';\nimport { IMPORT_METHODS, MAPPING_TYPES, CONFIGURATION_FIELD_IDS, UI_TEXT } from '../constants';\n\nexport const MappingHeader: React.FC<MappingHeaderProps> = ({\n  hasNamingModal,\n  isEditConfirmationOpen,\n  editField,\n  importResponse,\n  hasExistingMapping,\n  ssMappingData,\n  isMappingPage,\n  navigateConfigPage,\n  onSaveHandler,\n  previousMappingHandler,\n  saveConfiguration,\n  configuration,\n  setIsEditConfirmationOpen,\n  hasFieldsChanged,\n  mappingType,\n  essentialFields,\n  commonFields,\n}) => {\n  const [isNamingModalOpen, setIsNamingModalOpen] = useState(false);\n\n  /**\n   * Determines if the save/continue button should be disabled\n   */\n  const isButtonDisabled = useCallback((): boolean => {\n    if (isMappingPage) {\n      if (mappingType === MAPPING_TYPES.MULTI) {\n        return !essentialFields?.length\n          ? commonFields?.every(\n              (field: FieldType) =>\n                !field?.integrationField && !field?.surveySparrowField\n            )\n          : essentialFields?.some(\n              (field: FieldType) => !field?.surveySparrowField\n            );\n      }\n\n      // In edit mode, check if any fields have changed\n      if (editField?.id) {\n        return !hasFieldsChanged;\n      }\n\n      if (importResponse?.value?.ImportMethod === IMPORT_METHODS.SEND_ALL) {\n        return !hasAnyEnabledFields(ssMappingData);\n      } else {\n        return !hasAnyEnabledFields(ssMappingData);\n      }\n    } else {\n      const allFieldsDisabled = hasEmptyConfigurationFields(\n        configuration?.configurationFields\n      );\n      \n      const hasResponseImportSettings = configuration?.configurationFields?.find(\n        (field) => field?.id === CONFIGURATION_FIELD_IDS.RESPONSE_IMPORT_SETTINGS\n      )?.value;\n\n      if (hasResponseImportSettings) {\n        return (\n          allFieldsDisabled ||\n          !hasResponseImportType(configuration?.configuredFields)\n        );\n      }\n      \n      return allFieldsDisabled;\n    }\n  }, [\n    isMappingPage,\n    mappingType,\n    essentialFields,\n    commonFields,\n    editField?.id,\n    hasFieldsChanged,\n    importResponse?.value?.ImportMethod,\n    ssMappingData,\n    configuration,\n  ]);\n\n  /**\n   * Determines if mapping page navigation should be disabled\n   */\n  const isMappingPageDisabled = useCallback((): boolean => {\n    const allFieldsDisabled = hasEmptyConfigurationFields(\n      configuration?.configurationFields\n    );\n    \n    const hasResponseImportSettings = configuration?.configurationFields?.find(\n      (field) => field?.id === CONFIGURATION_FIELD_IDS.RESPONSE_IMPORT_SETTINGS\n    )?.value;\n\n    if (hasResponseImportSettings) {\n      return (\n        allFieldsDisabled ||\n        !hasResponseImportType(configuration?.configuredFields)\n      );\n    }\n    \n    return allFieldsDisabled;\n  }, [configuration]);\n\n  /**\n   * Handles the save button click\n   */\n  const handleSaveClick = () => {\n    if (hasNamingModal && isMappingPage) {\n      setIsNamingModalOpen(true);\n    } else {\n      if (isMappingPage) {\n        if (editField?.id) {\n          setIsEditConfirmationOpen(true);\n        } else {\n          onSaveHandler({});\n        }\n      } else {\n        saveConfiguration();\n      }\n    }\n  };\n\n  const getButtonText = (): string => {\n    if (isMappingPage) {\n      return editField?.id ? UI_TEXT.UPDATE_MAPPING : UI_TEXT.SAVE_MAPPING;\n    }\n    return UI_TEXT.CONTINUE_MAPPING;\n  };\n\n  return (\n    <>\n      <Flex\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        css={{\n          borderBottom: '$borderWidths$xs solid $neutral200',\n          padding: '$8 $12',\n        }}\n      >\n        <Flex\n          gap=\"$6\"\n          alignItems=\"center\"\n          css={{ visibility: hasExistingMapping ? 'visible' : 'hidden' }}\n        >\n          <IconButton\n            onClick={() => previousMappingHandler?.()}\n            color=\"default\"\n            icon={<ArrowLeftIcon />}\n            size=\"lg\"\n          />\n          <Heading size=\"h6\">\n            {editField?.id ? UI_TEXT.EDIT_MAPPING : UI_TEXT.NEW_MAPPING}\n          </Heading>\n        </Flex>\n\n        <Flex\n          alignItems=\"center\"\n          gap=\"$4\"\n          css={{\n            '& button': { background: 'transparent !important', fontSize: '$md' },\n          }}\n        >\n          <Button\n            css={{ color: !isMappingPage ? '$neutral900' : '$neutral800' }}\n            color=\"default\"\n            variant=\"ghost\"\n            size=\"md\"\n            onClick={() => isMappingPage && navigateConfigPage()}\n          >\n            {UI_TEXT.CONFIGURATION}\n          </Button>\n          <Arrow />\n          <Button\n            disabled={isMappingPageDisabled()}\n            css={{\n              color: isMappingPage ? '$neutral900' : '$neutral800',\n              cursor: isMappingPageDisabled() ? 'not-allowed' : 'pointer',\n            }}\n            color=\"default\"\n            variant=\"ghost\"\n            onClick={() => {\n              if (isMappingPage) {\n                onSaveHandler({});\n              } else {\n                saveConfiguration();\n              }\n            }}\n            size=\"md\"\n          >\n            {UI_TEXT.MAPPING}\n          </Button>\n        </Flex>\n\n        <Flex\n          justifyContent=\"end\"\n          css={{\n            width: '180px',\n          }}\n        >\n          <Button\n            size=\"lg\"\n            disabled={isButtonDisabled()}\n            onClick={handleSaveClick}\n          >\n            {getButtonText()}\n          </Button>\n        </Flex>\n      </Flex>\n\n      {hasNamingModal && isMappingPage && (\n        <NamingModal\n          editFieldId={editField?.id}\n          saveHandler={() => onSaveHandler(editField?.id)}\n          closeHandler={() => setIsNamingModalOpen(false)}\n          value={configuration?.currentMappingName || ''}\n          setValue={(value: string) => configuration?.setMappingName?.(value)}\n          isOpen={isNamingModalOpen}\n        />\n      )}\n\n      {isEditConfirmationOpen && (\n        <EditConfirmation\n          name={UI_TEXT.EDIT_CONFIRMATION_TITLE}\n          description={UI_TEXT.EDIT_CONFIRMATION_DESCRIPTION}\n          onConfirm={async () => {\n            await onSaveHandler({});\n            setIsEditConfirmationOpen(false);\n          }}\n          onCancel={() => {\n            setIsEditConfirmationOpen(false);\n          }}\n        />\n      )}\n    </>\n  );\n};\n\n"],"names":["useState","useCallback","_a","MAPPING_TYPES","IMPORT_METHODS","hasAnyEnabledFields","hasEmptyConfigurationFields","CONFIGURATION_FIELD_IDS","hasResponseImportType","UI_TEXT","Flex","IconButton","ArrowLeftIcon","Heading","Button","Arrow","NamingModal","EditConfirmation"],"mappings":"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"}

package/dist/cjs/dynamic-mapping/constants/index.js

@@ -0,0 +1,131 @@
+'use strict';
+
+const IMPORT_METHODS = {
+  SEND_ALL: "SEND_ALL_DATA",
+  SELECTED: "SELECTED_DATA"
+};
+const MAPPING_TYPES = {
+  SINGLE: "SINGLE_MAPPING",
+  MULTI: "MULTI_MAPPING"
+};
+const MAPPING_FIELD_TYPES = {
+  QUESTIONS: "questions",
+  VARIABLES: "variables",
+  CONTACT_PROPERTIES: "contactProperties",
+  EXPRESSIONS: "expressions",
+  PROPERTY: "property",
+  DERIVED_QUESTIONS: "derivedQuestions"
+};
+const FIELD_SELECT_ALL_LABELS = {
+  [MAPPING_FIELD_TYPES.QUESTIONS]: "Select all Questions",
+  [MAPPING_FIELD_TYPES.VARIABLES]: "Select all Variables",
+  [MAPPING_FIELD_TYPES.CONTACT_PROPERTIES]: "Select all Contact Properties",
+  [MAPPING_FIELD_TYPES.EXPRESSIONS]: "Select all Expressions",
+  [MAPPING_FIELD_TYPES.PROPERTY]: "Select all Properties",
+  [MAPPING_FIELD_TYPES.DERIVED_QUESTIONS]: "Select all Derived Questions"
+};
+const CHIP_COLORS = {
+  [MAPPING_FIELD_TYPES.QUESTIONS]: "#E5F2FF",
+  [MAPPING_FIELD_TYPES.DERIVED_QUESTIONS]: "#E5F2FF",
+  [MAPPING_FIELD_TYPES.VARIABLES]: "#E8F4E3",
+  [MAPPING_FIELD_TYPES.CONTACT_PROPERTIES]: "#FDEDE8",
+  [MAPPING_FIELD_TYPES.EXPRESSIONS]: "#F1F1F1",
+  [MAPPING_FIELD_TYPES.PROPERTY]: "#4A9CA626"
+};
+const ALL_FIELD_ID = "ALL";
+const CONFIGURATION_FIELD_IDS = {
+  RESPONSE_IMPORT_SETTINGS: "responseImportSettings",
+  RESPONSE_IMPORT_TYPE: "responseImportType",
+  SPREADSHEET: "spreadsheet",
+  ACTION: "action",
+  MAPPED_FIELDS: "mappedFields",
+  EXCLUDE_RESPONSE: "excludeResponse",
+  IMPORT_METHOD: "ImportMethod"
+};
+const CONFIGURATION_FIELD_TYPES = {
+  SWITCH: "switch",
+  CHECKBOX: "checkbox",
+  INPUT: "input",
+  SELECT: "select"
+};
+const ADD_NEW_OPTION_VALUE = "ADD_NEW";
+const UI_TEXT = {
+  // Configuration
+  INVALID_INPUT: "Invalid input",
+  EVENT_DETAILS: "Event Details",
+  SURVEY_NAME_LABEL: "Survey Name:",
+  EXISTING_RESPONSES_IMPORT_MESSAGE: "Existing responses from",
+  WILL_BE_IMPORTED: "will be imported",
+  // CustomAddNewSelect
+  ADD_ACCOUNT: "Add Account",
+  IN_USE_ADDON: "In Use (Add-on)",
+  // CustomDropdown
+  CHOOSE: "Choose",
+  DAYS: "Days",
+  CANCEL: "Cancel",
+  APPLY: "Apply",
+  // Mapping
+  SELECT_IMPORT_DATA: "Select Import Data",
+  SEND_ALL_DATA: "Send all data",
+  SEND_SELECTED_DATA: "Send selected data",
+  NO_RESULTS_FOUND: "No Results Found",
+  THIS_INCLUDES: "This Includes:",
+  SEARCH_PREFIX: "Search",
+  QUESTIONS_LABEL: "Questions",
+  VARIABLES_LABEL: "Variables",
+  CONTACTS_LABEL: "Contacts",
+  EXPRESSIONS_LABEL: "Expressions",
+  PROPERTIES_LABEL: "Properties",
+  DERIVED_QUESTIONS_LABEL: "Derived Questions",
+  ENRICH_LABEL: "Enrich",
+  // MappingHeader
+  EDIT_MAPPING: "Edit Mapping",
+  NEW_MAPPING: "New Mapping",
+  CONFIGURATION: "Configuration",
+  MAPPING: "Mapping",
+  UPDATE_MAPPING: "Update Mapping",
+  SAVE_MAPPING: "Save Mapping",
+  CONTINUE_MAPPING: "Continue, Mapping",
+  EDIT_CONFIRMATION_TITLE: "Are you sure?",
+  EDIT_CONFIRMATION_DESCRIPTION: "Saving this updated mapping properties will generate new sheet with the revised mapping.",
+  // Utils
+  ERROR_FETCHING_MAPPING_DATA: "Error fetching mapping data:",
+  ALL: "ALL"
+};
+const TAB_VALUES = {
+  QUESTIONS: "QUESTIONS",
+  VARIABLE: "VARIABLE",
+  CONTACT: "CONTACT",
+  EXPRESSION: "EXPRESSION",
+  PROPERTY: "PROPERTY",
+  DERIVED_QUESTIONS: "DERIVED_QUESTIONS"
+};
+const DATE_TYPES = {
+  DATE: "date",
+  DATE_RANGE: "dateRange",
+  CUSTOM: "custom"
+};
+const FONT_FAMILIES = {
+  DM_SANS: "DM Sans, Roboto Mono, sans-serif",
+  ROBOTO_MONO: "'Roboto Mono', monospace",
+  DM_SANS_IMPORTANT: "DM Sans !important"
+};
+const CSS_CLASSES = {
+  DM_SANS: "dm-sans"
+};
+
+exports.ADD_NEW_OPTION_VALUE = ADD_NEW_OPTION_VALUE;
+exports.ALL_FIELD_ID = ALL_FIELD_ID;
+exports.CHIP_COLORS = CHIP_COLORS;
+exports.CONFIGURATION_FIELD_IDS = CONFIGURATION_FIELD_IDS;
+exports.CONFIGURATION_FIELD_TYPES = CONFIGURATION_FIELD_TYPES;
+exports.CSS_CLASSES = CSS_CLASSES;
+exports.DATE_TYPES = DATE_TYPES;
+exports.FIELD_SELECT_ALL_LABELS = FIELD_SELECT_ALL_LABELS;
+exports.FONT_FAMILIES = FONT_FAMILIES;
+exports.IMPORT_METHODS = IMPORT_METHODS;
+exports.MAPPING_FIELD_TYPES = MAPPING_FIELD_TYPES;
+exports.MAPPING_TYPES = MAPPING_TYPES;
+exports.TAB_VALUES = TAB_VALUES;
+exports.UI_TEXT = UI_TEXT;
+//# sourceMappingURL=index.js.map

package/dist/cjs/dynamic-mapping/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/dynamic-mapping/constants/index.ts"],"sourcesContent":["export const IMPORT_METHODS = {\n  SEND_ALL: 'SEND_ALL_DATA',\n  SELECTED: 'SELECTED_DATA',\n} as const;\n\nexport const MAPPING_TYPES = {\n  SINGLE: 'SINGLE_MAPPING',\n  MULTI: 'MULTI_MAPPING',\n} as const;\n\nexport const MAPPING_FIELD_TYPES = {\n  QUESTIONS: 'questions',\n  VARIABLES: 'variables',\n  CONTACT_PROPERTIES: 'contactProperties',\n  EXPRESSIONS: 'expressions',\n  PROPERTY: 'property',\n  DERIVED_QUESTIONS: 'derivedQuestions',\n} as const;\n\nexport const FIELD_SELECT_ALL_LABELS = {\n  [MAPPING_FIELD_TYPES.QUESTIONS]: 'Select all Questions',\n  [MAPPING_FIELD_TYPES.VARIABLES]: 'Select all Variables',\n  [MAPPING_FIELD_TYPES.CONTACT_PROPERTIES]: 'Select all Contact Properties',\n  [MAPPING_FIELD_TYPES.EXPRESSIONS]: 'Select all Expressions',\n  [MAPPING_FIELD_TYPES.PROPERTY]: 'Select all Properties',\n  [MAPPING_FIELD_TYPES.DERIVED_QUESTIONS]: 'Select all Derived Questions',\n} as const;\n\nexport const CHIP_COLORS = {\n  [MAPPING_FIELD_TYPES.QUESTIONS]: '#E5F2FF',\n  [MAPPING_FIELD_TYPES.DERIVED_QUESTIONS]: '#E5F2FF',\n  [MAPPING_FIELD_TYPES.VARIABLES]: '#E8F4E3',\n  [MAPPING_FIELD_TYPES.CONTACT_PROPERTIES]: '#FDEDE8',\n  [MAPPING_FIELD_TYPES.EXPRESSIONS]: '#F1F1F1',\n  [MAPPING_FIELD_TYPES.PROPERTY]: '#4A9CA626',\n} as const;\n\nexport const ALL_FIELD_ID = 'ALL';\n\nexport const CONFIGURATION_FIELD_IDS = {\n  RESPONSE_IMPORT_SETTINGS: 'responseImportSettings',\n  RESPONSE_IMPORT_TYPE: 'responseImportType',\n  SPREADSHEET: 'spreadsheet',\n  ACTION: 'action',\n  MAPPED_FIELDS: 'mappedFields',\n  EXCLUDE_RESPONSE: 'excludeResponse',\n  IMPORT_METHOD: 'ImportMethod',\n} as const;\n\nexport const CONFIGURATION_FIELD_TYPES = {\n  SWITCH: 'switch',\n  CHECKBOX: 'checkbox',\n  INPUT: 'input',\n  SELECT: 'select',\n} as const;\n\nexport const ADD_NEW_OPTION_VALUE = 'ADD_NEW';\n\n// UI Text Constants\nexport const UI_TEXT = {\n  // Configuration\n  INVALID_INPUT: 'Invalid input',\n  EVENT_DETAILS: 'Event Details',\n  SURVEY_NAME_LABEL: 'Survey Name:',\n  EXISTING_RESPONSES_IMPORT_MESSAGE: 'Existing responses from',\n  WILL_BE_IMPORTED: 'will be imported',\n  \n  // CustomAddNewSelect\n  ADD_ACCOUNT: 'Add Account',\n  IN_USE_ADDON: 'In Use (Add-on)',\n  \n  // CustomDropdown\n  CHOOSE: 'Choose',\n  DAYS: 'Days',\n  CANCEL: 'Cancel',\n  APPLY: 'Apply',\n  \n  // Mapping\n  SELECT_IMPORT_DATA: 'Select Import Data',\n  SEND_ALL_DATA: 'Send all data',\n  SEND_SELECTED_DATA: 'Send selected data',\n  NO_RESULTS_FOUND: 'No Results Found',\n  THIS_INCLUDES: 'This Includes:',\n  SEARCH_PREFIX: 'Search',\n  QUESTIONS_LABEL: 'Questions',\n  VARIABLES_LABEL: 'Variables',\n  CONTACTS_LABEL: 'Contacts',\n  EXPRESSIONS_LABEL: 'Expressions',\n  PROPERTIES_LABEL: 'Properties',\n  DERIVED_QUESTIONS_LABEL: 'Derived Questions',\n  ENRICH_LABEL: 'Enrich',\n  \n  // MappingHeader\n  EDIT_MAPPING: 'Edit Mapping',\n  NEW_MAPPING: 'New Mapping',\n  CONFIGURATION: 'Configuration',\n  MAPPING: 'Mapping',\n  UPDATE_MAPPING: 'Update Mapping',\n  SAVE_MAPPING: 'Save Mapping',\n  CONTINUE_MAPPING: 'Continue, Mapping',\n  EDIT_CONFIRMATION_TITLE: 'Are you sure?',\n  EDIT_CONFIRMATION_DESCRIPTION: 'Saving this updated mapping properties will generate new sheet with the revised mapping.',\n  \n  // Utils\n  ERROR_FETCHING_MAPPING_DATA: 'Error fetching mapping data:',\n  ALL: 'ALL',\n} as const;\n\n// Tab values for mapping\nexport const TAB_VALUES = {\n  QUESTIONS: 'QUESTIONS',\n  VARIABLE: 'VARIABLE',\n  CONTACT: 'CONTACT',\n  EXPRESSION: 'EXPRESSION',\n  PROPERTY: 'PROPERTY',\n  DERIVED_QUESTIONS: 'DERIVED_QUESTIONS',\n} as const;\n\n// Placeholder names matching tab values\nexport const TAB_PLACEHOLDERS = {\n  [TAB_VALUES.QUESTIONS]: MAPPING_FIELD_TYPES.QUESTIONS,\n  [TAB_VALUES.VARIABLE]: MAPPING_FIELD_TYPES.VARIABLES,\n  [TAB_VALUES.CONTACT]: MAPPING_FIELD_TYPES.CONTACT_PROPERTIES,\n  [TAB_VALUES.EXPRESSION]: MAPPING_FIELD_TYPES.EXPRESSIONS,\n  [TAB_VALUES.PROPERTY]: MAPPING_FIELD_TYPES.PROPERTY,\n  [TAB_VALUES.DERIVED_QUESTIONS]: MAPPING_FIELD_TYPES.DERIVED_QUESTIONS,\n} as const;\n\n// Date types\nexport const DATE_TYPES = {\n  DATE: 'date',\n  DATE_RANGE: 'dateRange',\n  CUSTOM: 'custom',\n} as const;\n\n// Font families\nexport const FONT_FAMILIES = {\n  DM_SANS: 'DM Sans, Roboto Mono, sans-serif',\n  ROBOTO_MONO: \"'Roboto Mono', monospace\",\n  DM_SANS_IMPORTANT: 'DM Sans !important',\n} as const;\n\n// CSS Class names\nexport const CSS_CLASSES = {\n  DM_SANS: 'dm-sans',\n} as const;\n\n"],"names":[],"mappings":"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"}

package/dist/cjs/dynamic-mapping/hooks/useEditTracking.js

@@ -0,0 +1,65 @@
+'use strict';
+
+var React = require('react');
+var index = require('../utils/index.js');
+
+const useEditTracking = ({
+  editField,
+  ssMappingData,
+  importResponse: importResponse2,
+  configuration
+}) => {
+  const [originalMappingData, setOriginalMappingData] = React.useState(null);
+  const [originalConfigurationFields, setOriginalConfigurationFields] = React.useState(null);
+  const [originalConfiguredFields, setOriginalConfiguredFields] = React.useState(null);
+  const [originalImportResponse, setOriginalImportResponse] = React.useState(null);
+  const [isInitialLoad, setIsInitialLoad] = React.useState(true);
+  const hasFieldsChanged = React.useCallback(() => {
+    if (!(editField == null ? void 0 : editField.id) || !originalMappingData) {
+      return true;
+    }
+    const mappingDataChanged = !index.areObjectsEqual(ssMappingData, originalMappingData);
+    const importResponseChanged = !index.areObjectsEqual(
+      index.deepClone(importResponse2),
+      originalImportResponse
+    );
+    const configFieldsChanged = !index.areObjectsEqual(
+      configuration.configurationFields,
+      originalConfigurationFields
+    );
+    const configuredFieldsChanged = !index.areObjectsEqual(
+      configuration.configuredFields,
+      originalConfiguredFields
+    );
+    return configFieldsChanged || configuredFieldsChanged || !isInitialLoad && mappingDataChanged || importResponseChanged;
+  }, [
+    editField == null ? void 0 : editField.id,
+    originalMappingData,
+    ssMappingData,
+    importResponse2,
+    originalImportResponse,
+    configuration.configurationFields,
+    configuration.configuredFields,
+    originalConfigurationFields,
+    originalConfiguredFields,
+    isInitialLoad
+  ]);
+  const storeOriginalState = React.useCallback(() => {
+    if (editField == null ? void 0 : editField.id) {
+      setOriginalConfigurationFields(index.deepClone(configuration.configurationFields));
+      setOriginalConfiguredFields(index.deepClone(configuration.configuredFields));
+      setOriginalImportResponse(index.deepClone(importResponse2));
+    }
+  }, [editField == null ? void 0 : editField.id, configuration, importResponse2]);
+  return {
+    originalMappingData,
+    setOriginalMappingData,
+    isInitialLoad,
+    setIsInitialLoad,
+    hasFieldsChanged,
+    storeOriginalState
+  };
+};
+
+exports.useEditTracking = useEditTracking;
+//# sourceMappingURL=useEditTracking.js.map

package/dist/cjs/dynamic-mapping/hooks/useEditTracking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditTracking.js","sources":["../../../../src/dynamic-mapping/hooks/useEditTracking.ts"],"sourcesContent":["import { useState, useCallback } from 'react';\nimport { MappingData, importResponse, Configuration, EditField } from '../types';\nimport { areObjectsEqual, deepClone } from '../utils';\n\ninterface UseEditTrackingProps {\n  editField?: EditField;\n  ssMappingData: MappingData;\n  importResponse: importResponse;\n  configuration: Configuration;\n}\n\nexport const useEditTracking = ({\n  editField,\n  ssMappingData,\n  importResponse,\n  configuration,\n}: UseEditTrackingProps) => {\n  const [originalMappingData, setOriginalMappingData] = useState<MappingData | null>(null);\n  const [originalConfigurationFields, setOriginalConfigurationFields] = useState<unknown>(null);\n  const [originalConfiguredFields, setOriginalConfiguredFields] = useState<unknown>(null);\n  const [originalImportResponse, setOriginalImportResponse] = useState<unknown>(null);\n  const [isInitialLoad, setIsInitialLoad] = useState(true);\n\n  /**\n   * Checks if any field values have changed in edit mode\n   * @returns True if fields have changed\n   */\n  const hasFieldsChanged = useCallback((): boolean => {\n    if (!editField?.id || !originalMappingData) {\n      return true; // Not in edit mode or no original data\n    }\n\n    // Check if mapping data has changed\n    const mappingDataChanged = !areObjectsEqual(ssMappingData, originalMappingData);\n\n    const importResponseChanged = !areObjectsEqual(\n      deepClone(importResponse),\n      originalImportResponse\n    );\n\n    // Check if configuration fields have changed\n    const configFieldsChanged = !areObjectsEqual(\n      configuration.configurationFields,\n      originalConfigurationFields\n    );\n\n    // Check if configured fields have changed\n    const configuredFieldsChanged = !areObjectsEqual(\n      configuration.configuredFields,\n      originalConfiguredFields\n    );\n\n    return (\n      configFieldsChanged ||\n      configuredFieldsChanged ||\n      (!isInitialLoad && mappingDataChanged) ||\n      importResponseChanged\n    );\n  }, [\n    editField?.id,\n    originalMappingData,\n    ssMappingData,\n    importResponse,\n    originalImportResponse,\n    configuration.configurationFields,\n    configuration.configuredFields,\n    originalConfigurationFields,\n    originalConfiguredFields,\n    isInitialLoad,\n  ]);\n\n  /**\n   * Stores the original state when entering edit mode\n   */\n  const storeOriginalState = useCallback(() => {\n    if (editField?.id) {\n      setOriginalConfigurationFields(deepClone(configuration.configurationFields));\n      setOriginalConfiguredFields(deepClone(configuration.configuredFields));\n      setOriginalImportResponse(deepClone(importResponse));\n    }\n  }, [editField?.id, configuration, importResponse]);\n\n  return {\n    originalMappingData,\n    setOriginalMappingData,\n    isInitialLoad,\n    setIsInitialLoad,\n    hasFieldsChanged,\n    storeOriginalState,\n  };\n};\n\n"],"names":["importResponse","useState","useCallback","areObjectsEqual","deepClone"],"mappings":";;;;;AAWO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,SAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAAA,EAAAA,eAAAA;AAAA,EACA,aAAA;AACF,CAA4B,KAAA;AAC1B,EAAA,MAAM,CAAC,mBAAA,EAAqB,sBAAsB,CAAA,GAAIC,eAA6B,IAAI,CAAA,CAAA;AACvF,EAAA,MAAM,CAAC,2BAAA,EAA6B,8BAA8B,CAAA,GAAIA,eAAkB,IAAI,CAAA,CAAA;AAC5F,EAAA,MAAM,CAAC,wBAAA,EAA0B,2BAA2B,CAAA,GAAIA,eAAkB,IAAI,CAAA,CAAA;AACtF,EAAA,MAAM,CAAC,sBAAA,EAAwB,yBAAyB,CAAA,GAAIA,eAAkB,IAAI,CAAA,CAAA;AAClF,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,eAAS,IAAI,CAAA,CAAA;AAMvD,EAAM,MAAA,gBAAA,GAAmBC,kBAAY,MAAe;AAClD,IAAA,IAAI,EAAC,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAW,EAAM,CAAA,IAAA,CAAC,mBAAqB,EAAA;AAC1C,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAGA,IAAA,MAAM,kBAAqB,GAAA,CAACC,qBAAgB,CAAA,aAAA,EAAe,mBAAmB,CAAA,CAAA;AAE9E,IAAA,MAAM,wBAAwB,CAACA,qBAAA;AAAA,MAC7BC,gBAAUJ,eAAc,CAAA;AAAA,MACxB,sBAAA;AAAA,KACF,CAAA;AAGA,IAAA,MAAM,sBAAsB,CAACG,qBAAA;AAAA,MAC3B,aAAc,CAAA,mBAAA;AAAA,MACd,2BAAA;AAAA,KACF,CAAA;AAGA,IAAA,MAAM,0BAA0B,CAACA,qBAAA;AAAA,MAC/B,aAAc,CAAA,gBAAA;AAAA,MACd,wBAAA;AAAA,KACF,CAAA;AAEA,IAAA,OACE,mBACA,IAAA,uBAAA,IACC,CAAC,aAAA,IAAiB,kBACnB,IAAA,qBAAA,CAAA;AAAA,GAED,EAAA;AAAA,IACD,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,EAAA;AAAA,IACX,mBAAA;AAAA,IACA,aAAA;AAAA,IACAH,eAAAA;AAAA,IACA,sBAAA;AAAA,IACA,aAAc,CAAA,mBAAA;AAAA,IACd,aAAc,CAAA,gBAAA;AAAA,IACd,2BAAA;AAAA,IACA,wBAAA;AAAA,IACA,aAAA;AAAA,GACD,CAAA,CAAA;AAKD,EAAM,MAAA,kBAAA,GAAqBE,kBAAY,MAAM;AAC3C,IAAA,IAAI,uCAAW,EAAI,EAAA;AACjB,MAA+B,8BAAA,CAAAE,eAAA,CAAU,aAAc,CAAA,mBAAmB,CAAC,CAAA,CAAA;AAC3E,MAA4B,2BAAA,CAAAA,eAAA,CAAU,aAAc,CAAA,gBAAgB,CAAC,CAAA,CAAA;AACrE,MAA0B,yBAAA,CAAAA,eAAA,CAAUJ,eAAc,CAAC,CAAA,CAAA;AAAA,KACrD;AAAA,KACC,CAAC,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAW,EAAI,EAAA,aAAA,EAAeA,eAAc,CAAC,CAAA,CAAA;AAEjD,EAAO,OAAA;AAAA,IACL,mBAAA;AAAA,IACA,sBAAA;AAAA,IACA,aAAA;AAAA,IACA,gBAAA;AAAA,IACA,gBAAA;AAAA,IACA,kBAAA;AAAA,GACF,CAAA;AACF;;;;"}