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

package/dist/es/contact-import/index.js

@@ -1,22 +1,10 @@
-import { generateUniqueId } from '../commons/helpers/index.js';
 import React__default, { useState, useEffect } from 'react';
-import Arrow from '../commons/icons/arrow.js';
-import ContactImportConfigure from './components/contact-import-configure.js';
-import ContactImportMapping from './components/contact-import-mapping.js';
 import ThemeWrapper from '../commons/components/theme-wrapper.js';
-import Dashboard from './components/ManageImport/dashboard.js';
-import { MODAL_MAX_WIDTH, INPUT_MAX_LENGTH } from '../commons/constants/index.js';
+import ContactImportHeader from './components/ContactImportHeader.js';
+import ContactImportConfigure from './components/ContactImportConfigure.js';
+import ContactImportMapping from './components/ContactImportMapping.js';
+import Dashboard from './components/ManageImport/Dashboard.js';
 import { Box } from '../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
-import { Flex } from '../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
-import { IconButton } from '../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js';
-import { ArrowLeftIcon } from '../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/arrow-left.js';
-import { Heading } from '../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js';
-import { Button } from '../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js';
-import { ChevronRightIcon } from '../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/chevron-right.js';
-import { Dialog, DialogContent } from '../node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialog.js';
-import { CloseIcon } from '../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/close.js';
-import { FormInput } from '../node_modules/@sparrowengg/twigs-react/dist/es/input/form-input.js';
-import { Checkbox } from '../node_modules/@sparrowengg/twigs-react/dist/es/checkbox/checkbox.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -55,8 +43,14 @@ const ContactImport = ({
   const [newImport, setNewImport] = useState(true);
   useEffect(() => {
     setNewImport(!(existingImports == null ? void 0 : existingImports.length));
-  }, []);
-  return /* @__PURE__ */ React__default.createElement(ThemeWrapper, null, /* @__PURE__ */ React__default.createElement(Box, { css: { height: "100vh", width: "100vw" } }, newImport && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+  }, [existingImports]);
+  const handleConfigureComplete = (configData) => {
+    setContactImportField((prev) => __spreadProps(__spreadValues({}, prev), {
+      configure: __spreadValues(__spreadValues({}, prev.configure), configData)
+    }));
+    navigateMappingPage(true);
+  };
+  const renderNewImportFlow = () => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     ContactImportHeader,
     {
       setNewImport,
@@ -73,12 +67,7 @@ const ContactImport = ({
     ContactImportConfigure,
     {
       contactImportField,
-      handleConfigureField: (value) => {
-        setContactImportField(__spreadProps(__spreadValues({}, contactImportField), {
-          configure: __spreadValues({}, value)
-        }));
-        navigateMappingPage(true);
-      },
+      handleConfigureField: handleConfigureComplete,
       listSegmentOptions
     }
   ) : /* @__PURE__ */ React__default.createElement(
@@ -89,225 +78,23 @@ const ContactImport = ({
       integrationName,
       contactProperties
     }
-  )), (existingImports == null ? void 0 : existingImports.length) && !newImport ? /* @__PURE__ */ React__default.createElement(
-    Dashboard,
-    {
-      dashboardDescription,
-      setNewImport,
-      integrationName,
-      imports: existingImports
+  ));
+  const renderDashboard = () => {
+    if (!(existingImports == null ? void 0 : existingImports.length) || newImport) {
+      return null;
     }
-  ) : null));
-};
-const ContactImportHeader = ({
-  setNewImport,
-  setContactImportField,
-  contactImportField,
-  hasPreviousMapping,
-  previousMappingHandler,
-  onSaveHandler,
-  isContactMappingPage,
-  navigateMappingPage,
-  invitePortal
-}) => {
-  const [showImportModal, setShowImportModal] = useState(false);
-  return /* @__PURE__ */ React__default.createElement(
-    Flex,
-    {
-      alignItems: "center",
-      justifyContent: "space-between",
-      css: {
-        borderBottom: "$borderWidths$xs solid $neutral200",
-        padding: "$8 $12"
-      }
-    },
-    /* @__PURE__ */ React__default.createElement(
-      Flex,
+    return /* @__PURE__ */ React__default.createElement(
+      Dashboard,
       {
-        gap: "$6",
-        alignItems: "center",
-        css: { visibility: hasPreviousMapping ? "visible" : "hidden" }
-      },
-      /* @__PURE__ */ React__default.createElement(
-        IconButton,
-        {
-          onClick: () => {
-            setNewImport(false);
-            previousMappingHandler();
-          },
-          color: "default",
-          icon: /* @__PURE__ */ React__default.createElement(ArrowLeftIcon, null),
-          size: "lg"
-        }
-      ),
-      /* @__PURE__ */ React__default.createElement(Heading, { size: "h6" }, "New Contact Import")
-    ),
-    /* @__PURE__ */ React__default.createElement(
-      Flex,
-      {
-        alignItems: "center",
-        gap: "$4",
-        css: {
-          "& button": { background: "transparent !important", fontSize: "$md" }
-        }
-      },
-      /* @__PURE__ */ React__default.createElement(
-        Button,
-        {
-          css: { color: !isContactMappingPage ? "$neutral900" : "$neutral800" },
-          color: "default",
-          variant: "ghost",
-          size: "md",
-          onClick: () => isContactMappingPage && navigateMappingPage(false)
-        },
-        "Event Setup"
-      ),
-      /* @__PURE__ */ React__default.createElement(Arrow, null),
-      /* @__PURE__ */ React__default.createElement(
-        Button,
-        {
-          css: { color: isContactMappingPage ? "$neutral900" : "$neutral800" },
-          color: "default",
-          variant: "ghost",
-          size: "md",
-          disabled: !isContactMappingPage
-        },
-        "Mapping"
-      )
-    ),
-    /* @__PURE__ */ React__default.createElement(
-      Button,
-      {
-        size: "lg",
-        onClick: () => setShowImportModal(true),
-        rightIcon: /* @__PURE__ */ React__default.createElement(ChevronRightIcon, null),
-        css: { visibility: isContactMappingPage ? "visible" : "hidden" }
-      },
-      "Continue"
-    ),
-    showImportModal ? /* @__PURE__ */ React__default.createElement(
-      ContactImportModal,
-      {
-        setContactImportField,
-        contactImportField,
-        invitePortal,
-        onSaveHandler: async () => {
-          await onSaveHandler();
-          setNewImport(false);
-        },
-        onCloseHandler: () => setShowImportModal(false)
+        dashboardDescription,
+        setNewImport,
+        integrationName,
+        imports: existingImports
       }
-    ) : null
-  );
-};
-const ContactImportModal = ({
-  setContactImportField,
-  contactImportField,
-  onCloseHandler,
-  onSaveHandler,
-  invitePortal
-}) => {
-  var _a;
-  const [inputValue, setInputValue] = useState("");
-  return /* @__PURE__ */ React__default.createElement(Dialog, { open: true }, /* @__PURE__ */ React__default.createElement(
-    DialogContent,
-    {
-      css: {
-        padding: 0,
-        borderRadius: "$3xl",
-        maxWidth: MODAL_MAX_WIDTH
-      }
-    },
-    /* @__PURE__ */ React__default.createElement(
-      Flex,
-      {
-        alignItems: "center",
-        justifyContent: "space-between",
-        css: {
-          padding: "$8 $12",
-          borderBottom: "$borderWidths$xs solid $neutral200"
-        }
-      },
-      /* @__PURE__ */ React__default.createElement(Heading, { size: "h6", css: { color: "$neutral900" } }, "Import Configuration"),
-      /* @__PURE__ */ React__default.createElement(
-        IconButton,
-        {
-          variant: "ghost",
-          color: "default",
-          icon: /* @__PURE__ */ React__default.createElement(CloseIcon, null),
-          size: "lg",
-          css: {
-            "& svg": {
-              color: "#64748B !important"
-            }
-          },
-          onClick: () => onCloseHandler()
-        }
-      )
-    ),
-    /* @__PURE__ */ React__default.createElement(
-      Box,
-      {
-        css: {
-          padding: "$12"
-        }
-      },
-      /* @__PURE__ */ React__default.createElement(
-        FormInput,
-        {
-          label: "Title of this import for future reference",
-          requiredIndicator: true,
-          value: ((_a = contactImportField == null ? void 0 : contactImportField.configure) == null ? void 0 : _a.reference) || inputValue,
-          maxLength: INPUT_MAX_LENGTH,
-          max: INPUT_MAX_LENGTH,
-          showCount: true,
-          onChange: (event) => setInputValue(event.currentTarget.value),
-          size: "lg"
-        }
-      ),
-      invitePortal.hasInvitePortal ? /* @__PURE__ */ React__default.createElement(Box, { css: { marginTop: "$12" } }, /* @__PURE__ */ React__default.createElement(
-        Checkbox,
-        {
-          checked: !!invitePortal.value,
-          onChange: (value) => {
-            setContactImportField(__spreadProps(__spreadValues({}, contactImportField), {
-              invitePortal: value
-            }));
-            invitePortal.onChangeHandler(value);
-          }
-        },
-        "Invite to portal whenever a contact is created"
-      )) : null
-    ),
-    /* @__PURE__ */ React__default.createElement(
-      Flex,
-      {
-        gap: "$4",
-        css: {
-          justifyContent: "flex-end",
-          padding: "$8 $12"
-        }
-      },
-      /* @__PURE__ */ React__default.createElement(Button, { size: "lg", color: "default", onClick: () => onCloseHandler() }, "Cancel"),
-      /* @__PURE__ */ React__default.createElement(
-        Button,
-        {
-          size: "lg",
-          disabled: !(inputValue == null ? void 0 : inputValue.length),
-          onClick: () => {
-            setContactImportField(__spreadProps(__spreadValues({}, contactImportField), {
-              description: inputValue,
-              id: generateUniqueId()
-            }));
-            onSaveHandler();
-            onCloseHandler();
-          }
-        },
-        "Finish Import"
-      )
-    )
-  ));
+    );
+  };
+  return /* @__PURE__ */ React__default.createElement(ThemeWrapper, null, /* @__PURE__ */ React__default.createElement(Box, { css: { height: "100vh", width: "100vw" } }, newImport && renderNewImportFlow(), renderDashboard()));
 };
 
