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

package/dist/es/contact-import/components/ManageImport/scheduled.js

@@ -1,79 +0,0 @@
-import React__default, { useState } from 'react';
-import moment from '../../../node_modules/moment/moment.js';
-import { TooltipProvider } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/tooltip/tooltip.js';
-import { Box } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
-import { Grid } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/grid/grid.js';
-import { Text } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js';
-import { Switch } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/switch/switch.js';
-import { TickCircleFillIcon } from '../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/tick-circle-fill.js';
-import { AlertFillIcon } from '../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/alert-fill.js';
-import { Flex } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/dropdown/dropdown.js';
-import { IconButton } from '../../../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js';
-import { EllipsisVerticalIcon } from '../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/ellipsis-vertical.js';
-import { DeleteIcon } from '../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/delete.js';
-import { PencilIcon } from '../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/pencil.js';
-
-const Scheduled = ({ scheduled }) => {
-  const [currentRow, setCurrentRow] = useState(0);
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(TooltipProvider, null, /* @__PURE__ */ React__default.createElement(Box, { css: { width: "100%", height: "100%", overflow: "scroll" } }, /* @__PURE__ */ React__default.createElement(
-    Grid,
-    {
-      templateColumns: "10% 20% 20% 20% 20% 5% 5%",
-      css: {
-        borderTop: "$borderWidths$xs solid $neutral200",
-        borderBottom: "$borderWidths$xs solid $neutral200",
-        padding: "$7 $12",
-        color: "$neutral900",
-        alignItems: "center",
-        position: "sticky",
-        top: "0",
-        background: "white",
-        zIndex: "2"
-      }
-    },
-    /* @__PURE__ */ React__default.createElement(Text, null, " "),
-    /* @__PURE__ */ React__default.createElement(Text, { weight: "medium" }, "Import Name"),
-    /* @__PURE__ */ React__default.createElement(Text, { weight: "medium" }, "Contact Type"),
-    /* @__PURE__ */ React__default.createElement(Text, { weight: "medium" }, "Created on"),
-    /* @__PURE__ */ React__default.createElement(Text, { weight: "medium" }, "Upcomming Import"),
-    /* @__PURE__ */ React__default.createElement(Text, { weight: "medium" }, "Status")
-  ), scheduled == null ? void 0 : scheduled.map((item) => {
-    return /* @__PURE__ */ React__default.createElement(
-      Grid,
-      {
-        onMouseOver: () => setCurrentRow(item.id),
-        templateColumns: "10% 20% 20% 20% 20% 5% 5%",
-        css: {
-          borderBottom: "$borderWidths$xs solid $neutral100",
-          padding: "$9 $12",
-          fontWeight: "$4",
-          color: "$neutral700",
-          alignItems: "center"
-        }
-      },
-      /* @__PURE__ */ React__default.createElement(Text, null, /* @__PURE__ */ React__default.createElement(Switch, { checked: item.scheduled, size: "sm" })),
-      /* @__PURE__ */ React__default.createElement(Text, { weight: "bold", css: { color: "$neutral900" } }, item.name),
-      /* @__PURE__ */ React__default.createElement(Text, { css: { color: "$neutral900" } }, item.type),
-      /* @__PURE__ */ React__default.createElement(Text, null, moment(item.createdOn).format("MMM D, YYYY | h:mm A")),
-      /* @__PURE__ */ React__default.createElement(Text, null, moment(item.upcommingImport).format("MMM D, YYYY | h:mm A")),
-      /* @__PURE__ */ React__default.createElement(Text, null, item.status === "success" ? /* @__PURE__ */ React__default.createElement(TickCircleFillIcon, { color: "#5EA130", size: "24" }) : /* @__PURE__ */ React__default.createElement(AlertFillIcon, { color: "#F65633", size: "24" })),
-      /* @__PURE__ */ React__default.createElement(Flex, { justifyContent: "center" }, currentRow === item.id ? /* @__PURE__ */ React__default.createElement(DropdownMenu, { size: "sm" }, /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(IconButton, { size: "md", variant: "ghost", color: "secondary" }, /* @__PURE__ */ React__default.createElement(EllipsisVerticalIcon, null))), /* @__PURE__ */ React__default.createElement(
-        DropdownMenuContent,
-        {
-          onCloseAutoFocus: (e) => {
-            e.preventDefault();
-          },
-          side: "bottom",
-          align: "end",
-          css: { minWidth: "128px", padding: "$4 0" }
-        },
-        /* @__PURE__ */ React__default.createElement(DropdownMenuItem, { css: { cursor: "pointer" } }, /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", gap: "$2" }, /* @__PURE__ */ React__default.createElement(DeleteIcon, { color: "#6A6A6A", size: 20 }), /* @__PURE__ */ React__default.createElement(Text, { size: "sm" }, "Delete"))),
-        /* @__PURE__ */ React__default.createElement(DropdownMenuItem, { css: { cursor: "pointer" } }, /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", gap: "$2" }, /* @__PURE__ */ React__default.createElement(PencilIcon, { color: "#6A6A6A", size: 20 }), /* @__PURE__ */ React__default.createElement(Text, { size: "sm" }, "Edit")))
-      )) : null)
-    );
-  }))));
-};
-
-export { Scheduled as default };
-//# sourceMappingURL=scheduled.js.map

