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

package/dist/cjs/contact-import/components/ManageImport/Dashboard.js

@@ -2,12 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var completed = require('./completed.js');
+var scheduled = require('./scheduled.js');
 var React = require('react');
-var Completed = require('./Completed.js');
-var Scheduled = require('./Scheduled.js');
 var NoDataState = require('./NoDataState.js');
-var index = require('../../types/index.js');
-var index$1 = require('../../constants/index.js');
 var flex = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
 var box = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
 var heading = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js');
@@ -16,29 +14,51 @@ var button = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/but
 var plus = require('../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/plus.js');
 var tabs = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/tabs/tabs.js');
 
-const Dashboard = ({
+function Dashboard({
   dashboardDescription,
   setNewImport,
   integrationName,
   imports
-}) => {
-  const { completedImports, scheduledImports } = React.useMemo(() => {
-    const completed = [];
-    const scheduled = [];
-    imports.forEach((importItem) => {
-      if (index.isScheduledImport(importItem)) {
-        scheduled.push(importItem);
-      } else {
-        completed.push(importItem);
+}) {
+  const completedImport = imports.filter(
+    (item) => !item.isRecuring
+  );
+  const scheduledImport = imports.filter(
+    (item) => item.isRecuring
+  );
+  return /* @__PURE__ */ React.createElement(flex.Flex, { justifyContent: "center" }, /* @__PURE__ */ React.createElement(box.Box, { css: { maxWidth: "1120px", width: "100%" } }, /* @__PURE__ */ React.createElement(
+    flex.Flex,
+    {
+      css: { marginTop: "$40" },
+      justifyContent: "space-between",
+      alignItems: "center"
+    },
+    /* @__PURE__ */ React.createElement(flex.Flex, { flexDirection: "column", gap: "$2" }, /* @__PURE__ */ React.createElement(heading.Heading, { size: "h5" }, integrationName), /* @__PURE__ */ React.createElement(text.Text, { size: "sm", css: { color: "$neutral600" } }, dashboardDescription)),
+    /* @__PURE__ */ React.createElement(
+      button.Button,
+      {
+        leftIcon: /* @__PURE__ */ React.createElement(plus.PlusIcon, { size: 20 }),
+        onClick: () => {
+          setNewImport(true);
+        },
+        size: "lg"
+      },
+      "New Import"
+    )
+  ), /* @__PURE__ */ React.createElement(
+    tabs.Tabs,
+    {
+      defaultValue: "completed",
+      css: {
+        marginTop: "$16",
+        padding: "0 !important"
       }
-    });
-    return {
-      completedImports: completed,
-      scheduledImports: scheduled
-    };
-  }, [imports]);
-  return /* @__PURE__ */ React.createElement(flex.Flex, { justifyContent: "center" }, /* @__PURE__ */ React.createElement(box.Box, { css: { maxWidth: index$1.UI_CONSTANTS.DASHBOARD_MAX_WIDTH, width: "100%" } }, /* @__PURE__ */ React.createElement(flex.Flex, { css: { marginTop: "$40" }, justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React.createElement(flex.Flex, { flexDirection: "column", gap: "$2" }, /* @__PURE__ */ React.createElement(heading.Heading, { size: "h5" }, integrationName), /* @__PURE__ */ React.createElement(text.Text, { size: "sm", css: { color: "$neutral600" } }, dashboardDescription)), /* @__PURE__ */ React.createElement(button.Button, { leftIcon: /* @__PURE__ */ React.createElement(plus.PlusIcon, { size: 20 }), onClick: () => setNewImport(true), size: "lg" }, index$1.LABELS.NEW_IMPORT)), /* @__PURE__ */ React.createElement(tabs.Tabs, { defaultValue: "completed", css: { marginTop: "$16", padding: "0 !important" } }, /* @__PURE__ */ React.createElement(tabs.TabsList, { "aria-label": index$1.LABELS.CONTACT_IMPORTS }, /* @__PURE__ */ React.createElement(tabs.TabsTrigger, { value: "completed" }, index$1.LABELS.COMPLETED), /* @__PURE__ */ React.createElement(tabs.TabsTrigger, { value: "scheduled" }, index$1.LABELS.SCHEDULED)), /* @__PURE__ */ React.createElement(tabs.TabsContent, { value: "completed", css: { padding: "0", height: "100%" } }, completedImports.length > 0 ? /* @__PURE__ */ React.createElement(Completed.default, { completed: completedImports }) : /* @__PURE__ */ React.createElement(NoDataState.default, null)), /* @__PURE__ */ React.createElement(tabs.TabsContent, { value: "scheduled", css: { padding: "0", height: "100%" } }, scheduledImports.length > 0 ? /* @__PURE__ */ React.createElement(Scheduled.default, { scheduled: scheduledImports }) : /* @__PURE__ */ React.createElement(NoDataState.default, null)))));
-};
+    },
+    /* @__PURE__ */ React.createElement(tabs.TabsList, { "aria-label": "contact-imports" }, /* @__PURE__ */ React.createElement(tabs.TabsTrigger, { value: "completed" }, "Completed "), /* @__PURE__ */ React.createElement(tabs.TabsTrigger, { value: "scheduled" }, " Scheduled ")),
+    /* @__PURE__ */ React.createElement(tabs.TabsContent, { value: "completed", css: { padding: "0", height: "100%" } }, (completedImport == null ? void 0 : completedImport.length) ? /* @__PURE__ */ React.createElement(completed.default, { completed: completedImport }) : /* @__PURE__ */ React.createElement(NoDataState.default, null)),
+    /* @__PURE__ */ React.createElement(tabs.TabsContent, { css: { padding: "0", height: "100%" }, value: "scheduled" }, (scheduledImport == null ? void 0 : scheduledImport.length) ? /* @__PURE__ */ React.createElement(scheduled.default, { scheduled: scheduledImport }) : /* @__PURE__ */ React.createElement(NoDataState.default, null))
+  )));
+}
 
 exports.default = Dashboard;
-//# sourceMappingURL=Dashboard.js.map
+//# sourceMappingURL=dashboard.js.map

package/dist/cjs/contact-import/components/ManageImport/Dashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.js","sources":["../../../../../src/contact-import/components/ManageImport/Dashboard.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n  Box,\n  Heading,\n  Button,\n  TabsTrigger,\n  Tabs,\n  TabsList,\n  TabsContent,\n  Flex,\n  Text,\n} from '@sparrowengg/twigs-react';\nimport { PlusIcon } from '@sparrowengg/twigs-react-icons';\nimport Completed from './Completed';\nimport Scheduled from './Scheduled';\nimport NoDataState from './NoDataState';\nimport { DashboardProps, CompletedImport, ScheduledImport } from '../../types';\nimport { isScheduledImport } from '../../types';\nimport { UI_CONSTANTS, LABELS } from '../../constants';\n\nconst Dashboard: React.FC<DashboardProps> = ({\n  dashboardDescription,\n  setNewImport,\n  integrationName,\n  imports,\n}) => {\n  const { completedImports, scheduledImports } = useMemo(() => {\n    const completed: CompletedImport[] = [];\n    const scheduled: ScheduledImport[] = [];\n    imports.forEach((importItem) => {\n      if (isScheduledImport(importItem)) {\n        scheduled.push(importItem);\n      } else {\n        completed.push(importItem);\n      }\n    });\n    return {\n      completedImports: completed,\n      scheduledImports: scheduled,\n    };\n  }, [imports]);\n\n  return (\n    <Flex justifyContent=\"center\">\n      <Box css={{ maxWidth: UI_CONSTANTS.DASHBOARD_MAX_WIDTH, width: '100%' }}>\n        <Flex css={{ marginTop: '$40' }} justifyContent=\"space-between\" alignItems=\"center\">\n          <Flex flexDirection=\"column\" gap=\"$2\">\n            <Heading size=\"h5\">{integrationName}</Heading>\n            <Text size=\"sm\" css={{ color: '$neutral600' }}>{dashboardDescription}</Text>\n          </Flex>\n          <Button leftIcon={<PlusIcon size={20} />} onClick={() => setNewImport(true)} size=\"lg\">\n            {LABELS.NEW_IMPORT}\n          </Button>\n        </Flex>\n        <Tabs defaultValue=\"completed\" css={{ marginTop: '$16', padding: '0 !important' }}>\n          <TabsList aria-label={LABELS.CONTACT_IMPORTS}>\n            <TabsTrigger value=\"completed\">{LABELS.COMPLETED}</TabsTrigger>\n            <TabsTrigger value=\"scheduled\">{LABELS.SCHEDULED}</TabsTrigger>\n          </TabsList>\n          <TabsContent value=\"completed\" css={{ padding: '0', height: '100%' }}>\n            {completedImports.length > 0 ? <Completed completed={completedImports} /> : <NoDataState />}\n          </TabsContent>\n          <TabsContent value=\"scheduled\" css={{ padding: '0', height: '100%' }}>\n            {scheduledImports.length > 0 ? <Scheduled scheduled={scheduledImports} /> : <NoDataState />}\n          </TabsContent>\n        </Tabs>\n      </Box>\n    </Flex>\n  );\n};\n\nexport default Dashboard;\n"],"names":["useMemo","isScheduledImport","Flex","Box","UI_CONSTANTS","Heading","Text","Button","PlusIcon","LABELS","Tabs","TabsList","TabsTrigger","TabsContent","Completed","NoDataState","Scheduled"],"mappings":"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"}
+{"version":3,"file":"dashboard.js","sources":["../../../../../src/contact-import/components/ManageImport/dashboard.tsx"],"sourcesContent":["import {\n  Box,\n  Heading,\n  Button,\n  TabsTrigger,\n  Tabs,\n  TabsList,\n  TabsContent,\n} from \"@sparrowengg/twigs-react\";\nimport { Flex, Text } from \"@sparrowengg/twigs-react\";\nimport Completed from \"./completed\";\nimport Scheduled from \"./scheduled\";\nimport React from \"react\";\nimport NoLogsState from \"./NoDataState\";\nimport { PlusIcon } from \"@sparrowengg/twigs-react-icons\";\nimport { DashboardProps, CompletedImportTypes, ScheduledImportTypes } from \"../../types\";\nexport default function Dashboard({\n  dashboardDescription,\n  setNewImport,\n  integrationName,\n  imports,\n}: DashboardProps) {\n  const completedImport = imports.filter(\n    (item: CompletedImportTypes | ScheduledImportTypes) =>\n      !item.isRecuring\n  );\n  const scheduledImport = imports.filter(\n    (item: CompletedImportTypes | ScheduledImportTypes) =>\n      item.isRecuring\n  );\n\n  return (\n    <Flex justifyContent=\"center\">\n      <Box css={{ maxWidth: \"1120px\", width: \"100%\" }}>\n        <Flex\n          css={{ marginTop: \"$40\" }}\n          justifyContent=\"space-between\"\n          alignItems=\"center\"\n        >\n          <Flex flexDirection=\"column\" gap=\"$2\">\n            <Heading size=\"h5\">{integrationName}</Heading>\n            <Text size=\"sm\" css={{ color: \"$neutral600\" }}>\n              {dashboardDescription}\n            </Text>\n          </Flex>\n          <Button leftIcon={<PlusIcon size={20} />}\n            onClick={() => {\n              setNewImport(true);\n            }}\n            size=\"lg\"\n          >\n            New Import\n          </Button>\n        </Flex>\n        <Tabs\n          defaultValue=\"completed\"\n          css={{\n            marginTop: \"$16\",\n            padding: \"0 !important\",\n          }}\n        >\n          <TabsList aria-label=\"contact-imports\">\n            <TabsTrigger value=\"completed\">Completed </TabsTrigger>\n            <TabsTrigger value=\"scheduled\"> Scheduled </TabsTrigger>\n          </TabsList>\n          <TabsContent value=\"completed\" css={{ padding: \"0\", height: \"100%\" }}>\n            {completedImport?.length ? (\n              <Completed completed={completedImport} />\n            ) : (\n              <NoLogsState />\n            )}\n          </TabsContent>\n          <TabsContent css={{ padding: \"0\", height: \"100%\" }} value=\"scheduled\">\n            {scheduledImport?.length ? (\n              <Scheduled scheduled={scheduledImport} />\n            ) : (\n              <NoLogsState />\n            )}\n          </TabsContent>\n        </Tabs>\n      </Box>\n    </Flex>\n  );\n}\n"],"names":["Flex","Box","Heading","Text","Button","PlusIcon","Tabs","TabsList","TabsTrigger","TabsContent","Completed","NoLogsState","Scheduled"],"mappings":"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"}

package/dist/cjs/contact-import/components/ManageImport/NoDataState.js

@@ -3,13 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var Icons = require('./Icons.js');
-var index = require('../../constants/index.js');
+var icon = require('./icon.js');
 var flex = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
 var box = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
 var text = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
 
-const NoDataState = () => {
+const NoLogsState = () => {
   return /* @__PURE__ */ React.createElement(
     flex.Flex,
     {
@@ -46,7 +45,7 @@ const NoDataState = () => {
             background: "$white900"
           }
         },
-        /* @__PURE__ */ React.createElement(Icons.DocumentClipSVG, null)
+        /* @__PURE__ */ React.createElement(icon.DocumentClipSVG, null)
       ),
       /* @__PURE__ */ React.createElement(
         box.Box,
@@ -60,7 +59,7 @@ const NoDataState = () => {
           }
         }
       ),
-      /* @__PURE__ */ React.createElement(box.Box, { css: { position: "absolute", top: "0" } }, /* @__PURE__ */ React.createElement(Icons.GradientSVG, null))
+      /* @__PURE__ */ React.createElement(box.Box, { css: { position: "absolute", top: "0" } }, /* @__PURE__ */ React.createElement(icon.GradientSVG, null))
     ), /* @__PURE__ */ React.createElement(
       flex.Flex,
       {
@@ -74,10 +73,10 @@ const NoDataState = () => {
           zIndex: "2"
         }
       },
-      /* @__PURE__ */ React.createElement(text.Text, { size: "md", css: { color: "$neutral800", textAlign: "center" } }, index.LABELS.NO_IMPORTS_MESSAGE)
+      /* @__PURE__ */ React.createElement(text.Text, { size: "md", css: { color: "$neutral800", textAlign: "center" } }, "There are no imports created yet!")
     ))
   );
 };
 
