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

package/dist/es/commons/constants/strings.js

@@ -0,0 +1,128 @@
+const COMPONENT_DISPLAY_NAMES = {
+  CONFIRMATION_MODAL: "ConfirmationModal",
+  CUSTOM_PILL: "CustomPill",
+  DRAFT_MODAL: "DraftModal",
+  EDIT_CONFIRMATION: "EditConfirmation",
+  IMPORT_MODAL: "ImportModal",
+  NAMING_MODAL: "NamingModal",
+  SPINNER: "Spinner",
+  THEME_WRAPPER: "ThemeWrapper",
+  ARROW_ICON: "ArrowIcon",
+  CURSOR_ICON: "CursorIcon",
+  EMAIL_LETTER_ICON: "EmailLetterIcon",
+  SMS_ICON: "SMSIcon",
+  WHATSAPP_ICON: "WhatsAppIcon",
+  TRASH_ICON: "TrashIcon",
+  SYNC_ICON: "SyncIcon",
+  MAPPING_ICON: "MappingIcon",
+  NESTED_ADD_ICON: "NestedAddIcon"
+};
+const BUTTON_TEXT = {
+  CONFIRM: "Confirm",
+  CANCEL: "Cancel",
+  SAVE: "Save",
+  YES_PROCEED: "Yes, Proceed",
+  SAVE_MAPPING: "Save Mapping",
+  UPDATE_MAPPING: "Update Mapping"
+};
+const MODAL_TITLES = {
+  YOU_WILL_BE_REDIRECTED: "You will be redirected",
+  NEW_CUSTOM_PROPERTY: "New Custom Property",
+  MAPPING_NAME: "Mapping Name"
+};
+const MODAL_DESCRIPTIONS = {
+  DRAFT_REDIRECT: "To create a new share channel, we'll navigate you to the Share section. Your changes will be saved as a draft"
+};
+const FORM_LABELS = {
+  PROPERTY_NAME: "Property Name"
+};
+const PLACEHOLDERS = {
+  ENTER_NAME_FOR_FUTURE_REFERENCE: "Enter a name for future reference",
+  PLEASE_ENTER_YOUR_QUESTION: "Please enter your question"
+};
+const ARIA_LABELS = {
+  CLOSE_MODAL: "Close modal",
+  REMOVE_PILL: "Remove pill",
+  LOADING: "Loading...",
+  ARROW: "Arrow",
+  CURSOR: "Cursor",
+  EMAIL: "Email",
+  SMS: "SMS",
+  WHATSAPP: "WhatsApp",
+  DELETE: "Delete",
+  SYNC: "Sync",
+  MAPPING: "Mapping",
+  ADD_NESTED_ITEM: "Add nested item"
+};
+const CSS_CLASS_NAMES = {
+  DM_SANS: "dm-sans"
+};
+const FONT_FAMILIES = {
+  DM_SANS: "DM Sans",
+  ROBOTO_MONO: "Roboto Mono",
+  DM_SANS_ROBOTO_MONO_SANS_SERIF: "DM Sans, Roboto Mono, sans-serif",
+  DM_SANS_IMPORTANT: "DM Sans !important"
+};
+const COLORS = {
+  BLACK: "black",
+  ICON_GRAY: "#6A6A6A",
+  ICON_GRAY_DARK: "#64748B",
+  ICON_GRAY_MEDIUM: "#767676",
+  DEFAULT: "default",
+  ERROR: "error",
+  SECONDARY: "secondary",
+  PRIMARY: "primary"
+};
+const SIZE_VALUES = {
+  LARGE: "lg",
+  MEDIUM: "md",
+  SMALL: "sm"
+};
+const VARIANTS = {
+  SOLID: "solid",
+  GHOST: "ghost",
+  DEFAULT: "default",
+  SUCCESS: "success"
+};
+const ATTRIBUTES = {
+  STATUS: "status",
+  IMG: "img"
+};
+const BORDER_RADIUS = {
+  EIGHT_PX: "8px",
+  NINETY_NINE_PX: "99px"
+};
+const NUMERIC_CONSTANTS = {
+  CLOSE_ICON_SIZE: 12,
+  MAX_LENGTH_DEFAULT: 50,
+  MIN_WIDTH_464PX: "464px",
+  BUTTON_WIDTH_106PX: "106px"
+};
+const CONSOLE_MESSAGES = {
+  ERROR_DURING_CONFIRMATION: "Error during confirmation:",
+  UNKNOWN_MAPPING_TYPE: (mappingType) => `Unknown mapping type: ${mappingType}`,
+  FAILED_TO_SAVE_TO_LOCALSTORAGE: "Failed to save to localStorage:",
+  FAILED_TO_REMOVE_FROM_LOCALSTORAGE: "Failed to remove from localStorage:"
+};
+const HELPER_STRINGS = {
+  MAPPING_TYPES: {
+    QUESTION: "QUESTION",
+    CONTACT: "CONTACT",
+    VARIABLE: "VARIABLE",
+    EXPRESSION: "EXPRESSION",
+    SUBMISSION_PROPERTY: "SUBMISSION_PROPERTY"
+  },
+  SURVEY_TYPES: {
+    CLASSIC_FORM: "classicform"
+  },
+  EXCLUDED_QUESTION_TYPES: ["Message", "PaymentQuestion"],
+  EXCLUDED_CONTACT_PROPERTIES: ["team_internal", "department_internal"],
+  LABEL_PREFIX: "- ",
+  ID_PREFIX: "id-",
+  CONSOLE_MESSAGES: {
+    UNKNOWN_MAPPING_TYPE: (mappingType) => `Unknown mapping type: ${mappingType}`
+  }
+};
+
+export { ARIA_LABELS, ATTRIBUTES, BORDER_RADIUS, BUTTON_TEXT, COLORS, COMPONENT_DISPLAY_NAMES, CONSOLE_MESSAGES, CSS_CLASS_NAMES, FONT_FAMILIES, FORM_LABELS, HELPER_STRINGS, MODAL_DESCRIPTIONS, MODAL_TITLES, NUMERIC_CONSTANTS, PLACEHOLDERS, SIZE_VALUES, VARIANTS };
+//# sourceMappingURL=strings.js.map