-export { ContactImport };
+export { ContactImport, ContactImport as default };
 //# sourceMappingURL=index.js.map

package/dist/es/contact-import/index.js.map

@@ -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":["React"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/contact-import/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Box } from '@sparrowengg/twigs-react';\nimport ThemeWrapper from '../commons/components/theme-wrapper';\nimport ContactImportHeader from './components/ContactImportHeader';\nimport ContactImportConfigure from './components/ContactImportConfigure';\nimport ContactImportMapping from './components/ContactImportMapping';\nimport Dashboard from './components/ManageImport/Dashboard';\nimport { ContactImportProps, ImportConfiguration } from './types';\n\n/**\n * Main Contact Import component\n * Manages the flow between dashboard, configuration, and mapping screens\n */\nexport const ContactImport: React.FC<ContactImportProps> = ({\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}) => {\n  const [newImport, setNewImport] = useState(true);\n\n  // Determine if we should show new import form or dashboard\n  useEffect(() => {\n    setNewImport(!existingImports?.length);\n  }, [existingImports]);\n\n  const handleConfigureComplete = (configData: ImportConfiguration) => {\n    setContactImportField((prev) => ({\n      ...prev,\n      configure: { ...prev.configure, ...configData },\n    }));\n    navigateMappingPage(true);\n  };\n\n  const renderNewImportFlow = () => (\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\n      {!isContactMappingPage ? (\n        <ContactImportConfigure\n          contactImportField={contactImportField}\n          handleConfigureField={handleConfigureComplete}\n          listSegmentOptions={listSegmentOptions}\n        />\n      ) : (\n        <ContactImportMapping\n          contactImportField={contactImportField}\n          setContactImportField={setContactImportField}\n          integrationName={integrationName}\n          contactProperties={contactProperties}\n        />\n      )}\n    </>\n  );\n\n  const renderDashboard = () => {\n    if (!existingImports?.length || newImport) {\n      return null;\n    }\n\n    return (\n      <Dashboard\n        dashboardDescription={dashboardDescription}\n        setNewImport={setNewImport}\n        integrationName={integrationName}\n        imports={existingImports}\n      />\n    );\n  };\n\n  return (\n    <ThemeWrapper>\n      <Box css={{ height: '100vh', width: '100vw' }}>\n        {newImport && renderNewImportFlow()}\n        {renderDashboard()}\n      </Box>\n    </ThemeWrapper>\n  );\n};\n\nexport default ContactImport;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,gBAA8C,CAAC;AAAA,EAC1D,oBAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,sBAAA;AAAA,EACA,aAAA;AAAA,EACA,oBAAA;AAAA,EACA,mBAAA;AAAA,EACA,kBAAA;AAAA,EACA,qBAAA;AAAA,EACA,kBAAA;AAAA,EACA,eAAA;AAAA,EACA,iBAAA;AAAA,EACA,YAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,IAAI,CAAA,CAAA;AAG/C,EAAA,SAAA,CAAU,MAAM;AACd,IAAa,YAAA,CAAA,EAAC,mDAAiB,MAAM,CAAA,CAAA,CAAA;AAAA,GACvC,EAAG,CAAC,eAAe,CAAC,CAAA,CAAA;AAEpB,EAAM,MAAA,uBAAA,GAA0B,CAAC,UAAoC,KAAA;AACnE,IAAsB,qBAAA,CAAA,CAAC,IAAU,KAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAC5B,IAD4B,CAAA,EAAA;AAAA,MAE/B,SAAA,EAAW,cAAK,CAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAK,SAAc,CAAA,EAAA,UAAA,CAAA;AAAA,KACnC,CAAA,CAAA,CAAA;AACF,IAAA,mBAAA,CAAoB,IAAI,CAAA,CAAA;AAAA,GAC1B,CAAA;AAEA,EAAM,MAAA,mBAAA,GAAsB,sBAExBA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,YAAA;AAAA,MACA,kBAAA;AAAA,MACA,qBAAA;AAAA,MACA,kBAAA;AAAA,MACA,sBAAA;AAAA,MACA,aAAA;AAAA,MACA,oBAAA;AAAA,MACA,mBAAA;AAAA,MACA,YAAA;AAAA,KAAA;AAAA,GACF,EAEC,CAAC,oBACA,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,sBAAA;AAAA,IAAA;AAAA,MACC,kBAAA;AAAA,MACA,oBAAsB,EAAA,uBAAA;AAAA,MACtB,kBAAA;AAAA,KAAA;AAAA,GAGF,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,kBAAA;AAAA,MACA,qBAAA;AAAA,MACA,eAAA;AAAA,MACA,iBAAA;AAAA,KAAA;AAAA,GAGN,CAAA,CAAA;AAGF,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAI,IAAA,EAAC,eAAiB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,CAAA,MAAA,CAAA,IAAU,SAAW,EAAA;AACzC,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAEA,IACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,oBAAA;AAAA,QACA,YAAA;AAAA,QACA,eAAA;AAAA,QACA,OAAS,EAAA,eAAA;AAAA,OAAA;AAAA,KACX,CAAA;AAAA,GAEJ,CAAA;AAEA,EAAA,oDACG,YACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,GAAA,EAAK,EAAE,MAAQ,EAAA,OAAA,EAAS,KAAO,EAAA,OAAA,MACjC,SAAa,IAAA,mBAAA,EACb,EAAA,eAAA,EACH,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/es/contact-import/types/index.js

