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

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

@@ -1,21 +1,11 @@
-import { generateUniqueId } from '../commons/helpers/index.js';
 import React__default, { useState, useEffect } from 'react';
-import Arrow from '../commons/icons/arrow.js';
+import ThemeWrapper from '../commons/components/theme-wrapper.js';
+import { ContactImportHeader } from './components/ContactImportHeader.js';
+import '../commons/constants/index.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 { 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 { 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;
@@ -56,7 +46,14 @@ const ContactImport = ({
   useEffect(() => {
     setNewImport(!(existingImports == null ? void 0 : existingImports.length) || !hasContactImportDashboard);
   }, []);
-  return /* @__PURE__ */ React__default.createElement(ThemeWrapper, null, /* @__PURE__ */ React__default.createElement(Box, { css: { height: "100vh", width: "100vw" } }, (existingImports == null ? void 0 : existingImports.length) && !newImport && hasContactImportDashboard ? /* @__PURE__ */ React__default.createElement(
+  const handleConfigureField = (value) => {
+    setContactImportField(__spreadProps(__spreadValues({}, contactImportField), {
+      configure: __spreadValues({}, value)
+    }));
+    navigateMappingPage(true);
+  };
+  const showDashboard = (existingImports == null ? void 0 : existingImports.length) && !newImport && hasContactImportDashboard;
+  return /* @__PURE__ */ React__default.createElement(ThemeWrapper, null, /* @__PURE__ */ React__default.createElement(Box, { css: { height: "100vh", width: "100vw" } }, showDashboard ? /* @__PURE__ */ React__default.createElement(
     Dashboard,
     {
       dashboardDescription,
@@ -81,12 +78,7 @@ const ContactImport = ({
     ContactImportConfigure,
     {
       contactImportField,
-      handleConfigureField: (value) => {
-        setContactImportField(__spreadProps(__spreadValues({}, contactImportField), {
-          configure: __spreadValues({}, value)
-        }));
-        navigateMappingPage(true);
-      },
+      handleConfigureField,
       listSegmentOptions
     }
   ) : /* @__PURE__ */ React__default.createElement(
@@ -99,215 +91,6 @@ const ContactImport = ({
     }
   )))));
 };
-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,
-      {
-        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: {
-          width: "420px !important",
-          "& 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),
-        css: { visibility: isContactMappingPage ? "visible" : "hidden" }
-      },
-      "Continue Mapping"
-    ),
-    showImportModal ? /* @__PURE__ */ React__default.createElement(
-      ContactImportModal,
-      {
-        setContactImportField,
-        contactImportField,
-        invitePortal,
-        onSaveHandler: async () => {
-          await onSaveHandler();
-          setNewImport(false);
-        },
-        onCloseHandler: () => setShowImportModal(false)
-      }
-    ) : 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"
-      )
-    )
-  ));
-};
 
 export { ContactImport };
 //# 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  hasContactImportDashboard,\n  invitePortal,\n}: ContactImportProps) => {\n  const [newImport, setNewImport] = useState(true);\n  useEffect(() => {\n    setNewImport(!existingImports?.length || !hasContactImportDashboard);\n  }, []);\n  return (\n    <ThemeWrapper>\n      <Box css={{ height: \"100vh\", width: \"100vw\" }}>\n        {existingImports?.length && !newImport && hasContactImportDashboard ? (\n          <Dashboard\n            dashboardDescription={dashboardDescription}\n            setNewImport={setNewImport}\n            integrationName={integrationName}\n            imports={existingImports}\n          />\n        ) : <>\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        </>}\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          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={() => 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        css={{ visibility: isContactMappingPage ? \"visible\" : \"hidden\"}}\n      >\n        Continue Mapping\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 { Box } from \"@sparrowengg/twigs-react\";\nimport React, { useEffect, useState } from \"react\";\nimport ThemeWrapper from \"../commons/components/theme-wrapper\";\nimport { ContactImportProps } from \"./types\";\nimport {\n  ContactImportHeader,\n  ContactImportConfigure,\n  ContactImportMapping,\n  Dashboard,\n} from \"./components\";\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  hasContactImportDashboard,\n  invitePortal,\n}) => {\n  const [newImport, setNewImport] = useState(true);\n\n  useEffect(() => {\n    setNewImport(!existingImports?.length || !hasContactImportDashboard);\n  }, []);\n\n  const handleConfigureField = (value: Record<string, unknown>) => {\n    setContactImportField({\n      ...contactImportField,\n      configure: { ...value },\n    });\n    navigateMappingPage(true);\n  };\n\n  const showDashboard = existingImports?.length && !newImport && hasContactImportDashboard;\n\n  return (\n    <ThemeWrapper>\n      <Box css={{ height: \"100vh\", width: \"100vw\" }}>\n        {showDashboard ? (\n          <Dashboard\n            dashboardDescription={dashboardDescription}\n            setNewImport={setNewImport}\n            integrationName={integrationName}\n            imports={existingImports}\n          />\n        ) : (\n          <>\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={handleConfigureField}\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        )}\n      </Box>\n    </ThemeWrapper>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,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,yBAAA;AAAA,EACA,YAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,IAAI,CAAA,CAAA;AAE/C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,EAAC,eAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,CAAiB,MAAU,CAAA,IAAA,CAAC,yBAAyB,CAAA,CAAA;AAAA,GACrE,EAAG,EAAE,CAAA,CAAA;AAEL,EAAM,MAAA,oBAAA,GAAuB,CAAC,KAAmC,KAAA;AAC/D,IAAA,qBAAA,CAAsB,iCACjB,kBADiB,CAAA,EAAA;AAAA,MAEpB,WAAW,cAAK,CAAA,EAAA,EAAA,KAAA,CAAA;AAAA,KACjB,CAAA,CAAA,CAAA;AACD,IAAA,mBAAA,CAAoB,IAAI,CAAA,CAAA;AAAA,GAC1B,CAAA;AAEA,EAAA,MAAM,aAAgB,GAAA,CAAA,eAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,CAAiB,MAAU,KAAA,CAAC,SAAa,IAAA,yBAAA,CAAA;AAE/D,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,YACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,GAAA,EAAK,EAAE,MAAA,EAAQ,OAAS,EAAA,KAAA,EAAO,OAAQ,EAAA,EAAA,EACzC,aACC,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,oBAAA;AAAA,MACA,YAAA;AAAA,MACA,eAAA;AAAA,MACA,OAAS,EAAA,eAAA;AAAA,KAAA;AAAA,GACX,mBAGGA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAA,SAAA,oBAEGA,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,EACC,CAAC,oBACA,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,sBAAA;AAAA,IAAA;AAAA,MACC,kBAAA;AAAA,MACA,oBAAA;AAAA,MACA,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,CAEJ,CAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,15 @@
+const isEmpty = (value) => {
+  if (value === null || value === void 0)
+    return true;
+  if (typeof value === "string")
+    return value.trim().length === 0;
+  if (Array.isArray(value))
+    return value.length === 0;
+  return false;
+};
+const isValidInputLength = (value) => {
+  return !isEmpty(value) && value.trim().length > 0;
+};
+
+export { isEmpty, isValidInputLength };
+//# sourceMappingURL=validation.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"validation.utils.js","sources":["../../../../src/contact-import/utils/validation.utils.ts"],"sourcesContent":["/**\n * Validation utility functions for Contact Import module\n */\n\n/**\n * Check if a value is empty (null, undefined, empty string, or empty array)\n */\nexport const isEmpty = (value: unknown): boolean => {\n  if (value === null || value === undefined) return true;\n  if (typeof value === \"string\") return value.trim().length === 0;\n  if (Array.isArray(value)) return value.length === 0;\n  return false;\n};\n\n/**\n * Validate if the input value meets minimum length requirement\n */\nexport const isValidInputLength = (value: string): boolean => {\n  return !isEmpty(value) && value.trim().length > 0;\n};\n\n"],"names":[],"mappings":"AAOa,MAAA,OAAA,GAAU,CAAC,KAA4B,KAAA;AAClD,EAAI,IAAA,KAAA,KAAU,QAAQ,KAAU,KAAA,KAAA,CAAA;AAAW,IAAO,OAAA,IAAA,CAAA;AAClD,EAAA,IAAI,OAAO,KAAU,KAAA,QAAA;AAAU,IAAO,OAAA,KAAA,CAAM,IAAK,EAAA,CAAE,MAAW,KAAA,CAAA,CAAA;AAC9D,EAAI,IAAA,KAAA,CAAM,QAAQ,KAAK,CAAA;AAAG,IAAA,OAAO,MAAM,MAAW,KAAA,CAAA,CAAA;AAClD,EAAO,OAAA,KAAA,CAAA;AACT,EAAA;AAKa,MAAA,kBAAA,GAAqB,CAAC,KAA2B,KAAA;AAC5D,EAAA,OAAO,CAAC,OAAQ,CAAA,KAAK,KAAK,KAAM,CAAA,IAAA,GAAO,MAAS,GAAA,CAAA,CAAA;AAClD;;;;"}

package/dist/es/dynamic-mapping/constants/ui-strings.js

@@ -0,0 +1,50 @@
+const DYNAMIC_MAPPING_UI_STRINGS = {
+  // Header
+  EDIT_MAPPING: "Edit Mapping",
+  NEW_MAPPING: "New Mapping",
+  CONFIGURATION: "Configuration",
+  MAPPING: "Mapping",
+  SAVE_MAPPING: "Save Mapping",
+  UPDATE_MAPPING: "Update Mapping",
+  SAVE_CONFIGURATION: "Save Configuration",
+  // Configuration
+  SURVEY_NAME_LABEL: "Survey Name:",
+  IMPORT_RESPONSE_LABEL: "Import Response",
+  RESPONSE_IMPORT_TYPE: "Response Import Type",
+  // Mapping
+  SELECT_ALL_QUESTIONS: "Select all Questions",
+  SELECT_ALL_VARIABLES: "Select all Variables",
+  SELECT_ALL_CONTACT_PROPERTIES: "Select all Contact Properties",
+  SELECT_ALL_EXPRESSIONS: "Select all Expressions",
+  SELECT_ALL_PROPERTIES: "Select all Properties",
+  SELECT_ALL_DERIVED_QUESTIONS: "Select all Derived Questions",
+  SEARCH_PLACEHOLDER: "Search",
+  NO_RESULTS_FOUND: "No results found",
+  // Dropdown
+  DAYS: "Days",
+  CANCEL: "Cancel",
+  APPLY: "Apply",
+  CHOOSE: "Choose",
+  // Custom Select
+  ADD_ACCOUNT: "Add Account",
+  IN_USE_ADDON: "In Use (Add-on)",
+  // Placeholders
+  PLACEHOLDER_EMPTY: "",
+  // Tabs
+  TAB_QUESTIONS: "Questions",
+  TAB_ENRICH: "Enrich",
+  TAB_VARIABLE: "Variable",
+  TAB_CONTACT: "Contact",
+  TAB_EXPRESSION: "Expression",
+  TAB_PROPERTY: "Property",
+  // Messages
+  UNSAVED_CHANGES_MESSAGE: "You have unsaved changes. Do you want to save them?",
+  DISCARD_CHANGES: "Discard Changes",
+  SAVE_CHANGES: "Save Changes",
+  // Custom Menu
+  NONE: "None",
+  SELECT_RIGHT_DATA_TYPE: "Select the right data type for the mapping to prevent errors when sharing value."
+};
+
+export { DYNAMIC_MAPPING_UI_STRINGS };
+//# sourceMappingURL=ui-strings.js.map

package/dist/es/dynamic-mapping/constants/ui-strings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-strings.js","sources":["../../../../src/dynamic-mapping/constants/ui-strings.ts"],"sourcesContent":["/**\n * UI String Constants for Dynamic Mapping Module\n * All user-facing strings are centralized here\n * Note: Style-related strings and classnames are kept inline\n */\n\nexport const DYNAMIC_MAPPING_UI_STRINGS = {\n  // Header\n  EDIT_MAPPING: 'Edit Mapping',\n  NEW_MAPPING: 'New Mapping',\n  CONFIGURATION: 'Configuration',\n  MAPPING: 'Mapping',\n  SAVE_MAPPING: 'Save Mapping',\n  UPDATE_MAPPING: 'Update Mapping',\n  SAVE_CONFIGURATION: 'Save Configuration',\n  \n  // Configuration\n  SURVEY_NAME_LABEL: 'Survey Name:',\n  IMPORT_RESPONSE_LABEL: 'Import Response',\n  RESPONSE_IMPORT_TYPE: 'Response Import Type',\n  \n  // Mapping\n  SELECT_ALL_QUESTIONS: 'Select all Questions',\n  SELECT_ALL_VARIABLES: 'Select all Variables',\n  SELECT_ALL_CONTACT_PROPERTIES: 'Select all Contact Properties',\n  SELECT_ALL_EXPRESSIONS: 'Select all Expressions',\n  SELECT_ALL_PROPERTIES: 'Select all Properties',\n  SELECT_ALL_DERIVED_QUESTIONS: 'Select all Derived Questions',\n  \n  SEARCH_PLACEHOLDER: 'Search',\n  NO_RESULTS_FOUND: 'No results found',\n  \n  // Dropdown\n  DAYS: 'Days',\n  CANCEL: 'Cancel',\n  APPLY: 'Apply',\n  CHOOSE: 'Choose',\n  \n  // Custom Select\n  ADD_ACCOUNT: 'Add Account',\n  IN_USE_ADDON: 'In Use (Add-on)',\n  \n  // Placeholders\n  PLACEHOLDER_EMPTY: '',\n  \n  // Tabs\n  TAB_QUESTIONS: 'Questions',\n  TAB_ENRICH: 'Enrich',\n  TAB_VARIABLE: 'Variable',\n  TAB_CONTACT: 'Contact',\n  TAB_EXPRESSION: 'Expression',\n  TAB_PROPERTY: 'Property',\n  \n  // Messages\n  UNSAVED_CHANGES_MESSAGE: 'You have unsaved changes. Do you want to save them?',\n  DISCARD_CHANGES: 'Discard Changes',\n  SAVE_CHANGES: 'Save Changes',\n  \n  // Custom Menu\n  NONE: 'None',\n  SELECT_RIGHT_DATA_TYPE: 'Select the right data type for the mapping to prevent errors when sharing value.',\n} as const;\n\nexport const DATE_FORMAT = {\n  DISPLAY: 'MMM D, YYYY',\n  INPUT: 'YYYY-MM-DD',\n  DATE_TIME: 'MM/DD/YYYY • HH:mm',\n} as const;\n\nexport const NUMBER_WORDS: Record<number, string> = {\n  1: 'one',\n  2: 'two',\n  3: 'three',\n  4: 'four',\n  5: 'five',\n  6: 'six',\n  7: 'seven',\n  8: 'eight',\n  9: 'nine',\n  10: 'ten',\n} as const;\n\n"],"names":[],"mappings":"AAMO,MAAM,0BAA6B,GAAA;AAAA;AAAA,EAExC,YAAc,EAAA,cAAA;AAAA,EACd,WAAa,EAAA,aAAA;AAAA,EACb,aAAe,EAAA,eAAA;AAAA,EACf,OAAS,EAAA,SAAA;AAAA,EACT,YAAc,EAAA,cAAA;AAAA,EACd,cAAgB,EAAA,gBAAA;AAAA,EAChB,kBAAoB,EAAA,oBAAA;AAAA;AAAA,EAGpB,iBAAmB,EAAA,cAAA;AAAA,EACnB,qBAAuB,EAAA,iBAAA;AAAA,EACvB,oBAAsB,EAAA,sBAAA;AAAA;AAAA,EAGtB,oBAAsB,EAAA,sBAAA;AAAA,EACtB,oBAAsB,EAAA,sBAAA;AAAA,EACtB,6BAA+B,EAAA,+BAAA;AAAA,EAC/B,sBAAwB,EAAA,wBAAA;AAAA,EACxB,qBAAuB,EAAA,uBAAA;AAAA,EACvB,4BAA8B,EAAA,8BAAA;AAAA,EAE9B,kBAAoB,EAAA,QAAA;AAAA,EACpB,gBAAkB,EAAA,kBAAA;AAAA;AAAA,EAGlB,IAAM,EAAA,MAAA;AAAA,EACN,MAAQ,EAAA,QAAA;AAAA,EACR,KAAO,EAAA,OAAA;AAAA,EACP,MAAQ,EAAA,QAAA;AAAA;AAAA,EAGR,WAAa,EAAA,aAAA;AAAA,EACb,YAAc,EAAA,iBAAA;AAAA;AAAA,EAGd,iBAAmB,EAAA,EAAA;AAAA;AAAA,EAGnB,aAAe,EAAA,WAAA;AAAA,EACf,UAAY,EAAA,QAAA;AAAA,EACZ,YAAc,EAAA,UAAA;AAAA,EACd,WAAa,EAAA,SAAA;AAAA,EACb,cAAgB,EAAA,YAAA;AAAA,EAChB,YAAc,EAAA,UAAA;AAAA;AAAA,EAGd,uBAAyB,EAAA,qDAAA;AAAA,EACzB,eAAiB,EAAA,iBAAA;AAAA,EACjB,YAAc,EAAA,cAAA;AAAA;AAAA,EAGd,IAAM,EAAA,MAAA;AAAA,EACN,sBAAwB,EAAA,kFAAA;AAC1B;;;;"}

package/dist/es/dynamic-mapping/index.js

@@ -7,6 +7,7 @@ import { surveySparrowURL, dynamicDateOptions } from '../commons/constants/index
 import dayjs from '../node_modules/dayjs/dayjs.min.js';
 import { Mapping } from '../mapping/components/mapping.js';
 import NamingModal from '../commons/components/NamingModal.js';
+import { DYNAMIC_MAPPING_UI_STRINGS } from './constants/ui-strings.js';
 import { ThemeProvider } from '../node_modules/@sparrowengg/twigs-react/dist/es/theme-provider/theme-provider.js';
 import { TooltipProvider, Tooltip } from '../node_modules/@sparrowengg/twigs-react/dist/es/tooltip/tooltip.js';
 import { Box } from '../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
@@ -325,7 +326,7 @@ const MappingHeader = ({
           size: "lg"
         }
       ),
-      /* @__PURE__ */ React__default.createElement(Heading, { size: "h6" }, (editField == null ? void 0 : editField.id) ? "Edit Mapping" : "New Mapping")
+      /* @__PURE__ */ React__default.createElement(Heading, { size: "h6" }, (editField == null ? void 0 : editField.id) ? DYNAMIC_MAPPING_UI_STRINGS.EDIT_MAPPING : DYNAMIC_MAPPING_UI_STRINGS.NEW_MAPPING)
     ),
     /* @__PURE__ */ React__default.createElement(
       Flex,
@@ -399,7 +400,7 @@ const MappingHeader = ({
             }
           }
         },
-        isMappingPage ? (editField == null ? void 0 : editField.id) ? "Update Mapping" : "Save Mapping" : "Continue, Mapping"
+        isMappingPage ? (editField == null ? void 0 : editField.id) ? DYNAMIC_MAPPING_UI_STRINGS.UPDATE_MAPPING : DYNAMIC_MAPPING_UI_STRINGS.SAVE_MAPPING : "Continue, Mapping"
       )
     ),
     hasNamingModal && isMappingPage && /* @__PURE__ */ React__default.createElement(
@@ -438,7 +439,7 @@ const ConfigurationSetup = ({
   editField
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
-  return /* @__PURE__ */ React__default.createElement(Box, { css: { maxWidth: 488, width: "100%" } }, /* @__PURE__ */ React__default.createElement(Heading, { size: "h5" }, "Event Details"), /* @__PURE__ */ React__default.createElement(Flex, { gap: "$2", css: { marginTop: "$4" } }, /* @__PURE__ */ React__default.createElement(Text, { size: "sm", css: { color: "$neutral500" } }, "Survey Name:"), /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(Box, { css: { maxWidth: 488, width: "100%" } }, /* @__PURE__ */ React__default.createElement(Heading, { size: "h5" }, "Event Details"), /* @__PURE__ */ React__default.createElement(Flex, { gap: "$2", css: { marginTop: "$4" } }, /* @__PURE__ */ React__default.createElement(Text, { size: "sm", css: { color: "$neutral500" } }, DYNAMIC_MAPPING_UI_STRINGS.SURVEY_NAME_LABEL), /* @__PURE__ */ React__default.createElement(
     Tooltip,
     {
       content: (surveyName == null ? void 0 : surveyName.length) > 25 ? surveyName : "",