@sparrowengg/integrations-templates-frontend 2.1.0-notion-release.3 → 2.1.0-notion-release.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/_virtual/index10.js +2 -2
- package/dist/cjs/_virtual/index9.js +2 -2
- package/dist/cjs/contact-import/components/ManageImport/Completed.js +1 -1
- package/dist/cjs/contact-import/components/ManageImport/Completed.js.map +1 -1
- package/dist/cjs/contact-import/components/ManageImport/Dashboard.js +5 -5
- package/dist/cjs/contact-import/components/ManageImport/Dashboard.js.map +1 -1
- package/dist/cjs/contact-import/components/ManageImport/Scheduled.js +1 -1
- package/dist/cjs/contact-import/components/ManageImport/Scheduled.js.map +1 -1
- package/dist/cjs/contact-import/components/Scheduling.js +1 -1
- package/dist/cjs/contact-import/components/Scheduling.js.map +1 -1
- package/dist/cjs/contact-import/components/conact-import-schedule.js +2 -2
- package/dist/cjs/contact-import/components/conact-import-schedule.js.map +1 -1
- package/dist/cjs/contact-import/index.js +2 -2
- package/dist/cjs/contact-import/index.js.map +1 -1
- package/dist/cjs/dynamic-mapping/components/Mapping.js +1 -1
- package/dist/cjs/dynamic-mapping/components/Mapping.js.map +1 -1
- package/dist/cjs/dynamic-mapping/index.js +2 -2
- package/dist/cjs/dynamic-mapping/index.js.map +1 -1
- package/dist/cjs/integration-template/components/dashboard.js +8 -1
- package/dist/cjs/integration-template/components/dashboard.js.map +1 -1
- package/dist/cjs/node_modules/hoist-non-react-statics/node_modules/react-is/index.js +1 -1
- package/dist/cjs/node_modules/html-dom-parser/node_modules/domutils/lib/index.js +1 -1
- package/dist/cjs/node_modules/html-dom-parser/node_modules/htmlparser2/lib/index.js +1 -1
- package/dist/es/_virtual/index10.js +2 -2
- package/dist/es/_virtual/index9.js +2 -2
- package/dist/es/contact-import/components/ManageImport/Completed.js +1 -1
- package/dist/es/contact-import/components/ManageImport/Completed.js.map +1 -1
- package/dist/es/contact-import/components/ManageImport/Dashboard.js +3 -3
- package/dist/es/contact-import/components/ManageImport/Dashboard.js.map +1 -1
- package/dist/es/contact-import/components/ManageImport/Scheduled.js +1 -1
- package/dist/es/contact-import/components/ManageImport/Scheduled.js.map +1 -1
- package/dist/es/contact-import/components/Scheduling.js +1 -1
- package/dist/es/contact-import/components/Scheduling.js.map +1 -1
- package/dist/es/contact-import/components/conact-import-schedule.js +1 -1
- package/dist/es/contact-import/components/conact-import-schedule.js.map +1 -1
- package/dist/es/contact-import/index.js +1 -1
- package/dist/es/contact-import/index.js.map +1 -1
- package/dist/es/dynamic-mapping/components/Mapping.js +1 -1
- package/dist/es/dynamic-mapping/components/Mapping.js.map +1 -1
- package/dist/es/dynamic-mapping/index.js +1 -1
- package/dist/es/dynamic-mapping/index.js.map +1 -1
- package/dist/es/integration-template/components/dashboard.js +8 -1
- package/dist/es/integration-template/components/dashboard.js.map +1 -1
- package/dist/es/node_modules/hoist-non-react-statics/node_modules/react-is/index.js +1 -1
- package/dist/es/node_modules/html-dom-parser/node_modules/domutils/lib/index.js +1 -1
- package/dist/es/node_modules/html-dom-parser/node_modules/htmlparser2/lib/index.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"Completed.js","sources":["../../../../../src/contact-import/components/ManageImport/Completed.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport {\n Box,\n Grid,\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 EllipsisVerticalIcon,\n TickCircleFillIcon,\n} from \"@sparrowengg/twigs-react-icons\";\nimport { CompletedImportTypes } from \"../../types\";\n\nconst Completed = ({ completed }: { completed: Array<CompletedImportTypes> }) => {\n const [currentRow, setCurrentRow] = useState(0);\n return (\n <>\n <TooltipProvider>\n <Box css={{ width: \"100%\", height: \"100%\", overflow: \"scroll\" }}>\n <Grid\n templateColumns=\"25% 25% 25% 13% 12%\"\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 weight=\"medium\">Import Name</Text>\n <Text weight=\"medium\">Contact Type</Text>\n <Text weight=\"medium\">Imported on</Text>\n <Text weight=\"medium\">Status</Text>\n <Text weight=\"medium\"></Text>\n </Grid>\n {completed?.map((item: CompletedImportTypes) => {\n return (\n <Grid\n onMouseOver={() => setCurrentRow(item.id)}\n templateColumns=\"25% 25% 25% 13% 12%\"\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 weight=\"bold\" css={{ color: \"$neutral900\" }}>\n {item.name}\n </Text>\n <Text css={{ color: \"$neutral900\" }}>{item.type}</Text>\n <Text>\n {moment(item.importedOn).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 </DropdownMenuContent>\n </DropdownMenu>\n ) : null}\n </Flex>\n </Grid>\n );\n })}\n </Box>\n </TooltipProvider>\n </>\n );\n};\n\nexport default Completed;\n"],"names":["useState","TooltipProvider","Box","Grid","Text","moment","TickCircleFillIcon","AlertFillIcon","Flex","DropdownMenu","DropdownMenuTrigger","IconButton","EllipsisVerticalIcon","DropdownMenuContent","DropdownMenuItem","DeleteIcon"],"mappings":"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"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
var
|
|
5
|
+
var Completed = require('./Completed.js');
|
|
6
|
+
var Scheduled = require('./Scheduled.js');
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var NoDataState = require('./NoDataState.js');
|
|
9
9
|
var flex = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
|
|
@@ -55,10 +55,10 @@ function Dashboard({
|
|
|
55
55
|
}
|
|
56
56
|
},
|
|
57
57
|
/* @__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 ")),
|
|
58
|
-
/* @__PURE__ */ React.createElement(tabs.TabsContent, { value: "completed", css: { padding: "0", height: "100%" } }, (completedImport == null ? void 0 : completedImport.length) ? /* @__PURE__ */ React.createElement(
|
|
59
|
-
/* @__PURE__ */ React.createElement(tabs.TabsContent, { css: { padding: "0", height: "100%" }, value: "scheduled" }, (scheduledImport == null ? void 0 : scheduledImport.length) ? /* @__PURE__ */ React.createElement(
|
|
58
|
+
/* @__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)),
|
|
59
|
+
/* @__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))
|
|
60
60
|
)));
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
exports.default = Dashboard;
|
|
64
|
-
//# sourceMappingURL=
|
|
64
|
+
//# sourceMappingURL=Dashboard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"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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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
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 { 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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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"Scheduling.js","sources":["../../../../src/contact-import/components/Scheduling.tsx"],"sourcesContent":["import {\n Box,\n Flex,\n Button,\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n Text,\n} from \"@sparrowengg/twigs-react\";\nimport { ChevronDownIcon } from \"@sparrowengg/twigs-react-icons\";\nimport React, { useEffect, useState } from \"react\";\nimport TimePicker from \"./TimePicker\";\nimport dayjs from \"dayjs\";\nimport utc from \"dayjs/plugin/utc\";\nimport timezone from \"dayjs/plugin/timezone\";\nimport { listTimeZones } from \"timezone-support\";\nimport { ScheduleTime, SchedulingProps } from \"../types\";\nimport { scheduleOptions } from \"../constants\";\n\nconst Scheduling: React.FC<SchedulingProps> = ({\n globalStorage,\n setGlobalStorage,\n}) => {\n dayjs.extend(utc);\n dayjs.extend(timezone);\n\n const getAllTimezones = (): string[] =>\n listTimeZones().map((tz) => {\n const offset = dayjs().tz(tz).format(\"Z\");\n return `${tz} (GMT${offset})`;\n });\n\n const timeZones = getAllTimezones();\n const [openTimePicker, setOpenTimePicker] = useState<boolean>(false);\n const [scheduleTime, setScheduleTime] = useState<ScheduleTime>({\n period: \"Daily\",\n time: { hours: 12, mins: \"00\", noon: \"am\" },\n timeZone: \"Asia/Kolkata (GMT+05:30)\",\n });\n\n useEffect(() => {\n setGlobalStorage((prevGlobalStorage) => ({\n ...prevGlobalStorage,\n scheduleData: scheduleTime,\n }));\n }, [scheduleTime]);\n\n useEffect(() => {\n if (globalStorage.scheduleData) {\n setScheduleTime(globalStorage.scheduleData);\n }\n }, [globalStorage]);\n\n return (\n <Flex alignItems=\"center\" gap=\"$2\">\n <DropdownMenu modal={false}>\n <DropdownMenuTrigger asChild>\n <Button\n rightIcon={<ChevronDownIcon />}\n variant=\"ghost\"\n size=\"lg\"\n aria-label=\"Select Schedule Period\"\n css={{\n padding: \"$1 $2\",\n borderRadius: \"$md\",\n svg: { path: { strokeWidth: \"2\" } },\n }}\n onClick={() => setOpenTimePicker(false)}\n >\n {scheduleTime.period}\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"start\" css={{ minWidth: \"168px\" }}>\n {scheduleOptions.map((option) => (\n <DropdownMenuItem\n key={option.id}\n css={{\n cursor: \"pointer\",\n background:\n scheduleTime.period === option.label ? \"#4A9CA60F\" : \"none\",\n }}\n onClick={() =>\n setScheduleTime((prev) => ({ ...prev, period: option.label }))\n }\n >\n {option.label}\n </DropdownMenuItem>\n ))}\n </DropdownMenuContent>\n </DropdownMenu>\n <Text css={{ color: \"$neutral600\" }} size=\"md\">\n at\n </Text>\n <Box css={{ position: \"relative\" }}>\n <Button\n rightIcon={<ChevronDownIcon />}\n variant=\"ghost\"\n size=\"lg\"\n onClick={() => setOpenTimePicker((prev) => !prev)}\n css={{\n padding: \"$1 $2\",\n borderRadius: \"$md\",\n svg: { path: { strokeWidth: \"2\" } },\n }}\n >\n {`${scheduleTime.time.hours}:${scheduleTime.time.mins} ${scheduleTime.time.noon}`}\n </Button>\n {openTimePicker && (\n <TimePicker\n openTimePicker={openTimePicker}\n setOpenTimePicker={setOpenTimePicker}\n scheduleTime={scheduleTime}\n setScheduleTime={setScheduleTime}\n />\n )}\n </Box>\n\n <DropdownMenu modal={false}>\n <DropdownMenuTrigger asChild>\n <Button\n rightIcon={<ChevronDownIcon />}\n variant=\"ghost\"\n size=\"lg\"\n aria-label=\"Select Time Zone\"\n css={{\n padding: \"$1 $2\",\n borderRadius: \"$md\",\n svg: { path: { strokeWidth: \"2\" } },\n }}\n onClick={() => setOpenTimePicker(false)}\n >\n {scheduleTime.timeZone}\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent\n align=\"start\"\n css={{ maxHeight: \"180px\", overflow: \"scroll\" }}\n >\n {timeZones.map((tz) => (\n <DropdownMenuItem\n key={tz}\n css={{\n cursor: \"pointer\",\n background: scheduleTime.timeZone === tz ? \"#4A9CA60F\" : \"none\",\n }}\n onClick={() =>\n setScheduleTime((prev) => ({ ...prev, timeZone: tz }))\n }\n >\n {tz}\n </DropdownMenuItem>\n ))}\n </DropdownMenuContent>\n </DropdownMenu>\n </Flex>\n );\n};\n\nexport default Scheduling;\n"],"names":["dayjs","utc","timezone","listTimeZones","useState","useEffect","Flex","DropdownMenu","DropdownMenuTrigger","Button","ChevronDownIcon","DropdownMenuContent","scheduleOptions","DropdownMenuItem","Text","Box","TimePicker"],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var
|
|
6
|
+
var Scheduling = require('./Scheduling.js');
|
|
7
7
|
var constants = require('../constants.js');
|
|
8
8
|
var flex = require('../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
|
|
9
9
|
var box = require('../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
|
|
@@ -52,7 +52,7 @@ function ImportSchedules({
|
|
|
52
52
|
},
|
|
53
53
|
/* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", gap: "$8" }, /* @__PURE__ */ React.createElement(radio.Radio, { value: constants.frequent.ONETIME.value, css: { cursor: "pointer" } }, /* @__PURE__ */ React.createElement(text.Text, { size: "md", css: { color: "$neutral900" } }, constants.frequent.ONETIME.label)), /* @__PURE__ */ React.createElement(radio.Radio, { value: constants.frequent.RECURRING.value, css: { cursor: "pointer" } }, /* @__PURE__ */ React.createElement(text.Text, { size: "md", css: { color: "$neutral900" } }, constants.frequent.RECURRING.label)))
|
|
54
54
|
), globalStorage.frequentMode === constants.frequent.RECURRING.value && /* @__PURE__ */ React.createElement(
|
|
55
|
-
|
|
55
|
+
Scheduling.default,
|
|
56
56
|
{
|
|
57
57
|
globalStorage,
|
|
58
58
|
setGlobalStorage
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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 \"./
|
|
1
|
+
{"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":["useState","frequent","useEffect","Flex","Box","Text","RadioGroup","Radio","Scheduling"],"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,GAAAA,cAAA,CAAA,CAAwB,2CAAa,SAAa,KAAA;AAAA,IAC1F,YAAA,EAAcC,mBAAS,OAAQ,CAAA,KAAA;AAAA,GAChC,CAAA,CAAA;AACD,EAAAC,eAAA,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,uBACG,KAAA,CAAA,aAAA,CAAAC,SAAA,EAAA,EAAK,aAAc,EAAA,QAAA,EAAS,KAAI,IAC/B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAACC,OACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAACC,aAAK,GAAK,EAAA,EAAE,KAAO,EAAA,aAAA,EAAe,UAAU,KAAM,EAAA,EAAG,MAAO,EAAA,MAAA,EAAA,EAAO,kBAEpE,CAAA,kBACC,KAAA,CAAA,aAAA,CAAAA,SAAA,EAAA,EAAK,MAAK,IAAK,EAAA,GAAA,EAAK,EAAE,KAAA,EAAO,eAAe,SAAW,EAAA,IAAA,EAAQ,EAAA,EAAA,8DAEhE,CACF,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,gBAAA;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,oBAGJ,KAAA,CAAA,aAAA,CAACH,SAAK,EAAA,EAAA,UAAA,EAAW,QAAS,EAAA,GAAA,EAAI,wBAC3B,KAAA,CAAA,aAAA,CAAAI,WAAA,EAAA,EAAM,KAAO,EAAAN,kBAAA,CAAS,OAAQ,CAAA,KAAA,EAAO,KAAK,EAAE,MAAA,EAAQ,SAAU,EAAA,EAAA,kBAC5D,KAAA,CAAA,aAAA,CAAAI,SAAA,EAAA,EAAK,IAAK,EAAA,IAAA,EAAK,GAAK,EAAA,EAAE,KAAO,EAAA,aAAA,EAC3B,EAAA,EAAAJ,kBAAA,CAAS,QAAQ,KACpB,CACF,CACA,kBAAA,KAAA,CAAA,aAAA,CAACM,WAAM,EAAA,EAAA,KAAA,EAAON,kBAAS,CAAA,SAAA,CAAU,KAAO,EAAA,GAAA,EAAK,EAAE,MAAA,EAAQ,SAAU,EAAA,EAAA,sCAC9DI,SAAK,EAAA,EAAA,IAAA,EAAK,IAAK,EAAA,GAAA,EAAK,EAAE,KAAA,EAAO,aAAc,EAAA,EAAA,EACzCJ,kBAAS,CAAA,SAAA,CAAU,KACtB,CACF,CACF,CAAA;AAAA,GAED,EAAA,aAAA,CAAc,YAAiB,KAAAA,kBAAA,CAAS,UAAU,KACjD,oBAAA,KAAA,CAAA,aAAA;AAAA,IAACO,kBAAA;AAAA,IAAA;AAAA,MACC,aAAA;AAAA,MACA,gBAAA;AAAA,KAAA;AAAA,GAGN,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -6,7 +6,7 @@ var arrow = require('../commons/icons/arrow.js');
|
|
|
6
6
|
var contactImportConfigure = require('./components/contact-import-configure.js');
|
|
7
7
|
var contactImportMapping = require('./components/contact-import-mapping.js');
|
|
8
8
|
var themeWrapper = require('../commons/components/theme-wrapper.js');
|
|
9
|
-
var
|
|
9
|
+
var Dashboard = require('./components/ManageImport/Dashboard.js');
|
|
10
10
|
var index = require('../commons/constants/index.js');
|
|
11
11
|
var box = require('../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
|
|
12
12
|
var flex = require('../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
|
|
@@ -92,7 +92,7 @@ const ContactImport = ({
|
|
|
92
92
|
contactProperties
|
|
93
93
|
}
|
|
94
94
|
)), (existingImports == null ? void 0 : existingImports.length) && !newImport ? /* @__PURE__ */ React.createElement(
|
|
95
|
-
|
|
95
|
+
Dashboard.default,
|
|
96
96
|
{
|
|
97
97
|
dashboardDescription,
|
|
98
98
|
setNewImport,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/contact-import/index.tsx"],"sourcesContent":["import {\n Box,\n Button,\n Checkbox,\n Dialog,\n DialogContent,\n Flex,\n FormInput,\n Heading,\n IconButton,\n} from \"@sparrowengg/twigs-react\";\nimport {\n ArrowLeftIcon,\n ChevronRightIcon,\n CloseIcon,\n} from \"@sparrowengg/twigs-react-icons\";\nimport { ContactImportFieldType } from \"./types\";\nimport { generateUniqueId } from \"../commons/helpers\";\nimport React, { useEffect, useState } from \"react\";\nimport Arrow from \"../commons/icons/arrow\";\nimport ContactImportConfigure from \"./components/contact-import-configure\";\nimport ContactImportMapping from \"./components/contact-import-mapping\";\nimport ThemeWrapper from \"../commons/components/theme-wrapper\";\nimport { ContactImportProps, ContactImportHeaderProps } from \"./types\";\nimport Dashboard from \"./components/ManageImport/dashboard\";\nimport { MODAL_MAX_WIDTH, INPUT_MAX_LENGTH } from \"../commons/constants\";\n\nexport const ContactImport = ({\n dashboardDescription,\n existingImports,\n hasPreviousMapping,\n previousMappingHandler,\n onSaveHandler,\n isContactMappingPage,\n navigateMappingPage,\n contactImportField,\n setContactImportField,\n listSegmentOptions,\n integrationName,\n contactProperties,\n invitePortal,\n}: ContactImportProps) => {\n const [newImport, setNewImport] = useState(true);\n useEffect(() => {\n setNewImport(!existingImports?.length);\n }, []);\n return (\n <ThemeWrapper>\n <Box css={{ height: \"100vh\", width: \"100vw\" }}>\n {newImport && (\n <>\n <ContactImportHeader\n setNewImport={setNewImport}\n contactImportField={contactImportField}\n setContactImportField={setContactImportField}\n hasPreviousMapping={hasPreviousMapping}\n previousMappingHandler={previousMappingHandler}\n onSaveHandler={onSaveHandler}\n isContactMappingPage={isContactMappingPage}\n navigateMappingPage={navigateMappingPage}\n invitePortal={invitePortal}\n />\n {!isContactMappingPage ? (\n <ContactImportConfigure\n contactImportField={contactImportField}\n handleConfigureField={(value: Record<string, unknown>) => {\n setContactImportField({\n ...contactImportField,\n configure: { ...value },\n });\n navigateMappingPage(true);\n }}\n listSegmentOptions={listSegmentOptions}\n />\n ) : (\n <ContactImportMapping\n contactImportField={contactImportField}\n setContactImportField={setContactImportField}\n integrationName={integrationName}\n contactProperties={contactProperties}\n />\n )}\n </>\n )}\n {existingImports?.length && !newImport ? (\n <Dashboard\n dashboardDescription={dashboardDescription}\n setNewImport={setNewImport}\n integrationName={integrationName}\n imports={existingImports}\n />\n ) : null}\n </Box>\n </ThemeWrapper>\n );\n};\n\nconst ContactImportHeader = ({\n setNewImport,\n setContactImportField,\n contactImportField,\n hasPreviousMapping,\n previousMappingHandler,\n onSaveHandler,\n isContactMappingPage,\n navigateMappingPage,\n invitePortal,\n}: ContactImportHeaderProps) => {\n const [showImportModal, setShowImportModal] = useState(false);\n return (\n <Flex\n alignItems=\"center\"\n justifyContent=\"space-between\"\n css={{\n borderBottom: \"$borderWidths$xs solid $neutral200\",\n padding: \"$8 $12\",\n }}\n >\n <Flex\n gap=\"$6\"\n alignItems=\"center\"\n css={{ visibility: hasPreviousMapping ? \"visible\" : \"hidden\" }}\n >\n <IconButton\n onClick={() => {\n setNewImport(false);\n previousMappingHandler();\n }}\n color=\"default\"\n icon={<ArrowLeftIcon />}\n size=\"lg\"\n />\n <Heading size=\"h6\">New Contact Import</Heading>\n </Flex>\n <Flex\n alignItems=\"center\"\n gap=\"$4\"\n css={{\n \"& button\": { background: \"transparent !important\", fontSize: \"$md\" },\n }}\n >\n <Button\n css={{ color: !isContactMappingPage ? \"$neutral900\" : \"$neutral800\" }}\n color=\"default\"\n variant=\"ghost\"\n size=\"md\"\n onClick={() => isContactMappingPage && navigateMappingPage(false)}\n >\n Event Setup\n </Button>\n <Arrow />\n <Button\n css={{ color: isContactMappingPage ? \"$neutral900\" : \"$neutral800\" }}\n color=\"default\"\n variant=\"ghost\"\n size=\"md\"\n disabled={!isContactMappingPage}\n >\n Mapping\n </Button>\n </Flex>\n <Button\n size=\"lg\"\n onClick={() => setShowImportModal(true)}\n rightIcon={<ChevronRightIcon />}\n css={{ visibility: isContactMappingPage ? \"visible\" : \"hidden\" }}\n >\n Continue\n </Button>\n {showImportModal ? (\n <ContactImportModal\n setContactImportField={setContactImportField as any}\n contactImportField={contactImportField}\n invitePortal={invitePortal as any}\n onSaveHandler={async () => {\n await onSaveHandler();\n setNewImport(false);\n }}\n onCloseHandler={() => setShowImportModal(false)}\n />\n ) : null}\n </Flex>\n );\n};\n\nconst ContactImportModal = ({\n setContactImportField,\n contactImportField,\n onCloseHandler,\n onSaveHandler,\n invitePortal,\n}: {\n setContactImportField: (value: Record<string, unknown>) => void;\n contactImportField: ContactImportFieldType;\n onCloseHandler: () => void;\n onSaveHandler: () => void;\n invitePortal: {\n hasInvitePortal: boolean;\n value: boolean | null;\n onChangeHandler: (value: Record<string, unknown>) => void;\n };\n}) => {\n const [inputValue, setInputValue] = useState(\"\");\n return (\n <Dialog open>\n <DialogContent\n css={{\n padding: 0,\n borderRadius: \"$3xl\",\n maxWidth: MODAL_MAX_WIDTH,\n }}\n >\n <Flex\n alignItems=\"center\"\n justifyContent=\"space-between\"\n css={{\n padding: \"$8 $12\",\n borderBottom: \"$borderWidths$xs solid $neutral200\",\n }}\n >\n <Heading size=\"h6\" css={{ color: \"$neutral900\" }}>\n Import Configuration\n </Heading>\n <IconButton\n variant=\"ghost\"\n color=\"default\"\n icon={<CloseIcon />}\n size=\"lg\"\n css={{\n \"& svg\": {\n color: \"#64748B !important\",\n },\n }}\n onClick={() => onCloseHandler()}\n />\n </Flex>\n <Box\n css={{\n padding: \"$12\",\n }}\n >\n <FormInput\n label=\"Title of this import for future reference\"\n requiredIndicator\n value={contactImportField?.configure?.reference || inputValue}\n maxLength={INPUT_MAX_LENGTH}\n max={INPUT_MAX_LENGTH}\n showCount\n onChange={(event: any) => setInputValue(event.currentTarget.value)}\n size=\"lg\"\n />\n {invitePortal.hasInvitePortal ? (\n <Box css={{ marginTop: \"$12\" }}>\n <Checkbox\n checked={!!invitePortal.value}\n onChange={(value: any) => {\n setContactImportField({\n ...contactImportField,\n invitePortal: value,\n });\n invitePortal.onChangeHandler(value);\n }}\n >\n Invite to portal whenever a contact is created\n </Checkbox>\n </Box>\n ) : null}\n </Box>\n <Flex\n gap=\"$4\"\n css={{\n justifyContent: \"flex-end\",\n padding: \"$8 $12\",\n }}\n >\n <Button size=\"lg\" color=\"default\" onClick={() => onCloseHandler()}>\n Cancel\n </Button>\n <Button\n size=\"lg\"\n disabled={!inputValue?.length}\n onClick={() => {\n setContactImportField({\n ...contactImportField,\n description: inputValue,\n id: generateUniqueId(),\n });\n onSaveHandler();\n onCloseHandler();\n }}\n >\n Finish Import\n </Button>\n </Flex>\n </DialogContent>\n </Dialog>\n );\n};\n"],"names":["useState","useEffect","ThemeWrapper","Box","ContactImportConfigure","ContactImportMapping","Dashboard","Flex","IconButton","ArrowLeftIcon","Heading","Button","Arrow","ChevronRightIcon","Dialog","DialogContent","MODAL_MAX_WIDTH","CloseIcon","FormInput","INPUT_MAX_LENGTH","Checkbox","generateUniqueId"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/contact-import/index.tsx"],"sourcesContent":["import {\n Box,\n Button,\n Checkbox,\n Dialog,\n DialogContent,\n Flex,\n FormInput,\n Heading,\n IconButton,\n} from \"@sparrowengg/twigs-react\";\nimport {\n ArrowLeftIcon,\n ChevronRightIcon,\n CloseIcon,\n} from \"@sparrowengg/twigs-react-icons\";\nimport { ContactImportFieldType } from \"./types\";\nimport { generateUniqueId } from \"../commons/helpers\";\nimport React, { useEffect, useState } from \"react\";\nimport Arrow from \"../commons/icons/arrow\";\nimport ContactImportConfigure from \"./components/contact-import-configure\";\nimport ContactImportMapping from \"./components/contact-import-mapping\";\nimport ThemeWrapper from \"../commons/components/theme-wrapper\";\nimport { ContactImportProps, ContactImportHeaderProps } from \"./types\";\nimport Dashboard from \"./components/ManageImport/Dashboard\";\nimport { MODAL_MAX_WIDTH, INPUT_MAX_LENGTH } from \"../commons/constants\";\n\nexport const ContactImport = ({\n dashboardDescription,\n existingImports,\n hasPreviousMapping,\n previousMappingHandler,\n onSaveHandler,\n isContactMappingPage,\n navigateMappingPage,\n contactImportField,\n setContactImportField,\n listSegmentOptions,\n integrationName,\n contactProperties,\n invitePortal,\n}: ContactImportProps) => {\n const [newImport, setNewImport] = useState(true);\n useEffect(() => {\n setNewImport(!existingImports?.length);\n }, []);\n return (\n <ThemeWrapper>\n <Box css={{ height: \"100vh\", width: \"100vw\" }}>\n {newImport && (\n <>\n <ContactImportHeader\n setNewImport={setNewImport}\n contactImportField={contactImportField}\n setContactImportField={setContactImportField}\n hasPreviousMapping={hasPreviousMapping}\n previousMappingHandler={previousMappingHandler}\n onSaveHandler={onSaveHandler}\n isContactMappingPage={isContactMappingPage}\n navigateMappingPage={navigateMappingPage}\n invitePortal={invitePortal}\n />\n {!isContactMappingPage ? (\n <ContactImportConfigure\n contactImportField={contactImportField}\n handleConfigureField={(value: Record<string, unknown>) => {\n setContactImportField({\n ...contactImportField,\n configure: { ...value },\n });\n navigateMappingPage(true);\n }}\n listSegmentOptions={listSegmentOptions}\n />\n ) : (\n <ContactImportMapping\n contactImportField={contactImportField}\n setContactImportField={setContactImportField}\n integrationName={integrationName}\n contactProperties={contactProperties}\n />\n )}\n </>\n )}\n {existingImports?.length && !newImport ? (\n <Dashboard\n dashboardDescription={dashboardDescription}\n setNewImport={setNewImport}\n integrationName={integrationName}\n imports={existingImports}\n />\n ) : null}\n </Box>\n </ThemeWrapper>\n );\n};\n\nconst ContactImportHeader = ({\n setNewImport,\n setContactImportField,\n contactImportField,\n hasPreviousMapping,\n previousMappingHandler,\n onSaveHandler,\n isContactMappingPage,\n navigateMappingPage,\n invitePortal,\n}: ContactImportHeaderProps) => {\n const [showImportModal, setShowImportModal] = useState(false);\n return (\n <Flex\n alignItems=\"center\"\n justifyContent=\"space-between\"\n css={{\n borderBottom: \"$borderWidths$xs solid $neutral200\",\n padding: \"$8 $12\",\n }}\n >\n <Flex\n gap=\"$6\"\n alignItems=\"center\"\n css={{ visibility: hasPreviousMapping ? \"visible\" : \"hidden\" }}\n >\n <IconButton\n onClick={() => {\n setNewImport(false);\n previousMappingHandler();\n }}\n color=\"default\"\n icon={<ArrowLeftIcon />}\n size=\"lg\"\n />\n <Heading size=\"h6\">New Contact Import</Heading>\n </Flex>\n <Flex\n alignItems=\"center\"\n gap=\"$4\"\n css={{\n \"& button\": { background: \"transparent !important\", fontSize: \"$md\" },\n }}\n >\n <Button\n css={{ color: !isContactMappingPage ? \"$neutral900\" : \"$neutral800\" }}\n color=\"default\"\n variant=\"ghost\"\n size=\"md\"\n onClick={() => isContactMappingPage && navigateMappingPage(false)}\n >\n Event Setup\n </Button>\n <Arrow />\n <Button\n css={{ color: isContactMappingPage ? \"$neutral900\" : \"$neutral800\" }}\n color=\"default\"\n variant=\"ghost\"\n size=\"md\"\n disabled={!isContactMappingPage}\n >\n Mapping\n </Button>\n </Flex>\n <Button\n size=\"lg\"\n onClick={() => setShowImportModal(true)}\n rightIcon={<ChevronRightIcon />}\n css={{ visibility: isContactMappingPage ? \"visible\" : \"hidden\" }}\n >\n Continue\n </Button>\n {showImportModal ? (\n <ContactImportModal\n setContactImportField={setContactImportField as any}\n contactImportField={contactImportField}\n invitePortal={invitePortal as any}\n onSaveHandler={async () => {\n await onSaveHandler();\n setNewImport(false);\n }}\n onCloseHandler={() => setShowImportModal(false)}\n />\n ) : null}\n </Flex>\n );\n};\n\nconst ContactImportModal = ({\n setContactImportField,\n contactImportField,\n onCloseHandler,\n onSaveHandler,\n invitePortal,\n}: {\n setContactImportField: (value: Record<string, unknown>) => void;\n contactImportField: ContactImportFieldType;\n onCloseHandler: () => void;\n onSaveHandler: () => void;\n invitePortal: {\n hasInvitePortal: boolean;\n value: boolean | null;\n onChangeHandler: (value: Record<string, unknown>) => void;\n };\n}) => {\n const [inputValue, setInputValue] = useState(\"\");\n return (\n <Dialog open>\n <DialogContent\n css={{\n padding: 0,\n borderRadius: \"$3xl\",\n maxWidth: MODAL_MAX_WIDTH,\n }}\n >\n <Flex\n alignItems=\"center\"\n justifyContent=\"space-between\"\n css={{\n padding: \"$8 $12\",\n borderBottom: \"$borderWidths$xs solid $neutral200\",\n }}\n >\n <Heading size=\"h6\" css={{ color: \"$neutral900\" }}>\n Import Configuration\n </Heading>\n <IconButton\n variant=\"ghost\"\n color=\"default\"\n icon={<CloseIcon />}\n size=\"lg\"\n css={{\n \"& svg\": {\n color: \"#64748B !important\",\n },\n }}\n onClick={() => onCloseHandler()}\n />\n </Flex>\n <Box\n css={{\n padding: \"$12\",\n }}\n >\n <FormInput\n label=\"Title of this import for future reference\"\n requiredIndicator\n value={contactImportField?.configure?.reference || inputValue}\n maxLength={INPUT_MAX_LENGTH}\n max={INPUT_MAX_LENGTH}\n showCount\n onChange={(event: any) => setInputValue(event.currentTarget.value)}\n size=\"lg\"\n />\n {invitePortal.hasInvitePortal ? (\n <Box css={{ marginTop: \"$12\" }}>\n <Checkbox\n checked={!!invitePortal.value}\n onChange={(value: any) => {\n setContactImportField({\n ...contactImportField,\n invitePortal: value,\n });\n invitePortal.onChangeHandler(value);\n }}\n >\n Invite to portal whenever a contact is created\n </Checkbox>\n </Box>\n ) : null}\n </Box>\n <Flex\n gap=\"$4\"\n css={{\n justifyContent: \"flex-end\",\n padding: \"$8 $12\",\n }}\n >\n <Button size=\"lg\" color=\"default\" onClick={() => onCloseHandler()}>\n Cancel\n </Button>\n <Button\n size=\"lg\"\n disabled={!inputValue?.length}\n onClick={() => {\n setContactImportField({\n ...contactImportField,\n description: inputValue,\n id: generateUniqueId(),\n });\n onSaveHandler();\n onCloseHandler();\n }}\n >\n Finish Import\n </Button>\n </Flex>\n </DialogContent>\n </Dialog>\n );\n};\n"],"names":["useState","useEffect","ThemeWrapper","Box","ContactImportConfigure","ContactImportMapping","Dashboard","Flex","IconButton","ArrowLeftIcon","Heading","Button","Arrow","ChevronRightIcon","Dialog","DialogContent","MODAL_MAX_WIDTH","CloseIcon","FormInput","INPUT_MAX_LENGTH","Checkbox","generateUniqueId"],"mappings":"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"}
|