package/dist/es/contact-import/components/ManageImport/scheduled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scheduled.js","sources":["../../../../../src/contact-import/components/ManageImport/scheduled.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport {\n  Box,\n  Grid,\n  Switch,\n  Text,\n  TooltipProvider,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  IconButton,\n  Flex,\n} from \"@sparrowengg/twigs-react\";\nimport moment from \"moment\";\nimport {\n  AlertFillIcon,\n  DeleteIcon,\n  PencilIcon,\n  EllipsisVerticalIcon,\n  TickCircleFillIcon,\n} from \"@sparrowengg/twigs-react-icons\";\nimport { ScheduledImportTypes } from \"../../types\";\n\nconst Scheduled = ({ scheduled }: { scheduled: Array<ScheduledImportTypes> }) => {\n  const [currentRow, setCurrentRow] = useState(0);\n  return (\n    <>\n      <TooltipProvider>\n        <Box css={{ width: \"100%\", height: \"100%\", overflow: \"scroll\" }}>\n          <Grid\n            templateColumns=\"10% 20% 20% 20% 20% 5% 5%\"\n            css={{\n              borderTop: \"$borderWidths$xs solid $neutral200\",\n              borderBottom: \"$borderWidths$xs solid $neutral200\",\n              padding: \"$7 $12\",\n              color: \"$neutral900\",\n              alignItems: \"center\",\n              position: \"sticky\",\n              top: \"0\",\n              background: \"white\",\n              zIndex: \"2\",\n            }}\n          >\n            <Text> </Text>\n            <Text weight=\"medium\">Import Name</Text>\n            <Text weight=\"medium\">Contact Type</Text>\n            <Text weight=\"medium\">Created on</Text>\n            <Text weight=\"medium\">Upcomming Import</Text>\n            <Text weight=\"medium\">Status</Text>\n          </Grid>\n          {scheduled?.map((item: ScheduledImportTypes) => {\n            return (\n              <Grid\n                onMouseOver={() => setCurrentRow(item.id)}\n                templateColumns=\"10% 20% 20% 20% 20% 5% 5%\"\n                css={{\n                  borderBottom: \"$borderWidths$xs solid $neutral100\",\n                  padding: \"$9 $12\",\n                  fontWeight: \"$4\",\n                  color: \"$neutral700\",\n                  alignItems: \"center\",\n                }}\n              >\n                <Text>\n                  <Switch checked={item.scheduled} size=\"sm\" />\n                </Text>\n                <Text weight=\"bold\" css={{ color: \"$neutral900\" }}>\n                  {item.name}\n                </Text>\n                <Text css={{ color: \"$neutral900\" }}>{item.type}</Text>\n                <Text>\n                  {moment(item.createdOn).format(\"MMM D, YYYY | h:mm A\")}\n                </Text>\n                <Text>\n                  {moment(item.upcommingImport).format(\"MMM D, YYYY | h:mm A\")}\n                </Text>\n                <Text>\n                  {item.status === \"success\" ? (\n                    <TickCircleFillIcon color=\"#5EA130\" size=\"24\" />\n                  ) : (\n                    <AlertFillIcon color=\"#F65633\" size=\"24\" />\n                  )}\n                </Text>\n\n                <Flex justifyContent=\"center\">\n                  {currentRow === item.id ? (\n                    <DropdownMenu size=\"sm\">\n                      <DropdownMenuTrigger asChild>\n                        <IconButton size=\"md\" variant=\"ghost\" color=\"secondary\">\n                          <EllipsisVerticalIcon />\n                        </IconButton>\n                      </DropdownMenuTrigger>\n                      <DropdownMenuContent\n                        onCloseAutoFocus={(e) => {\n                          e.preventDefault();\n                        }}\n                        side=\"bottom\"\n                        align=\"end\"\n                        css={{ minWidth: \"128px\", padding: \"$4 0\" }}\n                      >\n                        <DropdownMenuItem css={{ cursor: \"pointer\" }}>\n                          <Flex alignItems=\"center\" gap=\"$2\">\n                            <DeleteIcon color=\"#6A6A6A\" size={20} />\n                            <Text size=\"sm\">Delete</Text>\n                          </Flex>\n                        </DropdownMenuItem>\n                        <DropdownMenuItem css={{ cursor: \"pointer\" }}>\n                          <Flex alignItems=\"center\" gap=\"$2\">\n                            <PencilIcon color=\"#6A6A6A\" size={20} />\n                            <Text size=\"sm\">Edit</Text>\n                          </Flex>\n                        </DropdownMenuItem>\n                      </DropdownMenuContent>\n                    </DropdownMenu>\n                  ) : null}\n                </Flex>\n              </Grid>\n            );\n          })}\n        </Box>\n      </TooltipProvider>\n    </>\n  );\n};\n\nexport default Scheduled;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;AAwBA,MAAM,SAAY,GAAA,CAAC,EAAE,SAAA,EAA4D,KAAA;AAC/E,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,CAAC,CAAA,CAAA;AAC9C,EAAA,uBAEIA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,eACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,GAAA,EAAK,EAAE,KAAA,EAAO,MAAQ,EAAA,MAAA,EAAQ,MAAQ,EAAA,QAAA,EAAU,UACnD,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,eAAgB,EAAA,2BAAA;AAAA,MAChB,GAAK,EAAA;AAAA,QACH,SAAW,EAAA,oCAAA;AAAA,QACX,YAAc,EAAA,oCAAA;AAAA,QACd,OAAS,EAAA,QAAA;AAAA,QACT,KAAO,EAAA,aAAA;AAAA,QACP,UAAY,EAAA,QAAA;AAAA,QACZ,QAAU,EAAA,QAAA;AAAA,QACV,GAAK,EAAA,GAAA;AAAA,QACL,UAAY,EAAA,OAAA;AAAA,QACZ,MAAQ,EAAA,GAAA;AAAA,OACV;AAAA,KAAA;AAAA,oBAEAA,cAAA,CAAA,aAAA,CAAC,YAAK,GAAC,CAAA;AAAA,oBACNA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAO,EAAA,QAAA,EAAA,EAAS,aAAW,CAAA;AAAA,oBAChCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAO,EAAA,QAAA,EAAA,EAAS,cAAY,CAAA;AAAA,oBACjCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAO,EAAA,QAAA,EAAA,EAAS,YAAU,CAAA;AAAA,oBAC/BA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAO,EAAA,QAAA,EAAA,EAAS,kBAAgB,CAAA;AAAA,oBACrCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAO,EAAA,QAAA,EAAA,EAAS,QAAM,CAAA;AAAA,GAE7B,EAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAW,GAAI,CAAA,CAAC,IAA+B,KAAA;AAC9C,IACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,WAAa,EAAA,MAAM,aAAc,CAAA,IAAA,CAAK,EAAE,CAAA;AAAA,QACxC,eAAgB,EAAA,2BAAA;AAAA,QAChB,GAAK,EAAA;AAAA,UACH,YAAc,EAAA,oCAAA;AAAA,UACd,OAAS,EAAA,QAAA;AAAA,UACT,UAAY,EAAA,IAAA;AAAA,UACZ,KAAO,EAAA,aAAA;AAAA,UACP,UAAY,EAAA,QAAA;AAAA,SACd;AAAA,OAAA;AAAA,sBAEAA,cAAA,CAAA,aAAA,CAAC,4BACEA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,SAAS,IAAK,CAAA,SAAA,EAAW,IAAK,EAAA,IAAA,EAAK,CAC7C,CAAA;AAAA,sBACAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,MAAA,EAAO,MAAO,EAAA,GAAA,EAAK,EAAE,KAAO,EAAA,aAAA,EAC/B,EAAA,EAAA,IAAA,CAAK,IACR,CAAA;AAAA,sBACAA,cAAA,CAAA,aAAA,CAAC,QAAK,GAAK,EAAA,EAAE,OAAO,aAAc,EAAA,EAAA,EAAI,KAAK,IAAK,CAAA;AAAA,sBAChDA,cAAA,CAAA,aAAA,CAAC,YACE,MAAO,CAAA,IAAA,CAAK,SAAS,CAAE,CAAA,MAAA,CAAO,sBAAsB,CACvD,CAAA;AAAA,sBACAA,cAAA,CAAA,aAAA,CAAC,YACE,MAAO,CAAA,IAAA,CAAK,eAAe,CAAE,CAAA,MAAA,CAAO,sBAAsB,CAC7D,CAAA;AAAA,mDACC,IACE,EAAA,IAAA,EAAA,IAAA,CAAK,WAAW,SACf,mBAAAA,cAAA,CAAA,aAAA,CAAC,sBAAmB,KAAM,EAAA,SAAA,EAAU,IAAK,EAAA,IAAA,EAAK,oBAE7CA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,OAAM,SAAU,EAAA,IAAA,EAAK,MAAK,CAE7C,CAAA;AAAA,sBAEAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,cAAA,EAAe,QAClB,EAAA,EAAA,UAAA,KAAe,IAAK,CAAA,EAAA,mBAClBA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,IAAK,EAAA,IAAA,EAAA,kBAChBA,cAAA,CAAA,aAAA,CAAA,mBAAA,EAAA,EAAoB,OAAO,EAAA,IAAA,EAAA,kBACzBA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,IAAK,EAAA,IAAA,EAAK,OAAQ,EAAA,OAAA,EAAQ,KAAM,EAAA,WAAA,EAAA,kBACzCA,cAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,IAAqB,CACxB,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,mBAAA;AAAA,QAAA;AAAA,UACC,gBAAA,EAAkB,CAAC,CAAM,KAAA;AACvB,YAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AAAA,WACnB;AAAA,UACA,IAAK,EAAA,QAAA;AAAA,UACL,KAAM,EAAA,KAAA;AAAA,UACN,GAAK,EAAA,EAAE,QAAU,EAAA,OAAA,EAAS,SAAS,MAAO,EAAA;AAAA,SAAA;AAAA,wBAE1CA,cAAA,CAAA,aAAA,CAAC,gBAAiB,EAAA,EAAA,GAAA,EAAK,EAAE,MAAA,EAAQ,SAAU,EAAA,EAAA,kBACxCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,UAAW,EAAA,QAAA,EAAS,GAAI,EAAA,IAAA,EAAA,+CAC3B,UAAW,EAAA,EAAA,KAAA,EAAM,SAAU,EAAA,IAAA,EAAM,EAAI,EAAA,CAAA,kBACrCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAK,EAAA,IAAA,EAAA,EAAK,QAAM,CACxB,CACF,CAAA;AAAA,wBACAA,cAAA,CAAA,aAAA,CAAC,gBAAiB,EAAA,EAAA,GAAA,EAAK,EAAE,MAAA,EAAQ,SAAU,EAAA,EAAA,kBACxCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,UAAW,EAAA,QAAA,EAAS,GAAI,EAAA,IAAA,EAAA,+CAC3B,UAAW,EAAA,EAAA,KAAA,EAAM,SAAU,EAAA,IAAA,EAAM,EAAI,EAAA,CAAA,kBACrCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAK,EAAA,IAAA,EAAA,EAAK,MAAI,CACtB,CACF,CAAA;AAAA,OAEJ,IACE,IACN,CAAA;AAAA,KACF,CAAA;AAAA,GAEJ,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/es/contact-import/components/conact-import-schedule.js

