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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sparrowengg/integrations-templates-frontend",
-  "version": "2.0.0",
+  "version": "2.1.0-beta.1",
   "license": "MIT",
   "module": "dist/es/index.js",
   "main": "dist/cjs/index.js",

package/dist/authentication/constants/index.d.ts

@@ -1,5 +0,0 @@
-export declare const FieldTypes: {
-    SELECT: string;
-    PASSWORD: string;
-    TEXT: string;
-};

package/dist/authentication/index.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { AuthenticationProps } from "./types";
-export declare const Authentication: ({ integrationName, fields, onSuccessHandler }: AuthenticationProps) => React.JSX.Element;

package/dist/authentication/types/index.d.ts

@@ -1,19 +0,0 @@
-export type AuthenticationFieldsProps = {
-    id: string | number;
-    type: string;
-    label: string;
-    value: any;
-    changeFieldValue: (value: any, fieldId?: number | string) => void;
-    options?: Array<{
-        label: string;
-        value: string | number;
-    }>;
-    placeholder?: string;
-    isPassword?: boolean;
-    required?: boolean;
-};
-export type AuthenticationProps = {
-    integrationName: string;
-    fields: Array<AuthenticationFieldsProps>;
-    onSuccessHandler: () => void;
-};

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

@@ -1,77 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var moment = require('../../../node_modules/moment/moment.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');
-var text = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
-var tickCircleFill = require('../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/tick-circle-fill.js');
-var alertFill = require('../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/alert-fill.js');
-var flex = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
-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 _delete = require('../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/delete.js');
-
-const Completed = ({ completed }) => {
-  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: "25% 25% 25% 13% 12%",
-      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.createElement(text.Text, { weight: "medium" }, "Import Name"),
-    /* @__PURE__ */ React.createElement(text.Text, { weight: "medium" }, "Contact Type"),
-    /* @__PURE__ */ React.createElement(text.Text, { weight: "medium" }, "Imported on"),
-    /* @__PURE__ */ React.createElement(text.Text, { weight: "medium" }, "Status"),
-    /* @__PURE__ */ React.createElement(text.Text, { weight: "medium" })
-  ), completed == null ? void 0 : completed.map((item) => {
-    return /* @__PURE__ */ React.createElement(
-      grid.Grid,
-      {
-        onMouseOver: () => setCurrentRow(item.id),
-        templateColumns: "25% 25% 25% 13% 12%",
-        css: {
-          borderBottom: "$borderWidths$xs solid $neutral100",
-          padding: "$9 $12",
-          fontWeight: "$4",
-          color: "$neutral700",
-          alignItems: "center"
-        }
-      },
-      /* @__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.importedOn).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")))
-      )) : null)
-    );
-  }))));
-};
-
-exports.default = Completed;
-//# sourceMappingURL=completed.js.map

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

@@ -1 +0,0 @@
-{"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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"}

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

@@ -1,64 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var completed = require('./completed.js');
-var scheduled = require('./scheduled.js');
-var React = require('react');
-var NoDataState = require('./NoDataState.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');
-var text = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
-var button = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js');
-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');
-
-function Dashboard({
-  dashboardDescription,
-  setNewImport,
-  integrationName,
-  imports
-}) {
-  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"
-      }
-    },
-    /* @__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

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

@@ -1 +0,0 @@
-{"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/icon.js

@@ -1,85 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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;;;;;"}

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

@@ -1,83 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var moment = require('../../../node_modules/moment/moment.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');
-var text = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
-var _switch = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/switch/switch.js');
-var tickCircleFill = require('../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/tick-circle-fill.js');
-var alertFill = require('../../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/alert-fill.js');
-var flex = require('../../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
-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 _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 [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: "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.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

package/dist/cjs/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":["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/conact-import-schedule.js

@@ -1,64 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var scheduling = require('./scheduling.js');
-var constants = require('../constants.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');
-var radio = require('../../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] = React.useState((currentList == null ? void 0 : currentList.frequency) || {
-    frequentMode: constants.frequent.ONETIME.value
-  });
-  React.useEffect(() => {
-    setCurrentList(__spreadProps(__spreadValues({}, currentList), {
-      frequency: globalStorage
-    }));
-  }, [globalStorage]);
-  return /* @__PURE__ */ React.createElement(flex.Flex, { flexDirection: "column", gap: "$8" }, /* @__PURE__ */ React.createElement(box.Box, null, /* @__PURE__ */ React.createElement(text.Text, { css: { color: "$neutral900", fontSize: "$xl" }, weight: "bold" }, "Import Frequency"), /* @__PURE__ */ React.createElement(text.Text, { size: "md", css: { color: "$neutral600", marginTop: "$4" } }, "How frequently do you want to import contacts from Sugar CRM")), /* @__PURE__ */ React.createElement(
-    radio.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.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)))
-  ), globalStorage.frequentMode === constants.frequent.RECURRING.value && /* @__PURE__ */ React.createElement(
-    scheduling.default,
-    {
-      globalStorage,
-      setGlobalStorage
-    }
-  ));
-}
-
-exports.default = ImportSchedules;
-//# sourceMappingURL=conact-import-schedule.js.map