@@ -0,0 +1,6 @@
+function isScheduledImport(importRecord) {
+  return "scheduled" in importRecord;
+}
+
+export { isScheduledImport };
+//# sourceMappingURL=index.js.map

package/dist/es/contact-import/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/contact-import/types/index.ts"],"sourcesContent":["import React from 'react';\n\n// ==================== Base Types ====================\n\nexport interface SelectOption {\n  label: string;\n  value: string | number;\n}\n\nexport interface ContactProperty {\n  value: string;\n  label: string;\n  type: string;\n}\n\n// ==================== Field Types ====================\n\nexport interface Field {\n  id: string | number;\n  integrationField: string | number | null;\n  surveySparrowField: string | number | null;\n  sampleData?: string[];\n  property: 'custom' | 'default';\n  mapped?: boolean;\n  surveySparrowFieldError?: boolean;\n}\n\n// ==================== Import Configuration ====================\n\nexport interface ImportConfiguration {\n  reference?: string;\n  frequency?: string;\n  type?: 'LIST' | 'ALL';\n  selectedOption?: SelectOption;\n  listSegmentValue?: SelectOption | null;\n}\n\nexport interface ContactImportField {\n  configure: ImportConfiguration | null;\n  description: string | null;\n  id: string | number | null;\n  fields: Field[];\n  invitePortal: boolean;\n}\n\n// ==================== Import Types ====================\n\nexport interface BaseImport {\n  id: string;\n  type: string;\n  name: string;\n  isRecuring: boolean;\n  status: 'success' | 'failed' | 'pending' | 'in_progress';\n}\n\nexport interface CompletedImport extends BaseImport {\n  importedOn: string | undefined;\n}\n\nexport interface ScheduledImport extends BaseImport {\n  createdOn: string | undefined;\n  upcommingImport: string | undefined;\n  scheduled: boolean;\n  editField: Record<string, unknown>;\n}\n\nexport type ImportRecord = CompletedImport | ScheduledImport;\n\n// ==================== Schedule Types ====================\n\nexport type FrequencyMode = 'oneTime' | 'recurring';\n\nexport interface TimeValue {\n  hours: number;\n  mins: string;\n  noon: 'am' | 'pm';\n}\n\nexport interface ScheduleTime {\n  period: string;\n  time: TimeValue;\n  timeZone: string;\n}\n\nexport interface ScheduleData {\n  frequentMode: FrequencyMode;\n  scheduleData?: ScheduleTime;\n}\n\n// ==================== Component Props ====================\n\nexport interface InvitePortalConfig {\n  hasInvitePortal: boolean;\n  value: boolean | null;\n  onChangeHandler: (value: boolean) => void;\n}\n\nexport interface ContactImportProps {\n  dashboardDescription: string;\n  existingImports: ImportRecord[] | null;\n  hasPreviousMapping?: boolean;\n  previousMappingHandler: (value?: boolean) => void;\n  onSaveHandler: () => Promise<void> | void;\n  isContactMappingPage: boolean;\n  navigateMappingPage: (value?: boolean) => void;\n  contactImportField: ContactImportField;\n  setContactImportField: React.Dispatch<React.SetStateAction<ContactImportField>>;\n  listSegmentOptions: SelectOption[];\n  integrationName: string;\n  contactProperties: ContactProperty[];\n  invitePortal: InvitePortalConfig;\n}\n\nexport interface ContactImportHeaderProps {\n  setContactImportField: React.Dispatch<React.SetStateAction<ContactImportField>>;\n  setNewImport: React.Dispatch<React.SetStateAction<boolean>>;\n  hasPreviousMapping?: boolean;\n  previousMappingHandler: (value?: boolean) => void;\n  onSaveHandler: () => Promise<void> | void;\n  isContactMappingPage: boolean;\n  navigateMappingPage: (value?: boolean) => void;\n  contactImportField: ContactImportField;\n  invitePortal: InvitePortalConfig;\n}\n\nexport interface ContactImportModalProps {\n  setContactImportField: React.Dispatch<React.SetStateAction<ContactImportField>>;\n  contactImportField: ContactImportField;\n  onCloseHandler: () => void;\n  onSaveHandler: () => Promise<void> | void;\n  invitePortal: InvitePortalConfig;\n}\n\nexport interface ContactImportConfigureProps {\n  contactImportField: ContactImportField;\n  handleConfigureField: (value: ImportConfiguration) => void;\n  listSegmentOptions: SelectOption[];\n}\n\nexport interface ContactImportMappingProps {\n  contactImportField: ContactImportField;\n  setContactImportField: React.Dispatch<React.SetStateAction<ContactImportField>>;\n  integrationName: string;\n  contactProperties: ContactProperty[];\n}\n\n// ==================== Dashboard Props ====================\n\nexport interface DashboardProps {\n  dashboardDescription: string;\n  setNewImport: (value: boolean) => void;\n  integrationName: string;\n  imports: ImportRecord[];\n}\n\nexport interface CompletedImportsProps {\n  completed: CompletedImport[];\n}\n\nexport interface ScheduledImportsProps {\n  scheduled: ScheduledImport[];\n}\n\n// ==================== Schedule Component Props ====================\n\nexport interface ImportSchedulesProps {\n  currentList: SelectOption | null;\n  setCurrentList: React.Dispatch<React.SetStateAction<SelectOption | null>>;\n}\n\nexport interface SchedulingProps {\n  globalStorage: ScheduleData;\n  setGlobalStorage: React.Dispatch<React.SetStateAction<ScheduleData>>;\n}\n\nexport interface TimePickerProps {\n  openTimePicker: boolean;\n  setOpenTimePicker: React.Dispatch<React.SetStateAction<boolean>>;\n  scheduleTime: ScheduleTime;\n  setScheduleTime: React.Dispatch<React.SetStateAction<ScheduleTime>>;\n}\n\n// ==================== Type Guards ====================\n\nexport function isScheduledImport(\n  importRecord: ImportRecord\n): importRecord is ScheduledImport {\n  return 'scheduled' in importRecord;\n}\n\nexport function isCompletedImport(\n  importRecord: ImportRecord\n): importRecord is CompletedImport {\n  return !isScheduledImport(importRecord);\n}\n\n// ==================== Validation Types ====================\n\nexport interface ValidationError {\n  field: string;\n  message: string;\n}\n\nexport interface ValidationResult {\n  isValid: boolean;\n  errors: ValidationError[];\n}\n"],"names":[],"mappings":"AAwLO,SAAS,kBACd,YACiC,EAAA;AACjC,EAAA,OAAO,WAAe,IAAA,YAAA,CAAA;AACxB;;;;"}