@@ -1,60 +0,0 @@
-import React__default, { useState, useEffect } from 'react';
-import Scheduling from './scheduling.js';
-import { frequent } from '../constants.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 { Text } from '../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js';
-import { RadioGroup, Radio } from '../../node_modules/@sparrowengg/twigs-react/dist/es/radio/radio.js';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-function ImportSchedules({
-  currentList,
-  setCurrentList
-}) {
-  var _a;
-  const [globalStorage, setGlobalStorage] = useState((currentList == null ? void 0 : currentList.frequency) || {
-    frequentMode: frequent.ONETIME.value
-  });
-  useEffect(() => {
-    setCurrentList(__spreadProps(__spreadValues({}, currentList), {
-      frequency: globalStorage
-    }));
-  }, [globalStorage]);
-  return /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$8" }, /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(Text, { css: { color: "$neutral900", fontSize: "$xl" }, weight: "bold" }, "Import Frequency"), /* @__PURE__ */ React__default.createElement(Text, { size: "md", css: { color: "$neutral600", marginTop: "$4" } }, "How frequently do you want to import contacts from Sugar CRM")), /* @__PURE__ */ React__default.createElement(
-    RadioGroup,
-    {
-      defaultValue: (_a = currentList == null ? void 0 : currentList.frequency) == null ? void 0 : _a.frequentMode,
-      onChange: (value) => setGlobalStorage((prevGlobalStorage) => __spreadProps(__spreadValues({}, prevGlobalStorage), {
-        frequentMode: value
-      }))
-    },
-    /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", gap: "$8" }, /* @__PURE__ */ React__default.createElement(Radio, { value: frequent.ONETIME.value, css: { cursor: "pointer" } }, /* @__PURE__ */ React__default.createElement(Text, { size: "md", css: { color: "$neutral900" } }, frequent.ONETIME.label)), /* @__PURE__ */ React__default.createElement(Radio, { value: frequent.RECURRING.value, css: { cursor: "pointer" } }, /* @__PURE__ */ React__default.createElement(Text, { size: "md", css: { color: "$neutral900" } }, frequent.RECURRING.label)))
-  ), globalStorage.frequentMode === frequent.RECURRING.value && /* @__PURE__ */ React__default.createElement(
-    Scheduling,
-    {
-      globalStorage,
-      setGlobalStorage
-    }
-  ));
-}
-
-export { ImportSchedules as default };
-//# sourceMappingURL=conact-import-schedule.js.map