-exports.default = NoDataState;
+exports.default = NoLogsState;
 //# sourceMappingURL=NoDataState.js.map

package/dist/cjs/contact-import/components/ManageImport/NoDataState.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoDataState.js","sources":["../../../../../src/contact-import/components/ManageImport/NoDataState.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Flex, Text } from '@sparrowengg/twigs-react';\nimport { DocumentClipSVG, GradientSVG } from './Icons';\nimport { LABELS } from '../../constants';\n\n/**\n * Empty state component displayed when there are no imports\n */\nconst NoDataState: React.FC = () => {\n  return (\n    <Flex\n      css={{\n        width: '100%',\n        height: 'calc(100vh - 500px)',\n        background: '$white900',\n      }}\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n    >\n      <Flex flexDirection=\"column\" css={{ width: '480px' }}>\n        {/* Icon Container */}\n        <Flex\n          flexDirection=\"column\"\n          alignItems=\"center\"\n          css={{ position: 'relative' }}\n        >\n          <Flex\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            css={{\n              width: '$20',\n              height: '$19',\n              borderRadius: '$2xl $2xl 0 0',\n              borderBottom: '0 !important',\n              borderWidth: '$borderWidths$xs',\n              borderStyle: 'solid',\n              borderColorOpacity: ['$accent500', 0.06],\n              zIndex: '2',\n              background: '$white900',\n            }}\n          >\n            <DocumentClipSVG />\n          </Flex>\n\n          {/* Divider Line */}\n          <Box\n            css={{\n              width: '480px',\n              borderBottom: '$borderWidths$xs solid #7158F50F',\n              position: 'absolute',\n              zIndex: '3',\n              bottom: '-1px',\n            }}\n          />\n\n          {/* Background Gradient */}\n          <Box css={{ position: 'absolute', top: '0' }}>\n            <GradientSVG />\n          </Box>\n        </Flex>\n\n        {/* Message Container */}\n        <Flex\n          flexDirection=\"column\"\n          alignItems=\"center\"\n          gap=\"$8\"\n          css={{\n            width: '100%',\n            background: '$white900',\n            padding: '$16 0',\n            zIndex: '2',\n          }}\n        >\n          <Text size=\"md\" css={{ color: '$neutral800', textAlign: 'center' }}>\n            {LABELS.NO_IMPORTS_MESSAGE}\n          </Text>\n        </Flex>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default NoDataState;\n"],"names":["Flex","DocumentClipSVG","Box","GradientSVG","Text","LABELS"],"mappings":";;;;;;;;;;;AAQA,MAAM,cAAwB,MAAM;AAClC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,SAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA;AAAA,QACH,KAAO,EAAA,MAAA;AAAA,QACP,MAAQ,EAAA,qBAAA;AAAA,QACR,UAAY,EAAA,WAAA;AAAA,OACd;AAAA,MACA,aAAc,EAAA,QAAA;AAAA,MACd,UAAW,EAAA,QAAA;AAAA,MACX,cAAe,EAAA,QAAA;AAAA,KAAA;AAAA,oBAEf,KAAA,CAAA,aAAA,CAACA,aAAK,aAAc,EAAA,QAAA,EAAS,KAAK,EAAE,KAAA,EAAO,SAEzC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAACA,SAAA;AAAA,MAAA;AAAA,QACC,aAAc,EAAA,QAAA;AAAA,QACd,UAAW,EAAA,QAAA;AAAA,QACX,GAAA,EAAK,EAAE,QAAA,EAAU,UAAW,EAAA;AAAA,OAAA;AAAA,sBAE5B,KAAA,CAAA,aAAA;AAAA,QAACA,SAAA;AAAA,QAAA;AAAA,UACC,UAAW,EAAA,QAAA;AAAA,UACX,cAAe,EAAA,QAAA;AAAA,UACf,GAAK,EAAA;AAAA,YACH,KAAO,EAAA,KAAA;AAAA,YACP,MAAQ,EAAA,KAAA;AAAA,YACR,YAAc,EAAA,eAAA;AAAA,YACd,YAAc,EAAA,cAAA;AAAA,YACd,WAAa,EAAA,kBAAA;AAAA,YACb,WAAa,EAAA,OAAA;AAAA,YACb,kBAAA,EAAoB,CAAC,YAAA,EAAc,IAAI,CAAA;AAAA,YACvC,MAAQ,EAAA,GAAA;AAAA,YACR,UAAY,EAAA,WAAA;AAAA,WACd;AAAA,SAAA;AAAA,4CAECC,qBAAgB,EAAA,IAAA,CAAA;AAAA,OACnB;AAAA,sBAGA,KAAA,CAAA,aAAA;AAAA,QAACC,OAAA;AAAA,QAAA;AAAA,UACC,GAAK,EAAA;AAAA,YACH,KAAO,EAAA,OAAA;AAAA,YACP,YAAc,EAAA,kCAAA;AAAA,YACd,QAAU,EAAA,UAAA;AAAA,YACV,MAAQ,EAAA,GAAA;AAAA,YACR,MAAQ,EAAA,MAAA;AAAA,WACV;AAAA,SAAA;AAAA,OACF;AAAA,sBAGA,KAAA,CAAA,aAAA,CAACA,OAAI,EAAA,EAAA,GAAA,EAAK,EAAE,QAAA,EAAU,UAAY,EAAA,GAAA,EAAK,GAAI,EAAA,EAAA,kBACxC,KAAA,CAAA,aAAA,CAAAC,iBAAA,EAAA,IAAY,CACf,CAAA;AAAA,KAIF,kBAAA,KAAA,CAAA,aAAA;AAAA,MAACH,SAAA;AAAA,MAAA;AAAA,QACC,aAAc,EAAA,QAAA;AAAA,QACd,UAAW,EAAA,QAAA;AAAA,QACX,GAAI,EAAA,IAAA;AAAA,QACJ,GAAK,EAAA;AAAA,UACH,KAAO,EAAA,MAAA;AAAA,UACP,UAAY,EAAA,WAAA;AAAA,UACZ,OAAS,EAAA,OAAA;AAAA,UACT,MAAQ,EAAA,GAAA;AAAA,SACV;AAAA,OAAA;AAAA,sBAEC,KAAA,CAAA,aAAA,CAAAI,SAAA,EAAA,EAAK,IAAK,EAAA,IAAA,EAAK,GAAK,EAAA,EAAE,KAAO,EAAA,aAAA,EAAe,SAAW,EAAA,QAAA,EACrD,EAAA,EAAAC,YAAA,CAAO,kBACV,CAAA;AAAA,KAEJ,CAAA;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"NoDataState.js","sources":["../../../../../src/contact-import/components/ManageImport/NoDataState.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box, Flex, Text } from \"@sparrowengg/twigs-react\";\nimport { DocumentClipSVG, GradientSVG } from \"./icon\";\nconst NoLogsState = () => {\n  return (\n    <Flex\n      css={{\n        width: \"100%\",\n        height: \"calc(100vh - 500px)\",\n        background: \"$white900\",\n      }}\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n    >\n      <Flex flexDirection=\"column\" css={{ width: \"480px\" }}>\n        <Flex\n          flexDirection=\"column\"\n          alignItems=\"center\"\n          css={{ position: \"relative\" }}\n        >\n          <Flex\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            css={{\n              width: \"$20\",\n              height: \"$19\",\n              borderRadius: \"$2xl $2xl 0 0\",\n              borderBottom: \"0 !important\",\n              borderWidth: \"$borderWidths$xs\",\n              borderStyle: \"solid\",\n              borderColorOpacity: [\"$accent500\", 0.06],\n              zIndex: \"2\",\n              background: \"$white900\",\n            }}\n          >\n            <DocumentClipSVG />\n          </Flex>\n          <Box\n            css={{\n              width: \"480px\",\n              borderBottom: \"$borderWidths$xs solid #7158F50F\",\n              position: \"absolute\",\n              zIndex: \"3\",\n              bottom: \"-1px\",\n            }}\n          />\n          <Box css={{ position: \"absolute\", top: \"0\" }}>\n            <GradientSVG />\n          </Box>\n        </Flex>\n        <Flex\n          flexDirection=\"column\"\n          alignItems=\"center\"\n          gap=\"$8\"\n          css={{\n            width: \"100%\",\n            background: \"$white900\",\n            padding: \"$16 0\",\n            zIndex: \"2\",\n          }}\n        >\n          <Text size=\"md\" css={{ color: \"$neutral800\", textAlign: \"center\" }}>\n            There are no imports created yet!\n          </Text>\n        </Flex>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default NoLogsState;\n"],"names":["Flex","DocumentClipSVG","Box","GradientSVG","Text"],"mappings":";;;;;;;;;;AAGA,MAAM,cAAc,MAAM;AACxB,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,SAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA;AAAA,QACH,KAAO,EAAA,MAAA;AAAA,QACP,MAAQ,EAAA,qBAAA;AAAA,QACR,UAAY,EAAA,WAAA;AAAA,OACd;AAAA,MACA,aAAc,EAAA,QAAA;AAAA,MACd,UAAW,EAAA,QAAA;AAAA,MACX,cAAe,EAAA,QAAA;AAAA,KAAA;AAAA,oBAEf,KAAA,CAAA,aAAA,CAACA,aAAK,aAAc,EAAA,QAAA,EAAS,KAAK,EAAE,KAAA,EAAO,SACzC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAACA,SAAA;AAAA,MAAA;AAAA,QACC,aAAc,EAAA,QAAA;AAAA,QACd,UAAW,EAAA,QAAA;AAAA,QACX,GAAA,EAAK,EAAE,QAAA,EAAU,UAAW,EAAA;AAAA,OAAA;AAAA,sBAE5B,KAAA,CAAA,aAAA;AAAA,QAACA,SAAA;AAAA,QAAA;AAAA,UACC,UAAW,EAAA,QAAA;AAAA,UACX,cAAe,EAAA,QAAA;AAAA,UACf,GAAK,EAAA;AAAA,YACH,KAAO,EAAA,KAAA;AAAA,YACP,MAAQ,EAAA,KAAA;AAAA,YACR,YAAc,EAAA,eAAA;AAAA,YACd,YAAc,EAAA,cAAA;AAAA,YACd,WAAa,EAAA,kBAAA;AAAA,YACb,WAAa,EAAA,OAAA;AAAA,YACb,kBAAA,EAAoB,CAAC,YAAA,EAAc,IAAI,CAAA;AAAA,YACvC,MAAQ,EAAA,GAAA;AAAA,YACR,UAAY,EAAA,WAAA;AAAA,WACd;AAAA,SAAA;AAAA,4CAECC,oBAAgB,EAAA,IAAA,CAAA;AAAA,OACnB;AAAA,sBACA,KAAA,CAAA,aAAA;AAAA,QAACC,OAAA;AAAA,QAAA;AAAA,UACC,GAAK,EAAA;AAAA,YACH,KAAO,EAAA,OAAA;AAAA,YACP,YAAc,EAAA,kCAAA;AAAA,YACd,QAAU,EAAA,UAAA;AAAA,YACV,MAAQ,EAAA,GAAA;AAAA,YACR,MAAQ,EAAA,MAAA;AAAA,WACV;AAAA,SAAA;AAAA,OACF;AAAA,sBACA,KAAA,CAAA,aAAA,CAACA,OAAI,EAAA,EAAA,GAAA,EAAK,EAAE,QAAA,EAAU,UAAY,EAAA,GAAA,EAAK,GAAI,EAAA,EAAA,kBACxC,KAAA,CAAA,aAAA,CAAAC,gBAAA,EAAA,IAAY,CACf,CAAA;AAAA,KAEF,kBAAA,KAAA,CAAA,aAAA;AAAA,MAACH,SAAA;AAAA,MAAA;AAAA,QACC,aAAc,EAAA,QAAA;AAAA,QACd,UAAW,EAAA,QAAA;AAAA,QACX,GAAI,EAAA,IAAA;AAAA,QACJ,GAAK,EAAA;AAAA,UACH,KAAO,EAAA,MAAA;AAAA,UACP,UAAY,EAAA,WAAA;AAAA,UACZ,OAAS,EAAA,OAAA;AAAA,UACT,MAAQ,EAAA,GAAA;AAAA,SACV;AAAA,OAAA;AAAA,sBAEA,KAAA,CAAA,aAAA,CAACI,SAAK,EAAA,EAAA,IAAA,EAAK,IAAK,EAAA,GAAA,EAAK,EAAE,KAAA,EAAO,aAAe,EAAA,SAAA,EAAW,QAAS,EAAA,EAAA,EAAG,mCAEpE,CAAA;AAAA,KAEJ,CAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/cjs/contact-import/components/ManageImport/Scheduled.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var moment = require('../../../node_modules/moment/moment.js');
-var index = require('../../constants/index.js');
 var tooltip = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/tooltip/tooltip.js');
 var box = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
 var grid = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/grid/grid.js');
