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

package/dist/es/commons/icons/whatsapp.js.map

@@ -1 +1 @@
-{"version":3,"file":"whatsapp.js","sources":["../../../../src/commons/icons/whatsapp.tsx"],"sourcesContent":["import React from \"react\";\n\nconst WhatsappIcon = () => {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M15.17 4.80163C13.7984 3.42913 11.9742 2.67246 10.0309 2.67163C6.02504 2.67163 2.76587 5.92913 2.76504 9.9333C2.76337 11.2075 3.09754 12.46 3.7342 13.5641L2.70337 17.3275L6.55504 16.3175C7.62087 16.8975 8.8142 17.2016 10.0275 17.2016H10.0309C14.035 17.2016 17.2942 13.9433 17.2959 9.93913C17.2967 7.99913 16.5417 6.17496 15.17 4.80163Z\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M10.9126 11.2999L11.2509 10.9641C11.5618 10.6558 12.0534 10.6166 12.4118 10.8683C12.7584 11.1116 13.0718 11.3299 13.3634 11.5333C13.8268 11.8549 13.8826 12.5149 13.4834 12.9133L13.1843 13.2124\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M6.7876 6.81583L7.08676 6.51666C7.4851 6.11833 8.1451 6.17416 8.46676 6.63666C8.66926 6.92833 8.8876 7.24166 9.13176 7.58833C9.38343 7.94666 9.3451 8.43833 9.03593 8.74916L8.7001 9.08749\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M13.1842 13.2126C11.9501 14.4409 9.8759 13.3976 8.2384 11.7593\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M8.24006 11.7618C6.60256 10.1234 5.55922 8.05008 6.78756 6.81592\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M8.70007 9.0874C8.96591 9.50657 9.30674 9.92157 9.69174 10.3066L9.69341 10.3082C10.0784 10.6932 10.4934 11.0341 10.9126 11.2999\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n    </svg>\n  );\n};\n\nexport default WhatsappIcon;\n"],"names":["React"],"mappings":";;AAEA,MAAM,eAAe,MAAM;AACzB,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,IAAA;AAAA,MACN,MAAO,EAAA,IAAA;AAAA,MACP,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,KAAA;AAAA,oBAENA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,WAAU,EAAA,SAAA;AAAA,QACV,WAAU,EAAA,SAAA;AAAA,QACV,CAAE,EAAA,iVAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kMAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,4LAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,gEAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kEAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,iIAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"whatsapp.js","sources":["../../../../src/commons/icons/whatsapp.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS, ARIA_LABELS, ATTRIBUTES, COMPONENT_DISPLAY_NAMES } from '../constants/strings';\n\n/**\n * Props for the WhatsAppIcon component\n */\nexport interface WhatsAppIconProps {\n  /** Width of the icon */\n  width?: number | string;\n  /** Height of the icon */\n  height?: number | string;\n  /** Stroke color of the icon */\n  color?: string;\n  /** Stroke width */\n  strokeWidth?: number | string;\n  /** Optional: Additional CSS class name */\n  className?: string;\n  /** Optional: ARIA label for accessibility */\n  ariaLabel?: string;\n}\n\n/**\n * Default configuration for the WhatsApp icon\n */\nconst DEFAULT_CONFIG = {\n  width: 20,\n  height: 20,\n  color: COLORS.ICON_GRAY,\n  strokeWidth: 1.5,\n} as const;\n\n/**\n * WhatsAppIcon Component\n * \n * A WhatsApp messenger icon with customizable size and color.\n * \n * @example\n * ```tsx\n * <WhatsAppIcon width={24} height={24} color=\"#25D366\" />\n * ```\n */\nconst WhatsAppIcon: React.FC<WhatsAppIconProps> = ({\n  width = DEFAULT_CONFIG.width,\n  height = DEFAULT_CONFIG.height,\n  color = DEFAULT_CONFIG.color,\n  strokeWidth = DEFAULT_CONFIG.strokeWidth,\n  className,\n  ariaLabel = ARIA_LABELS.WHATSAPP,\n}) => {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n      aria-label={ariaLabel}\n      role={ATTRIBUTES.IMG}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M15.17 4.80163C13.7984 3.42913 11.9742 2.67246 10.0309 2.67163C6.02504 2.67163 2.76587 5.92913 2.76504 9.9333C2.76337 11.2075 3.09754 12.46 3.7342 13.5641L2.70337 17.3275L6.55504 16.3175C7.62087 16.8975 8.8142 17.2016 10.0275 17.2016H10.0309C14.035 17.2016 17.2942 13.9433 17.2959 9.93913C17.2967 7.99913 16.5417 6.17496 15.17 4.80163Z\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M10.9126 11.2999L11.2509 10.9641C11.5618 10.6558 12.0534 10.6166 12.4118 10.8683C12.7584 11.1116 13.0718 11.3299 13.3634 11.5333C13.8268 11.8549 13.8826 12.5149 13.4834 12.9133L13.1843 13.2124\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M6.7876 6.81583L7.08676 6.51666C7.4851 6.11833 8.1451 6.17416 8.46676 6.63666C8.66926 6.92833 8.8876 7.24166 9.13176 7.58833C9.38343 7.94666 9.3451 8.43833 9.03593 8.74916L8.7001 9.08749\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M13.1842 13.2126C11.9501 14.4409 9.8759 13.3976 8.2384 11.7593\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M8.24006 11.7618C6.60256 10.1234 5.55922 8.05008 6.78756 6.81592\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M8.70007 9.0874C8.96591 9.50657 9.30674 9.92157 9.69174 10.3066L9.69341 10.3082C10.0784 10.6932 10.4934 11.0341 10.9126 11.2999\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n};\n\nWhatsAppIcon.displayName = COMPONENT_DISPLAY_NAMES.WHATSAPP_ICON;\n\nexport default WhatsAppIcon;\n"],"names":["React"],"mappings":";;;AAwBA,MAAM,cAAiB,GAAA;AAAA,EACrB,KAAO,EAAA,EAAA;AAAA,EACP,MAAQ,EAAA,EAAA;AAAA,EACR,OAAO,MAAO,CAAA,SAAA;AAAA,EACd,WAAa,EAAA,GAAA;AACf,CAAA,CAAA;AAYA,MAAM,eAA4C,CAAC;AAAA,EACjD,QAAQ,cAAe,CAAA,KAAA;AAAA,EACvB,SAAS,cAAe,CAAA,MAAA;AAAA,EACxB,QAAQ,cAAe,CAAA,KAAA;AAAA,EACvB,cAAc,cAAe,CAAA,WAAA;AAAA,EAC7B,SAAA;AAAA,EACA,YAAY,WAAY,CAAA,QAAA;AAC1B,CAAM,KAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,MACN,SAAA;AAAA,MACA,YAAY,EAAA,SAAA;AAAA,MACZ,MAAM,UAAW,CAAA,GAAA;AAAA,KAAA;AAAA,oBAEjBA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,QAAS,EAAA,SAAA;AAAA,QACT,QAAS,EAAA,SAAA;AAAA,QACT,CAAE,EAAA,iVAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kMAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,4LAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,gEAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kEAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,iIAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,GACF,CAAA;AAEJ,EAAA;AAEA,YAAA,CAAa,cAAc,uBAAwB,CAAA,aAAA;;;;"}

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":"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"}