package/dist/es/contact-import/components/conact-import-schedule.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"conact-import-schedule.js","sources":["../../../../src/contact-import/components/conact-import-schedule.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport { Flex, Box, RadioGroup, Radio, Text } from \"@sparrowengg/twigs-react\";\nimport Scheduling from \"./scheduling\";\nimport { frequent } from \"../constants\";\nimport { GlobalStorage } from \"../types\";\n\n\nexport default function ImportSchedules({\n  currentList, \n  setCurrentList\n}: any) {\n  const [globalStorage, setGlobalStorage] = useState<GlobalStorage>(currentList?.frequency || {\n    frequentMode: frequent.ONETIME.value\n  });\n  useEffect(()=>{\n    setCurrentList({\n      ...currentList,\n      frequency: globalStorage\n    })\n  },[globalStorage])\n  return (\n    <Flex flexDirection=\"column\" gap=\"$8\">\n      <Box>\n        <Text css={{ color: \"$neutral900\", fontSize: \"$xl\" }} weight=\"bold\">\n          Import Frequency\n        </Text>\n        <Text size=\"md\" css={{ color: \"$neutral600\", marginTop: \"$4\" }}>\n          How frequently do you want to import contacts from Sugar CRM\n        </Text>\n      </Box>\n      <RadioGroup\n        defaultValue={currentList?.frequency?.frequentMode}\n        onChange={(value) =>\n          setGlobalStorage((prevGlobalStorage) => ({\n            ...prevGlobalStorage,\n            frequentMode: value as GlobalStorage[\"frequentMode\"],\n          }))\n        }\n      >\n        <Flex alignItems=\"center\" gap=\"$8\">\n          <Radio value={frequent.ONETIME.value} css={{ cursor: \"pointer\" }}>\n            <Text size=\"md\" css={{ color: \"$neutral900\" }}>\n              {frequent.ONETIME.label}\n            </Text>\n          </Radio>\n          <Radio value={frequent.RECURRING.value} css={{ cursor: \"pointer\" }}>\n            <Text size=\"md\" css={{ color: \"$neutral900\" }}>\n              {frequent.RECURRING.label}\n            </Text>\n          </Radio>\n        </Flex>\n      </RadioGroup>\n      {globalStorage.frequentMode === frequent.RECURRING.value && (\n        <Scheduling\n          globalStorage={globalStorage}\n          setGlobalStorage={setGlobalStorage}\n        />\n      )}\n    </Flex>\n  );\n}\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAAwB,eAAgB,CAAA;AAAA,EACtC,WAAA;AAAA,EACA,cAAA;AACF,CAAQ,EAAA;AAVR,EAAA,IAAA,EAAA,CAAA;AAWE,EAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA,CAAA,CAAwB,2CAAa,SAAa,KAAA;AAAA,IAC1F,YAAA,EAAc,SAAS,OAAQ,CAAA,KAAA;AAAA,GAChC,CAAA,CAAA;AACD,EAAA,SAAA,CAAU,MAAI;AACZ,IAAA,cAAA,CAAe,iCACV,WADU,CAAA,EAAA;AAAA,MAEb,SAAW,EAAA,aAAA;AAAA,KACZ,CAAA,CAAA,CAAA;AAAA,GACH,EAAE,CAAC,aAAa,CAAC,CAAA,CAAA;AACjB,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,aAAc,EAAA,QAAA,EAAS,KAAI,IAC/B,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,GACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,GAAK,EAAA,EAAE,KAAO,EAAA,aAAA,EAAe,UAAU,KAAM,EAAA,EAAG,MAAO,EAAA,MAAA,EAAA,EAAO,kBAEpE,CAAA,kBACCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAK,IAAK,EAAA,GAAA,EAAK,EAAE,KAAA,EAAO,eAAe,SAAW,EAAA,IAAA,EAAQ,EAAA,EAAA,8DAEhE,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAA,CAAc,EAAa,GAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,SAAA,KAAb,IAAwB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,YAAA;AAAA,MACtC,UAAU,CAAC,KAAA,KACT,iBAAiB,CAAC,iBAAA,KAAuB,iCACpC,iBADoC,CAAA,EAAA;AAAA,QAEvC,YAAc,EAAA,KAAA;AAAA,OACd,CAAA,CAAA;AAAA,KAAA;AAAA,oBAGJA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,UAAA,EAAW,QAAS,EAAA,GAAA,EAAI,wBAC3BA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,KAAO,EAAA,QAAA,CAAS,OAAQ,CAAA,KAAA,EAAO,KAAK,EAAE,MAAA,EAAQ,SAAU,EAAA,EAAA,kBAC5DA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAK,EAAA,IAAA,EAAK,GAAK,EAAA,EAAE,KAAO,EAAA,aAAA,EAC3B,EAAA,EAAA,QAAA,CAAS,QAAQ,KACpB,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,KAAA,EAAO,QAAS,CAAA,SAAA,CAAU,KAAO,EAAA,GAAA,EAAK,EAAE,MAAA,EAAQ,SAAU,EAAA,EAAA,+CAC9D,IAAK,EAAA,EAAA,IAAA,EAAK,IAAK,EAAA,GAAA,EAAK,EAAE,KAAA,EAAO,aAAc,EAAA,EAAA,EACzC,QAAS,CAAA,SAAA,CAAU,KACtB,CACF,CACF,CAAA;AAAA,GAED,EAAA,aAAA,CAAc,YAAiB,KAAA,QAAA,CAAS,UAAU,KACjD,oBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,aAAA;AAAA,MACA,gBAAA;AAAA,KAAA;AAAA,GAGN,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,71 +0,0 @@
-import React__default, { useState } from 'react';
-import ImportSchedules from './conact-import-schedule.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;
-  const [currentConfig, setCurrentConfig] = useState("LIST");
-  const [currentList, setCurrentList] = useState(
-    (_b = (_a = contactImportField == null ? void 0 : contactImportField.configure) == null ? void 0 : _a.listSegmentValue) != null ? _b : null
-  );
-  return /* @__PURE__ */ React__default.createElement(Flex, { justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(Box, { css: { marginTop: "$40", maxWidth: 488, width: "100%" } }, /* @__PURE__ */ React__default.createElement(Heading, { size: "h5" }, "Import Contacts"), /* @__PURE__ */ React__default.createElement(
-    RadioGroup,
-    {
-      defaultValue: currentConfig,
-      onChange: (value) => {
-        setCurrentConfig(value);
-        setCurrentList(null);
-      }
-    },
-    /* @__PURE__ */ React__default.createElement(
-      Flex,
-      {
-        css: { marginTop: "$12", "& label": { color: "$neutral800" } },
-        alignItems: "center",
-        gap: "$12"
-      },
-      /* @__PURE__ */ React__default.createElement(Radio, { size: "md", value: "LIST", css: { cursor: "pointer" } }, "Import from (List/Segment)"),
-      /* @__PURE__ */ React__default.createElement(Radio, { size: "md", value: "ALL", css: { cursor: "pointer" } }, "Import All Contacts")
-    )
-  ), currentConfig === "LIST" ? /* @__PURE__ */ React__default.createElement(
-    Select,
-    {
-      css: { marginTop: "$12" },
-      onChange: (value) => setCurrentList(value),
-      size: "lg",
-      placeholder: "Choose (List/Segment)",
-      options: listSegmentOptions,
-      value: currentList
-    }
-  ) : null, /* @__PURE__ */ React__default.createElement(Box, { css: {
-    marginBlock: "$16"
-  } }, /* @__PURE__ */ React__default.createElement(ImportSchedules, { currentList, setCurrentList })), /* @__PURE__ */ React__default.createElement(
-    Button,
-    {
-      css: { marginTop: "$16" },
-      disabled: !(currentList == null ? void 0 : currentList.value) && currentConfig !== "ALL",
-      size: "lg",
-      onClick: () => {
-        handleConfigureField({
-          type: currentConfig,
-          listSegmentValue: currentList
-        });
-      },
-      rightIcon: /* @__PURE__ */ React__default.createElement(ChevronRightIcon, null)
-    },
-    "Next, Mapping"
-  )));
-};
-
-export { ContactImportConfigure as default };
-//# sourceMappingURL=contact-import-configure.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"contact-import-configure.js","sources":["../../../../src/contact-import/components/contact-import-configure.tsx"],"sourcesContent":["import {\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 React, { useState } from \"react\";\nimport ImportSchedules from \"./conact-import-schedule\";\nimport { ContactImportConfigureProps } from \"../types\";\nimport { SelectOption } from \"../../commons/types/enhanced\";\n\nconst ContactImportConfigure = ({\n  handleConfigureField,\n  listSegmentOptions,\n  contactImportField,\n}: ContactImportConfigureProps) => {\n  const [currentConfig, setCurrentConfig] = useState(\"LIST\");\n  const [currentList, setCurrentList] = useState(\n    contactImportField?.configure?.listSegmentValue ?? null\n  );\n\n  return (\n    <Flex justifyContent=\"center\">\n      <Box css={{ marginTop: \"$40\", maxWidth: 488, width: \"100%\" }}>\n        <Heading size=\"h5\">Import Contacts</Heading>\n        <RadioGroup\n          defaultValue={currentConfig}\n          onChange={(value) => {\n            setCurrentConfig(value);\n            setCurrentList(null);\n          }}\n        >\n          <Flex\n            css={{ marginTop: \"$12\", \"& label\": { color: \"$neutral800\" } }}\n            alignItems=\"center\"\n            gap=\"$12\"\n          >\n            <Radio size=\"md\" value=\"LIST\" css={{ cursor: \"pointer\" }}>\n              Import from (List/Segment)\n            </Radio>\n            <Radio size=\"md\" value=\"ALL\" css={{ cursor: \"pointer\" }}>\n              Import All Contacts\n            </Radio>\n          </Flex>\n        </RadioGroup>\n        {currentConfig === \"LIST\" ? (\n          <Select\n            css={{ marginTop: \"$12\" }}\n            onChange={(value: any) => setCurrentList(value)}\n            size=\"lg\"\n            placeholder=\"Choose (List/Segment)\"\n            options={listSegmentOptions}\n            value={currentList}\n          />\n        ) : null}\n        <Box css={{\n          marginBlock: \"$16\"\n        }}>\n        <ImportSchedules currentList={currentList} setCurrentList={setCurrentList}  />\n        </Box>\n        <Button\n          css={{ marginTop: \"$16\" }}\n          disabled={!currentList?.value && currentConfig !== \"ALL\"}\n          size=\"lg\"\n          onClick={() => {\n            handleConfigureField({\n              type: currentConfig,\n              listSegmentValue: currentList,\n            });\n          }}\n          rightIcon={<ChevronRightIcon />}\n        >\n          Next, Mapping\n        </Button>\n      </Box>\n    </Flex>\n  );\n};\n\nexport default ContactImportConfigure;\n"],"names":["React"],"mappings":"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"}

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

@@ -1,220 +0,0 @@
-import React__default, { useRef, useEffect } from 'react';
-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 { 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';
-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';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const defaultFieldValue = {
-  integrationField: null,
-  surveySparrowField: null,
-  sampleData: [],
-  property: "custom",
-  mapped: false,
-  surveySparrowFieldError: false
-};
-const ContactImportMapping = ({
-  contactImportField,
-  setContactImportField,
-  integrationName,
-  contactProperties
-}) => {
-  const customPropertyRef = useRef(null);
-  const initialRenderRef = useRef(true);
-  useEffect(() => {
-    if (!initialRenderRef.current && (customPropertyRef == null ? void 0 : customPropertyRef.current)) {
-      customPropertyRef.current.scrollIntoView({
-        behavior: "smooth",
-        block: "end"
-      });
-    }
-    initialRenderRef.current = false;
-  }, [contactImportField]);
-  const customFieldHandler = (id, property, value) => {
-    setContactImportField((prev) => __spreadProps(__spreadValues({}, prev), {
-      fields: prev.fields.map(
-        (field) => field.id === id ? __spreadProps(__spreadValues({}, field), { [property]: value }) : field
-      )
-    }));
-  };
-  const updateSurveySparrowField = (value, id, manuallyMapped) => {
-    setContactImportField((prev) => __spreadProps(__spreadValues({}, prev), {
-      fields: prev.fields.map(
-        (field) => field.id === id ? __spreadValues(__spreadProps(__spreadValues({}, field), {
-          surveySparrowField: value
-        }), manuallyMapped && { mapped: true }) : field
-      )
-    }));
-  };
-  const addCustomProperty = () => {
-    setContactImportField((prev) => __spreadProps(__spreadValues({}, prev), {
-      fields: [
-        ...prev.fields,
-        __spreadValues({
-          id: prev.fields.length ? typeof prev.fields[prev.fields.length - 1].id === "number" ? prev.fields[prev.fields.length - 1].id + 1 : Date.now() : 1
-        }, defaultFieldValue)
-      ]
-    }));
-  };
-  const deleteCustomProperty = (id) => {
-    setContactImportField((prev) => __spreadProps(__spreadValues({}, prev), {
-      fields: prev.fields.filter((field) => field.id !== id)
-    }));
-  };
-  return /* @__PURE__ */ React__default.createElement(Flex, { justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(Box, { css: { marginTop: "$40", maxWidth: 1176, width: "100%" } }, /* @__PURE__ */ React__default.createElement(Box, { css: { paddingLeft: "$28" } }, /* @__PURE__ */ React__default.createElement(Heading, { size: "h5" }, "Map Contact Properties"), /* @__PURE__ */ React__default.createElement(Text, { css: { marginTop: "$4", color: "$neutral600" }, size: "md" }, "Review these mappings before importing. Unmapped columns will be ignored.")), /* @__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} Profile Fields Data`), /* @__PURE__ */ React__default.createElement(Th, { css: { borderLeft: "$borderWidths$xs solid $neutral100" } }, "SurveySparrow Mapping")),
-      /* @__PURE__ */ React__default.createElement(Tbody, null, contactImportField.fields.map((field) => {
-        var _a, _b;
-        const hasSurveyFieldValue = contactProperties.some(
-          (contact) => contact.value === field.surveySparrowField
-        );
-        return /* @__PURE__ */ React__default.createElement(Tr, { key: field.id }, /* @__PURE__ */ React__default.createElement(Td, { css: { width: 560 } }, field.property !== "custom" ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Text, { size: "sm", weight: "medium" }, typeof field.integrationField === "string" ? field.integrationField.replace("_", " ") : field.integrationField), (_a = field.sampleData) == null ? void 0 : _a.map((sample, index) => /* @__PURE__ */ React__default.createElement(
-          Text,
-          {
-            key: index,
-            size: "xs",
-            css: { lineHeight: "$xs" }
-          },
-          sample.length > 40 ? `${sample.slice(0, 40)}...` : sample
-        ))) : /* @__PURE__ */ React__default.createElement(Box, { css: { position: "relative" } }, /* @__PURE__ */ React__default.createElement(
-          FormInput,
-          {
-            size: "lg",
-            onChange: (event) => customFieldHandler(
-              field.id,
-              "integrationField",
-              event.target.value
-            )
-          }
-        ), /* @__PURE__ */ React__default.createElement(
-          FormLabel,
-          {
-            css: { marginTop: "$4", color: "$neutral400" }
-          },
-          "Enter the exact custom property name for accurate mapping. It is case-sensitive."
-        ), /* @__PURE__ */ React__default.createElement(
-          IconButton,
-          {
-            css: {
-              position: "absolute",
-              top: "0",
-              left: "-70px"
-            },
-            size: "lg",
-            variant: "ghost",
-            color: "secondary",
-            onClick: () => deleteCustomProperty(field.id),
-            icon: /* @__PURE__ */ React__default.createElement(DeleteIcon, null)
-          }
-        ))), /* @__PURE__ */ React__default.createElement(
-          Td,
-          {
-            css: {
-              width: 560,
-              borderLeft: "$borderWidths$xs solid $neutral100"
-            }
-          },
-          /* @__PURE__ */ React__default.createElement(
-            Select,
-            {
-              size: "lg",
-              placeholder: "--Choose Property--",
-              value: field.surveySparrowField ? {
-                label: (_b = contactProperties.find(
-                  (contact) => contact.value === field.surveySparrowField
-                )) == null ? void 0 : _b.label,
-                value: field.surveySparrowField
-              } : null,
-              options: contactProperties.filter(
-                (contact) => contact.type !== "DEPENDENT_FIELD"
-              ),
-              onChange: (currentField) => updateSurveySparrowField(
-                currentField.value,
-                field.id,
-                true
-              )
-            }
-          ),
-          hasSurveyFieldValue && /* @__PURE__ */ React__default.createElement(
-            FormLabel,
-            {
-              size: "xs",
-              css: {
-                color: field.mapped ? "$neutral600" : "#0F966C",
-                marginBlock: "$4"
-              }
-            },
-            field.mapped ? "Manually mapped by you" : "Automatically mapped"
-          ),
-          !field.surveySparrowField && field.surveySparrowFieldError && /* @__PURE__ */ React__default.createElement(
-            FormLabel,
-            {
-              css: { color: "$negative500", marginTop: "$4" },
-              size: "xs"
-            },
-            "Please select the property"
-          )
-        ));
-      }), /* @__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: addCustomProperty
-        },
-        "Add Custom Property"
-      ))))
-    )
-  )));
-};
-
-export { ContactImportMapping as default };
-//# sourceMappingURL=contact-import-mapping.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"contact-import-mapping.js","sources":["../../../../src/contact-import/components/contact-import-mapping.tsx"],"sourcesContent":["import {\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 React, { useEffect, useRef } from \"react\";\nimport { ContactImportMappingProps } from \"../types\";\nimport { SelectOption } from \"../../commons/types/enhanced\";\n\n// Define the Field type with all the properties used in the component\ntype Field = {\n  id: string | number;\n  integrationField: string | number | null;\n  surveySparrowField: string | number | null;\n  sampleData?: Array<string>;\n  property?: \"custom\" | \"default\";\n  mapped?: boolean;\n  surveySparrowFieldError?: boolean;\n};\n\n\nconst defaultFieldValue: Omit<Field, \"id\"> = {\n  integrationField: null,\n  surveySparrowField: null,\n  sampleData: [],\n  property: \"custom\",\n  mapped: false,\n  surveySparrowFieldError: false,\n};\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  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]);\n\n  const customFieldHandler = (\n    id: string | number,\n    property: keyof Field,\n    value: string | number | boolean | null\n  ) => {\n    setContactImportField((prev) => ({\n      ...prev,\n      fields: prev.fields.map((field) =>\n        field.id === id ? { ...field, [property]: value } : field\n      ),\n    }));\n  };\n\n  const updateSurveySparrowField = (\n    value: string | number,\n    id: string | number,\n    manuallyMapped: boolean\n  ) => {\n    setContactImportField((prev) => ({\n      ...prev,\n      fields: prev.fields.map((field) =>\n        field.id === id\n          ? {\n              ...field,\n              surveySparrowField: value,\n              ...(manuallyMapped && { mapped: true }),\n            }\n          : field\n      ),\n    }));\n  };\n\n  const addCustomProperty = () => {\n    setContactImportField((prev) => ({\n      ...prev,\n      fields: [\n        ...prev.fields,\n        {\n          id: prev.fields.length\n            ? (typeof prev.fields[prev.fields.length - 1].id === 'number' \n                ? (prev.fields[prev.fields.length - 1].id as number) + 1 \n                : Date.now())\n            : 1,\n          ...defaultFieldValue,\n        },\n      ],\n    }));\n  };\n\n  const deleteCustomProperty = (id: string | number) => {\n    setContactImportField((prev) => ({\n      ...prev,\n      fields: prev.fields.filter((field) => field.id !== id),\n    }));\n  };\n\n  return (\n    <Flex justifyContent=\"center\">\n      <Box css={{ marginTop: \"$40\", maxWidth: 1176, width: \"100%\" }}>\n        <Box css={{ paddingLeft: \"$28\" }}>\n          <Heading size=\"h5\">Map Contact Properties</Heading>\n          <Text css={{ marginTop: \"$4\", color: \"$neutral600\" }} size=\"md\">\n            Review these mappings before importing. Unmapped columns will be\n            ignored.\n          </Text>\n        </Box>\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} Profile Fields Data`}</Th>\n              <Th css={{ borderLeft: \"$borderWidths$xs solid $neutral100\" }}>\n                SurveySparrow Mapping\n              </Th>\n            </Thead>\n            <Tbody>\n              {contactImportField.fields.map((field) => {\n                const hasSurveyFieldValue = contactProperties.some(\n                  (contact) => contact.value === field.surveySparrowField\n                );\n\n                return (\n                  <Tr key={field.id}>\n                    <Td css={{ width: 560 }}>\n                      {field.property !== \"custom\" ? (\n                        <>\n                          <Text size=\"sm\" weight=\"medium\">\n                            {typeof field.integrationField === 'string' \n                              ? field.integrationField.replace(\"_\", \" \")\n                              : field.integrationField}\n                          </Text>\n                          {field.sampleData?.map((sample, index) => (\n                            <Text\n                              key={index}\n                              size=\"xs\"\n                              css={{ lineHeight: \"$xs\" }}\n                            >\n                              {sample.length > 40\n                                ? `${sample.slice(0, 40)}...`\n                                : sample}\n                            </Text>\n                          ))}\n                        </>\n                      ) : (\n                        <Box css={{ position: \"relative\" }}>\n                          <FormInput\n                            size=\"lg\"\n                            onChange={(event: any) =>\n                              customFieldHandler(\n                                field.id,\n                                \"integrationField\",\n                                event.target.value\n                              )\n                            }\n                          />\n                          <FormLabel\n                            css={{ marginTop: \"$4\", color: \"$neutral400\" }}\n                          >\n                            Enter the exact custom property name for accurate\n                            mapping. It is case-sensitive.\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={() => deleteCustomProperty(field.id)}\n                            icon={<DeleteIcon />}\n                          />\n                        </Box>\n                      )}\n                    </Td>\n                    <Td\n                      css={{\n                        width: 560,\n                        borderLeft: \"$borderWidths$xs solid $neutral100\",\n                      }}\n                    >\n                      <Select\n                        size=\"lg\"\n                        placeholder=\"--Choose Property--\"\n                        value={\n                          field.surveySparrowField\n                            ? {\n                                label: contactProperties.find(\n                                  (contact) =>\n                                    contact.value === field.surveySparrowField\n                                )?.label,\n                                value: field.surveySparrowField,\n                              }\n                            : null\n                        }\n                        options={contactProperties.filter(\n                          (contact) => contact.type !== \"DEPENDENT_FIELD\"\n                        )}\n                        onChange={(currentField: any) =>\n                          updateSurveySparrowField(\n                            currentField.value,\n                            field.id,\n                            true\n                          )\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\n                            ? \"Manually mapped by you\"\n                            : \"Automatically mapped\"}\n                        </FormLabel>\n                      )}\n                      {!field.surveySparrowField &&\n                        field.surveySparrowFieldError && (\n                          <FormLabel\n                            css={{ color: \"$negative500\", marginTop: \"$4\" }}\n                            size=\"xs\"\n                          >\n                            Please select the property\n                          </FormLabel>\n                        )}\n                    </Td>\n                  </Tr>\n                );\n              })}\n              <Tr>\n                <Td colSpan={2}>\n                  <Button\n                    size=\"md\"\n                    variant=\"ghost\"\n                    leftIcon={<PlusIcon />}\n                    onClick={addCustomProperty}\n                  >\n                    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"],"names":["React"],"mappings":"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"}