package/dist/cjs/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":["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;;;;"}

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

@@ -1,75 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var conactImportSchedule = require('./conact-import-schedule.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');
-var radio = require('../../node_modules/@sparrowengg/twigs-react/dist/es/radio/radio.js');
-var select = require('../../node_modules/@sparrowengg/twigs-react/dist/es/select/select.js');
-var button = require('../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js');
-var chevronRight = require('../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/chevron-right.js');
-
-const ContactImportConfigure = ({
-  handleConfigureField,
-  listSegmentOptions,
-  contactImportField
-}) => {
-  var _a, _b;
-  const [currentConfig, setCurrentConfig] = React.useState("LIST");
-  const [currentList, setCurrentList] = React.useState(
-    (_b = (_a = contactImportField == null ? void 0 : contactImportField.configure) == null ? void 0 : _a.listSegmentValue) != null ? _b : null
-  );
-  return /* @__PURE__ */ React.createElement(flex.Flex, { justifyContent: "center" }, /* @__PURE__ */ React.createElement(box.Box, { css: { marginTop: "$40", maxWidth: 488, width: "100%" } }, /* @__PURE__ */ React.createElement(heading.Heading, { size: "h5" }, "Import Contacts"), /* @__PURE__ */ React.createElement(
-    radio.RadioGroup,
-    {
-      defaultValue: currentConfig,
-      onChange: (value) => {
-        setCurrentConfig(value);
-        setCurrentList(null);
-      }
-    },
-    /* @__PURE__ */ React.createElement(
-      flex.Flex,
-      {
-        css: { marginTop: "$12", "& label": { color: "$neutral800" } },
-        alignItems: "center",
-        gap: "$12"
-      },
-      /* @__PURE__ */ React.createElement(radio.Radio, { size: "md", value: "LIST", css: { cursor: "pointer" } }, "Import from (List/Segment)"),
-      /* @__PURE__ */ React.createElement(radio.Radio, { size: "md", value: "ALL", css: { cursor: "pointer" } }, "Import All Contacts")
-    )
-  ), currentConfig === "LIST" ? /* @__PURE__ */ React.createElement(
-    select.Select,
-    {
-      css: { marginTop: "$12" },
-      onChange: (value) => setCurrentList(value),
-      size: "lg",
-      placeholder: "Choose (List/Segment)",
-      options: listSegmentOptions,
-      value: currentList
-    }
-  ) : null, /* @__PURE__ */ React.createElement(box.Box, { css: {
-    marginBlock: "$16"
-  } }, /* @__PURE__ */ React.createElement(conactImportSchedule.default, { currentList, setCurrentList })), /* @__PURE__ */ React.createElement(
-    button.Button,
-    {
-      css: { marginTop: "$16" },
-      disabled: !(currentList == null ? void 0 : currentList.value) && currentConfig !== "ALL",
-      size: "lg",
-      onClick: () => {
-        handleConfigureField({
-          type: currentConfig,
-          listSegmentValue: currentList
-        });
-      },
-      rightIcon: /* @__PURE__ */ React.createElement(chevronRight.ChevronRightIcon, null)
-    },
-    "Next, Mapping"
-  )));
-};
-
-exports.default = ContactImportConfigure;
-//# sourceMappingURL=contact-import-configure.js.map

package/dist/cjs/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":["useState","Flex","Box","Heading","RadioGroup","Radio","Select","ImportSchedules","Button","ChevronRightIcon"],"mappings":"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"}