package/dist/es/commons/constants/strings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"strings.js","sources":["../../../../src/commons/constants/strings.ts"],"sourcesContent":["/**\n * String Constants for Commons Module\n * \n * This file contains all hardcoded strings used across the commons module.\n * Organized by component/feature for easy reference and maintenance.\n */\n\n// ============================================================================\n// Component Display Names\n// ============================================================================\nexport const COMPONENT_DISPLAY_NAMES = {\n  CONFIRMATION_MODAL: 'ConfirmationModal',\n  CUSTOM_PILL: 'CustomPill',\n  DRAFT_MODAL: 'DraftModal',\n  EDIT_CONFIRMATION: 'EditConfirmation',\n  IMPORT_MODAL: 'ImportModal',\n  NAMING_MODAL: 'NamingModal',\n  SPINNER: 'Spinner',\n  THEME_WRAPPER: 'ThemeWrapper',\n  ARROW_ICON: 'ArrowIcon',\n  CURSOR_ICON: 'CursorIcon',\n  EMAIL_LETTER_ICON: 'EmailLetterIcon',\n  SMS_ICON: 'SMSIcon',\n  WHATSAPP_ICON: 'WhatsAppIcon',\n  TRASH_ICON: 'TrashIcon',\n  SYNC_ICON: 'SyncIcon',\n  MAPPING_ICON: 'MappingIcon',\n  NESTED_ADD_ICON: 'NestedAddIcon',\n} as const;\n\n// ============================================================================\n// Button Text\n// ============================================================================\nexport const BUTTON_TEXT = {\n  CONFIRM: 'Confirm',\n  CANCEL: 'Cancel',\n  SAVE: 'Save',\n  YES_PROCEED: 'Yes, Proceed',\n  SAVE_MAPPING: 'Save Mapping',\n  UPDATE_MAPPING: 'Update Mapping',\n} as const;\n\n// ============================================================================\n// Modal Titles\n// ============================================================================\nexport const MODAL_TITLES = {\n  YOU_WILL_BE_REDIRECTED: 'You will be redirected',\n  NEW_CUSTOM_PROPERTY: 'New Custom Property',\n  MAPPING_NAME: 'Mapping Name',\n} as const;\n\n// ============================================================================\n// Modal Descriptions\n// ============================================================================\nexport const MODAL_DESCRIPTIONS = {\n  DRAFT_REDIRECT: \"To create a new share channel, we'll navigate you to the Share section. Your changes will be saved as a draft\",\n} as const;\n\n// ============================================================================\n// Form Labels\n// ============================================================================\nexport const FORM_LABELS = {\n  PROPERTY_NAME: 'Property Name',\n} as const;\n\n// ============================================================================\n// Placeholders\n// ============================================================================\nexport const PLACEHOLDERS = {\n  ENTER_NAME_FOR_FUTURE_REFERENCE: 'Enter a name for future reference',\n  PLEASE_ENTER_YOUR_QUESTION: 'Please enter your question',\n} as const;\n\n// ============================================================================\n// Aria Labels (Accessibility)\n// ============================================================================\nexport const ARIA_LABELS = {\n  CLOSE_MODAL: 'Close modal',\n  REMOVE_PILL: 'Remove pill',\n  LOADING: 'Loading...',\n  ARROW: 'Arrow',\n  CURSOR: 'Cursor',\n  EMAIL: 'Email',\n  SMS: 'SMS',\n  WHATSAPP: 'WhatsApp',\n  DELETE: 'Delete',\n  SYNC: 'Sync',\n  MAPPING: 'Mapping',\n  ADD_NESTED_ITEM: 'Add nested item',\n} as const;\n\n// ============================================================================\n// CSS Class Names\n// ============================================================================\nexport const CSS_CLASS_NAMES = {\n  DM_SANS: 'dm-sans',\n} as const;\n\n// ============================================================================\n// Font Families\n// ============================================================================\nexport const FONT_FAMILIES = {\n  DM_SANS: 'DM Sans',\n  ROBOTO_MONO: 'Roboto Mono',\n  DM_SANS_ROBOTO_MONO_SANS_SERIF: 'DM Sans, Roboto Mono, sans-serif',\n  DM_SANS_IMPORTANT: 'DM Sans !important',\n} as const;\n\n// ============================================================================\n// Colors (Non-CSS)\n// ============================================================================\nexport const COLORS = {\n  BLACK: 'black',\n  ICON_GRAY: '#6A6A6A',\n  ICON_GRAY_DARK: '#64748B',\n  ICON_GRAY_MEDIUM: '#767676',\n  DEFAULT: 'default',\n  ERROR: 'error',\n  SECONDARY: 'secondary',\n  PRIMARY: 'primary',\n} as const;\n\n// ============================================================================\n// Size Values\n// ============================================================================\nexport const SIZE_VALUES = {\n  LARGE: 'lg',\n  MEDIUM: 'md',\n  SMALL: 'sm',\n} as const;\n\n// ============================================================================\n// Variants\n// ============================================================================\nexport const VARIANTS = {\n  SOLID: 'solid',\n  GHOST: 'ghost',\n  DEFAULT: 'default',\n  SUCCESS: 'success',\n} as const;\n\n// ============================================================================\n// Status/Role Attributes\n// ============================================================================\nexport const ATTRIBUTES = {\n  STATUS: 'status',\n  IMG: 'img',\n} as const;\n\n// ============================================================================\n// Border Radius Values\n// ============================================================================\nexport const BORDER_RADIUS = {\n  EIGHT_PX: '8px',\n  NINETY_NINE_PX: '99px',\n} as const;\n\n// ============================================================================\n// Numeric Constants (for components)\n// ============================================================================\nexport const NUMERIC_CONSTANTS = {\n  CLOSE_ICON_SIZE: 12,\n  MAX_LENGTH_DEFAULT: 50,\n  MIN_WIDTH_464PX: '464px',\n  BUTTON_WIDTH_106PX: '106px',\n} as const;\n\n// ============================================================================\n// Console Messages\n// ============================================================================\nexport const CONSOLE_MESSAGES = {\n  ERROR_DURING_CONFIRMATION: 'Error during confirmation:',\n  UNKNOWN_MAPPING_TYPE: (mappingType: string) => `Unknown mapping type: ${mappingType}`,\n  FAILED_TO_SAVE_TO_LOCALSTORAGE: 'Failed to save to localStorage:',\n  FAILED_TO_REMOVE_FROM_LOCALSTORAGE: 'Failed to remove from localStorage:',\n} as const;\n\n// ============================================================================\n// File Size Units\n// ============================================================================\nexport const FILE_SIZE_UNITS = {\n  BYTES: 'Bytes',\n  KB: 'KB',\n  MB: 'MB',\n  GB: 'GB',\n} as const;\n\n// ============================================================================\n// Sort Directions\n// ============================================================================\nexport const SORT_DIRECTIONS = {\n  ASC: 'asc',\n  DESC: 'desc',\n} as const;\n\n// ============================================================================\n// Date Format Patterns\n// ============================================================================\nexport const DATE_FORMATS = {\n  YYYY_MM_DD: 'YYYY-MM-DD',\n} as const;\n\n// ============================================================================\n// Helper Strings\n// ============================================================================\nexport const HELPER_STRINGS = {\n  MAPPING_TYPES: {\n    QUESTION: 'QUESTION',\n    CONTACT: 'CONTACT',\n    VARIABLE: 'VARIABLE',\n    EXPRESSION: 'EXPRESSION',\n    SUBMISSION_PROPERTY: 'SUBMISSION_PROPERTY',\n  },\n  SURVEY_TYPES: {\n    CLASSIC_FORM: 'classicform',\n  },\n  EXCLUDED_QUESTION_TYPES: ['Message', 'PaymentQuestion'] as const,\n  EXCLUDED_CONTACT_PROPERTIES: ['team_internal', 'department_internal'] as const,\n  LABEL_PREFIX: '- ',\n  ID_PREFIX: 'id-',\n  CONSOLE_MESSAGES: {\n    UNKNOWN_MAPPING_TYPE: (mappingType: string) => `Unknown mapping type: ${mappingType}`,\n  },\n} as const;\n\n// ============================================================================\n// Utils Strings\n// ============================================================================\nexport const UTILS_STRINGS = {\n  ZERO_BYTES: '0 Bytes',\n  EMPTY_STRING: '',\n  TRUE: 'true',\n  FALSE: 'false',\n  COMMA_SPACE: ', ',\n  UNKNOWN_ERROR_OCCURRED: 'An unknown error occurred',\n  SPACE: ' ',\n  DOT: '.',\n} as const;\n\n"],"names":[],"mappings":"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"}