package/dist/es/contact-import/utils/index.js

@@ -0,0 +1,31 @@
+import { VALIDATION_RULES, CONTACT_FIELD_TYPE } from '../constants/index.js';
+
+function generateFieldId(existingFields) {
+  if (!existingFields.length)
+    return 1;
+  const lastField = existingFields[existingFields.length - 1];
+  return typeof lastField.id === "number" ? lastField.id + 1 : Date.now();
+}
+function formatFieldName(fieldName) {
+  if (fieldName === null)
+    return "";
+  if (typeof fieldName === "number")
+    return fieldName.toString();
+  return fieldName.replace(/_/g, " ");
+}
+function truncateSampleData(data, maxLength = VALIDATION_RULES.MAX_SAMPLE_DATA_LENGTH) {
+  if (data.length <= maxLength)
+    return data;
+  return `${data.slice(0, maxLength)}...`;
+}
+function filterContactProperties(properties, excludeTypes = [CONTACT_FIELD_TYPE.DEPENDENT_FIELD]) {
+  return properties.filter((prop) => !excludeTypes.includes(prop.type));
+}
+function findContactProperty(properties, value) {
+  if (value === null)
+    return void 0;
+  return properties.find((prop) => prop.value === value);
+}
+
+export { filterContactProperties, findContactProperty, formatFieldName, generateFieldId, truncateSampleData };
+//# sourceMappingURL=index.js.map