@@ -16,15 +15,15 @@ var flex = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/flex/
 var dropdown = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/dropdown/dropdown.js');
 var iconButton = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js');
 var ellipsisVertical = require('../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/ellipsis-vertical.js');
-var pencil = require('../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/pencil.js');
 var _delete = require('../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/delete.js');
+var pencil = require('../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/pencil.js');
 
 const Scheduled = ({ scheduled }) => {
-  const [hoveredRowId, setHoveredRowId] = React.useState(null);
-  return /* @__PURE__ */ React.createElement(tooltip.TooltipProvider, null, /* @__PURE__ */ React.createElement(box.Box, { css: { width: "100%", height: "100%", overflow: "scroll" } }, /* @__PURE__ */ React.createElement(
+  const [currentRow, setCurrentRow] = React.useState(0);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(tooltip.TooltipProvider, null, /* @__PURE__ */ React.createElement(box.Box, { css: { width: "100%", height: "100%", overflow: "scroll" } }, /* @__PURE__ */ React.createElement(
     grid.Grid,
     {
-      templateColumns: index.SCHEDULED_TABLE_COLUMNS.map((col) => col.width).join(" "),
+      templateColumns: "10% 20% 20% 20% 20% 5% 5%",
       css: {
         borderTop: "$borderWidths$xs solid $neutral200",
         borderBottom: "$borderWidths$xs solid $neutral200",
@@ -37,31 +36,48 @@ const Scheduled = ({ scheduled }) => {
         zIndex: "2"
       }
     },
-    index.SCHEDULED_TABLE_COLUMNS.map((column) => /* @__PURE__ */ React.createElement(text.Text, { key: column.key, weight: "medium" }, column.label))
-  ), scheduled.map((item) => /* @__PURE__ */ React.createElement(
-    grid.Grid,
-    {
-      key: item.id,
-      onMouseEnter: () => setHoveredRowId(item.id),
-      onMouseLeave: () => setHoveredRowId(null),
-      templateColumns: index.SCHEDULED_TABLE_COLUMNS.map((col) => col.width).join(" "),
-      css: {
-        borderBottom: "$borderWidths$xs solid $neutral100",
-        padding: "$9 $12",
-        fontWeight: "$4",
-        color: "$neutral700",
-        alignItems: "center"
-      }
-    },
-    /* @__PURE__ */ React.createElement(text.Text, null, /* @__PURE__ */ React.createElement(_switch.Switch, { checked: item.scheduled, size: "sm" })),
-    /* @__PURE__ */ React.createElement(text.Text, { weight: "bold", css: { color: "$neutral900" } }, item.name),
-    /* @__PURE__ */ React.createElement(text.Text, { css: { color: "$neutral900" } }, item.type),
-    /* @__PURE__ */ React.createElement(text.Text, null, item.createdOn ? moment.default(item.createdOn).format(index.DATE_FORMAT.DISPLAY) : "-"),
-    /* @__PURE__ */ React.createElement(text.Text, null, item.upcommingImport ? moment.default(item.upcommingImport).format(index.DATE_FORMAT.DISPLAY) : "-"),
-    /* @__PURE__ */ React.createElement(text.Text, null, item.status === "success" ? /* @__PURE__ */ React.createElement(tickCircleFill.TickCircleFillIcon, { color: "#5EA130", size: 24 }) : /* @__PURE__ */ React.createElement(alertFill.AlertFillIcon, { color: "#F65633", size: 24 })),
-    /* @__PURE__ */ React.createElement(flex.Flex, { justifyContent: "center" }, hoveredRowId === item.id && /* @__PURE__ */ React.createElement(dropdown.DropdownMenu, { size: "sm" }, /* @__PURE__ */ React.createElement(dropdown.DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(iconButton.IconButton, { size: "md", variant: "ghost", color: "secondary", icon: /* @__PURE__ */ React.createElement(ellipsisVertical.EllipsisVerticalIcon, null) })), /* @__PURE__ */ React.createElement(dropdown.DropdownMenuContent, { onCloseAutoFocus: (e) => e.preventDefault(), side: "bottom", align: "end", css: { minWidth: "128px", padding: "$4 0" } }, /* @__PURE__ */ React.createElement(dropdown.DropdownMenuItem, { css: { cursor: "pointer" } }, /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", gap: "$2" }, /* @__PURE__ */ React.createElement(pencil.PencilIcon, { color: "#6A6A6A", size: 20 }), /* @__PURE__ */ React.createElement(text.Text, { size: "sm" }, index.LABELS.EDIT))), /* @__PURE__ */ React.createElement(dropdown.DropdownMenuItem, { css: { cursor: "pointer" } }, /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", gap: "$2" }, /* @__PURE__ */ React.createElement(_delete.DeleteIcon, { color: "#6A6A6A", size: 20 }), /* @__PURE__ */ React.createElement(text.Text, { size: "sm" }, index.LABELS.DELETE))))))
-  ))));
+    /* @__PURE__ */ React.createElement(text.Text, null, " "),
+    /* @__PURE__ */ React.createElement(text.Text, { weight: "medium" }, "Import Name"),
+    /* @__PURE__ */ React.createElement(text.Text, { weight: "medium" }, "Contact Type"),
+    /* @__PURE__ */ React.createElement(text.Text, { weight: "medium" }, "Created on"),
+    /* @__PURE__ */ React.createElement(text.Text, { weight: "medium" }, "Upcomming Import"),
+    /* @__PURE__ */ React.createElement(text.Text, { weight: "medium" }, "Status")
+  ), scheduled == null ? void 0 : scheduled.map((item) => {
+    return /* @__PURE__ */ React.createElement(
+      grid.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.createElement(text.Text, null, /* @__PURE__ */ React.createElement(_switch.Switch, { checked: item.scheduled, size: "sm" })),
+      /* @__PURE__ */ React.createElement(text.Text, { weight: "bold", css: { color: "$neutral900" } }, item.name),
+      /* @__PURE__ */ React.createElement(text.Text, { css: { color: "$neutral900" } }, item.type),
+      /* @__PURE__ */ React.createElement(text.Text, null, moment.default(item.createdOn).format("MMM D, YYYY | h:mm A")),
+      /* @__PURE__ */ React.createElement(text.Text, null, moment.default(item.upcommingImport).format("MMM D, YYYY | h:mm A")),
+      /* @__PURE__ */ React.createElement(text.Text, null, item.status === "success" ? /* @__PURE__ */ React.createElement(tickCircleFill.TickCircleFillIcon, { color: "#5EA130", size: "24" }) : /* @__PURE__ */ React.createElement(alertFill.AlertFillIcon, { color: "#F65633", size: "24" })),
+      /* @__PURE__ */ React.createElement(flex.Flex, { justifyContent: "center" }, currentRow === item.id ? /* @__PURE__ */ React.createElement(dropdown.DropdownMenu, { size: "sm" }, /* @__PURE__ */ React.createElement(dropdown.DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(iconButton.IconButton, { size: "md", variant: "ghost", color: "secondary" }, /* @__PURE__ */ React.createElement(ellipsisVertical.EllipsisVerticalIcon, null))), /* @__PURE__ */ React.createElement(
+        dropdown.DropdownMenuContent,
+        {
+          onCloseAutoFocus: (e) => {
+            e.preventDefault();
+          },
+          side: "bottom",
+          align: "end",
+          css: { minWidth: "128px", padding: "$4 0" }
+        },
+        /* @__PURE__ */ React.createElement(dropdown.DropdownMenuItem, { css: { cursor: "pointer" } }, /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", gap: "$2" }, /* @__PURE__ */ React.createElement(_delete.DeleteIcon, { color: "#6A6A6A", size: 20 }), /* @__PURE__ */ React.createElement(text.Text, { size: "sm" }, "Delete"))),
+        /* @__PURE__ */ React.createElement(dropdown.DropdownMenuItem, { css: { cursor: "pointer" } }, /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", gap: "$2" }, /* @__PURE__ */ React.createElement(pencil.PencilIcon, { color: "#6A6A6A", size: 20 }), /* @__PURE__ */ React.createElement(text.Text, { size: "sm" }, "Edit")))
+      )) : null)
+    );
+  }))));
 };
 
 exports.default = Scheduled;
-//# sourceMappingURL=Scheduled.js.map
+//# sourceMappingURL=scheduled.js.map

package/dist/cjs/contact-import/components/ManageImport/Scheduled.js.map

@@ -1 +1 @@
-{"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 { ScheduledImportsProps } from '../../types';\nimport { SCHEDULED_TABLE_COLUMNS, DATE_FORMAT, LABELS } from '../../constants';\n\nconst Scheduled: React.FC<ScheduledImportsProps> = ({ scheduled }) => {\n  const [hoveredRowId, setHoveredRowId] = useState<string | null>(null);\n\n  return (\n    <TooltipProvider>\n      <Box css={{ width: '100%', height: '100%', overflow: 'scroll' }}>\n        <Grid\n          templateColumns={SCHEDULED_TABLE_COLUMNS.map((col) => col.width).join(' ')}\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          {SCHEDULED_TABLE_COLUMNS.map((column) => (\n            <Text key={column.key} weight=\"medium\">{column.label}</Text>\n          ))}\n        </Grid>\n        {scheduled.map((item) => (\n          <Grid\n            key={item.id}\n            onMouseEnter={() => setHoveredRowId(item.id)}\n            onMouseLeave={() => setHoveredRowId(null)}\n            templateColumns={SCHEDULED_TABLE_COLUMNS.map((col) => col.width).join(' ')}\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><Switch checked={item.scheduled} size=\"sm\" /></Text>\n            <Text weight=\"bold\" css={{ color: '$neutral900' }}>{item.name}</Text>\n            <Text css={{ color: '$neutral900' }}>{item.type}</Text>\n            <Text>{item.createdOn ? moment(item.createdOn).format(DATE_FORMAT.DISPLAY) : '-'}</Text>\n            <Text>{item.upcommingImport ? moment(item.upcommingImport).format(DATE_FORMAT.DISPLAY) : '-'}</Text>\n            <Text>\n              {item.status === 'success' ? (\n                <TickCircleFillIcon color=\"#5EA130\" size={24} />\n              ) : (\n                <AlertFillIcon color=\"#F65633\" size={24} />\n              )}\n            </Text>\n            <Flex justifyContent=\"center\">\n              {hoveredRowId === item.id && (\n                <DropdownMenu size=\"sm\">\n                  <DropdownMenuTrigger asChild>\n                    <IconButton size=\"md\" variant=\"ghost\" color=\"secondary\" icon={<EllipsisVerticalIcon />} />\n                  </DropdownMenuTrigger>\n                  <DropdownMenuContent onCloseAutoFocus={(e) => e.preventDefault()} side=\"bottom\" align=\"end\" css={{ minWidth: '128px', padding: '$4 0' }}>\n                    <DropdownMenuItem css={{ cursor: 'pointer' }}>\n                      <Flex alignItems=\"center\" gap=\"$2\">\n                        <PencilIcon color=\"#6A6A6A\" size={20} />\n                        <Text size=\"sm\">{LABELS.EDIT}</Text>\n                      </Flex>\n                    </DropdownMenuItem>\n                    <DropdownMenuItem css={{ cursor: 'pointer' }}>\n                      <Flex alignItems=\"center\" gap=\"$2\">\n                        <DeleteIcon color=\"#6A6A6A\" size={20} />\n                        <Text size=\"sm\">{LABELS.DELETE}</Text>\n                      </Flex>\n                    </DropdownMenuItem>\n                  </DropdownMenuContent>\n                </DropdownMenu>\n              )}\n            </Flex>\n          </Grid>\n        ))}\n      </Box>\n    </TooltipProvider>\n  );\n};\n\nexport default Scheduled;\n"],"names":["useState","TooltipProvider","Box","Grid","SCHEDULED_TABLE_COLUMNS","Text","Switch","moment","DATE_FORMAT","TickCircleFillIcon","AlertFillIcon","Flex","DropdownMenu","DropdownMenuTrigger","IconButton","EllipsisVerticalIcon","DropdownMenuContent","DropdownMenuItem","PencilIcon","LABELS","DeleteIcon"],"mappings":"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"}
+{"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":["useState","TooltipProvider","Box","Grid","Text","Switch","moment","TickCircleFillIcon","AlertFillIcon","Flex","DropdownMenu","DropdownMenuTrigger","IconButton","EllipsisVerticalIcon","DropdownMenuContent","DropdownMenuItem","DeleteIcon","PencilIcon"],"mappings":"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"}

package/dist/cjs/contact-import/components/ManageImport/icon.js

@@ -0,0 +1,85 @@
+'use strict';
+
+function GradientSVG({ color = "#978CF9" }) {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "190",
+      height: "105",
+      fill: "none",
+      viewBox: "0 0 190 105"
+    },
+    /* @__PURE__ */ React.createElement("g", { filter: "url(#filter0_f_464_5408)", opacity: "0.5" }, /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M94.802 48.24c-25.851 0-46.802 25.075-46.802 56h93.604c0-30.925-20.951-56-46.802-56z",
+        fill: color
+      }
+    )),
+    /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement(
+      "filter",
+      {
+        id: "filter0_f_464_5408",
+        width: "189.604",
+        height: "104",
+        x: "0",
+        y: "0.24",
+        colorInterpolationFilters: "sRGB",
+        filterUnits: "userSpaceOnUse"
+      },
+      /* @__PURE__ */ React.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+      /* @__PURE__ */ React.createElement(
+        "feBlend",
+        {
+          in: "SourceGraphic",
+          in2: "BackgroundImageFix",
+          result: "shape"
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        "feGaussianBlur",
+        {
+          result: "effect1_foregroundBlur_464_5408",
+          stdDeviation: "24"
+        }
+      )
+    ))
+  );
+}
+function DocumentClipSVG({ size = "48", color = "#7158F5" }) {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      fill: "none",
+      viewBox: "0 0 48 48"
+    },
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        stroke: color,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "2",
+        d: "M40 20V10a4 4 0 00-4-4H10a4 4 0 00-4 4v28a4 4 0 004 4h14M14 16h18m-18 8h8m-8 8h6"
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        stroke: color,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "2",
+        d: "M30 29.55a5.24 5.24 0 011.89-2.978 5.061 5.061 0 013.318-1.064 4.964 4.964 0 013.616 1.286 5.162 5.162 0 011.676 3.51c0 3.608-5.057 4.798-5.057 7.196M35.675 41.77a.112.112 0 100 .224.112.112 0 000-.224"
+      }
+    )
+  );
+}
+
+exports.DocumentClipSVG = DocumentClipSVG;
+exports.GradientSVG = GradientSVG;
+//# sourceMappingURL=icon.js.map