package/dist/es/contact-import/components/ContactImportConfigure.js

@@ -0,0 +1,111 @@
+import React__default, { useState, useCallback } from 'react';
+import ImportSchedules from './ImportSchedules.js';
+import { IMPORT_CONFIG_TYPE, UI_CONSTANTS, LABELS, PLACEHOLDERS } from '../constants/index.js';
+import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
+import { Box } from '../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
+import { Heading } from '../../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js';
+import { RadioGroup, Radio } from '../../node_modules/@sparrowengg/twigs-react/dist/es/radio/radio.js';
+import { Select } from '../../node_modules/@sparrowengg/twigs-react/dist/es/select/select.js';
+import { Button } from '../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js';
+import { ChevronRightIcon } from '../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/chevron-right.js';
+
+const ContactImportConfigure = ({
+  handleConfigureField,
+  listSegmentOptions,
+  contactImportField
+}) => {
+  var _a, _b, _c;
+  const [currentConfig, setCurrentConfig] = useState(
+    ((_a = contactImportField == null ? void 0 : contactImportField.configure) == null ? void 0 : _a.type) || IMPORT_CONFIG_TYPE.LIST
+  );
+  const [currentList, setCurrentList] = useState(
+    (_c = (_b = contactImportField == null ? void 0 : contactImportField.configure) == null ? void 0 : _b.listSegmentValue) != null ? _c : null
+  );
+  const handleConfigChange = useCallback((value) => {
+    setCurrentConfig(value);
+    setCurrentList(null);
+  }, []);
+  const handleListChange = useCallback((value) => {
+    setCurrentList(value);
+  }, []);
+  const handleNextClick = useCallback(() => {
+    handleConfigureField({
+      type: currentConfig,
+      listSegmentValue: currentList
+    });
+  }, [currentConfig, currentList, handleConfigureField]);
+  const isNextDisabled = currentConfig === IMPORT_CONFIG_TYPE.LIST && !(currentList == null ? void 0 : currentList.value);
+  const isListConfig = currentConfig === IMPORT_CONFIG_TYPE.LIST;
+  return /* @__PURE__ */ React__default.createElement(Flex, { justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(
+    Box,
+    {
+      css: {
+        marginTop: "$40",
+        maxWidth: UI_CONSTANTS.CONFIGURE_MAX_WIDTH,
+        width: "100%"
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(Heading, { size: "h5" }, LABELS.IMPORT_CONTACTS),
+    /* @__PURE__ */ React__default.createElement(RadioGroup, { defaultValue: currentConfig, onChange: handleConfigChange }, /* @__PURE__ */ React__default.createElement(
+      Flex,
+      {
+        css: {
+          marginTop: "$12",
+          "& label": { color: "$neutral800" }
+        },
+        alignItems: "center",
+        gap: "$12"
+      },
+      /* @__PURE__ */ React__default.createElement(
+        Radio,
+        {
+          size: "md",
+          value: IMPORT_CONFIG_TYPE.LIST,
+          css: { cursor: "pointer" }
+        },
+        LABELS.IMPORT_FROM_LIST_SEGMENT
+      ),
+      /* @__PURE__ */ React__default.createElement(
+        Radio,
+        {
+          size: "md",
+          value: IMPORT_CONFIG_TYPE.ALL,
+          css: { cursor: "pointer" }
+        },
+        LABELS.IMPORT_ALL_CONTACTS
+      )
+    )),
+    isListConfig && /* @__PURE__ */ React__default.createElement(
+      Select,
+      {
+        css: { marginTop: "$12" },
+        onChange: handleListChange,
+        size: "lg",
+        placeholder: PLACEHOLDERS.CHOOSE_LIST_SEGMENT,
+        options: listSegmentOptions,
+        value: currentList
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(Box, { css: { marginBlock: "$16" } }, /* @__PURE__ */ React__default.createElement(
+      ImportSchedules,
+      {
+        currentList,
+        setCurrentList
+      }
+    )),
+    /* @__PURE__ */ React__default.createElement(
+      Button,
+      {
+        css: { marginTop: "$16" },
+        disabled: isNextDisabled,
+        size: "lg",
+        onClick: handleNextClick,
+        rightIcon: /* @__PURE__ */ React__default.createElement(ChevronRightIcon, null)
+      },
+      LABELS.NEXT_MAPPING
+    )
+  ));
+};
+
+export { ContactImportConfigure as default };
+//# sourceMappingURL=ContactImportConfigure.js.map

package/dist/es/contact-import/components/ContactImportConfigure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactImportConfigure.js","sources":["../../../../src/contact-import/components/ContactImportConfigure.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport {\n  Box,\n  Button,\n  Flex,\n  Heading,\n  Radio,\n  RadioGroup,\n  Select,\n} from '@sparrowengg/twigs-react';\nimport { ChevronRightIcon } from '@sparrowengg/twigs-react-icons';\nimport ImportSchedules from './ImportSchedules';\nimport { ContactImportConfigureProps, SelectOption } from '../types';\nimport { UI_CONSTANTS, LABELS, PLACEHOLDERS, IMPORT_CONFIG_TYPE } from '../constants';\n\n/**\n * Component for configuring contact import settings\n * Handles list/segment selection and scheduling\n */\nconst ContactImportConfigure: React.FC<ContactImportConfigureProps> = ({\n  handleConfigureField,\n  listSegmentOptions,\n  contactImportField,\n}) => {\n  const [currentConfig, setCurrentConfig] = useState<string>(\n    contactImportField?.configure?.type || IMPORT_CONFIG_TYPE.LIST\n  );\n  const [currentList, setCurrentList] = useState<SelectOption | null>(\n    contactImportField?.configure?.listSegmentValue ?? null\n  );\n\n  const handleConfigChange = useCallback((value: string) => {\n    setCurrentConfig(value);\n    setCurrentList(null);\n  }, []);\n\n  const handleListChange = useCallback((value: SelectOption) => {\n    setCurrentList(value);\n  }, []);\n\n  const handleNextClick = useCallback(() => {\n    handleConfigureField({\n      type: currentConfig as 'LIST' | 'ALL',\n      listSegmentValue: currentList,\n    });\n  }, [currentConfig, currentList, handleConfigureField]);\n\n  const isNextDisabled = currentConfig === IMPORT_CONFIG_TYPE.LIST && !currentList?.value;\n  const isListConfig = currentConfig === IMPORT_CONFIG_TYPE.LIST;\n\n  return (\n    <Flex justifyContent=\"center\">\n      <Box\n        css={{\n          marginTop: '$40',\n          maxWidth: UI_CONSTANTS.CONFIGURE_MAX_WIDTH,\n          width: '100%',\n        }}\n      >\n        {/* Title */}\n        <Heading size=\"h5\">{LABELS.IMPORT_CONTACTS}</Heading>\n\n        {/* Import Type Selection */}\n        <RadioGroup defaultValue={currentConfig} onChange={handleConfigChange}>\n          <Flex\n            css={{\n              marginTop: '$12',\n              '& label': { color: '$neutral800' },\n            }}\n            alignItems=\"center\"\n            gap=\"$12\"\n          >\n            <Radio\n              size=\"md\"\n              value={IMPORT_CONFIG_TYPE.LIST}\n              css={{ cursor: 'pointer' }}\n            >\n              {LABELS.IMPORT_FROM_LIST_SEGMENT}\n            </Radio>\n            <Radio\n              size=\"md\"\n              value={IMPORT_CONFIG_TYPE.ALL}\n              css={{ cursor: 'pointer' }}\n            >\n              {LABELS.IMPORT_ALL_CONTACTS}\n            </Radio>\n          </Flex>\n        </RadioGroup>\n\n        {/* List/Segment Selection */}\n        {isListConfig && (\n          <Select\n            css={{ marginTop: '$12' }}\n            onChange={handleListChange}\n            size=\"lg\"\n            placeholder={PLACEHOLDERS.CHOOSE_LIST_SEGMENT}\n            options={listSegmentOptions}\n            value={currentList}\n          />\n        )}\n\n        {/* Import Schedule Configuration */}\n        <Box css={{ marginBlock: '$16' }}>\n          <ImportSchedules\n            currentList={currentList}\n            setCurrentList={setCurrentList}\n          />\n        </Box>\n\n        {/* Next Button */}\n        <Button\n          css={{ marginTop: '$16' }}\n          disabled={isNextDisabled}\n          size=\"lg\"\n          onClick={handleNextClick}\n          rightIcon={<ChevronRightIcon />}\n        >\n          {LABELS.NEXT_MAPPING}\n        </Button>\n      </Box>\n    </Flex>\n  );\n};\n\nexport default ContactImportConfigure;\n\n"],"names":["React"],"mappings":"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"}

package/dist/es/contact-import/components/ContactImportHeader.js

@@ -0,0 +1,132 @@
+import React__default, { useState } from 'react';
+import ArrowIcon from '../../commons/icons/arrow.js';
+import ContactImportModal from './ContactImportModal.js';
+import { LABELS } from '../constants/index.js';
+import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
+import { IconButton } from '../../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js';
+import { ArrowLeftIcon } from '../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/arrow-left.js';
+import { Heading } from '../../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js';
+import { Button } from '../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js';
+import { ChevronRightIcon } from '../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/chevron-right.js';
+
+const ContactImportHeader = ({
+  setNewImport,
+  setContactImportField,
+  contactImportField,
+  hasPreviousMapping,
+  previousMappingHandler,
+  onSaveHandler,
+  isContactMappingPage,
+  navigateMappingPage,
+  invitePortal
+}) => {
+  const [showImportModal, setShowImportModal] = useState(false);
+  const handleBackClick = () => {
+    setNewImport(false);
+    previousMappingHandler();
+  };
+  const handleNavigateToEventSetup = () => {
+    if (isContactMappingPage) {
+      navigateMappingPage(false);
+    }
+  };
+  const handleContinueClick = () => {
+    setShowImportModal(true);
+  };
+  const handleSaveAndClose = async () => {
+    await onSaveHandler();
+    setNewImport(false);
+  };
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    Flex,
+    {
+      alignItems: "center",
+      justifyContent: "space-between",
+      css: {
+        borderBottom: "$borderWidths$xs solid $neutral200",
+        padding: "$8 $12"
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      Flex,
+      {
+        gap: "$6",
+        alignItems: "center",
+        css: { visibility: hasPreviousMapping ? "visible" : "hidden" }
+      },
+      /* @__PURE__ */ React__default.createElement(
+        IconButton,
+        {
+          onClick: handleBackClick,
+          color: "default",
+          icon: /* @__PURE__ */ React__default.createElement(ArrowLeftIcon, null),
+          size: "lg",
+          "aria-label": LABELS.GO_BACK
+        }
+      ),
+      /* @__PURE__ */ React__default.createElement(Heading, { size: "h6" }, LABELS.NEW_CONTACT_IMPORT)
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      Flex,
+      {
+        alignItems: "center",
+        gap: "$4",
+        css: {
+          "& button": {
+            background: "transparent !important",
+            fontSize: "$md"
+          }
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(
+        Button,
+        {
+          css: {
+            color: !isContactMappingPage ? "$neutral900" : "$neutral800"
+          },
+          color: "default",
+          variant: "ghost",
+          size: "md",
+          onClick: handleNavigateToEventSetup
+        },
+        LABELS.EVENT_SETUP
+      ),
+      /* @__PURE__ */ React__default.createElement(ArrowIcon, null),
+      /* @__PURE__ */ React__default.createElement(
+        Button,
+        {
+          css: {
+            color: isContactMappingPage ? "$neutral900" : "$neutral800"
+          },
+          color: "default",
+          variant: "ghost",
+          size: "md",
+          disabled: !isContactMappingPage
+        },
+        LABELS.MAPPING
+      )
+    ),
+    /* @__PURE__ */ React__default.createElement(
+      Button,
+      {
+        size: "lg",
+        onClick: handleContinueClick,
+        rightIcon: /* @__PURE__ */ React__default.createElement(ChevronRightIcon, null),
+        css: { visibility: isContactMappingPage ? "visible" : "hidden" }
+      },
+      LABELS.CONTINUE
+    )
+  ), showImportModal && /* @__PURE__ */ React__default.createElement(
+    ContactImportModal,
+    {
+      setContactImportField,
+      contactImportField,
+      invitePortal,
+      onSaveHandler: handleSaveAndClose,
+      onCloseHandler: () => setShowImportModal(false)
+    }
+  ));
+};
+
+export { ContactImportHeader as default };
+//# sourceMappingURL=ContactImportHeader.js.map

package/dist/es/contact-import/components/ContactImportHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactImportHeader.js","sources":["../../../../src/contact-import/components/ContactImportHeader.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Flex,\n  Heading,\n  IconButton,\n  Button,\n} from '@sparrowengg/twigs-react';\nimport {\n  ArrowLeftIcon,\n  ChevronRightIcon,\n} from '@sparrowengg/twigs-react-icons';\nimport Arrow from '../../commons/icons/arrow';\nimport ContactImportModal from './ContactImportModal';\nimport { ContactImportHeaderProps } from '../types';\nimport { LABELS } from '../constants';\n\n/**\n * Header component for the Contact Import feature\n * Handles navigation between Event Setup and Mapping pages\n */\nconst ContactImportHeader: React.FC<ContactImportHeaderProps> = ({\n  setNewImport,\n  setContactImportField,\n  contactImportField,\n  hasPreviousMapping,\n  previousMappingHandler,\n  onSaveHandler,\n  isContactMappingPage,\n  navigateMappingPage,\n  invitePortal,\n}) => {\n  const [showImportModal, setShowImportModal] = useState(false);\n\n  const handleBackClick = () => {\n    setNewImport(false);\n    previousMappingHandler();\n  };\n\n  const handleNavigateToEventSetup = () => {\n    if (isContactMappingPage) {\n      navigateMappingPage(false);\n    }\n  };\n\n  const handleContinueClick = () => {\n    setShowImportModal(true);\n  };\n\n  const handleSaveAndClose = async () => {\n    await onSaveHandler();\n    setNewImport(false);\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        {/* Back Button and Title */}\n        <Flex\n          gap=\"$6\"\n          alignItems=\"center\"\n          css={{ visibility: hasPreviousMapping ? 'visible' : 'hidden' }}\n        >\n          <IconButton\n            onClick={handleBackClick}\n            color=\"default\"\n            icon={<ArrowLeftIcon />}\n            size=\"lg\"\n            aria-label={LABELS.GO_BACK}\n          />\n          <Heading size=\"h6\">{LABELS.NEW_CONTACT_IMPORT}</Heading>\n        </Flex>\n\n        {/* Navigation Breadcrumb */}\n        <Flex\n          alignItems=\"center\"\n          gap=\"$4\"\n          css={{\n            '& button': {\n              background: 'transparent !important',\n              fontSize: '$md',\n            },\n          }}\n        >\n          <Button\n            css={{\n              color: !isContactMappingPage ? '$neutral900' : '$neutral800',\n            }}\n            color=\"default\"\n            variant=\"ghost\"\n            size=\"md\"\n            onClick={handleNavigateToEventSetup}\n          >\n            {LABELS.EVENT_SETUP}\n          </Button>\n          <Arrow />\n          <Button\n            css={{\n              color: isContactMappingPage ? '$neutral900' : '$neutral800',\n            }}\n            color=\"default\"\n            variant=\"ghost\"\n            size=\"md\"\n            disabled={!isContactMappingPage}\n          >\n            {LABELS.MAPPING}\n          </Button>\n        </Flex>\n\n        {/* Continue Button */}\n        <Button\n          size=\"lg\"\n          onClick={handleContinueClick}\n          rightIcon={<ChevronRightIcon />}\n          css={{ visibility: isContactMappingPage ? 'visible' : 'hidden' }}\n        >\n          {LABELS.CONTINUE}\n        </Button>\n      </Flex>\n\n      {/* Import Configuration Modal */}\n      {showImportModal && (\n        <ContactImportModal\n          setContactImportField={setContactImportField}\n          contactImportField={contactImportField}\n          invitePortal={invitePortal}\n          onSaveHandler={handleSaveAndClose}\n          onCloseHandler={() => setShowImportModal(false)}\n        />\n      )}\n    </>\n  );\n};\n\nexport default ContactImportHeader;\n\n"],"names":["React","Arrow"],"mappings":"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"}

package/dist/es/contact-import/components/ContactImportMapping.js

@@ -0,0 +1,182 @@
+import React__default, { useRef, useEffect } from 'react';
+import useFieldManagement from '../hooks/use-field-management.js';
+import { UI_CONSTANTS, LABELS, PLACEHOLDERS, ERROR_MESSAGES } from '../constants/index.js';
+import { formatFieldName, truncateSampleData, filterContactProperties, findContactProperty } from '../utils/index.js';
+import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
+import { Box } from '../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
+import { Heading } from '../../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js';
+import { Text } from '../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js';
+import { Table, Thead, Th, Tbody, Tr, Td } from '../../node_modules/@sparrowengg/twigs-react/dist/es/table/table.js';
+import { Button } from '../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js';
+import { PlusIcon } from '../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/plus.js';
+import { FormInput } from '../../node_modules/@sparrowengg/twigs-react/dist/es/input/form-input.js';
+import { FormLabel } from '../../node_modules/@sparrowengg/twigs-react/dist/es/form-label/form-label.js';
+import { IconButton } from '../../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js';
+import { DeleteIcon } from '../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/delete.js';
+import { Select } from '../../node_modules/@sparrowengg/twigs-react/dist/es/select/select.js';
+
+const ContactImportMapping = ({
+  contactImportField,
+  setContactImportField,
+  integrationName,
+  contactProperties
+}) => {
+  const customPropertyRef = useRef(null);
+  const initialRenderRef = useRef(true);
+  const {
+    updateField,
+    updateSurveySparrowField,
+    addCustomField,
+    deleteField
+  } = useFieldManagement(contactImportField, setContactImportField);
+  useEffect(() => {
+    if (!initialRenderRef.current && (customPropertyRef == null ? void 0 : customPropertyRef.current)) {
+      customPropertyRef.current.scrollIntoView({
+        behavior: "smooth",
+        block: "end"
+      });
+    }
+    initialRenderRef.current = false;
+  }, [contactImportField.fields.length]);
+  const handleFieldInputChange = (field, event) => {
+    updateField(field.id, "integrationField", event.target.value);
+  };
+  const handleSurveySparrowFieldChange = (field, selectedOption) => {
+    updateSurveySparrowField(selectedOption.value, field.id, true);
+  };
+  const renderFieldInput = (field) => {
+    var _a;
+    if (field.property !== "custom") {
+      return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Text, { size: "sm", weight: "medium" }, formatFieldName(field.integrationField)), (_a = field.sampleData) == null ? void 0 : _a.map((sample, index) => /* @__PURE__ */ React__default.createElement(
+        Text,
+        {
+          key: index,
+          size: "xs",
+          css: { lineHeight: "$xs", color: "$neutral600" }
+        },
+        truncateSampleData(sample)
+      )));
+    }
+    return /* @__PURE__ */ React__default.createElement(Box, { css: { position: "relative" }, ref: customPropertyRef }, /* @__PURE__ */ React__default.createElement(
+      FormInput,
+      {
+        size: "lg",
+        value: field.integrationField || "",
+        onChange: (event) => handleFieldInputChange(field, event),
+        placeholder: PLACEHOLDERS.ENTER_CUSTOM_PROPERTY
+      }
+    ), /* @__PURE__ */ React__default.createElement(FormLabel, { css: { marginTop: "$4", color: "$neutral400" } }, PLACEHOLDERS.CUSTOM_PROPERTY_HELP), /* @__PURE__ */ React__default.createElement(
+      IconButton,
+      {
+        css: {
+          position: "absolute",
+          top: "0",
+          left: "-70px"
+        },
+        size: "lg",
+        variant: "ghost",
+        color: "secondary",
+        onClick: () => deleteField(field.id),
+        icon: /* @__PURE__ */ React__default.createElement(DeleteIcon, null),
+        "aria-label": LABELS.DELETE_CUSTOM_PROPERTY
+      }
+    ));
+  };
+  const renderSurveySparrowSelect = (field) => {
+    const filteredProperties = filterContactProperties(contactProperties);
+    const selectedProperty = findContactProperty(
+      contactProperties,
+      field.surveySparrowField
+    );
+    const selectValue = selectedProperty ? {
+      label: selectedProperty.label,
+      value: selectedProperty.value
+    } : null;
+    const hasSurveyFieldValue = Boolean(selectedProperty);
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+      Select,
+      {
+        size: "lg",
+        placeholder: PLACEHOLDERS.CHOOSE_PROPERTY,
+        value: selectValue,
+        options: filteredProperties,
+        onChange: (option) => handleSurveySparrowFieldChange(field, option)
+      }
+    ), hasSurveyFieldValue && /* @__PURE__ */ React__default.createElement(
+      FormLabel,
+      {
+        size: "xs",
+        css: {
+          color: field.mapped ? "$neutral600" : "#0F966C",
+          marginBlock: "$4"
+        }
+      },
+      field.mapped ? LABELS.MANUALLY_MAPPED : LABELS.AUTOMATICALLY_MAPPED
+    ), !field.surveySparrowField && field.surveySparrowFieldError && /* @__PURE__ */ React__default.createElement(
+      FormLabel,
+      {
+        css: { color: "$negative500", marginTop: "$4" },
+        size: "xs"
+      },
+      ERROR_MESSAGES.FIELD_REQUIRED
+    ));
+  };
+  return /* @__PURE__ */ React__default.createElement(Flex, { justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(
+    Box,
+    {
+      css: {
+        marginTop: "$40",
+        maxWidth: UI_CONSTANTS.MAPPING_MAX_WIDTH,
+        width: "100%"
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(Box, { css: { paddingLeft: "$28" } }, /* @__PURE__ */ React__default.createElement(Heading, { size: "h5" }, LABELS.MAP_CONTACT_PROPERTIES), /* @__PURE__ */ React__default.createElement(Text, { css: { marginTop: "$4", color: "$neutral600" }, size: "md" }, LABELS.REVIEW_MAPPINGS)),
+    /* @__PURE__ */ React__default.createElement(
+      Box,
+      {
+        css: {
+          height: "calc(100vh - 241px)",
+          paddingTop: "$16",
+          overflowY: "auto",
+          position: "relative",
+          background: "$white900",
+          paddingLeft: "$28"
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(
+        Table,
+        {
+          css: {
+            width: "100%",
+            background: "$white900",
+            borderRadius: "5px",
+            borderCollapse: "collapse"
+          }
+        },
+        /* @__PURE__ */ React__default.createElement(Thead, { css: { zIndex: 5, position: "sticky", top: "-31px" } }, /* @__PURE__ */ React__default.createElement(Th, null, `${integrationName} ${LABELS.PROFILE_FIELDS_DATA}`), /* @__PURE__ */ React__default.createElement(Th, { css: { borderLeft: "$borderWidths$xs solid $neutral100" } }, LABELS.SURVEYSPARROW_MAPPING)),
+        /* @__PURE__ */ React__default.createElement(Tbody, null, contactImportField.fields.map((field) => /* @__PURE__ */ React__default.createElement(Tr, { key: field.id }, /* @__PURE__ */ React__default.createElement(Td, { css: { width: 560 } }, renderFieldInput(field)), /* @__PURE__ */ React__default.createElement(
+          Td,
+          {
+            css: {
+              width: 560,
+              borderLeft: "$borderWidths$xs solid $neutral100"
+            }
+          },
+          renderSurveySparrowSelect(field)
+        ))), /* @__PURE__ */ React__default.createElement(Tr, null, /* @__PURE__ */ React__default.createElement(Td, { colSpan: 2 }, /* @__PURE__ */ React__default.createElement(
+          Button,
+          {
+            size: "md",
+            variant: "ghost",
+            leftIcon: /* @__PURE__ */ React__default.createElement(PlusIcon, null),
+            onClick: addCustomField
+          },
+          LABELS.ADD_CUSTOM_PROPERTY
+        ))))
+      )
+    )
+  ));
+};
+
+export { ContactImportMapping as default };
+//# sourceMappingURL=ContactImportMapping.js.map

package/dist/es/contact-import/components/ContactImportMapping.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactImportMapping.js","sources":["../../../../src/contact-import/components/ContactImportMapping.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport {\n  Box,\n  Button,\n  Flex,\n  FormInput,\n  FormLabel,\n  Heading,\n  IconButton,\n  Select,\n  Table,\n  Tbody,\n  Td,\n  Text,\n  Th,\n  Thead,\n  Tr,\n} from '@sparrowengg/twigs-react';\nimport { DeleteIcon, PlusIcon } from '@sparrowengg/twigs-react-icons';\nimport { ContactImportMappingProps, Field, SelectOption } from '../types';\nimport { useFieldManagement } from '../hooks';\nimport {\n  filterContactProperties,\n  findContactProperty,\n  formatFieldName,\n  truncateSampleData,\n} from '../utils';\nimport {\n  UI_CONSTANTS,\n  LABELS,\n  PLACEHOLDERS,\n  ERROR_MESSAGES,\n} from '../constants';\n\n/**\n * Component for mapping integration fields to SurveySparrow properties\n * Handles field mapping, custom properties, and validation\n */\nconst ContactImportMapping: React.FC<ContactImportMappingProps> = ({\n  contactImportField,\n  setContactImportField,\n  integrationName,\n  contactProperties,\n}) => {\n  const customPropertyRef = useRef<HTMLDivElement | null>(null);\n  const initialRenderRef = useRef(true);\n\n  const {\n    updateField,\n    updateSurveySparrowField,\n    addCustomField,\n    deleteField,\n  } = useFieldManagement(contactImportField, setContactImportField);\n\n  // Auto-scroll to newly added custom property\n  useEffect(() => {\n    if (!initialRenderRef.current && customPropertyRef?.current) {\n      customPropertyRef.current.scrollIntoView({\n        behavior: 'smooth',\n        block: 'end',\n      });\n    }\n    initialRenderRef.current = false;\n  }, [contactImportField.fields.length]);\n\n  const handleFieldInputChange = (\n    field: Field,\n    event: React.ChangeEvent<HTMLInputElement>\n  ) => {\n    updateField(field.id, 'integrationField', event.target.value);\n  };\n\n  const handleSurveySparrowFieldChange = (\n    field: Field,\n    selectedOption: SelectOption\n  ) => {\n    updateSurveySparrowField(selectedOption.value, field.id, true);\n  };\n\n  const renderFieldInput = (field: Field) => {\n    if (field.property !== 'custom') {\n      return (\n        <>\n          <Text size=\"sm\" weight=\"medium\">\n            {formatFieldName(field.integrationField)}\n          </Text>\n          {field.sampleData?.map((sample, index) => (\n            <Text\n              key={index}\n              size=\"xs\"\n              css={{ lineHeight: '$xs', color: '$neutral600' }}\n            >\n              {truncateSampleData(sample)}\n            </Text>\n          ))}\n        </>\n      );\n    }\n\n    return (\n      <Box css={{ position: 'relative' }} ref={customPropertyRef}>\n        <FormInput\n          size=\"lg\"\n          value={(field.integrationField as string) || ''}\n          onChange={(event) => handleFieldInputChange(field, event)}\n          placeholder={PLACEHOLDERS.ENTER_CUSTOM_PROPERTY}\n        />\n        <FormLabel css={{ marginTop: '$4', color: '$neutral400' }}>\n          {PLACEHOLDERS.CUSTOM_PROPERTY_HELP}\n        </FormLabel>\n        <IconButton\n          css={{\n            position: 'absolute',\n            top: '0',\n            left: '-70px',\n          }}\n          size=\"lg\"\n          variant=\"ghost\"\n          color=\"secondary\"\n          onClick={() => deleteField(field.id)}\n          icon={<DeleteIcon />}\n          aria-label={LABELS.DELETE_CUSTOM_PROPERTY}\n        />\n      </Box>\n    );\n  };\n\n  const renderSurveySparrowSelect = (field: Field) => {\n    const filteredProperties = filterContactProperties(contactProperties);\n    const selectedProperty = findContactProperty(\n      contactProperties,\n      field.surveySparrowField\n    );\n\n    const selectValue: SelectOption | null = selectedProperty\n      ? {\n          label: selectedProperty.label,\n          value: selectedProperty.value,\n        }\n      : null;\n\n    const hasSurveyFieldValue = Boolean(selectedProperty);\n\n    return (\n      <>\n        <Select\n          size=\"lg\"\n          placeholder={PLACEHOLDERS.CHOOSE_PROPERTY}\n          value={selectValue}\n          options={filteredProperties}\n          onChange={(option) => handleSurveySparrowFieldChange(field, option)}\n        />\n\n        {hasSurveyFieldValue && (\n          <FormLabel\n            size=\"xs\"\n            css={{\n              color: field.mapped ? '$neutral600' : '#0F966C',\n              marginBlock: '$4',\n            }}\n          >\n            {field.mapped ? LABELS.MANUALLY_MAPPED : LABELS.AUTOMATICALLY_MAPPED}\n          </FormLabel>\n        )}\n\n        {!field.surveySparrowField && field.surveySparrowFieldError && (\n          <FormLabel\n            css={{ color: '$negative500', marginTop: '$4' }}\n            size=\"xs\"\n          >\n            {ERROR_MESSAGES.FIELD_REQUIRED}\n          </FormLabel>\n        )}\n      </>\n    );\n  };\n\n  return (\n    <Flex justifyContent=\"center\">\n      <Box\n        css={{\n          marginTop: '$40',\n          maxWidth: UI_CONSTANTS.MAPPING_MAX_WIDTH,\n          width: '100%',\n        }}\n      >\n        {/* Header */}\n        <Box css={{ paddingLeft: '$28' }}>\n          <Heading size=\"h5\">{LABELS.MAP_CONTACT_PROPERTIES}</Heading>\n          <Text css={{ marginTop: '$4', color: '$neutral600' }} size=\"md\">\n            {LABELS.REVIEW_MAPPINGS}\n          </Text>\n        </Box>\n\n        {/* Mapping Table */}\n        <Box\n          css={{\n            height: 'calc(100vh - 241px)',\n            paddingTop: '$16',\n            overflowY: 'auto',\n            position: 'relative',\n            background: '$white900',\n            paddingLeft: '$28',\n          }}\n        >\n          <Table\n            css={{\n              width: '100%',\n              background: '$white900',\n              borderRadius: '5px',\n              borderCollapse: 'collapse',\n            }}\n          >\n            <Thead css={{ zIndex: 5, position: 'sticky', top: '-31px' }}>\n              <Th>{`${integrationName} ${LABELS.PROFILE_FIELDS_DATA}`}</Th>\n              <Th css={{ borderLeft: '$borderWidths$xs solid $neutral100' }}>\n                {LABELS.SURVEYSPARROW_MAPPING}\n              </Th>\n            </Thead>\n            <Tbody>\n              {contactImportField.fields.map((field) => (\n                <Tr key={field.id}>\n                  <Td css={{ width: 560 }}>{renderFieldInput(field)}</Td>\n                  <Td\n                    css={{\n                      width: 560,\n                      borderLeft: '$borderWidths$xs solid $neutral100',\n                    }}\n                  >\n                    {renderSurveySparrowSelect(field)}\n                  </Td>\n                </Tr>\n              ))}\n\n              {/* Add Custom Property Button */}\n              <Tr>\n                <Td colSpan={2}>\n                  <Button\n                    size=\"md\"\n                    variant=\"ghost\"\n                    leftIcon={<PlusIcon />}\n                    onClick={addCustomField}\n                  >\n                    {LABELS.ADD_CUSTOM_PROPERTY}\n                  </Button>\n                </Td>\n              </Tr>\n            </Tbody>\n          </Table>\n        </Box>\n      </Box>\n    </Flex>\n  );\n};\n\nexport default ContactImportMapping;\n\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;AAsCA,MAAM,uBAA4D,CAAC;AAAA,EACjE,kBAAA;AAAA,EACA,qBAAA;AAAA,EACA,eAAA;AAAA,EACA,iBAAA;AACF,CAAM,KAAA;AACJ,EAAM,MAAA,iBAAA,GAAoB,OAA8B,IAAI,CAAA,CAAA;AAC5D,EAAM,MAAA,gBAAA,GAAmB,OAAO,IAAI,CAAA,CAAA;AAEpC,EAAM,MAAA;AAAA,IACJ,WAAA;AAAA,IACA,wBAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,GACF,GAAI,kBAAmB,CAAA,kBAAA,EAAoB,qBAAqB,CAAA,CAAA;AAGhE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,gBAAA,CAAiB,OAAW,KAAA,iBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,iBAAA,CAAmB,OAAS,CAAA,EAAA;AAC3D,MAAA,iBAAA,CAAkB,QAAQ,cAAe,CAAA;AAAA,QACvC,QAAU,EAAA,QAAA;AAAA,QACV,KAAO,EAAA,KAAA;AAAA,OACR,CAAA,CAAA;AAAA,KACH;AACA,IAAA,gBAAA,CAAiB,OAAU,GAAA,KAAA,CAAA;AAAA,GAC1B,EAAA,CAAC,kBAAmB,CAAA,MAAA,CAAO,MAAM,CAAC,CAAA,CAAA;AAErC,EAAM,MAAA,sBAAA,GAAyB,CAC7B,KAAA,EACA,KACG,KAAA;AACH,IAAA,WAAA,CAAY,KAAM,CAAA,EAAA,EAAI,kBAAoB,EAAA,KAAA,CAAM,OAAO,KAAK,CAAA,CAAA;AAAA,GAC9D,CAAA;AAEA,EAAM,MAAA,8BAAA,GAAiC,CACrC,KAAA,EACA,cACG,KAAA;AACH,IAAA,wBAAA,CAAyB,cAAe,CAAA,KAAA,EAAO,KAAM,CAAA,EAAA,EAAI,IAAI,CAAA,CAAA;AAAA,GAC/D,CAAA;AAEA,EAAM,MAAA,gBAAA,GAAmB,CAAC,KAAiB,KAAA;AA/E7C,IAAA,IAAA,EAAA,CAAA;AAgFI,IAAI,IAAA,KAAA,CAAM,aAAa,QAAU,EAAA;AAC/B,MAAA,mGAEKA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAK,IAAK,EAAA,MAAA,EAAO,YACpB,eAAgB,CAAA,KAAA,CAAM,gBAAgB,CACzC,IACC,EAAM,GAAA,KAAA,CAAA,UAAA,KAAN,mBAAkB,GAAI,CAAA,CAAC,QAAQ,KAC9B,qBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,GAAK,EAAA,KAAA;AAAA,UACL,IAAK,EAAA,IAAA;AAAA,UACL,GAAK,EAAA,EAAE,UAAY,EAAA,KAAA,EAAO,OAAO,aAAc,EAAA;AAAA,SAAA;AAAA,QAE9C,mBAAmB,MAAM,CAAA;AAAA,OAGhC,CAAA,CAAA,CAAA;AAAA,KAEJ;AAEA,IACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,GAAK,EAAA,EAAE,UAAU,UAAW,EAAA,EAAG,KAAK,iBACvC,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,IAAA;AAAA,QACL,KAAA,EAAQ,MAAM,gBAA+B,IAAA,EAAA;AAAA,QAC7C,QAAU,EAAA,CAAC,KAAU,KAAA,sBAAA,CAAuB,OAAO,KAAK,CAAA;AAAA,QACxD,aAAa,YAAa,CAAA,qBAAA;AAAA,OAAA;AAAA,KAE5B,kBAAAA,cAAA,CAAA,aAAA,CAAC,SAAU,EAAA,EAAA,GAAA,EAAK,EAAE,SAAA,EAAW,IAAM,EAAA,KAAA,EAAO,aAAc,EAAA,EAAA,EACrD,YAAa,CAAA,oBAChB,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA;AAAA,UACH,QAAU,EAAA,UAAA;AAAA,UACV,GAAK,EAAA,GAAA;AAAA,UACL,IAAM,EAAA,OAAA;AAAA,SACR;AAAA,QACA,IAAK,EAAA,IAAA;AAAA,QACL,OAAQ,EAAA,OAAA;AAAA,QACR,KAAM,EAAA,WAAA;AAAA,QACN,OAAS,EAAA,MAAM,WAAY,CAAA,KAAA,CAAM,EAAE,CAAA;AAAA,QACnC,IAAA,+CAAO,UAAW,EAAA,IAAA,CAAA;AAAA,QAClB,cAAY,MAAO,CAAA,sBAAA;AAAA,OAAA;AAAA,KAEvB,CAAA,CAAA;AAAA,GAEJ,CAAA;AAEA,EAAM,MAAA,yBAAA,GAA4B,CAAC,KAAiB,KAAA;AAClD,IAAM,MAAA,kBAAA,GAAqB,wBAAwB,iBAAiB,CAAA,CAAA;AACpE,IAAA,MAAM,gBAAmB,GAAA,mBAAA;AAAA,MACvB,iBAAA;AAAA,MACA,KAAM,CAAA,kBAAA;AAAA,KACR,CAAA;AAEA,IAAA,MAAM,cAAmC,gBACrC,GAAA;AAAA,MACE,OAAO,gBAAiB,CAAA,KAAA;AAAA,MACxB,OAAO,gBAAiB,CAAA,KAAA;AAAA,KAE1B,GAAA,IAAA,CAAA;AAEJ,IAAM,MAAA,mBAAA,GAAsB,QAAQ,gBAAgB,CAAA,CAAA;AAEpD,IAAA,uBAEIA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,IAAA;AAAA,QACL,aAAa,YAAa,CAAA,eAAA;AAAA,QAC1B,KAAO,EAAA,WAAA;AAAA,QACP,OAAS,EAAA,kBAAA;AAAA,QACT,QAAU,EAAA,CAAC,MAAW,KAAA,8BAAA,CAA+B,OAAO,MAAM,CAAA;AAAA,OAAA;AAAA,OAGnE,mBACC,oBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,IAAA;AAAA,QACL,GAAK,EAAA;AAAA,UACH,KAAA,EAAO,KAAM,CAAA,MAAA,GAAS,aAAgB,GAAA,SAAA;AAAA,UACtC,WAAa,EAAA,IAAA;AAAA,SACf;AAAA,OAAA;AAAA,MAEC,KAAM,CAAA,MAAA,GAAS,MAAO,CAAA,eAAA,GAAkB,MAAO,CAAA,oBAAA;AAAA,KAInD,EAAA,CAAC,KAAM,CAAA,kBAAA,IAAsB,MAAM,uBAClC,oBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,EAAE,KAAO,EAAA,cAAA,EAAgB,WAAW,IAAK,EAAA;AAAA,QAC9C,IAAK,EAAA,IAAA;AAAA,OAAA;AAAA,MAEJ,cAAe,CAAA,cAAA;AAAA,KAGtB,CAAA,CAAA;AAAA,GAEJ,CAAA;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,cAAA,EAAe,QACnB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA;AAAA,QACH,SAAW,EAAA,KAAA;AAAA,QACX,UAAU,YAAa,CAAA,iBAAA;AAAA,QACvB,KAAO,EAAA,MAAA;AAAA,OACT;AAAA,KAAA;AAAA,oBAGAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,GAAA,EAAK,EAAE,WAAA,EAAa,KAAM,EAAA,EAAA,kBAC5BA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,IAAK,EAAA,IAAA,EAAA,EAAM,MAAO,CAAA,sBAAuB,CAClD,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,GAAA,EAAK,EAAE,SAAA,EAAW,IAAM,EAAA,KAAA,EAAO,aAAc,EAAA,EAAG,IAAK,EAAA,IAAA,EAAA,EACxD,MAAO,CAAA,eACV,CACF,CAAA;AAAA,oBAGAA,cAAA,CAAA,aAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA;AAAA,UACH,MAAQ,EAAA,qBAAA;AAAA,UACR,UAAY,EAAA,KAAA;AAAA,UACZ,SAAW,EAAA,MAAA;AAAA,UACX,QAAU,EAAA,UAAA;AAAA,UACV,UAAY,EAAA,WAAA;AAAA,UACZ,WAAa,EAAA,KAAA;AAAA,SACf;AAAA,OAAA;AAAA,sBAEAA,cAAA,CAAA,aAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAK,EAAA;AAAA,YACH,KAAO,EAAA,MAAA;AAAA,YACP,UAAY,EAAA,WAAA;AAAA,YACZ,YAAc,EAAA,KAAA;AAAA,YACd,cAAgB,EAAA,UAAA;AAAA,WAClB;AAAA,SAAA;AAAA,wBAECA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,GAAK,EAAA,EAAE,MAAQ,EAAA,CAAA,EAAG,QAAU,EAAA,QAAA,EAAU,GAAK,EAAA,OAAA,EAChD,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,EAAI,EAAA,IAAA,EAAA,CAAA,EAAG,eAAe,CAAA,CAAA,EAAI,MAAO,CAAA,mBAAmB,CAAG,CAAA,CAAA,kBACvDA,cAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAG,GAAK,EAAA,EAAE,UAAY,EAAA,oCAAA,EACpB,EAAA,EAAA,MAAA,CAAO,qBACV,CACF,CAAA;AAAA,wBACAA,cAAA,CAAA,aAAA,CAAC,aACE,kBAAmB,CAAA,MAAA,CAAO,IAAI,CAAC,KAAA,qBAC7BA,cAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAG,GAAK,EAAA,KAAA,CAAM,sBACZA,cAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAG,KAAK,EAAE,KAAA,EAAO,KAAQ,EAAA,EAAA,gBAAA,CAAiB,KAAK,CAAE,CAClD,kBAAAA,cAAA,CAAA,aAAA;AAAA,UAAC,EAAA;AAAA,UAAA;AAAA,YACC,GAAK,EAAA;AAAA,cACH,KAAO,EAAA,GAAA;AAAA,cACP,UAAY,EAAA,oCAAA;AAAA,aACd;AAAA,WAAA;AAAA,UAEC,0BAA0B,KAAK,CAAA;AAAA,SAEpC,CACD,CAGD,kBAAAA,cAAA,CAAA,aAAA,CAAC,0BACEA,cAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAG,SAAS,CACX,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAK,EAAA,IAAA;AAAA,YACL,OAAQ,EAAA,OAAA;AAAA,YACR,QAAA,+CAAW,QAAS,EAAA,IAAA,CAAA;AAAA,YACpB,OAAS,EAAA,cAAA;AAAA,WAAA;AAAA,UAER,MAAO,CAAA,mBAAA;AAAA,SAEZ,CACF,CACF,CAAA;AAAA,OACF;AAAA,KACF;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}