package/dist/es/contact-import/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/contact-import/utils/index.ts"],"sourcesContent":["import { Field, ContactProperty, ValidationResult, ValidationError } from '../types';\nimport { VALIDATION_RULES, ERROR_MESSAGES, CONTACT_FIELD_TYPE } from '../constants';\n\n// ==================== Field Utilities ====================\n\n/**\n * Generates a unique ID for a new field\n */\nexport function generateFieldId(existingFields: Field[]): number {\n  if (!existingFields.length) return 1;\n  \n  const lastField = existingFields[existingFields.length - 1];\n  return typeof lastField.id === 'number' ? lastField.id + 1 : Date.now();\n}\n\n/**\n * Formats integration field name for display\n */\nexport function formatFieldName(fieldName: string | number | null): string {\n  if (fieldName === null) return '';\n  if (typeof fieldName === 'number') return fieldName.toString();\n  return fieldName.replace(/_/g, ' ');\n}\n\n/**\n * Truncates sample data if it exceeds max length\n */\nexport function truncateSampleData(data: string, maxLength: number = VALIDATION_RULES.MAX_SAMPLE_DATA_LENGTH): string {\n  if (data.length <= maxLength) return data;\n  return `${data.slice(0, maxLength)}...`;\n}\n\n/**\n * Checks if a field has a mapped value\n */\nexport function isFieldMapped(field: Field): boolean {\n  return Boolean(field.surveySparrowField);\n}\n\n/**\n * Filters contact properties by type\n */\nexport function filterContactProperties(\n  properties: ContactProperty[],\n  excludeTypes: string[] = [CONTACT_FIELD_TYPE.DEPENDENT_FIELD]\n): ContactProperty[] {\n  return properties.filter(prop => !excludeTypes.includes(prop.type));\n}\n\n/**\n * Finds a contact property by value\n */\nexport function findContactProperty(\n  properties: ContactProperty[],\n  value: string | number | null\n): ContactProperty | undefined {\n  if (value === null) return undefined;\n  return properties.find(prop => prop.value === value);\n}\n\n// ==================== Validation Utilities ====================\n\n/**\n * Validates import title\n */\nexport function validateImportTitle(title: string): ValidationResult {\n  const errors: ValidationError[] = [];\n\n  if (!title || title.trim().length === 0) {\n    errors.push({ field: 'title', message: ERROR_MESSAGES.TITLE_REQUIRED });\n  } else if (title.length < VALIDATION_RULES.MIN_TITLE_LENGTH) {\n    errors.push({ field: 'title', message: ERROR_MESSAGES.TITLE_TOO_SHORT });\n  } else if (title.length > VALIDATION_RULES.MAX_TITLE_LENGTH) {\n    errors.push({ field: 'title', message: ERROR_MESSAGES.TITLE_TOO_LONG });\n  }\n\n  return {\n    isValid: errors.length === 0,\n    errors,\n  };\n}\n\n/**\n * Validates field mapping\n */\nexport function validateFieldMapping(fields: Field[]): ValidationResult {\n  const errors: ValidationError[] = [];\n\n  // Check if any required fields are missing\n  fields.forEach((field, index) => {\n    if (field.property !== 'custom' && !field.surveySparrowField) {\n      errors.push({\n        field: `field_${index}`,\n        message: ERROR_MESSAGES.FIELD_REQUIRED,\n      });\n    }\n  });\n\n  // Check for duplicate mappings\n  const mappedValues = fields\n    .map(f => f.surveySparrowField)\n    .filter(Boolean);\n  \n  const duplicates = mappedValues.filter(\n    (value, index) => mappedValues.indexOf(value) !== index\n  );\n\n  if (duplicates.length > 0) {\n    errors.push({\n      field: 'fields',\n      message: ERROR_MESSAGES.DUPLICATE_FIELD,\n    });\n  }\n\n  return {\n    isValid: errors.length === 0,\n    errors,\n  };\n}\n\n/**\n * Validates max field count\n */\nexport function validateFieldCount(currentCount: number): ValidationResult {\n  const errors: ValidationError[] = [];\n\n  if (currentCount >= VALIDATION_RULES.MAX_FIELD_COUNT) {\n    errors.push({\n      field: 'fields',\n      message: ERROR_MESSAGES.MAX_FIELDS_REACHED,\n    });\n  }\n\n  return {\n    isValid: errors.length === 0,\n    errors,\n  };\n}\n\n// ==================== Import Status Utilities ====================\n\n/**\n * Checks if an import is recurring\n */\nexport function isRecurringImport(isRecuring: boolean): boolean {\n  return isRecuring;\n}\n\n/**\n * Gets status icon color\n */\nexport function getStatusColor(status: string): string {\n  switch (status) {\n    case 'success':\n      return '#5EA130';\n    case 'failed':\n      return '#F65633';\n    case 'pending':\n    case 'in_progress':\n      return '#FFA500';\n    default:\n      return '#6A6A6A';\n  }\n}\n\n// ==================== Time Utilities ====================\n\n/**\n * Formats time for display\n */\nexport function formatTime(hours: number, mins: string, noon: 'am' | 'pm'): string {\n  return `${hours}:${mins} ${noon}`;\n}\n\n/**\n * Parses timezone string to extract timezone name\n */\nexport function parseTimeZone(timezoneString: string): string {\n  const match = timezoneString.match(/^([^(]+)/);\n  return match ? match[1].trim() : timezoneString;\n}\n\n// ==================== String Utilities ====================\n\n/**\n * Capitalizes first letter of a string\n */\nexport function capitalize(str: string): string {\n  if (!str) return '';\n  return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\n/**\n * Converts snake_case to Title Case\n */\nexport function snakeToTitleCase(str: string): string {\n  return str\n    .split('_')\n    .map(word => capitalize(word))\n    .join(' ');\n}\n\n// ==================== Object Utilities ====================\n\n/**\n * Deep clones an object\n */\nexport function deepClone<T>(obj: T): T {\n  return JSON.parse(JSON.stringify(obj));\n}\n\n/**\n * Checks if an object is empty\n */\nexport function isEmpty(obj: Record<string, unknown>): boolean {\n  return Object.keys(obj).length === 0;\n}\n\n// ==================== Array Utilities ====================\n\n/**\n * Removes duplicates from an array\n */\nexport function removeDuplicates<T>(array: T[]): T[] {\n  return Array.from(new Set(array));\n}\n\n/**\n * Sorts imports by date\n */\nexport function sortImportsByDate<T extends { createdOn?: string; importedOn?: string }>(\n  imports: T[],\n  ascending: boolean = false\n): T[] {\n  return [...imports].sort((a, b) => {\n    const dateA = new Date(a.createdOn || a.importedOn || '').getTime();\n    const dateB = new Date(b.createdOn || b.importedOn || '').getTime();\n    return ascending ? dateA - dateB : dateB - dateA;\n  });\n}\n\n"],"names":[],"mappings":";;AAQO,SAAS,gBAAgB,cAAiC,EAAA;AAC/D,EAAA,IAAI,CAAC,cAAe,CAAA,MAAA;AAAQ,IAAO,OAAA,CAAA,CAAA;AAEnC,EAAA,MAAM,SAAY,GAAA,cAAA,CAAe,cAAe,CAAA,MAAA,GAAS,CAAC,CAAA,CAAA;AAC1D,EAAO,OAAA,OAAO,UAAU,EAAO,KAAA,QAAA,GAAW,UAAU,EAAK,GAAA,CAAA,GAAI,KAAK,GAAI,EAAA,CAAA;AACxE,CAAA;AAKO,SAAS,gBAAgB,SAA2C,EAAA;AACzE,EAAA,IAAI,SAAc,KAAA,IAAA;AAAM,IAAO,OAAA,EAAA,CAAA;AAC/B,EAAA,IAAI,OAAO,SAAc,KAAA,QAAA;AAAU,IAAA,OAAO,UAAU,QAAS,EAAA,CAAA;AAC7D,EAAO,OAAA,SAAA,CAAU,OAAQ,CAAA,IAAA,EAAM,GAAG,CAAA,CAAA;AACpC,CAAA;AAKO,SAAS,kBAAmB,CAAA,IAAA,EAAc,SAAoB,GAAA,gBAAA,CAAiB,sBAAgC,EAAA;AACpH,EAAA,IAAI,KAAK,MAAU,IAAA,SAAA;AAAW,IAAO,OAAA,IAAA,CAAA;AACrC,EAAA,OAAO,CAAG,EAAA,IAAA,CAAK,KAAM,CAAA,CAAA,EAAG,SAAS,CAAC,CAAA,GAAA,CAAA,CAAA;AACpC,CAAA;AAYO,SAAS,wBACd,UACA,EAAA,YAAA,GAAyB,CAAC,kBAAA,CAAmB,eAAe,CACzC,EAAA;AACnB,EAAO,OAAA,UAAA,CAAW,OAAO,CAAQ,IAAA,KAAA,CAAC,aAAa,QAAS,CAAA,IAAA,CAAK,IAAI,CAAC,CAAA,CAAA;AACpE,CAAA;AAKgB,SAAA,mBAAA,CACd,YACA,KAC6B,EAAA;AAC7B,EAAA,IAAI,KAAU,KAAA,IAAA;AAAM,IAAO,OAAA,KAAA,CAAA,CAAA;AAC3B,EAAA,OAAO,UAAW,CAAA,IAAA,CAAK,CAAQ,IAAA,KAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AACrD;;;;"}