package/dist/cjs/contact-import/components/ManageImport/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sources":["../../../../../src/contact-import/components/ManageImport/icon.tsx"],"sourcesContent":["export function GradientSVG({ color = \"#978CF9\" }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"190\"\n      height=\"105\"\n      fill=\"none\"\n      viewBox=\"0 0 190 105\"\n    >\n      <g filter=\"url(#filter0_f_464_5408)\" opacity=\"0.5\">\n        <path\n          d=\"M94.802 48.24c-25.851 0-46.802 25.075-46.802 56h93.604c0-30.925-20.951-56-46.802-56z\"\n          fill={color}\n        ></path>\n      </g>\n      <defs>\n        <filter\n          id=\"filter0_f_464_5408\"\n          width=\"189.604\"\n          height=\"104\"\n          x=\"0\"\n          y=\"0.24\"\n          colorInterpolationFilters=\"sRGB\"\n          filterUnits=\"userSpaceOnUse\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\"></feFlood>\n          <feBlend\n            in=\"SourceGraphic\"\n            in2=\"BackgroundImageFix\"\n            result=\"shape\"\n          ></feBlend>\n          <feGaussianBlur\n            result=\"effect1_foregroundBlur_464_5408\"\n            stdDeviation=\"24\"\n          ></feGaussianBlur>\n        </filter>\n      </defs>\n    </svg>\n  );\n}\n\nexport function DocumentClipSVG({ size = \"48\", color = \"#7158F5\" }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      fill=\"none\"\n      viewBox=\"0 0 48 48\"\n    >\n      <path\n        stroke={color}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth=\"2\"\n        d=\"M40 20V10a4 4 0 00-4-4H10a4 4 0 00-4 4v28a4 4 0 004 4h14M14 16h18m-18 8h8m-8 8h6\"\n      ></path>\n      <path\n        stroke={color}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth=\"2\"\n        d=\"M30 29.55a5.24 5.24 0 011.89-2.978 5.061 5.061 0 013.318-1.064 4.964 4.964 0 013.616 1.286 5.162 5.162 0 011.676 3.51c0 3.608-5.057 4.798-5.057 7.196M35.675 41.77a.112.112 0 100 .224.112.112 0 000-.224\"\n      ></path>\n    </svg>\n  );\n}"],"names":[],"mappings":";;AAAO,SAAS,WAAY,CAAA,EAAE,KAAQ,GAAA,SAAA,EAAa,EAAA;AACjD,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,4BAAA;AAAA,MACN,KAAM,EAAA,KAAA;AAAA,MACN,MAAO,EAAA,KAAA;AAAA,MACP,IAAK,EAAA,MAAA;AAAA,MACL,OAAQ,EAAA,aAAA;AAAA,KAAA;AAAA,oBAEP,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAE,MAAO,EAAA,0BAAA,EAA2B,SAAQ,KAC3C,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,sFAAA;AAAA,QACF,IAAM,EAAA,KAAA;AAAA,OAAA;AAAA,KAEV,CAAA;AAAA,wCACC,MACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,EAAG,EAAA,oBAAA;AAAA,QACH,KAAM,EAAA,SAAA;AAAA,QACN,MAAO,EAAA,KAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,MAAA;AAAA,QACF,yBAA0B,EAAA,MAAA;AAAA,QAC1B,WAAY,EAAA,gBAAA;AAAA,OAAA;AAAA,sBAEX,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAQ,YAAa,EAAA,GAAA,EAAI,QAAO,oBAAqB,EAAA,CAAA;AAAA,sBACtD,KAAA,CAAA,aAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,EAAG,EAAA,eAAA;AAAA,UACH,GAAI,EAAA,oBAAA;AAAA,UACJ,MAAO,EAAA,OAAA;AAAA,SAAA;AAAA,OACR;AAAA,sBACD,KAAA,CAAA,aAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,MAAO,EAAA,iCAAA;AAAA,UACP,YAAa,EAAA,IAAA;AAAA,SAAA;AAAA,OACd;AAAA,KAEL,CAAA;AAAA,GACF,CAAA;AAEJ,CAAA;AAEO,SAAS,gBAAgB,EAAE,IAAA,GAAO,IAAM,EAAA,KAAA,GAAQ,WAAa,EAAA;AAClE,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,4BAAA;AAAA,MACN,KAAO,EAAA,IAAA;AAAA,MACP,MAAQ,EAAA,IAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,OAAQ,EAAA,WAAA;AAAA,KAAA;AAAA,oBAER,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,MAAQ,EAAA,KAAA;AAAA,QACR,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,QACf,WAAY,EAAA,GAAA;AAAA,QACZ,CAAE,EAAA,kFAAA;AAAA,OAAA;AAAA,KACH;AAAA,oBACD,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,MAAQ,EAAA,KAAA;AAAA,QACR,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,QACf,WAAY,EAAA,GAAA;AAAA,QACZ,CAAE,EAAA,2MAAA;AAAA,OAAA;AAAA,KACH;AAAA,GACH,CAAA;AAEJ;;;;;"}