@sparrowengg/integrations-templates-frontend 2.1.0-notion-release.33 → 2.1.0-notion-release.35

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

@@ -1,13 +1,12 @@
 import React__default, { useState } from 'react';
-import ArrowIcon from '../../commons/icons/arrow.js';
-import ContactImportModal from './ContactImportModal.js';
-import { LABELS } from '../constants/index.js';
+import Arrow from '../../commons/icons/arrow.js';
+import { CONTACT_IMPORT_UI_STRINGS } from '../constants/ui-strings.js';
+import { ContactImportModal } from './ContactImportModal.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';
 
 const ContactImportHeader = ({
   setNewImport,
@@ -25,19 +24,19 @@ const ContactImportHeader = ({
     setNewImport(false);
     previousMappingHandler();
   };
-  const handleNavigateToEventSetup = () => {
+  const handleEventSetupClick = () => {
     if (isContactMappingPage) {
       navigateMappingPage(false);
     }
   };
-  const handleContinueClick = () => {
+  const handleContinueMapping = () => {
     setShowImportModal(true);
   };
   const handleSaveAndClose = async () => {
     await onSaveHandler();
     setNewImport(false);
   };
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     Flex,
     {
       alignItems: "center",
@@ -60,11 +59,10 @@ const ContactImportHeader = ({
           onClick: handleBackClick,
           color: "default",
           icon: /* @__PURE__ */ React__default.createElement(ArrowLeftIcon, null),
-          size: "lg",
-          "aria-label": LABELS.GO_BACK
+          size: "lg"
         }
       ),
-      /* @__PURE__ */ React__default.createElement(Heading, { size: "h6" }, LABELS.NEW_CONTACT_IMPORT)
+      /* @__PURE__ */ React__default.createElement(Heading, { size: "h6" }, CONTACT_IMPORT_UI_STRINGS.NEW_CONTACT_IMPORT)
     ),
     /* @__PURE__ */ React__default.createElement(
       Flex,
@@ -72,61 +70,55 @@ const ContactImportHeader = ({
         alignItems: "center",
         gap: "$4",
         css: {
-          "& button": {
-            background: "transparent !important",
-            fontSize: "$md"
-          }
+          width: "420px !important",
+          "& button": { background: "transparent !important", fontSize: "$md" }
         }
       },
       /* @__PURE__ */ React__default.createElement(
         Button,
         {
-          css: {
-            color: !isContactMappingPage ? "$neutral900" : "$neutral800"
-          },
+          css: { color: !isContactMappingPage ? "$neutral900" : "$neutral800" },
           color: "default",
           variant: "ghost",
           size: "md",
-          onClick: handleNavigateToEventSetup
+          onClick: handleEventSetupClick
         },
-        LABELS.EVENT_SETUP
+        CONTACT_IMPORT_UI_STRINGS.EVENT_SETUP
       ),
-      /* @__PURE__ */ React__default.createElement(ArrowIcon, null),
+      /* @__PURE__ */ React__default.createElement(Arrow, null),
       /* @__PURE__ */ React__default.createElement(
         Button,
         {
-          css: {
-            color: isContactMappingPage ? "$neutral900" : "$neutral800"
-          },
+          css: { color: isContactMappingPage ? "$neutral900" : "$neutral800" },
           color: "default",
           variant: "ghost",
           size: "md",
           disabled: !isContactMappingPage
         },
-        LABELS.MAPPING
+        CONTACT_IMPORT_UI_STRINGS.MAPPING
       )
     ),
     /* @__PURE__ */ React__default.createElement(
       Button,
       {
         size: "lg",
-        onClick: handleContinueClick,
-        rightIcon: /* @__PURE__ */ React__default.createElement(ChevronRightIcon, null),
+        onClick: handleContinueMapping,
         css: { visibility: isContactMappingPage ? "visible" : "hidden" }
       },
-      LABELS.CONTINUE
+      CONTACT_IMPORT_UI_STRINGS.CONTINUE_MAPPING
+    ),
+    showImportModal && /* @__PURE__ */ React__default.createElement(
+      ContactImportModal,
+      {
+        setContactImportField,
+        contactImportField,
+        invitePortal,
+        onSaveHandler: handleSaveAndClose,
+        onCloseHandler: () => setShowImportModal(false)
+      }
     )
-  ), showImportModal && /* @__PURE__ */ React__default.createElement(
-    ContactImportModal,
-    {
-      setContactImportField,
-      contactImportField,
-      invitePortal,
-      onSaveHandler: handleSaveAndClose,
-      onCloseHandler: () => setShowImportModal(false)
-    }
-  ));
+  );
 };
 
-export { ContactImportHeader as default };
+export { ContactImportHeader };
 //# sourceMappingURL=ContactImportHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContactImportHeader.js","sources":["../../../../src/contact-import/components/ContactImportHeader.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Flex,\n  Heading,\n  IconButton,\n  Button,\n} from '@sparrowengg/twigs-react';\nimport {\n  ArrowLeftIcon,\n  ChevronRightIcon,\n} from '@sparrowengg/twigs-react-icons';\nimport Arrow from '../../commons/icons/arrow';\nimport ContactImportModal from './ContactImportModal';\nimport { ContactImportHeaderProps } from '../types';\nimport { LABELS } from '../constants';\n\n/**\n * Header component for the Contact Import feature\n * Handles navigation between Event Setup and Mapping pages\n */\nconst ContactImportHeader: React.FC<ContactImportHeaderProps> = ({\n  setNewImport,\n  setContactImportField,\n  contactImportField,\n  hasPreviousMapping,\n  previousMappingHandler,\n  onSaveHandler,\n  isContactMappingPage,\n  navigateMappingPage,\n  invitePortal,\n}) => {\n  const [showImportModal, setShowImportModal] = useState(false);\n\n  const handleBackClick = () => {\n    setNewImport(false);\n    previousMappingHandler();\n  };\n\n  const handleNavigateToEventSetup = () => {\n    if (isContactMappingPage) {\n      navigateMappingPage(false);\n    }\n  };\n\n  const handleContinueClick = () => {\n    setShowImportModal(true);\n  };\n\n  const handleSaveAndClose = async () => {\n    await onSaveHandler();\n    setNewImport(false);\n  };\n\n  return (\n    <>\n      <Flex\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        css={{\n          borderBottom: '$borderWidths$xs solid $neutral200',\n          padding: '$8 $12',\n        }}\n      >\n        {/* Back Button and Title */}\n        <Flex\n          gap=\"$6\"\n          alignItems=\"center\"\n          css={{ visibility: hasPreviousMapping ? 'visible' : 'hidden' }}\n        >\n          <IconButton\n            onClick={handleBackClick}\n            color=\"default\"\n            icon={<ArrowLeftIcon />}\n            size=\"lg\"\n            aria-label={LABELS.GO_BACK}\n          />\n          <Heading size=\"h6\">{LABELS.NEW_CONTACT_IMPORT}</Heading>\n        </Flex>\n\n        {/* Navigation Breadcrumb */}\n        <Flex\n          alignItems=\"center\"\n          gap=\"$4\"\n          css={{\n            '& button': {\n              background: 'transparent !important',\n              fontSize: '$md',\n            },\n          }}\n        >\n          <Button\n            css={{\n              color: !isContactMappingPage ? '$neutral900' : '$neutral800',\n            }}\n            color=\"default\"\n            variant=\"ghost\"\n            size=\"md\"\n            onClick={handleNavigateToEventSetup}\n          >\n            {LABELS.EVENT_SETUP}\n          </Button>\n          <Arrow />\n          <Button\n            css={{\n              color: isContactMappingPage ? '$neutral900' : '$neutral800',\n            }}\n            color=\"default\"\n            variant=\"ghost\"\n            size=\"md\"\n            disabled={!isContactMappingPage}\n          >\n            {LABELS.MAPPING}\n          </Button>\n        </Flex>\n\n        {/* Continue Button */}\n        <Button\n          size=\"lg\"\n          onClick={handleContinueClick}\n          rightIcon={<ChevronRightIcon />}\n          css={{ visibility: isContactMappingPage ? 'visible' : 'hidden' }}\n        >\n          {LABELS.CONTINUE}\n        </Button>\n      </Flex>\n\n      {/* Import Configuration Modal */}\n      {showImportModal && (\n        <ContactImportModal\n          setContactImportField={setContactImportField}\n          contactImportField={contactImportField}\n          invitePortal={invitePortal}\n          onSaveHandler={handleSaveAndClose}\n          onCloseHandler={() => setShowImportModal(false)}\n        />\n      )}\n    </>\n  );\n};\n\nexport default ContactImportHeader;\n\n"],"names":["React","Arrow"],"mappings":";;;;;;;;;;;AAoBA,MAAM,sBAA0D,CAAC;AAAA,EAC/D,YAAA;AAAA,EACA,qBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AAAA,EACA,sBAAA;AAAA,EACA,aAAA;AAAA,EACA,oBAAA;AAAA,EACA,mBAAA;AAAA,EACA,YAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAE5D,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAClB,IAAuB,sBAAA,EAAA,CAAA;AAAA,GACzB,CAAA;AAEA,EAAA,MAAM,6BAA6B,MAAM;AACvC,IAAA,IAAI,oBAAsB,EAAA;AACxB,MAAA,mBAAA,CAAoB,KAAK,CAAA,CAAA;AAAA,KAC3B;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,sBAAsB,MAAM;AAChC,IAAA,kBAAA,CAAmB,IAAI,CAAA,CAAA;AAAA,GACzB,CAAA;AAEA,EAAA,MAAM,qBAAqB,YAAY;AACrC,IAAA,MAAM,aAAc,EAAA,CAAA;AACpB,IAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAAA,GACpB,CAAA;AAEA,EAAA,uBAEIA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,UAAW,EAAA,QAAA;AAAA,MACX,cAAe,EAAA,eAAA;AAAA,MACf,GAAK,EAAA;AAAA,QACH,YAAc,EAAA,oCAAA;AAAA,QACd,OAAS,EAAA,QAAA;AAAA,OACX;AAAA,KAAA;AAAA,oBAGAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAI,EAAA,IAAA;AAAA,QACJ,UAAW,EAAA,QAAA;AAAA,QACX,GAAK,EAAA,EAAE,UAAY,EAAA,kBAAA,GAAqB,YAAY,QAAS,EAAA;AAAA,OAAA;AAAA,sBAE7DA,cAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,OAAS,EAAA,eAAA;AAAA,UACT,KAAM,EAAA,SAAA;AAAA,UACN,IAAA,+CAAO,aAAc,EAAA,IAAA,CAAA;AAAA,UACrB,IAAK,EAAA,IAAA;AAAA,UACL,cAAY,MAAO,CAAA,OAAA;AAAA,SAAA;AAAA,OACrB;AAAA,sBACCA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,IAAK,EAAA,IAAA,EAAA,EAAM,OAAO,kBAAmB,CAAA;AAAA,KAChD;AAAA,oBAGAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,UAAW,EAAA,QAAA;AAAA,QACX,GAAI,EAAA,IAAA;AAAA,QACJ,GAAK,EAAA;AAAA,UACH,UAAY,EAAA;AAAA,YACV,UAAY,EAAA,wBAAA;AAAA,YACZ,QAAU,EAAA,KAAA;AAAA,WACZ;AAAA,SACF;AAAA,OAAA;AAAA,sBAEAA,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,GAAK,EAAA;AAAA,YACH,KAAA,EAAO,CAAC,oBAAA,GAAuB,aAAgB,GAAA,aAAA;AAAA,WACjD;AAAA,UACA,KAAM,EAAA,SAAA;AAAA,UACN,OAAQ,EAAA,OAAA;AAAA,UACR,IAAK,EAAA,IAAA;AAAA,UACL,OAAS,EAAA,0BAAA;AAAA,SAAA;AAAA,QAER,MAAO,CAAA,WAAA;AAAA,OACV;AAAA,mDACCC,SAAM,EAAA,IAAA,CAAA;AAAA,sBACPD,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,GAAK,EAAA;AAAA,YACH,KAAA,EAAO,uBAAuB,aAAgB,GAAA,aAAA;AAAA,WAChD;AAAA,UACA,KAAM,EAAA,SAAA;AAAA,UACN,OAAQ,EAAA,OAAA;AAAA,UACR,IAAK,EAAA,IAAA;AAAA,UACL,UAAU,CAAC,oBAAA;AAAA,SAAA;AAAA,QAEV,MAAO,CAAA,OAAA;AAAA,OACV;AAAA,KACF;AAAA,oBAGAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,IAAA;AAAA,QACL,OAAS,EAAA,mBAAA;AAAA,QACT,SAAA,+CAAY,gBAAiB,EAAA,IAAA,CAAA;AAAA,QAC7B,GAAK,EAAA,EAAE,UAAY,EAAA,oBAAA,GAAuB,YAAY,QAAS,EAAA;AAAA,OAAA;AAAA,MAE9D,MAAO,CAAA,QAAA;AAAA,KACV;AAAA,KAID,eACC,oBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,qBAAA;AAAA,MACA,kBAAA;AAAA,MACA,YAAA;AAAA,MACA,aAAe,EAAA,kBAAA;AAAA,MACf,cAAA,EAAgB,MAAM,kBAAA,CAAmB,KAAK,CAAA;AAAA,KAAA;AAAA,GAGpD,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ContactImportHeader.js","sources":["../../../../src/contact-import/components/ContactImportHeader.tsx"],"sourcesContent":["import {\n  Button,\n  Flex,\n  Heading,\n  IconButton,\n} from \"@sparrowengg/twigs-react\";\nimport { ArrowLeftIcon } from \"@sparrowengg/twigs-react-icons\";\nimport React, { useState } from \"react\";\nimport Arrow from \"../../commons/icons/arrow\";\nimport { ContactImportHeaderProps } from \"../types\";\nimport { CONTACT_IMPORT_UI_STRINGS } from \"../constants/ui-strings\";\nimport { ContactImportModal } from \"./ContactImportModal\";\n\nexport const ContactImportHeader: React.FC<ContactImportHeaderProps> = ({\n  setNewImport,\n  setContactImportField,\n  contactImportField,\n  hasPreviousMapping,\n  previousMappingHandler,\n  onSaveHandler,\n  isContactMappingPage,\n  navigateMappingPage,\n  invitePortal,\n}) => {\n  const [showImportModal, setShowImportModal] = useState(false);\n\n  const handleBackClick = () => {\n    setNewImport(false);\n    previousMappingHandler();\n  };\n\n  const handleEventSetupClick = () => {\n    if (isContactMappingPage) {\n      navigateMappingPage(false);\n    }\n  };\n\n  const handleContinueMapping = () => {\n    setShowImportModal(true);\n  };\n\n  const handleSaveAndClose = async () => {\n    await onSaveHandler();\n    setNewImport(false);\n  };\n\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={handleBackClick}\n          color=\"default\"\n          icon={<ArrowLeftIcon />}\n          size=\"lg\"\n        />\n        <Heading size=\"h6\">{CONTACT_IMPORT_UI_STRINGS.NEW_CONTACT_IMPORT}</Heading>\n      </Flex>\n      <Flex\n        alignItems=\"center\"\n        gap=\"$4\"\n        css={{ \n          width: \"420px !important\",\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={handleEventSetupClick}\n        >\n          {CONTACT_IMPORT_UI_STRINGS.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          {CONTACT_IMPORT_UI_STRINGS.MAPPING}\n        </Button>\n      </Flex>\n      <Button\n        size=\"lg\"\n        onClick={handleContinueMapping}\n        css={{ visibility: isContactMappingPage ? \"visible\" : \"hidden\"}}\n      >\n        {CONTACT_IMPORT_UI_STRINGS.CONTINUE_MAPPING}\n      </Button>\n      {showImportModal && (\n        <ContactImportModal\n          setContactImportField={setContactImportField}\n          contactImportField={contactImportField}\n          invitePortal={invitePortal}\n          onSaveHandler={handleSaveAndClose}\n          onCloseHandler={() => setShowImportModal(false)}\n        />\n      )}\n    </Flex>\n  );\n};\n\n"],"names":["React"],"mappings":"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"}

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

@@ -1,7 +1,8 @@
-import React__default, { useState, useCallback } from 'react';
-import { generateUniqueId } from '../../commons/helpers/index.js';
+import React__default, { useState } from 'react';
+import { CONTACT_IMPORT_UI_STRINGS } from '../constants/ui-strings.js';
 import { MODAL_MAX_WIDTH, INPUT_MAX_LENGTH } from '../../commons/constants/index.js';
-import { LABELS, PLACEHOLDERS } from '../constants/index.js';
+import { generateUniqueId } from '../../commons/helpers/index.js';
+import { isValidInputLength } from '../utils/validation.utils.js';
 import { Dialog, DialogContent } from '../../node_modules/@sparrowengg/twigs-react/dist/es/dialog/dialog.js';
 import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
 import { Heading } from '../../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js';
@@ -39,33 +40,25 @@ const ContactImportModal = ({
   invitePortal
 }) => {
   var _a;
-  const [inputValue, setInputValue] = useState(
-    ((_a = contactImportField == null ? void 0 : contactImportField.configure) == null ? void 0 : _a.reference) || ""
-  );
-  const handleInputChange = useCallback(
-    (event) => {
-      setInputValue(event.currentTarget.value);
-    },
-    []
-  );
-  const handleInvitePortalChange = useCallback(
-    (checked) => {
-      setContactImportField((prev) => __spreadProps(__spreadValues({}, prev), {
-        invitePortal: checked
-      }));
-      invitePortal.onChangeHandler(checked);
-    },
-    [setContactImportField, invitePortal]
-  );
-  const handleFinishImport = useCallback(async () => {
-    setContactImportField((prev) => __spreadProps(__spreadValues({}, prev), {
+  const [inputValue, setInputValue] = useState("");
+  const handleInputChange = (event) => {
+    setInputValue(event.currentTarget.value);
+  };
+  const handleInvitePortalChange = (value) => {
+    setContactImportField(__spreadProps(__spreadValues({}, contactImportField), {
+      invitePortal: value
+    }));
+    invitePortal.onChangeHandler(value);
+  };
+  const handleFinishImport = () => {
+    setContactImportField(__spreadProps(__spreadValues({}, contactImportField), {
       description: inputValue,
       id: generateUniqueId()
     }));
-    await onSaveHandler();
+    onSaveHandler();
     onCloseHandler();
-  }, [inputValue, onSaveHandler, onCloseHandler, setContactImportField]);
-  const isFinishDisabled = !(inputValue == null ? void 0 : inputValue.trim().length);
+  };
+  const isFinishDisabled = !isValidInputLength(inputValue);
   return /* @__PURE__ */ React__default.createElement(Dialog, { open: true }, /* @__PURE__ */ React__default.createElement(
     DialogContent,
     {
@@ -85,7 +78,7 @@ const ContactImportModal = ({
           borderBottom: "$borderWidths$xs solid $neutral200"
         }
       },
-      /* @__PURE__ */ React__default.createElement(Heading, { size: "h6", css: { color: "$neutral900" } }, LABELS.IMPORT_CONFIGURATION),
+      /* @__PURE__ */ React__default.createElement(Heading, { size: "h6", css: { color: "$neutral900" } }, CONTACT_IMPORT_UI_STRINGS.IMPORT_CONFIGURATION),
       /* @__PURE__ */ React__default.createElement(
         IconButton,
         {
@@ -98,31 +91,39 @@ const ContactImportModal = ({
               color: "#64748B !important"
             }
           },
-          onClick: onCloseHandler,
-          "aria-label": LABELS.CLOSE_MODAL
+          onClick: onCloseHandler
         }
       )
     ),
-    /* @__PURE__ */ React__default.createElement(Box, { css: { padding: "$12" } }, /* @__PURE__ */ React__default.createElement(
-      FormInput,
-      {
-        label: PLACEHOLDERS.IMPORT_TITLE,
-        requiredIndicator: true,
-        value: inputValue,
-        maxLength: INPUT_MAX_LENGTH,
-        max: INPUT_MAX_LENGTH,
-        showCount: true,
-        onChange: handleInputChange,
-        size: "lg"
-      }
-    ), invitePortal.hasInvitePortal && /* @__PURE__ */ React__default.createElement(Box, { css: { marginTop: "$12" } }, /* @__PURE__ */ React__default.createElement(
-      Checkbox,
+    /* @__PURE__ */ React__default.createElement(
+      Box,
       {
-        checked: !!invitePortal.value,
-        onChange: handleInvitePortalChange
+        css: {
+          padding: "$12"
+        }
       },
-      LABELS.INVITE_TO_PORTAL
-    ))),
+      /* @__PURE__ */ React__default.createElement(
+        FormInput,
+        {
+          label: CONTACT_IMPORT_UI_STRINGS.TITLE_LABEL,
+          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: handleInputChange,
+          size: "lg"
+        }
+      ),
+      invitePortal.hasInvitePortal && /* @__PURE__ */ React__default.createElement(Box, { css: { marginTop: "$12" } }, /* @__PURE__ */ React__default.createElement(
+        Checkbox,
+        {
+          checked: !!invitePortal.value,
+          onChange: handleInvitePortalChange
+        },
+        CONTACT_IMPORT_UI_STRINGS.INVITE_TO_PORTAL
+      ))
+    ),
     /* @__PURE__ */ React__default.createElement(
       Flex,
       {
@@ -132,7 +133,7 @@ const ContactImportModal = ({
           padding: "$8 $12"
         }
       },
-      /* @__PURE__ */ React__default.createElement(Button, { size: "lg", color: "default", onClick: onCloseHandler }, LABELS.CANCEL),
+      /* @__PURE__ */ React__default.createElement(Button, { size: "lg", color: "default", onClick: onCloseHandler }, CONTACT_IMPORT_UI_STRINGS.CANCEL),
       /* @__PURE__ */ React__default.createElement(
         Button,
         {
@@ -140,11 +141,11 @@ const ContactImportModal = ({
           disabled: isFinishDisabled,
           onClick: handleFinishImport
         },
-        LABELS.FINISH_IMPORT
+        CONTACT_IMPORT_UI_STRINGS.FINISH_IMPORT
       )
     )
   ));
 };
 
-export { ContactImportModal as default };
+export { ContactImportModal };
 //# sourceMappingURL=ContactImportModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContactImportModal.js","sources":["../../../../src/contact-import/components/ContactImportModal.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport {\n  Box,\n  Button,\n  Checkbox,\n  Dialog,\n  DialogContent,\n  Flex,\n  FormInput,\n  Heading,\n  IconButton,\n} from '@sparrowengg/twigs-react';\nimport { CloseIcon } from '@sparrowengg/twigs-react-icons';\nimport { ContactImportModalProps } from '../types';\nimport { generateUniqueId } from '../../commons/helpers';\nimport { MODAL_MAX_WIDTH, INPUT_MAX_LENGTH } from '../../commons/constants';\nimport { LABELS, PLACEHOLDERS } from '../constants';\n\n/**\n * Modal component for finalizing import configuration\n * Allows user to set import title and invite portal preferences\n */\nconst ContactImportModal: React.FC<ContactImportModalProps> = ({\n  setContactImportField,\n  contactImportField,\n  onCloseHandler,\n  onSaveHandler,\n  invitePortal,\n}) => {\n  const [inputValue, setInputValue] = useState(\n    contactImportField?.configure?.reference || ''\n  );\n\n  const handleInputChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setInputValue(event.currentTarget.value);\n    },\n    []\n  );\n\n  const handleInvitePortalChange = useCallback(\n    (checked: boolean) => {\n      setContactImportField((prev) => ({\n        ...prev,\n        invitePortal: checked,\n      }));\n      invitePortal.onChangeHandler(checked);\n    },\n    [setContactImportField, invitePortal]\n  );\n\n  const handleFinishImport = useCallback(async () => {\n    setContactImportField((prev) => ({\n      ...prev,\n      description: inputValue,\n      id: generateUniqueId(),\n    }));\n    await onSaveHandler();\n    onCloseHandler();\n  }, [inputValue, onSaveHandler, onCloseHandler, setContactImportField]);\n\n  const isFinishDisabled = !inputValue?.trim().length;\n\n  return (\n    <Dialog open>\n      <DialogContent\n        css={{\n          padding: 0,\n          borderRadius: '$3xl',\n          maxWidth: MODAL_MAX_WIDTH,\n        }}\n      >\n        {/* Modal Header */}\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            {LABELS.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            aria-label={LABELS.CLOSE_MODAL}\n          />\n        </Flex>\n\n        {/* Modal Content */}\n        <Box css={{ padding: '$12' }}>\n          <FormInput\n            label={PLACEHOLDERS.IMPORT_TITLE}\n            requiredIndicator\n            value={inputValue}\n            maxLength={INPUT_MAX_LENGTH}\n            max={INPUT_MAX_LENGTH}\n            showCount\n            onChange={handleInputChange}\n            size=\"lg\"\n          />\n\n          {invitePortal.hasInvitePortal && (\n            <Box css={{ marginTop: '$12' }}>\n              <Checkbox\n                checked={!!invitePortal.value}\n                onChange={handleInvitePortalChange}\n              >\n                {LABELS.INVITE_TO_PORTAL}\n              </Checkbox>\n            </Box>\n          )}\n        </Box>\n\n        {/* Modal Footer */}\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            {LABELS.CANCEL}\n          </Button>\n          <Button\n            size=\"lg\"\n            disabled={isFinishDisabled}\n            onClick={handleFinishImport}\n          >\n            {LABELS.FINISH_IMPORT}\n          </Button>\n        </Flex>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport default ContactImportModal;\n\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"ContactImportModal.js","sources":["../../../../src/contact-import/components/ContactImportModal.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 { CloseIcon } from \"@sparrowengg/twigs-react-icons\";\nimport React, { useState } from \"react\";\nimport { ContactImportFieldType } from \"../types\";\nimport { CONTACT_IMPORT_UI_STRINGS } from \"../constants/ui-strings\";\nimport { MODAL_MAX_WIDTH, INPUT_MAX_LENGTH } from \"../../commons/constants\";\nimport { generateUniqueId } from \"../../commons/helpers\";\nimport { isValidInputLength } from \"../utils\";\n\ninterface ContactImportModalProps {\n  setContactImportField: React.Dispatch<React.SetStateAction<ContactImportFieldType>>;\n  contactImportField: ContactImportFieldType;\n  onCloseHandler: () => void;\n  onSaveHandler: () => void;\n  invitePortal: {\n    hasInvitePortal: boolean;\n    value: boolean | null;\n    onChangeHandler: (value: boolean) => void;\n  };\n}\n\nexport const ContactImportModal: React.FC<ContactImportModalProps> = ({\n  setContactImportField,\n  contactImportField,\n  onCloseHandler,\n  onSaveHandler,\n  invitePortal,\n}) => {\n  const [inputValue, setInputValue] = useState(\"\");\n\n  const handleInputChange = (event: any) => {\n    setInputValue(event.currentTarget.value);\n  };\n\n  const handleInvitePortalChange = (value: any) => {\n    setContactImportField({\n      ...contactImportField,\n      invitePortal: value,\n    });\n    invitePortal.onChangeHandler(value);\n  };\n\n  const handleFinishImport = () => {\n    setContactImportField({\n      ...contactImportField,\n      description: inputValue,\n      id: generateUniqueId(),\n    });\n    onSaveHandler();\n    onCloseHandler();\n  };\n\n  const isFinishDisabled = !isValidInputLength(inputValue);\n\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            {CONTACT_IMPORT_UI_STRINGS.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={CONTACT_IMPORT_UI_STRINGS.TITLE_LABEL}\n            requiredIndicator\n            value={contactImportField?.configure?.reference || inputValue}\n            maxLength={INPUT_MAX_LENGTH}\n            max={INPUT_MAX_LENGTH}\n            showCount\n            onChange={handleInputChange}\n            size=\"lg\"\n          />\n          {invitePortal.hasInvitePortal && (\n            <Box css={{ marginTop: \"$12\" }}>\n              <Checkbox\n                checked={!!invitePortal.value}\n                onChange={handleInvitePortalChange}\n              >\n                {CONTACT_IMPORT_UI_STRINGS.INVITE_TO_PORTAL}\n              </Checkbox>\n            </Box>\n          )}\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            {CONTACT_IMPORT_UI_STRINGS.CANCEL}\n          </Button>\n          <Button\n            size=\"lg\"\n            disabled={isFinishDisabled}\n            onClick={handleFinishImport}\n          >\n            {CONTACT_IMPORT_UI_STRINGS.FINISH_IMPORT}\n          </Button>\n        </Flex>\n      </DialogContent>\n    </Dialog>\n  );\n};\n\n"],"names":["React"],"mappings":"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"}

package/dist/es/contact-import/constants/ui-strings.js

@@ -0,0 +1,16 @@
+const CONTACT_IMPORT_UI_STRINGS = {
+  // Header
+  NEW_CONTACT_IMPORT: "New Contact Import",
+  EVENT_SETUP: "Event Setup",
+  MAPPING: "Mapping",
+  CONTINUE_MAPPING: "Continue Mapping",
+  // Modal
+  IMPORT_CONFIGURATION: "Import Configuration",
+  TITLE_LABEL: "Title of this import for future reference",
+  INVITE_TO_PORTAL: "Invite to portal whenever a contact is created",
+  CANCEL: "Cancel",
+  FINISH_IMPORT: "Finish Import"
+};
+
+export { CONTACT_IMPORT_UI_STRINGS };
+//# sourceMappingURL=ui-strings.js.map

package/dist/es/contact-import/constants/ui-strings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-strings.js","sources":["../../../../src/contact-import/constants/ui-strings.ts"],"sourcesContent":["/**\n * UI strings for Contact Import module\n * Centralized location for all user-facing text\n */\n\nexport const CONTACT_IMPORT_UI_STRINGS = {\n  // Header\n  NEW_CONTACT_IMPORT: \"New Contact Import\",\n  EVENT_SETUP: \"Event Setup\",\n  MAPPING: \"Mapping\",\n  CONTINUE_MAPPING: \"Continue Mapping\",\n  \n  // Modal\n  IMPORT_CONFIGURATION: \"Import Configuration\",\n  TITLE_LABEL: \"Title of this import for future reference\",\n  INVITE_TO_PORTAL: \"Invite to portal whenever a contact is created\",\n  CANCEL: \"Cancel\",\n  FINISH_IMPORT: \"Finish Import\",\n} as const;\n\n"],"names":[],"mappings":"AAKO,MAAM,yBAA4B,GAAA;AAAA;AAAA,EAEvC,kBAAoB,EAAA,oBAAA;AAAA,EACpB,WAAa,EAAA,aAAA;AAAA,EACb,OAAS,EAAA,SAAA;AAAA,EACT,gBAAkB,EAAA,kBAAA;AAAA;AAAA,EAGlB,oBAAsB,EAAA,sBAAA;AAAA,EACtB,WAAa,EAAA,2CAAA;AAAA,EACb,gBAAkB,EAAA,gDAAA;AAAA,EAClB,MAAQ,EAAA,QAAA;AAAA,EACR,aAAe,EAAA,eAAA;AACjB;;;;"}