package/dist/es/dynamic-mapping/components/Configuration.js

@@ -0,0 +1,174 @@
+import React__default, { useState } from 'react';
+import { CustomAddNewSelect } from './CustomAddNewSelect.js';
+import { CONFIGURATION_FIELD_TYPES, CONFIGURATION_FIELD_IDS, CSS_CLASSES, UI_TEXT } from '../constants/index.js';
+import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
+import { Switch } from '../../node_modules/@sparrowengg/twigs-react/dist/es/switch/switch.js';
+import { Text } from '../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js';
+import { Checkbox } from '../../node_modules/@sparrowengg/twigs-react/dist/es/checkbox/checkbox.js';
+import { Box } from '../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
+import { FormInput } from '../../node_modules/@sparrowengg/twigs-react/dist/es/input/form-input.js';
+import { FormLabel } from '../../node_modules/@sparrowengg/twigs-react/dist/es/form-label/form-label.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const Configuration = ({
+  field,
+  configuredFields,
+  responseImportType = null
+}) => {
+  var _a, _b;
+  const fieldValue = (_b = (_a = configuredFields == null ? void 0 : configuredFields[field.id]) == null ? void 0 : _a.value) != null ? _b : null;
+  const [error, setError] = useState({
+    errorMessage: "",
+    error: false,
+    id: null
+  });
+  const handleInputChange = (value) => {
+    if (field == null ? void 0 : field.pattern) {
+      const pattern = new RegExp(field.pattern);
+      if (!pattern.test(value) && value !== "") {
+        setError({
+          errorMessage: field.errorMessage || UI_TEXT.INVALID_INPUT,
+          error: true,
+          id: field.id
+        });
+      } else {
+        setError({
+          errorMessage: "",
+          error: false,
+          id: null
+        });
+      }
+    }
+    field.onChangeHandler({
+      id: field.id,
+      value
+    });
+  };
+  const renderSwitch = () => /* @__PURE__ */ React__default.createElement(
+    Flex,
+    {
+      gap: "$4",
+      alignItems: "center",
+      css: {
+        marginBlockStart: "$12",
+        borderTop: "$borderWidths$xs solid $neutral200",
+        paddingTop: "$16"
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      Switch,
+      {
+        disabled: field == null ? void 0 : field.disabled,
+        size: "sm",
+        checked: !!(field == null ? void 0 : field.value),
+        onChange: (value) => field.onChangeHandler({
+          id: field.id,
+          value
+        })
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(Text, { size: "md", weight: "regular", css: { color: "$neutral900" } }, field.label)
+  );
+  const renderCheckbox = () => {
+    var _a2;
+    return /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", alignItems: "start", gap: "$4" }, /* @__PURE__ */ React__default.createElement(Flex, { gap: "$4", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(
+      Checkbox,
+      {
+        disabled: field == null ? void 0 : field.disabled,
+        checked: !!fieldValue,
+        onChange: (value) => field.onChangeHandler({
+          id: field.id,
+          value
+        })
+      }
+    ), /* @__PURE__ */ React__default.createElement(Text, { size: "sm", weight: "regular", css: { color: "$neutral900" } }, field.label)), /* @__PURE__ */ React__default.createElement(Text, { size: "sm", weight: "regular", css: { color: "$neutral500" } }, field.value && field.ifChecked ? field.ifChecked() : (_a2 = field.ifUnchecked) == null ? void 0 : _a2.call(field, responseImportType)));
+  };
+  const renderInput = () => {
+    var _a2;
+    const shouldRenderField = (field == null ? void 0 : field.id) !== CONFIGURATION_FIELD_IDS.SPREADSHEET || ((_a2 = configuredFields == null ? void 0 : configuredFields.action) == null ? void 0 : _a2.value);
+    if (!shouldRenderField)
+      return null;
+    return /* @__PURE__ */ React__default.createElement(
+      Box,
+      {
+        className: CSS_CLASSES.DM_SANS,
+        css: {
+          label: {
+            fontSize: "$xs !important"
+          }
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(
+        FormInput,
+        __spreadProps(__spreadValues(__spreadProps(__spreadValues({
+          placeholder: field.placeholder || "",
+          disabled: field == null ? void 0 : field.disabled
+        }, error.id === field.id && {
+          error: error.errorMessage,
+          errorBorder: error.error
+        }), {
+          label: field.label,
+          value: typeof fieldValue === "object" ? "" : fieldValue || "",
+          size: "lg"
+        }), field.pattern && {
+          pattern: field.pattern
+        }), {
+          onChange: (event) => handleInputChange(event.currentTarget.value)
+        })
+      )
+    );
+  };
+  const renderSelect = () => {
+    var _a2;
+    const shouldRenderField = field.id !== CONFIGURATION_FIELD_IDS.SPREADSHEET || ((_a2 = configuredFields == null ? void 0 : configuredFields.action) == null ? void 0 : _a2.value);
+    if (!shouldRenderField)
+      return null;
+    return /* @__PURE__ */ React__default.createElement(
+      Flex,
+      {
+        gap: "$2",
+        flexDirection: "column",
+        css: {
+          cursor: "pointer !important",
+          ".twigs-select__indicator": {
+            width: "14px !important",
+            color: "#848484 !important"
+          }
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs", css: { fontWeight: "$5" } }, field.label),
+      /* @__PURE__ */ React__default.createElement(CustomAddNewSelect, { field })
+    );
+  };
+  switch (field.fieldType) {
+    case CONFIGURATION_FIELD_TYPES.SWITCH:
+      return renderSwitch();
+    case CONFIGURATION_FIELD_TYPES.CHECKBOX:
+      return renderCheckbox();
+    case CONFIGURATION_FIELD_TYPES.INPUT:
+      return renderInput();
+    default:
+      return renderSelect();
+  }
+};
+
+export { Configuration };
+//# sourceMappingURL=Configuration.js.map

package/dist/es/dynamic-mapping/components/Configuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Configuration.js","sources":["../../../../src/dynamic-mapping/components/Configuration.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Box,\n  Checkbox,\n  Flex,\n  FormInput,\n  FormLabel,\n  Switch,\n  Text,\n} from '@sparrowengg/twigs-react';\nimport { ConfigurationProps, ErrorState } from '../types';\nimport { CustomAddNewSelect } from './CustomAddNewSelect';\nimport { CONFIGURATION_FIELD_TYPES, CONFIGURATION_FIELD_IDS, UI_TEXT, CSS_CLASSES } from '../constants';\n\nexport const Configuration: React.FC<ConfigurationProps> = ({\n  field,\n  configuredFields,\n  responseImportType = null,\n}) => {\n  const fieldValue = configuredFields?.[field.id]?.value ?? null;\n  const [error, setError] = useState<ErrorState>({\n    errorMessage: '',\n    error: false,\n    id: null,\n  });\n\n  const handleInputChange = (value: string) => {\n    if (field?.pattern) {\n      const pattern = new RegExp(field.pattern);\n      if (!pattern.test(value) && value !== '') {\n        setError({\n          errorMessage: field.errorMessage || UI_TEXT.INVALID_INPUT,\n          error: true,\n          id: field.id,\n        });\n      } else {\n        setError({\n          errorMessage: '',\n          error: false,\n          id: null,\n        });\n      }\n    }\n    field.onChangeHandler({\n      id: field.id,\n      value: value,\n    });\n  };\n\n  const renderSwitch = () => (\n    <Flex\n      gap=\"$4\"\n      alignItems=\"center\"\n      css={{\n        marginBlockStart: '$12',\n        borderTop: '$borderWidths$xs solid $neutral200',\n        paddingTop: '$16',\n      }}\n    >\n      <Switch\n        disabled={field?.disabled}\n        size=\"sm\"\n        checked={!!field?.value}\n        onChange={(value) =>\n          field.onChangeHandler({\n            id: field.id,\n            value: value,\n          })\n        }\n      />\n      <Text size=\"md\" weight=\"regular\" css={{ color: '$neutral900' }}>\n        {field.label}\n      </Text>\n    </Flex>\n  );\n\n  const renderCheckbox = () => (\n    <Flex flexDirection=\"column\" alignItems=\"start\" gap=\"$4\">\n      <Flex gap=\"$4\" alignItems=\"center\">\n        <Checkbox\n          disabled={field?.disabled}\n          checked={!!fieldValue}\n          onChange={(value) =>\n            field.onChangeHandler({\n              id: field.id,\n              value: value,\n            })\n          }\n        />\n        <Text size=\"sm\" weight=\"regular\" css={{ color: '$neutral900' }}>\n          {field.label}\n        </Text>\n      </Flex>\n      <Text size=\"sm\" weight=\"regular\" css={{ color: '$neutral500' }}>\n        {field.value && (field as any).ifChecked\n          ? (field as any).ifChecked()\n          : (field as any).ifUnchecked?.(responseImportType)}\n      </Text>\n    </Flex>\n  );\n\n  const renderInput = () => {\n    const shouldRenderField =\n      field?.id !== CONFIGURATION_FIELD_IDS.SPREADSHEET ||\n      (configuredFields as any)?.action?.value;\n\n    if (!shouldRenderField) return null;\n\n    return (\n      <Box\n        className={CSS_CLASSES.DM_SANS}\n        css={{\n          label: {\n            fontSize: '$xs !important',\n          },\n        }}\n      >\n        <FormInput\n          placeholder={field.placeholder || ''}\n          disabled={field?.disabled}\n          {...(error.id === field.id && {\n            error: error.errorMessage,\n            errorBorder: error.error,\n          })}\n          label={field.label}\n          value={typeof fieldValue === 'object' ? '' : fieldValue || ''}\n          size=\"lg\"\n          {...(field.pattern && {\n            pattern: field.pattern,\n          })}\n          onChange={(event) => handleInputChange(event.currentTarget.value)}\n        />\n      </Box>\n    );\n  };\n\n  const renderSelect = () => {\n    const shouldRenderField =\n      field.id !== CONFIGURATION_FIELD_IDS.SPREADSHEET ||\n      (configuredFields as any)?.action?.value;\n\n    if (!shouldRenderField) return null;\n\n    return (\n      <Flex\n        gap=\"$2\"\n        flexDirection=\"column\"\n        css={{\n          cursor: 'pointer !important',\n          '.twigs-select__indicator': {\n            width: '14px !important',\n            color: '#848484 !important',\n          },\n        }}\n      >\n        <FormLabel size=\"xs\" css={{ fontWeight: '$5' }}>\n          {field.label}\n        </FormLabel>\n        <CustomAddNewSelect field={field} />\n      </Flex>\n    );\n  };\n\n  switch (field.fieldType) {\n    case CONFIGURATION_FIELD_TYPES.SWITCH:\n      return renderSwitch();\n    case CONFIGURATION_FIELD_TYPES.CHECKBOX:\n      return renderCheckbox();\n    case CONFIGURATION_FIELD_TYPES.INPUT:\n      return renderInput();\n    default:\n      return renderSelect();\n  }\n};\n\n"],"names":["React","_a"],"mappings":"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"}