@sparrowengg/integrations-templates-frontend 1.9.84-beta.9 → 2.1.0-beta.1

package/dist/cjs/filter/filter-pill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-pill.js","sources":["../../../src/filter/filter-pill.tsx"],"sourcesContent":["import { CloseCircleFillIcon } from '@sparrowengg/twigs-react-icons';\nimport { Box, BoxProps } from '@sparrowengg/twigs-react';\nimport { Flex } from '@sparrowengg/twigs-react';\nimport { Tooltip, TooltipProvider } from '@sparrowengg/twigs-react';\nimport { styled } from '../../slitches.config';\nimport { Text, TextProps } from '@sparrowengg/twigs-react';\nimport { prefixClassName } from '../cascader-dropdown/styled/StyledItem';\nimport React from 'react';\nimport { CascaderDropdown, OnChangeReturnType } from '../cascader-dropdown';\nimport {\n  CascaderDropdownItemType, CascaderDropdownOperatorType, CascaderDropdownValueSelectorType, dataTypes, initialFilterValueSelectorValue, optionTypes\n} from '../cascader-dropdown/helpers/cascader-dropdown-constants';\nimport { CSS } from '@stitches/react';\nimport FilterPillValueSelector from './filter-pill-value-selector';\nimport { FilterType } from './stories/filter.stories';\n\nexport type FilterPillProps = {\n  icon?: React.ReactNode;\n  filterPillData: FilterType;\n  setFilterPillData: (value: FilterType) => void;\n  variant?: 'filled' | 'outline';\n  cascaderDropdownData: (CascaderDropdownItemType | CascaderDropdownOperatorType)[];\n  onDelete: () => void;\n  showError?: boolean;\n};\n\nexport type FilterValueOperatorType = {\n  label: string;\n  value: string;\n  dataType: keyof typeof dataTypes;\n  choices?: { label: string; value: string }[];\n};\n\nexport type FilterValueItemType = {\n  label?: string;\n  value?: string;\n  options: FilterValueOperatorType[];\n};\n\nconst getDisplayValue = (value: FilterType) => {\n  if (!value.connector) return null;\n  const displayValue = value.value?.[value.connector.dataType];\n  if (typeof displayValue === 'string') return displayValue;\n  if (Array.isArray(displayValue)) return displayValue.join(', ');\n  if (value.connector.dataType === dataTypes.DATE_RANGE && typeof displayValue === 'object' && displayValue !== null) {\n    return `${displayValue.start} - ${displayValue.end}`;\n  }\n  return null;\n};\n\nexport const FilterPill = ({\n  icon,\n  filterPillData,\n  setFilterPillData,\n  variant = 'outline',\n  cascaderDropdownData,\n  onDelete,\n  showError = false\n}: FilterPillProps) => {\n  const onChange = ({\n    selectedProperty,\n    selectorValue\n  }: OnChangeReturnType) => {\n    if (selectedProperty && 'type' in selectedProperty && selectedProperty.type === optionTypes.VALUE_SELECTOR) {\n      if (!('dataType' in selectedProperty)) return;\n      const newFilterPillData = {\n        ...filterPillData,\n        value: selectorValue ?? initialFilterValueSelectorValue,\n        connector: {\n          dataType: selectedProperty.dataType as keyof typeof dataTypes,\n          label: `${selectedProperty.label}`,\n          value: `${selectedProperty.value}`,\n          type: selectedProperty.type as 'VALUE_SELECTOR'\n        }\n      };\n      setFilterPillData(newFilterPillData);\n    }\n  };\n\n  return (\n    <TooltipProvider delayDuration={0}>\n      <StyledFilterPill variant={showError ? 'error' : variant}>\n        <FilterPillLabel icon={icon} label={filterPillData.property.label} labelProps={{ css: { color: '$neutral900' } }} />\n        <Flex>\n          {!filterPillData.connector?.value && (\n            <CascaderDropdown\n              data={cascaderDropdownData}\n              selectorValue={filterPillData.value}\n              onChange={onChange}\n              dropdownContentProps={{ align: 'start' }}\n            >\n              <StyledValueButton css={{ borderTopRightRadius: '$lg', borderBottomRightRadius: '$lg' }}>\n                <Text\n                  css={{\n                    color: '$neutral700',\n                    padding: '3px $4 3px $1',\n                    ...(showError && {\n                      color: '$negative700',\n                      fontWeight: '$5'\n                    })\n                  }}\n                >\n                  Choose Condition\n                </Text>\n              </StyledValueButton>\n            </CascaderDropdown>\n          )}\n          {filterPillData.connector?.value && (\n            <CascaderDropdown\n              data={cascaderDropdownData}\n              selectorValue={filterPillData.value}\n              onChange={onChange}\n              dropdownContentProps={{ align: 'start' }}\n            >\n              <StyledValueButton>\n                <Text css={{ color: '$neutral700', padding: '3px $1 3px $1' }}>{filterPillData.connector?.label}</Text>\n              </StyledValueButton>\n            </CascaderDropdown>\n          )}\n          {filterPillData.connector?.value && (\n            <CascaderDropdown\n              data={cascaderDropdownData}\n              selectorValue={filterPillData.value}\n              value={filterPillData.connector}\n              onChange={onChange}\n              dropdownContentProps={{ align: 'start' }}\n            >\n              <StyledValueButton css={{ borderTopRightRadius: '$lg', borderBottomRightRadius: '$lg' }}>\n                <Text\n                  css={{\n                    color: '$neutral900',\n                    padding: '3px $4 3px $2',\n                    ...(showError && {\n                      color: '$negative700'\n                    })\n                  }}\n                  weight=\"medium\"\n                >\n                  {getDisplayValue(filterPillData) ?? 'Choose Value'}\n                </Text>\n              </StyledValueButton>\n            </CascaderDropdown>\n          )}\n        </Flex>\n        <Tooltip content=\"Remove\">\n          <StyledCloseButton className={prefixClassName('filter-pill__close-button')} onClick={() => onDelete()}>\n            <CloseCircleFillIcon size={16} />\n          </StyledCloseButton>\n        </Tooltip>\n      </StyledFilterPill>\n    </TooltipProvider>\n  );\n};\n\nconst FilterPillLabel = ({\n  icon, label, css, labelProps, iconProps\n}: { icon?: React.ReactNode, label?: string, css?: CSS, labelProps?: TextProps, iconProps?: BoxProps }) => {\n  return (\n    <Flex alignItems=\"center\" gap=\"$2\" css={{ padding: '3px $2 3px $4', ...css }}>\n      {icon && (\n        <Box\n          {...iconProps}\n          css={{\n            lineHeight: 0,\n            flexShrink: 0,\n            color: '$neutral800',\n            '&, & svg': {\n              minWidth: '$4',\n              minHeight: '$4',\n              height: '$4',\n              width: '$4'\n            },\n            ...iconProps?.css\n          }}\n        >\n          {icon}\n        </Box>\n      )}\n      <Text\n        weight=\"medium\"\n        truncate\n        {...labelProps}\n        css={{ color: '$neutral700', maxWidth: '$25', ...labelProps?.css }}\n      >\n        {label}\n      </Text>\n    </Flex>\n  );\n};\n\ntype FilterPillWithoutOperatorProps = {\n  icon?: React.ReactNode;\n  filterPillData: FilterType;\n  setFilterPillData: (value: FilterType) => void;\n  variant?: 'filled' | 'outline';\n  data: CascaderDropdownOperatorType;\n  onDelete: () => void;\n  showError?: boolean;\n};\nexport const FilterPillWithoutOperator = ({\n  icon,\n  filterPillData,\n  setFilterPillData,\n  variant = 'outline',\n  data,\n  onDelete,\n  showError = false\n}: FilterPillWithoutOperatorProps) => {\n  const onChange = (value: CascaderDropdownValueSelectorType[keyof CascaderDropdownValueSelectorType]) => {\n    const newFilterPillData = {\n      ...filterPillData,\n      value: {\n        ...filterPillData.value,\n        [data.dataType]: value\n      },\n      connector: {\n        dataType: data.dataType,\n        label: `${data.label}`,\n        value: `${data.value}`,\n        type: data.type\n      }\n    };\n    setFilterPillData(newFilterPillData);\n  };\n\n  return (\n    <TooltipProvider delayDuration={0}>\n      <StyledFilterPill variant={showError ? 'error' : variant}>\n        <FilterPillLabel icon={icon} label={`${filterPillData.property.label}:`} />\n        <FilterPillValueSelector selectorValue={filterPillData.value} dataType={data.dataType} choices={data.choices} onApply={onChange}>\n          <Flex>\n            <StyledValueButton css={{ borderTopRightRadius: '$lg', borderBottomRightRadius: '$lg' }}>\n              <Text\n                css={{\n                  color: '$neutral900',\n                  padding: '3px $4 3px $2',\n                  ...(showError && {\n                    color: '$negative700'\n                  })\n                }}\n                weight=\"medium\"\n              >\n                {getDisplayValue(filterPillData) ?? 'Choose Value'}\n              </Text>\n            </StyledValueButton>\n          </Flex>\n        </FilterPillValueSelector>\n        <Tooltip content=\"Remove\">\n          <StyledCloseButton className={prefixClassName('filter-pill__close-button')} onClick={() => onDelete()}>\n            <CloseCircleFillIcon size={16} />\n          </StyledCloseButton>\n        </Tooltip>\n      </StyledFilterPill>\n    </TooltipProvider>\n  );\n};\n\nconst StyledFilterPill = styled(Flex, {\n  height: '$7',\n  alignItems: 'center',\n  borderWidth: '1px',\n  borderStyle: 'solid',\n  borderColor: '$black200',\n  borderRadius: '$lg',\n  transition: 'all $transitions$2',\n  cursor: 'default',\n  width: 'fit-content',\n  position: 'relative',\n  flexShrink: 0,\n  '&:hover': {\n    borderColor: '$black400'\n  },\n  [`&:hover .${prefixClassName('filter-pill__close-button')}`]: {\n    opacity: 1\n  },\n  variants: {\n    disabled: {\n      true: {\n        opacity: 0.4,\n        cursor: 'not-allowed'\n      }\n    },\n    variant: {\n      outline: {\n        backgroundColor: 'transparent'\n      },\n      filled: {\n        backgroundColor: '$secondary50'\n      },\n      error: {\n        backgroundColorOpacity: ['$negative500', 0.05],\n        borderStyle: 'dashed',\n        borderColor: '$negative400',\n        '&:hover': {\n          borderColor: '$negative400'\n        }\n      }\n    }\n  },\n  defaultVariants: {\n    variant: 'outline'\n  }\n});\n\nconst StyledValueButton = styled('button', {\n  backgroundColor: 'transparent',\n  display: 'flex',\n  alignItems: 'center',\n  border: 'none',\n  cursor: 'pointer',\n  height: '100%',\n  transition: 'all $transitions$2',\n  outlineWidth: '1px',\n  outlineStyle: 'solid',\n  outlineColor: 'transparent',\n  flexShrink: 0,\n  '&:focus, &:active': {\n    outlineColor: 'transparent'\n  },\n  '&:focus-visible': {\n    outline: '1px solid $primary400'\n  }\n});\n\nconst StyledCloseButton = styled('button', {\n  backgroundColor: 'transparent',\n  border: 'none',\n  cursor: 'pointer',\n  outline: 'none',\n  color: '$neutral500',\n  transition: 'all $transitions$2',\n  lineHeight: 0,\n  position: 'absolute',\n  right: 0,\n  top: 0,\n  transform: 'translate(35%, -35%)',\n  opacity: 0,\n  background: 'radial-gradient($white900, $white900 50%, transparent 50%, transparent)',\n  '&:hover, &:focus, &:active, &:focus-visible': {\n    opacity: 1\n  },\n  '& path': {\n    outlineWidth: '3px',\n    outlineStyle: 'solid',\n    outlineColor: '$white900',\n    borderRadius: '$round'\n  },\n  '&:hover': {\n    color: '$neutral800'\n  },\n  '&:hover path, &:focus path, &:active path, &:focus-visible path': {\n    outlineColor: '#F2F5F8'\n  }\n});\n"],"names":["dataTypes","optionTypes","initialFilterValueSelectorValue","TooltipProvider","Flex","CascaderDropdown","Text","Tooltip","prefixClassName","CloseCircleFillIcon","Box","FilterPillValueSelector","styled"],"mappings":"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"}

package/dist/cjs/index.js

@@ -1,18 +1,172 @@
 'use strict';
 
 var index = require('./mapping/index.js');
-var index$1 = require('./authentication/index.js');
-var index$2 = require('./integration-template/index.js');
-var index$3 = require('./single-mapping/index.js');
-var index$4 = require('./triggers/index.js');
-var index$5 = require('./contact-import/index.js');
+var index$5 = require('./mapping/services/index.js');
+var useMappingData = require('./mapping/hooks/useMappingData.js');
+var useFieldMapping = require('./mapping/hooks/useFieldMapping.js');
+var validation = require('./mapping/utils/validation.js');
+var helpers = require('./mapping/utils/helpers.js');
+var index$1 = require('./mapping/constants/index.js');
+var index$6 = require('./authentication/index.js');
+var IntegrationTemplate = require('./integration-template/IntegrationTemplate.js');
+var ConfigureTemplate = require('./integration-template/components/ConfigureTemplate.js');
+var TemplateCard = require('./integration-template/components/TemplateCard.js');
+var EventComponent = require('./integration-template/components/dashboard/EventComponent.js');
+var DropdownItem = require('./integration-template/components/dashboard/DropdownItem.js');
+var MultiAccountFallback = require('./integration-template/components/dashboard/MultiAccountFallback.js');
+var index$2 = require('./integration-template/utils/index.js');
+var dashboard_utils = require('./integration-template/utils/dashboard.utils.js');
+var index$3 = require('./integration-template/constants/index.js');
+var dashboard_constants = require('./integration-template/constants/dashboard.constants.js');
+var index$7 = require('./single-mapping/index.js');
+var Triggers = require('./triggers/Triggers.js');
+var useTriggerFields = require('./triggers/hooks/useTriggerFields.js');
+var useFetchChannels = require('./triggers/hooks/useFetchChannels.js');
+var helpers$1 = require('./triggers/utils/helpers.js');
+var api = require('./triggers/services/api.js');
+var index$4 = require('./triggers/constants/index.js');
+var index$8 = require('./contact-import/index.js');
+var index$9 = require('./dynamic-mapping/index.js');
+var filterPill = require('./filter/filter-pill.js');
+var cascaderDropdown = require('./cascader-dropdown/cascader-dropdown.js');
+var mapping = require('./mapping/components/mapping.js');
 
 
 
 exports.Mapping = index.Mapping;
-exports.Authentication = index$1.Authentication;
-exports.IntegrationTemplate = index$2.IntegrationTemplate;
-exports.SingleMapping = index$3.SingleMapping;
-exports.Triggers = index$4.Triggers;
-exports.ContactImport = index$5.ContactImport;
+exports.fetchAllMappingData = index$5.fetchAllMappingData;
+exports.fetchContactProperties = index$5.fetchContactProperties;
+exports.fetchSurveyExpression = index$5.fetchSurveyExpression;
+exports.fetchSurveyQuestions = index$5.fetchSurveyQuestions;
+exports.fetchSurveyVariables = index$5.fetchSurveyVariables;
+exports.useMappingData = useMappingData.useMappingData;
+exports.useFieldMapping = useFieldMapping.useFieldMapping;
+exports.validateEssentialFields = validation.validateEssentialFields;
+exports.validateEventSetup = validation.validateEventSetup;
+exports.validateField = validation.validateField;
+exports.validatePattern = validation.validatePattern;
+exports.getNestedProperty = helpers.getNestedProperty;
+exports.getNumberWord = helpers.getNumberWord;
+exports.isValidObject = helpers.isValidObject;
+exports.removeDuplicates = helpers.removeDuplicates;
+exports.safeDateParse = helpers.safeDateParse;
+exports.truncateString = helpers.truncateString;
+exports.API_CONSTANTS = index$1.API_CONSTANTS;
+exports.CONFIG_FIELD_IDS = index$1.CONFIG_FIELD_IDS;
+exports.CUSTOM_SELECT_STYLES = index$1.CUSTOM_SELECT_STYLES;
+exports.DEFAULT_FIELD_VALUE = index$1.DEFAULT_FIELD_VALUE;
+exports.DEFAULT_NUMBER_WORD = index$1.DEFAULT_NUMBER_WORD;
+exports.DRAFT_CONSTANTS = index$1.DRAFT_CONSTANTS;
+exports.DROPDOWN_TYPES = index$1.DROPDOWN_TYPES;
+exports.FIELD_TYPES = index$1.FIELD_TYPES;
+exports.FIELD_TYPE_NAMES = index$1.FIELD_TYPE_NAMES;
+exports.FIELD_VALIDATION = index$1.FIELD_VALIDATION;
+exports.HTTP_MESSAGES = index$1.HTTP_MESSAGES;
+exports.MAPPING_ERROR_MESSAGES = index$1.MAPPING_ERROR_MESSAGES;
+exports.MAPPING_PROPERTY_VALUES = index$1.MAPPING_PROPERTY_VALUES;
+exports.MAPPING_QUERY_PARAMS = index$1.QUERY_PARAMS;
+exports.MAPPING_TAB_VALUES = index$1.MAPPING_TAB_VALUES;
+exports.MAPPING_TYPE_VALUES = index$1.MAPPING_TYPE_VALUES;
+exports.MAPPING_UI_TEXT = index$1.UI_TEXT;
+exports.NUMBER_WORDS = index$1.NUMBER_WORDS;
+exports.QUERY_PARAMS = index$1.QUERY_PARAMS;
+exports.SAMPLE_INTEGRATION_FIELDS = index$1.SAMPLE_INTEGRATION_FIELDS;
+exports.STYLE_CONSTANTS = index$1.STYLE_CONSTANTS;
+exports.SUB_MENU_CUSTOM_STYLES = index$1.SUB_MENU_CUSTOM_STYLES;
+exports.TOKEN_MIN_LENGTH = index$1.TOKEN_MIN_LENGTH;
+exports.UI_CONSTANTS = index$1.UI_CONSTANTS;
+exports.UI_TEXT = index$1.UI_TEXT;
+exports.isValidToken = index$1.isValidToken;
+exports.Authentication = index$6.Authentication;
+exports.IntegrationTemplate = IntegrationTemplate.IntegrationTemplate;
+exports.ConfigureTemplate = ConfigureTemplate.ConfigureTemplate;
+exports.TemplateCard = TemplateCard.TemplateCard;
+exports.EventComponent = EventComponent.EventComponent;
+exports.DropdownItem = DropdownItem.DropdownItem;
+exports.MultiAccountFallback = MultiAccountFallback.MultiAccountFallback;
+exports.getInitialConfigurationType = index$2.getInitialConfigurationType;
+exports.getQueryParam = index$2.getQueryParam;
+exports.hasCompletedFields = index$2.hasCompletedFields;
+exports.hasQueryParam = index$2.hasQueryParam;
+exports.removeQueryParam = index$2.removeQueryParam;
+exports.shouldShowConfigurationType = index$2.shouldShowConfigurationType;
+exports.formatMappingDescription = dashboard_utils.formatMappingDescription;
+exports.formatTriggerDescription = dashboard_utils.formatTriggerDescription;
+exports.getArticle = dashboard_utils.getArticle;
+exports.getDefaultFieldValue = dashboard_utils.getDefaultFieldValue;
+exports.isEmptyValue = dashboard_utils.isEmptyValue;
+exports.startsWithVowel = dashboard_utils.startsWithVowel;
+exports.transformToPastTense = dashboard_utils.transformToPastTense;
+exports.CONFIGURATION_TYPES = index$3.CONFIGURATION_TYPES;
+exports.INTEGRATION_QUERY_PARAMS = index$3.QUERY_PARAMS;
+exports.INTEGRATION_THEME = index$3.INTEGRATION_THEME;
+exports.MESSAGES = index$3.MESSAGES;
+exports.SURVEY_TYPES = index$3.SURVEY_TYPES;
+exports.TEMPLATE_CARD = index$3.TEMPLATE_CARD;
+exports.TOOLTIP_DELAYS = index$3.TOOLTIP_DELAYS;
+exports.ANIMATION_DURATIONS = dashboard_constants.ANIMATION_DURATIONS;
+exports.BUTTON_LABELS = dashboard_constants.BUTTON_LABELS;
+exports.CHIP_COLORS = dashboard_constants.CHIP_COLORS;
+exports.DASHBOARD_TABS = dashboard_constants.DASHBOARD_TABS;
+exports.DASHBOARD_TYPES = dashboard_constants.DASHBOARD_TYPES;
+exports.DEFAULT_VALUES = dashboard_constants.DEFAULT_VALUES;
+exports.FALLBACK_MESSAGES = dashboard_constants.FALLBACK_MESSAGES;
+exports.FIELD_LABELS = dashboard_constants.FIELD_LABELS;
+exports.MAX_DIMENSIONS = dashboard_constants.MAX_DIMENSIONS;
+exports.MODAL_MESSAGES = dashboard_constants.MODAL_MESSAGES;
+exports.MODAL_TITLES = dashboard_constants.MODAL_TITLES;
+exports.SECTION_HEADINGS = dashboard_constants.SECTION_HEADINGS;
+exports.STATUS_LABELS = dashboard_constants.STATUS_LABELS;
+exports.TABLE_HEADERS = dashboard_constants.TABLE_HEADERS;
+exports.TAB_LABELS = dashboard_constants.TAB_LABELS;
+exports.TOOLTIP_MESSAGES = dashboard_constants.TOOLTIP_MESSAGES;
+exports.SingleMapping = index$7.SingleMapping;
+exports.Triggers = Triggers.Triggers;
+exports.useTriggerFields = useTriggerFields.useTriggerFields;
+exports.useFetchChannels = useFetchChannels.useFetchChannels;
+exports.filterChannelsByType = helpers$1.filterChannelsByType;
+exports.findOptionByValue = helpers$1.findOptionByValue;
+exports.formatPhoneNumber = helpers$1.formatPhoneNumber;
+exports.getCurrentConditionText = helpers$1.getCurrentConditionText;
+exports.isEmpty = helpers$1.isEmpty;
+exports.isEventSetupValid = helpers$1.isEventSetupValid;
+exports.isTriggerValid = helpers$1.isTriggerValid;
+exports.renderBooleanValue = helpers$1.renderBooleanValue;
+exports.validateTriggerFields = helpers$1.validateTriggerFields;
+exports.apiClient = api.apiClient;
+exports.fetchSurveyChannels = api.fetchSurveyChannels;
+exports.API = index$4.API;
+exports.CONDITION_OPERATORS = index$4.CONDITION_OPERATORS;
+exports.DATA_TYPES = index$4.DATA_TYPES;
+exports.DATE_OPERATORS = index$4.DATE_OPERATORS;
+exports.DEFAULT_FILTER_GROUP = index$4.DEFAULT_FILTER_GROUP;
+exports.DEFAULT_TRIGGER_CONDITION = index$4.DEFAULT_TRIGGER_CONDITION;
+exports.DRAFT = index$4.DRAFT;
+exports.FONTS = index$4.FONTS;
+exports.HOOKS = index$4.HOOKS;
+exports.HTTP_ERRORS = index$4.HTTP_ERRORS;
+exports.MAX_FILTER_CONDITIONS = index$4.MAX_FILTER_CONDITIONS;
+exports.MAX_FILTER_GROUPS = index$4.MAX_FILTER_GROUPS;
+exports.NUMBER_OPERATORS = index$4.NUMBER_OPERATORS;
+exports.PARAMETER_ERRORS = index$4.PARAMETER_ERRORS;
+exports.PLACEHOLDERS = index$4.PLACEHOLDERS;
+exports.SAMPLE_FIELD_OPTIONS = index$4.SAMPLE_FIELD_OPTIONS;
+exports.SHARE_TYPES = index$4.SHARE_TYPES;
+exports.SHARE_TYPE_OPTIONS = index$4.SHARE_TYPE_OPTIONS;
+exports.STRING_OPERATORS = index$4.STRING_OPERATORS;
+exports.TRIGGERS_UI_TEXT = index$4.UI_TEXT;
+exports.TRIGGER_ERROR_MESSAGES = index$4.TRIGGER_ERROR_MESSAGES;
+exports.TRIGGER_ICONS = index$4.TRIGGER_ICONS;
+exports.TRIGGER_SUCCESS_MESSAGES = index$4.TRIGGER_SUCCESS_MESSAGES;
+exports.TRIGGER_VALIDATION = index$4.TRIGGER_VALIDATION;
+exports.VALIDATION_ERRORS = index$4.VALIDATION_ERRORS;
+exports.comparatorConstants = index$4.comparatorConstants;
+exports.fieldOptions = index$4.fieldOptions;
+exports.topLevelCondition = index$4.topLevelCondition;
+exports.ContactImport = index$8.ContactImport;
+exports.DynamicMapping = index$9.DynamicMapping;
+exports.FilterPill = filterPill.FilterPill;
+exports.FilterPillWithoutOperator = filterPill.FilterPillWithoutOperator;
+exports.CascaderDropdown = cascaderDropdown.CascaderDropdown;
+exports.MappingFields = mapping.Mapping;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/integration-template/IntegrationTemplate.js

@@ -0,0 +1,334 @@
+'use strict';
+
+var React = require('react');
+var cursor = require('../commons/icons/cursor.js');
+var mapping = require('../commons/icons/mapping.js');
+var dashboard = require('./components/dashboard.js');
+var draftModal = require('../commons/components/draftModal.js');
+var index = require('./constants/index.js');
+var themeProvider = require('../node_modules/@sparrowengg/twigs-react/dist/es/theme-provider/theme-provider.js');
+var tooltip = require('../node_modules/@sparrowengg/twigs-react/dist/es/tooltip/tooltip.js');
+var flex = require('../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
+var text = require('../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
+var box = require('../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
+var heading = require('../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js');
+
+const IntegrationTemplate = ({
+  singleMapping,
+  surveyType,
+  draftHandler,
+  onMappingEditHandler,
+  fieldOptions,
+  triggerEnabled,
+  mappingEnabled,
+  mappingComponent,
+  singleMappingComponent,
+  mapping,
+  triggerComponent,
+  trigger,
+  integrationName,
+  onDeleteHandler,
+  syncMapping,
+  toggleDashboardField,
+  dashboardDescription,
+  mappingDescription,
+  triggerDescription,
+  handlePreviousNavigation,
+  dynamicMapping,
+  dynamicMappingComponent
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+  const [isDraftModalOpen, setIsDraftModalOpen] = React.useState(false);
+  const hasMultiAccounts = (_b = (_a = mappingComponent == null ? void 0 : mappingComponent.props) == null ? void 0 : _a.accounts) == null ? void 0 : _b.hasAccounts;
+  const isMappingFieldCompleted = !!((_d = (_c = mapping == null ? void 0 : mapping.mappedFields) == null ? void 0 : _c.fields) == null ? void 0 : _d.length);
+  const isTriggerFieldCompleted = !!((_e = trigger == null ? void 0 : trigger.mappedFields) == null ? void 0 : _e.length);
+  const [hasDashboardPage, setHasDashboardPage] = React.useState(
+    !!((_g = (_f = singleMapping == null ? void 0 : singleMapping.mappedFields) == null ? void 0 : _f.fields) == null ? void 0 : _g.length) || !!((_i = (_h = mapping == null ? void 0 : mapping.mappedFields) == null ? void 0 : _h.fields) == null ? void 0 : _i.length) || !!((_j = trigger == null ? void 0 : trigger.mappedFields) == null ? void 0 : _j.length) || !!((_l = (_k = dynamicMapping == null ? void 0 : dynamicMapping.mappedFields) == null ? void 0 : _k.fields) == null ? void 0 : _l.length)
+  );
+  const [hasConfigurationType, setHasConfigurationType] = React.useState(
+    (!!mappingComponent || !!singleMappingComponent || !dynamicMappingComponent) && !!triggerComponent
+  );
+  const [currentConfigurationType, setCurrentConfigurationType] = React.useState(
+    !hasConfigurationType ? !!mappingComponent || !!singleMappingComponent || !!dynamicMappingComponent ? index.CONFIGURATION_TYPES.MAPPING : index.CONFIGURATION_TYPES.TRIGGER : null
+  );
+  const [editField, setEditField] = React.useState({});
+  const [isMappingPage, setIsMappingPage] = React.useState(false);
+  const [tempPreviousMapping, setTempPreviousMapping] = React.useState(
+    !(isMappingFieldCompleted && isTriggerFieldCompleted)
+  );
+  const navigateMappingPage = (value) => setIsMappingPage(value != null ? value : !isMappingPage);
+  const handleEditField = (field) => {
+    setEditField({
+      type: field.type,
+      fieldValues: field.values,
+      id: field.id
+    });
+  };
+  const previousMappingHandler = () => {
+    setHasConfigurationType(true);
+    setCurrentConfigurationType(null);
+    handlePreviousNavigation();
+    if (!(isMappingFieldCompleted || isTriggerFieldCompleted)) {
+      setHasDashboardPage(false);
+    } else {
+      setHasDashboardPage(true);
+    }
+    return;
+  };
+  const mappingClonedElementProps = {
+    previousMappingHandler,
+    draftHandler,
+    editField,
+    integrationName,
+    isMappingPage,
+    surveyType,
+    navigateMappingPage,
+    onSaveHandler: (editId) => {
+      var _a2;
+      const navigate = (_a2 = mappingComponent == null ? void 0 : mappingComponent.props) == null ? void 0 : _a2.onSaveHandler(editId);
+      if (navigate)
+        setHasDashboardPage(true);
+    },
+    hasPreviousMapping: tempPreviousMapping != null ? tempPreviousMapping : (_m = mappingComponent == null ? void 0 : mappingComponent.props) == null ? void 0 : _m.hasPreviousMapping
+  };
+  const clonedSingleMappingProps = {
+    editField,
+    previousMappingHandler,
+    draftHandler,
+    integrationName,
+    onSaveHandler: async (editId) => {
+      var _a2;
+      const navigate = await ((_a2 = singleMappingComponent == null ? void 0 : singleMappingComponent.props) == null ? void 0 : _a2.onSaveHandler(editId));
+      if (navigate)
+        setHasDashboardPage(true);
+    },
+    hasPreviousMapping: tempPreviousMapping != null ? tempPreviousMapping : (_n = singleMappingComponent == null ? void 0 : singleMappingComponent.props) == null ? void 0 : _n.hasPreviousMapping
+  };
+  const clonedDynamicMappingProps = {
+    editField,
+    previousMappingHandler,
+    draftHandler,
+    integrationName,
+    onSaveHandler: async (editId) => {
+      var _a2;
+      const navigate = await ((_a2 = dynamicMappingComponent == null ? void 0 : dynamicMappingComponent.props) == null ? void 0 : _a2.onSaveHandler(editId));
+      if (navigate)
+        setHasDashboardPage(true);
+    },
+    hasPreviousMapping: tempPreviousMapping != null ? tempPreviousMapping : (_o = dynamicMappingComponent == null ? void 0 : dynamicMappingComponent.props) == null ? void 0 : _o.hasPreviousMapping
+  };
+  const triggerClonedProps = {
+    draftHandler,
+    editField,
+    previousMappingHandler,
+    integrationName,
+    onSaveHandler: async (editId) => {
+      var _a2;
+      const navigate = await ((_a2 = triggerComponent == null ? void 0 : triggerComponent.props) == null ? void 0 : _a2.onSaveHandler(editId));
+      if (navigate)
+        setHasDashboardPage(true);
+    },
+    previousMapping: tempPreviousMapping != null ? tempPreviousMapping : (_p = triggerComponent == null ? void 0 : triggerComponent.props) == null ? void 0 : _p.hasPreviousMapping
+  };
+  const ClonedMappingComponent = !!mappingComponent ? React.cloneElement(mappingComponent, mappingClonedElementProps) : mappingComponent;
+  const ClonedSingleMappingComponent = !!singleMappingComponent ? React.cloneElement(singleMappingComponent, clonedSingleMappingProps) : singleMappingComponent;
+  const ClonedDynamicMappingComponent = !!dynamicMappingComponent ? React.cloneElement(dynamicMappingComponent, clonedDynamicMappingProps) : dynamicMappingComponent;
+  const ClonedTriggerComponent = !!triggerComponent ? React.cloneElement(triggerComponent, triggerClonedProps) : triggerComponent;
+  const removeQueryParam = (param) => {
+    const url = new URL(window.location.href);
+    url.searchParams.delete(param);
+    window.history.replaceState({}, document.title, url);
+  };
+  React.useEffect(() => {
+    if (!isMappingFieldCompleted && !isTriggerFieldCompleted && hasDashboardPage) {
+      setHasConfigurationType(true);
+      setCurrentConfigurationType(null);
+    }
+  }, [(_q = mapping == null ? void 0 : mapping.mappedFields) == null ? void 0 : _q.fields, trigger == null ? void 0 : trigger.mappedFields]);
+  React.useEffect(() => {
+    var _a2;
+    if (Object.fromEntries((_a2 = new URLSearchParams(window.location.search)) != null ? _a2 : {})[index.QUERY_PARAMS.IS_DRAFT]) {
+      setIsDraftModalOpen(true);
+    }
+  }, [isDraftModalOpen]);
+  const onSaveHandler = async () => {
+    await draftHandler(currentConfigurationType);
+    await previousMappingHandler();
+    removeQueryParam(index.QUERY_PARAMS.IS_DRAFT);
+    setIsDraftModalOpen(false);
+  };
+  const onCloseHandler = () => {
+    removeQueryParam(index.QUERY_PARAMS.IS_DRAFT);
+    setIsDraftModalOpen(false);
+  };
+  const onCancelHandler = async () => {
+    await previousMappingHandler();
+    setIsDraftModalOpen(false);
+  };
+  return /* @__PURE__ */ React.createElement(
+    themeProvider.ThemeProvider,
+    {
+      theme: index.INTEGRATION_THEME
+    },
+    /* @__PURE__ */ React.createElement(tooltip.TooltipProvider, { delayDuration: 300 }, surveyType === index.SURVEY_TYPES.OFFLINE_APP ? /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", justifyContent: "center", css: { width: "100%", height: "100vh" } }, /* @__PURE__ */ React.createElement(text.Text, { size: "lg", css: { color: "$neutral900" }, weight: "medium" }, index.MESSAGES.OFFLINE_NOT_SUPPORTED)) : /* @__PURE__ */ React.createElement(box.Box, { css: { width: "100%" } }, hasDashboardPage ? /* @__PURE__ */ React.createElement(
+      dashboard.default,
+      {
+        onMappingEditHandler,
+        fieldOptions,
+        triggerEnabled,
+        mappingEnabled,
+        hasDropdownComponents: {
+          mapping: !!ClonedMappingComponent || !!clonedSingleMappingProps || !!ClonedDynamicMappingComponent,
+          trigger: !!ClonedTriggerComponent
+        },
+        hasMultiAccounts,
+        dashboardDescription,
+        integrationName,
+        mappingFields: (mapping == null ? void 0 : mapping.mappedFields) || singleMapping || (dynamicMapping == null ? void 0 : dynamicMapping.mappedFields),
+        triggerFields: trigger == null ? void 0 : trigger.mappedFields,
+        handleConfigurationType: (value) => {
+          setCurrentConfigurationType(value);
+          setHasDashboardPage(false);
+          setTempPreviousMapping(true);
+          setEditField({});
+        },
+        handleEditField,
+        deleteFieldHandler: onDeleteHandler || (() => {
+        }),
+        syncMapping,
+        toggleDashboardField: toggleDashboardField || (() => {
+        }),
+        handleDashboardPage: (value, type) => {
+          setHasDashboardPage(value);
+          setCurrentConfigurationType(type);
+          setHasConfigurationType(false);
+        }
+      }
+    ) : /* @__PURE__ */ React.createElement(React.Fragment, null, hasConfigurationType && ![index.CONFIGURATION_TYPES.MAPPING, index.CONFIGURATION_TYPES.TRIGGER].includes(
+      `${currentConfigurationType}`
+    ) ? /* @__PURE__ */ React.createElement(
+      ConfigureTemplate,
+      {
+        mappingDescription,
+        triggerDescription,
+        handleConfigurationType: (value) => setCurrentConfigurationType(value)
+      }
+    ) : /* @__PURE__ */ React.createElement(React.Fragment, null, currentConfigurationType === index.CONFIGURATION_TYPES.MAPPING && !!singleMappingComponent ? ClonedSingleMappingComponent : null, currentConfigurationType === index.CONFIGURATION_TYPES.MAPPING && !!dynamicMappingComponent ? ClonedDynamicMappingComponent : null, currentConfigurationType === index.CONFIGURATION_TYPES.MAPPING && !!mappingComponent ? ClonedMappingComponent : null, currentConfigurationType !== index.CONFIGURATION_TYPES.MAPPING && !!triggerComponent ? ClonedTriggerComponent : null), isDraftModalOpen && /* @__PURE__ */ React.createElement(
+      draftModal.default,
+      {
+        onSave: onSaveHandler,
+        onClose: onCloseHandler,
+        onCancel: onCancelHandler
+      }
+    ))))
+  );
+};
+const ConfigureTemplate = ({
+  handleConfigurationType,
+  mappingDescription,
+  triggerDescription
+}) => {
+  return /* @__PURE__ */ React.createElement(box.Box, { css: { width: "100%", paddingTop: "$48" } }, /* @__PURE__ */ React.createElement(flex.Flex, { flexDirection: "column", alignItems: "center" }, /* @__PURE__ */ React.createElement(heading.Heading, { size: "h5", css: { color: "$neutral900" } }, index.MESSAGES.SELECT_CONFIGURATION_TYPE), /* @__PURE__ */ React.createElement(
+    text.Text,
+    {
+      size: "sm",
+      css: { color: "$neutral600", lineHeight: "$sm", marginTop: "$2" }
+    },
+    index.MESSAGES.CHOOSE_MAPPING_OR_TRIGGER
+  )), /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React.createElement(
+    flex.Flex,
+    {
+      css: { maxWidth: 960, width: "100%", marginTop: "$36" },
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "$20"
+    },
+    /* @__PURE__ */ React.createElement(
+      TemplateCard,
+      {
+        icon: /* @__PURE__ */ React.createElement(cursor.default, null),
+        heading: index.CARD_HEADINGS.TRIGGER,
+        description: triggerDescription,
+        onClickHandler: () => handleConfigurationType(index.CONFIGURATION_TYPES.TRIGGER)
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      TemplateCard,
+      {
+        icon: /* @__PURE__ */ React.createElement(mapping.default, null),
+        heading: index.CARD_HEADINGS.MAPPING,
+        description: mappingDescription,
+        onClickHandler: () => handleConfigurationType(index.CONFIGURATION_TYPES.MAPPING)
+      }
+    )
+  )));
+};
+const TemplateCard = ({
+  icon,
+  heading: heading$1,
+  description,
+  onClickHandler
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    flex.Flex,
+    {
+      flexDirection: "column",
+      alignItems: "center",
+      onClick: onClickHandler,
+      css: {
+        width: 350,
+        height: 300,
+        outline: "$borderWidths$xs solid $neutral200",
+        borderRadius: "$4xl",
+        position: "relative",
+        cursor: "pointer",
+        filter: "drop-shadow(0 4px 8px rgba(0, 0, 0, 0.06))",
+        overflow: "auto",
+        "&:hover": {
+          outline: "$borderWidths$md solid $primary400",
+          "& svg circle, rect, path": {
+            stroke: "$primary500"
+          },
+          "& #ellipse": {
+            opacity: "10%"
+          }
+        }
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      box.Box,
+      {
+        id: "ellipse",
+        css: {
+          position: "absolute",
+          top: "-23%",
+          filter: "blur(25px)",
+          transition: "all .4s ease",
+          width: 334,
+          height: "$25",
+          opacity: "0%",
+          background: "$primary400",
+          borderRadius: "50%"
+        }
+      }
+    ),
+    /* @__PURE__ */ React.createElement(box.Box, { css: { marginBlock: "$32 $16" } }, icon),
+    /* @__PURE__ */ React.createElement(heading.Heading, { size: "h6", css: { color: "$neutral900" } }, heading$1),
+    /* @__PURE__ */ React.createElement(
+      text.Text,
+      {
+        size: "md",
+        css: {
+          marginTop: "$8",
+          color: "$neutral800",
+          width: 222,
+          textAlign: "center"
+        }
+      },
+      description
+    )
+  );
+};
+
+exports.IntegrationTemplate = IntegrationTemplate;
+//# sourceMappingURL=IntegrationTemplate.js.map

package/dist/cjs/integration-template/IntegrationTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntegrationTemplate.js","sources":["../../../src/integration-template/IntegrationTemplate.tsx"],"sourcesContent":["import {\n  Box,\n  Flex,\n  Heading,\n  Text,\n  ThemeProvider,\n  TooltipProvider,\n} from \"@sparrowengg/twigs-react\";\nimport React, { ReactNode, useEffect, useState } from \"react\";\nimport CursorIcon from \"../commons/icons/cursor\";\nimport MappingIcon from \"../commons/icons/mapping\";\nimport Dashboard from \"./components/dashboard/index\";\nimport DraftModal from \"../commons/components/draftModal\";\nimport { \n  FieldOptionsType, \n  MappingFieldCollection, \n  TriggerFieldCollection, \n} from \"../commons/types/enhanced\";\nimport {\n  CONFIGURATION_TYPES,\n  SURVEY_TYPES,\n  INTEGRATION_THEME,\n  MESSAGES,\n  QUERY_PARAMS,\n  CARD_HEADINGS,\n} from \"./constants\";\n\ntype SingleMappingType = {\n  mappedFields: {\n    type: string;\n    fields: unknown[];\n  };\n};\ntype DynamicMappingType = {\n  mappedFields: {\n    type: string;\n    fields: unknown[];\n  };\n};\n\ntype  IntegrationTemplateProps = {\n  singleMapping?: SingleMappingType,\n  draftHandler: (type: string | null) => void;\n  onMappingEditHandler: (field: unknown) => void;\n  fieldOptions: FieldOptionsType;\n  triggerEnabled: boolean;\n  mappingEnabled: boolean;\n  mappingComponent?: React.ReactElement;\n  singleMappingComponent?: React.ReactElement;\n  dynamicMapping?: DynamicMappingType,\n  dynamicMappingComponent?: React.ReactElement;\n  mapping?: {\n    mappedFields: MappingFieldCollection;\n    setMappedFields: React.Dispatch<React.SetStateAction<MappingFieldCollection>>;\n  };\n  triggerComponent?: React.ReactElement;\n  trigger?: {\n    mappedFields: TriggerFieldCollection;\n    setMappedFields: React.Dispatch<React.SetStateAction<TriggerFieldCollection>>;\n  };\n  integrationName: string;\n  onDeleteHandler?: (id: string | number) => void\n  toggleDashboardField?: (id: string | number, status: boolean) => void;\n  dashboardDescription: string;\n  mappingDescription: string;\n  triggerDescription: string;\n  handlePreviousNavigation: () => void;\n  surveyType?: string;\n  syncMapping?: (id: string | number) => void;\n};\nexport const IntegrationTemplate: React.FC<IntegrationTemplateProps> = ({\n  singleMapping,\n  surveyType,\n  draftHandler,\n  onMappingEditHandler,\n  fieldOptions,\n  triggerEnabled,\n  mappingEnabled,\n  mappingComponent,\n  singleMappingComponent,\n  mapping,\n  triggerComponent,\n  trigger,\n  integrationName,\n  onDeleteHandler,\n  syncMapping,\n  toggleDashboardField,\n  dashboardDescription,\n  mappingDescription,\n  triggerDescription,\n  handlePreviousNavigation,\n  dynamicMapping,\n  dynamicMappingComponent,\n}) => {\n  const [isDraftModalOpen, setIsDraftModalOpen] = useState(false);\n  const hasMultiAccounts = mappingComponent?.props?.accounts?.hasAccounts;\n  const isMappingFieldCompleted = !!mapping?.mappedFields?.fields?.length;\n  const isTriggerFieldCompleted = !!trigger?.mappedFields?.length;\n  const [hasDashboardPage, setHasDashboardPage] = useState(\n    !!singleMapping?.mappedFields?.fields?.length || !!mapping?.mappedFields?.fields?.length || !!trigger?.mappedFields?.length || !!dynamicMapping?.mappedFields?.fields?.length\n  );\n  const [hasConfigurationType, setHasConfigurationType] = useState(\n    (!!mappingComponent || !!singleMappingComponent || !dynamicMappingComponent) && !!triggerComponent\n  );\n  const [currentConfigurationType, setCurrentConfigurationType] = useState<\n    string | null\n  >(\n    !hasConfigurationType\n      ? !!mappingComponent || !!singleMappingComponent || !!dynamicMappingComponent\n        ? CONFIGURATION_TYPES.MAPPING\n        : CONFIGURATION_TYPES.TRIGGER\n      : null\n  ); // automatically switch to mapping or trigger screen if any one type is present\n  const [editField, setEditField] = useState<any>({});\n  const [isMappingPage, setIsMappingPage] = useState(false);\n  // temporary previous mapping state to handle within integration template wrapper\n  const [tempPreviousMapping, setTempPreviousMapping] = useState(\n    !(isMappingFieldCompleted && isTriggerFieldCompleted)\n  );\n  const navigateMappingPage = (value: boolean) =>\n    setIsMappingPage(value ?? !isMappingPage);\n  const handleEditField = (field: any) => {\n    setEditField({\n      type: field.type,\n      fieldValues: field.values,\n      id: field.id,\n    });\n  };\n  const previousMappingHandler = () => {\n    setHasConfigurationType(true);\n    setCurrentConfigurationType(null);\n    handlePreviousNavigation();\n    if (!(isMappingFieldCompleted || isTriggerFieldCompleted)) {\n      setHasDashboardPage(false);\n    } else {\n      setHasDashboardPage(true);\n    }\n    return;\n  };\n  const mappingClonedElementProps = {\n    previousMappingHandler,\n    draftHandler,\n    editField: editField,\n    integrationName,\n    isMappingPage,\n    surveyType: surveyType,\n    navigateMappingPage,\n    onSaveHandler: (editId?: string | number) => {\n      const navigate = mappingComponent?.props?.onSaveHandler(editId);\n      if (navigate) setHasDashboardPage(true);\n    },\n    hasPreviousMapping:\n      tempPreviousMapping ?? mappingComponent?.props?.hasPreviousMapping,\n  };\n  const clonedSingleMappingProps = {\n    editField: editField,\n    previousMappingHandler,\n    draftHandler,\n    integrationName,\n    onSaveHandler: async (editId?: string | number) => {\n      const navigate =\n        await singleMappingComponent?.props?.onSaveHandler(editId);\n      if (navigate) setHasDashboardPage(true);\n    },\n    hasPreviousMapping:\n      tempPreviousMapping ?? singleMappingComponent?.props?.hasPreviousMapping,\n  };\n  const clonedDynamicMappingProps = {\n    editField: editField,\n    previousMappingHandler,\n    draftHandler,\n    integrationName,\n    onSaveHandler: async (editId?: string | number) => {\n      const navigate =\n        await dynamicMappingComponent?.props?.onSaveHandler(editId);\n      if (navigate) setHasDashboardPage(true);\n    },\n    hasPreviousMapping:\n      tempPreviousMapping ?? dynamicMappingComponent?.props?.hasPreviousMapping,\n  };\n  const triggerClonedProps = {\n    draftHandler,\n    editField,\n    previousMappingHandler,\n    integrationName,\n    onSaveHandler: async (editId?: string | number) => {\n      const navigate = await triggerComponent?.props?.onSaveHandler(editId);\n      if (navigate) setHasDashboardPage(true);\n    },\n    previousMapping:\n      tempPreviousMapping ?? triggerComponent?.props?.hasPreviousMapping,\n  };\n  const ClonedMappingComponent = !!mappingComponent\n    ? React.cloneElement(mappingComponent, mappingClonedElementProps)\n    : mappingComponent;\n  const ClonedSingleMappingComponent = !!singleMappingComponent\n    ? React.cloneElement(singleMappingComponent, clonedSingleMappingProps)\n    : singleMappingComponent;\n  const ClonedDynamicMappingComponent = !!dynamicMappingComponent\n    ? React.cloneElement(dynamicMappingComponent, clonedDynamicMappingProps)\n    : dynamicMappingComponent;\n  const ClonedTriggerComponent = !!triggerComponent\n    ? React.cloneElement(triggerComponent, triggerClonedProps)\n    : triggerComponent;\n  const removeQueryParam = (param: string) => {\n    const url = new URL(window.location.href);\n    url.searchParams.delete(param);\n    window.history.replaceState({}, document.title, url);\n  };\n  useEffect(() => {\n    if (\n      !isMappingFieldCompleted &&\n      !isTriggerFieldCompleted &&\n      hasDashboardPage\n    ) {\n      // setHasDashboardPage(false);\n      setHasConfigurationType(true);\n      setCurrentConfigurationType(null);\n    }\n  }, [mapping?.mappedFields?.fields, trigger?.mappedFields]);\n  useEffect(() => {\n    if (\n      Object.fromEntries(new URLSearchParams(window.location.search) ?? {})\n        [QUERY_PARAMS.IS_DRAFT]\n    ) {\n      setIsDraftModalOpen(true);\n    }\n  }, [isDraftModalOpen]);\n  const onSaveHandler = async () => {\n    await draftHandler(currentConfigurationType);\n    await previousMappingHandler();\n    removeQueryParam(QUERY_PARAMS.IS_DRAFT);\n    setIsDraftModalOpen(false);\n    \n  }\n  const onCloseHandler = () => {\n    removeQueryParam(QUERY_PARAMS.IS_DRAFT);\n    setIsDraftModalOpen(false);\n  }\n  const onCancelHandler = async () => {\n    await previousMappingHandler();\n    setIsDraftModalOpen(false);\n  }\n  return (\n    <ThemeProvider\n      theme={INTEGRATION_THEME}\n    >\n      <TooltipProvider delayDuration={300}>\n        {surveyType === SURVEY_TYPES.OFFLINE_APP ? <Flex alignItems=\"center\" justifyContent=\"center\" css={{ width: \"100%\", height: \"100vh\" }}>\n          <Text size=\"lg\" css={{ color: \"$neutral900\" }} weight={\"medium\"}>{MESSAGES.OFFLINE_NOT_SUPPORTED}</Text>\n        </Flex> : <Box css={{ width: \"100%\" }}>\n          {hasDashboardPage ? (\n            <Dashboard\n              onMappingEditHandler={onMappingEditHandler}\n              fieldOptions={fieldOptions}\n              triggerEnabled={triggerEnabled}\n              mappingEnabled={mappingEnabled}\n              hasDropdownComponents={{\n                mapping: !!ClonedMappingComponent || !!clonedSingleMappingProps || !!ClonedDynamicMappingComponent,\n                trigger: !!ClonedTriggerComponent,\n              }}\n              hasMultiAccounts={hasMultiAccounts}\n              dashboardDescription={dashboardDescription}\n              integrationName={integrationName}\n              mappingFields={mapping?.mappedFields || singleMapping || dynamicMapping?.mappedFields}\n              triggerFields={trigger?.mappedFields}\n              handleConfigurationType={(value: string) => {\n                setCurrentConfigurationType(value);\n                setHasDashboardPage(false);\n                setTempPreviousMapping(true);\n                setEditField({});\n              }}\n              handleEditField={handleEditField}\n              deleteFieldHandler={onDeleteHandler || (() => {})}\n              syncMapping={syncMapping}\n              toggleDashboardField={toggleDashboardField || (() => {})}\n              handleDashboardPage={(value: boolean, type: string) => {\n                setHasDashboardPage(value as boolean);\n                setCurrentConfigurationType(type);\n                setHasConfigurationType(false);\n              }}\n            />\n          ) : (\n            <>\n              {hasConfigurationType &&\n              ![CONFIGURATION_TYPES.MAPPING, CONFIGURATION_TYPES.TRIGGER].includes(\n                `${currentConfigurationType}` as any\n              ) ? (\n                <ConfigureTemplate\n                  mappingDescription={mappingDescription}\n                  triggerDescription={triggerDescription}\n                  handleConfigurationType={(value: string) =>\n                    setCurrentConfigurationType(value)\n                  }\n                />\n              ) : (\n                <>\n                  {currentConfigurationType === CONFIGURATION_TYPES.MAPPING &&\n                  !!singleMappingComponent\n                    ? ClonedSingleMappingComponent\n                    : null}\n                  {currentConfigurationType === CONFIGURATION_TYPES.MAPPING &&\n                  !!dynamicMappingComponent\n                    ? ClonedDynamicMappingComponent\n                    : null}\n                  {currentConfigurationType === CONFIGURATION_TYPES.MAPPING && !!mappingComponent\n                    ? ClonedMappingComponent\n                    : null}\n                  {currentConfigurationType !== CONFIGURATION_TYPES.MAPPING && !!triggerComponent\n                    ? ClonedTriggerComponent\n                    : null}\n                </>\n              )}\n              {isDraftModalOpen && (\n                <DraftModal\n                  onSave={onSaveHandler}\n                  onClose={onCloseHandler}\n                  onCancel={onCancelHandler}\n                />\n              )}\n            </>\n          )}\n        </Box>}\n      </TooltipProvider>\n    </ThemeProvider>\n  );\n};\ntype ConfigureTemplateProps = {\n  handleConfigurationType: (value: string) => void;\n  mappingDescription: string;\n  triggerDescription: string;\n};\nconst ConfigureTemplate: React.FC<ConfigureTemplateProps> = ({\n  handleConfigurationType,\n  mappingDescription,\n  triggerDescription,\n}) => {\n  return (\n    <Box css={{ width: \"100%\", paddingTop: \"$48\" }}>\n      <Flex flexDirection=\"column\" alignItems=\"center\">\n        <Heading size=\"h5\" css={{ color: \"$neutral900\" }}>\n          {MESSAGES.SELECT_CONFIGURATION_TYPE}\n        </Heading>\n        <Text\n          size=\"sm\"\n          css={{ color: \"$neutral600\", lineHeight: \"$sm\", marginTop: \"$2\" }}\n        >\n          {MESSAGES.CHOOSE_MAPPING_OR_TRIGGER}\n        </Text>\n      </Flex>\n      <Flex alignItems=\"center\" justifyContent=\"center\">\n        <Flex\n          css={{ maxWidth: 960, width: \"100%\", marginTop: \"$36\" }}\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          gap=\"$20\"\n        >\n          <TemplateCard\n            icon={<CursorIcon />}\n            heading={CARD_HEADINGS.TRIGGER}\n            description={triggerDescription}\n            onClickHandler={() => handleConfigurationType(CONFIGURATION_TYPES.TRIGGER)}\n          />\n          <TemplateCard\n            icon={<MappingIcon />}\n            heading={CARD_HEADINGS.MAPPING}\n            description={mappingDescription}\n            onClickHandler={() => handleConfigurationType(CONFIGURATION_TYPES.MAPPING)}\n          />\n        </Flex>\n      </Flex>\n    </Box>\n  );\n};\ntype TemplateCardProps = {\n  icon: ReactNode;\n  heading: string;\n  description: string;\n  onClickHandler: () => void;\n};\nconst TemplateCard: React.FC<TemplateCardProps> = ({\n  icon,\n  heading,\n  description,\n  onClickHandler,\n}) => {\n  return (\n    <Flex\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      onClick={onClickHandler}\n      css={{\n        width: 350,\n        height: 300,\n        outline: \"$borderWidths$xs solid $neutral200\",\n        borderRadius: \"$4xl\",\n        position: \"relative\",\n        cursor: \"pointer\",\n        filter: \"drop-shadow(0 4px 8px rgba(0, 0, 0, 0.06))\",\n        overflow: \"auto\",\n        \"&:hover\": {\n          outline: \"$borderWidths$md solid $primary400\",\n          \"& svg circle, rect, path\": {\n            stroke: \"$primary500\",\n          },\n          \"& #ellipse\": {\n            opacity: \"10%\",\n          },\n        },\n      }}\n    >\n      <Box\n        id=\"ellipse\"\n        css={{\n          position: \"absolute\",\n          top: \"-23%\",\n          filter: \"blur(25px)\",\n          transition: \"all .4s ease\",\n          width: 334,\n          height: \"$25\",\n          opacity: \"0%\",\n          background: \"$primary400\",\n          borderRadius: \"50%\",\n        }}\n      />\n      <Box css={{ marginBlock: \"$32 $16\" }}>{icon}</Box>\n      <Heading size=\"h6\" css={{ color: \"$neutral900\" }}>\n        {heading}\n      </Heading>\n      <Text\n        size=\"md\"\n        css={{\n          marginTop: \"$8\",\n          color: \"$neutral800\",\n          width: 222,\n          textAlign: \"center\",\n        }}\n      >\n        {description}\n      </Text>\n    </Flex>\n  );\n};\n\n"],"names":["useState","CONFIGURATION_TYPES","_a","useEffect","QUERY_PARAMS","ThemeProvider","INTEGRATION_THEME","TooltipProvider","SURVEY_TYPES","Flex","Text","MESSAGES","Box","Dashboard","DraftModal","Heading","CursorIcon","CARD_HEADINGS","MappingIcon","heading"],"mappings":"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"}