@sparrowengg/integrations-templates-frontend 1.9.84-beta.0 → 1.9.84-beta.10

package/dist/es/authentication/index.js

@@ -1,6 +1,7 @@
 import React__default from 'react';
 import ThemeWrapper from '../commons/components/theme-wrapper.js';
 import { FieldTypes } from './constants/index.js';
+import { FORM_WIDTH } from '../commons/constants/index.js';
 import { Flex } from '../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
 import { Box } from '../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
 import { Heading } from '../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js';
@@ -15,38 +16,41 @@ const Authentication = ({
   fields,
   onSuccessHandler
 }) => {
-  return /* @__PURE__ */ React__default.createElement(ThemeWrapper, null, /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(Box, { css: { width: 488 } }, /* @__PURE__ */ React__default.createElement(Heading, { size: "h5" }, `Connect your ${integrationName} account`), /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$8", css: { marginTop: "$12" } }, fields.map((field) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, field.type === FieldTypes.SELECT ? /* @__PURE__ */ React__default.createElement(Flex, { gap: "$2", flexDirection: "column", css: { width: "100%" } }, /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs", css: { fontWeight: "$5" } }, field.label), " ", /* @__PURE__ */ React__default.createElement(
-    Select,
-    {
-      size: "lg",
-      value: field.value,
-      required: field == null ? void 0 : field.required,
-      requiredIndicator: field == null ? void 0 : field.required,
-      onChange: (value) => {
-        var _a;
-        return field.changeFieldValue(value, (_a = field.id) != null ? _a : field.label);
-      },
-      options: field == null ? void 0 : field.options,
-      placeholder: field == null ? void 0 : field.placeholder
-    }
-  )) : /* @__PURE__ */ React__default.createElement(
-    FormInput,
-    {
-      size: "lg",
-      label: field.label,
-      required: field == null ? void 0 : field.required,
-      requiredIndicator: field == null ? void 0 : field.required,
-      placeholder: field == null ? void 0 : field.placeholder,
-      type: field.isPassword ? FieldTypes.PASSWORD : FieldTypes.TEXT,
-      onChange: (e) => {
-        var _a;
-        return field.changeFieldValue(
-          e.currentTarget.value,
-          (_a = field.id) != null ? _a : field.label
-        );
+  return /* @__PURE__ */ React__default.createElement(ThemeWrapper, null, /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(Box, { css: { width: FORM_WIDTH } }, /* @__PURE__ */ React__default.createElement(Heading, { size: "h5" }, `Connect your ${integrationName} account`), /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$8", css: { marginTop: "$12" } }, fields.map(
+    (field) => field.type === FieldTypes.SELECT ? /* @__PURE__ */ React__default.createElement(Flex, { key: field.id, gap: "$2", flexDirection: "column", css: { width: "100%" } }, /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs", css: { fontWeight: "$5" } }, field.label), /* @__PURE__ */ React__default.createElement(
+      Select,
+      {
+        size: "lg",
+        value: field.value,
+        required: field == null ? void 0 : field.required,
+        requiredIndicator: field == null ? void 0 : field.required,
+        onChange: (value) => {
+          var _a;
+          return field.changeFieldValue(value, (_a = field.id) != null ? _a : field.label);
+        },
+        options: field == null ? void 0 : field.options,
+        placeholder: field == null ? void 0 : field.placeholder
+      }
+    )) : /* @__PURE__ */ React__default.createElement(
+      FormInput,
+      {
+        key: field.id,
+        size: "lg",
+        label: field.label,
+        required: field == null ? void 0 : field.required,
+        requiredIndicator: field == null ? void 0 : field.required,
+        placeholder: field == null ? void 0 : field.placeholder,
+        type: field.isPassword ? FieldTypes.PASSWORD : FieldTypes.TEXT,
+        onChange: (e) => {
+          var _a;
+          return field.changeFieldValue(
+            e.currentTarget.value,
+            (_a = field.id) != null ? _a : field.label
+          );
+        }
       }
-    }
-  )))), /* @__PURE__ */ React__default.createElement(
+    )
+  )), /* @__PURE__ */ React__default.createElement(
     Button,
     {
       css: { marginTop: "$16" },

package/dist/es/authentication/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/authentication/index.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Flex,\n  FormInput,\n  FormLabel,\n  Heading,\n  Select,\n  ThemeProvider\n} from \"@sparrowengg/twigs-react\";\nimport { ChevronRightIcon } from \"@sparrowengg/twigs-react-icons\";\nimport React from \"react\";\nimport { AuthenticationProps } from \"./types\";\nimport ThemeWrapper from \"../commons/components/theme-wrapper\";\nimport { FieldTypes } from \"./constants\";\n\nexport const Authentication = ({\n  integrationName,\n  fields,\n  onSuccessHandler\n}: AuthenticationProps) => {\n  return (\n    <ThemeWrapper>\n      <Flex alignItems=\"center\" justifyContent=\"center\">\n        <Box css={{ width: 488 }}>\n          <Heading size=\"h5\">{`Connect your ${integrationName} account`}</Heading>\n          <Flex flexDirection=\"column\" gap=\"$8\" css={{ marginTop: \"$12\" }}>\n            {fields.map((field) => (\n              <>\n                {field.type === FieldTypes.SELECT ? (\n                  <Flex gap=\"$2\" flexDirection=\"column\" css={{ width: \"100%\" }}>\n                    <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                      {field.label}\n                    </FormLabel>{\" \"}\n                    <Select\n                      size=\"lg\"\n                      value={field.value}\n                      required={field?.required}\n                      requiredIndicator={field?.required}\n                      onChange={(value) =>\n                        field.changeFieldValue(value, field.id ?? field.label)\n                      }\n                      options={field?.options}\n                      placeholder={field?.placeholder}\n                    />\n                  </Flex>\n                ) : (\n                  <FormInput\n                    size=\"lg\"\n                    label={field.label}\n                    required={field?.required}\n                    requiredIndicator={field?.required}\n                    placeholder={field?.placeholder}\n                    type={\n                      field.isPassword ? FieldTypes.PASSWORD : FieldTypes.TEXT\n                    }\n                    onChange={(e) =>\n                      field.changeFieldValue(\n                        e.currentTarget.value,\n                        field.id ?? field.label\n                      )\n                    }\n                  />\n                )}\n              </>\n            ))}\n          </Flex>\n          <Button\n            css={{ marginTop: \"$16\" }}\n            onClick={onSuccessHandler}\n            rightIcon={<ChevronRightIcon />}\n            size=\"lg\"\n          >\n            Authorize & Continue\n          </Button>\n        </Box>\n      </Flex>\n    </ThemeWrapper>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/authentication/index.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Flex,\n  FormInput,\n  FormLabel,\n  Heading,\n  Select,\n  ThemeProvider\n} from \"@sparrowengg/twigs-react\";\nimport { ChevronRightIcon } from \"@sparrowengg/twigs-react-icons\";\nimport React from \"react\";\nimport { AuthenticationProps } from \"./types\";\nimport ThemeWrapper from \"../commons/components/theme-wrapper\";\nimport { FieldTypes } from \"./constants\";\nimport { FORM_WIDTH } from \"../commons/constants\";\n\nexport const Authentication = ({\n  integrationName,\n  fields,\n  onSuccessHandler\n}: AuthenticationProps) => {\n  return (\n    <ThemeWrapper>\n      <Flex alignItems=\"center\" justifyContent=\"center\">\n        <Box css={{ width: FORM_WIDTH }}>\n          <Heading size=\"h5\">{`Connect your ${integrationName} account`}</Heading>\n          <Flex flexDirection=\"column\" gap=\"$8\" css={{ marginTop: \"$12\" }}>\n            {fields.map((field) => \n              field.type === FieldTypes.SELECT ? (\n                <Flex key={field.id} gap=\"$2\" flexDirection=\"column\" css={{ width: \"100%\" }}>\n                  <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                    {field.label}\n                  </FormLabel>\n                  <Select\n                    size=\"lg\"\n                    value={field.value}\n                    required={field?.required}\n                    requiredIndicator={field?.required}\n                                               onChange={(value: unknown) =>\n                             field.changeFieldValue(value as string | number | boolean, field.id ?? field.label)\n                           }\n                    options={field?.options}\n                    placeholder={field?.placeholder}\n                  />\n                </Flex>\n              ) : (\n                <FormInput\n                  key={field.id}\n                  size=\"lg\"\n                  label={field.label}\n                  required={field?.required}\n                  requiredIndicator={field?.required}\n                  placeholder={field?.placeholder}\n                  type={\n                    field.isPassword ? FieldTypes.PASSWORD : FieldTypes.TEXT\n                  }\n                                           onChange={(e: unknown) =>\n                           field.changeFieldValue(\n                             (e as React.ChangeEvent<HTMLInputElement>).currentTarget.value,\n                             field.id ?? field.label\n                           )\n                         }\n                />\n              )\n            )}\n          </Flex>\n          <Button\n            css={{ marginTop: \"$16\" }}\n            onClick={onSuccessHandler}\n            rightIcon={<ChevronRightIcon />}\n            size=\"lg\"\n          >\n            Authorize & Continue\n          </Button>\n        </Box>\n      </Flex>\n    </ThemeWrapper>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/es/commons/components/NamingModal.js

@@ -0,0 +1,78 @@
+import React__default from 'react';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogBody, DialogFooter, DialogClose } 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 { FormInput } from '../../node_modules/@sparrowengg/twigs-react/dist/es/input/form-input.js';
+import { Button } from '../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js';
+import { Box } from '../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
+import { IconButton } from '../../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js';
+import { CloseIcon } from '../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/close.js';
+
+function NamingModal({
+  editFieldId,
+  mappingLoader,
+  saveHandler,
+  closeHandler,
+  value,
+  setValue,
+  isOpen
+}) {
+  return /* @__PURE__ */ React__default.createElement(Dialog, { open: isOpen, size: "sm" }, /* @__PURE__ */ React__default.createElement(DialogContent, null, /* @__PURE__ */ React__default.createElement(
+    DialogHeader,
+    {
+      css: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "flex-start",
+        justifyContent: "center",
+        borderBottom: "none !important"
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(DialogTitle, { size: "lg" }, "Mapping Name")
+  ), /* @__PURE__ */ React__default.createElement(DialogBody, { css: {
+    paddingInline: "$12",
+    paddingTop: "0 !important",
+    paddingBottom: "$8"
+  } }, /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$2", css: { marginBottom: "$2" } }, /* @__PURE__ */ React__default.createElement(
+    FormInput,
+    {
+      size: "lg",
+      id: "name",
+      value,
+      onChange: (e) => setValue(e.target.value),
+      maxLength: 50,
+      placeholder: "Enter a name for future reference"
+    }
+  ))), /* @__PURE__ */ React__default.createElement(DialogFooter, null, /* @__PURE__ */ React__default.createElement(
+    Flex,
+    {
+      css: {
+        width: "100%"
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      Button,
+      {
+        loading: mappingLoader,
+        size: "lg",
+        color: "primary",
+        css: {
+          width: "100%"
+        },
+        onClick: saveHandler
+      },
+      editFieldId ? "Update Mapping" : "Save Mapping"
+    )
+  )), /* @__PURE__ */ React__default.createElement(Box, { css: { position: "absolute", top: "$8", right: "$8" } }, /* @__PURE__ */ React__default.createElement(DialogClose, { asChild: true, onClick: closeHandler }, /* @__PURE__ */ React__default.createElement(
+    IconButton,
+    {
+      size: "lg",
+      icon: /* @__PURE__ */ React__default.createElement(CloseIcon, null),
+      variant: "ghost",
+      "aria-label": "Close",
+      color: "default"
+    }
+  )))));
+}
+
+export { NamingModal as default };
+//# sourceMappingURL=NamingModal.js.map

package/dist/es/commons/components/NamingModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NamingModal.js","sources":["../../../../src/commons/components/NamingModal.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Dialog,\n  DialogHeader,\n  DialogTitle,\n  DialogBody,\n  DialogFooter,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  IconButton,\n  Box,\n  Button,\n  Flex,\n  FormInput,\n} from \"@sparrowengg/twigs-react\";\nimport { CloseIcon } from \"@sparrowengg/twigs-react-icons\";\n\nexport default function NamingModal({\n  editFieldId,\n  mappingLoader,\n  saveHandler,\n  closeHandler,\n  value,\n  setValue,\n  isOpen,\n}: {\n  editFieldId: string | number | undefined;\n  mappingLoader: boolean;\n  saveHandler: () => void;\n  closeHandler: () => void;\n  value: string;\n  setValue: (value: string) => void;\n  isOpen: boolean;\n}) {\n  return (\n    <Dialog open={isOpen} size=\"sm\">\n      <DialogContent>\n        <DialogHeader\n          css={{\n            display: \"flex\",\n            flexDirection: \"column\",\n            alignItems: \"flex-start\",\n            justifyContent: \"center\",\n            borderBottom: \"none !important\",\n          }}\n        >\n          <DialogTitle size=\"lg\">Mapping Name</DialogTitle>\n        </DialogHeader>\n        <DialogBody css={{\n            paddingInline: '$12',\n            paddingTop: '0 !important',\n            paddingBottom: '$8',\n        }}>\n          <Flex flexDirection=\"column\" gap=\"$2\" css={{ marginBottom: \"$2\" }}>\n            <FormInput\n              size=\"lg\"\n              id=\"name\"\n              value={value}\n              onChange={(e) => setValue(e.target.value)}\n              maxLength={50}\n              placeholder=\"Enter a name for future reference\"\n            />\n          </Flex>\n        </DialogBody>\n        <DialogFooter>\n          <Flex\n            css={{\n              width: \"100%\",\n            }}\n          >\n            <Button\n              loading={mappingLoader}\n              size=\"lg\"\n              color=\"primary\"\n              css={{\n                width: \"100%\",\n              }}\n              onClick={saveHandler}\n            >\n              {editFieldId ? \"Update Mapping\" : \"Save Mapping\"}\n            </Button>\n          </Flex>\n        </DialogFooter>\n        <Box css={{ position: \"absolute\", top: \"$8\", right: \"$8\" }}>\n          <DialogClose asChild onClick={closeHandler}>\n            <IconButton\n              size=\"lg\"\n              icon={<CloseIcon />}\n              variant=\"ghost\"\n              aria-label=\"Close\"\n              color=\"default\"\n            />\n          </DialogClose>\n        </Box>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"names":["React"],"mappings":";;;;;;;;;AAkBA,SAAwB,WAAY,CAAA;AAAA,EAClC,WAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AACF,CAQG,EAAA;AACD,EAAA,oDACG,MAAO,EAAA,EAAA,IAAA,EAAM,QAAQ,IAAK,EAAA,IAAA,EAAA,+CACxB,aACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA;AAAA,QACH,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,QAAA;AAAA,QACf,UAAY,EAAA,YAAA;AAAA,QACZ,cAAgB,EAAA,QAAA;AAAA,QAChB,YAAc,EAAA,iBAAA;AAAA,OAChB;AAAA,KAAA;AAAA,oBAECA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,IAAK,EAAA,IAAA,EAAA,EAAK,cAAY,CAAA;AAAA,GACrC,kBACCA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,GAAK,EAAA;AAAA,IACb,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,cAAA;AAAA,IACZ,aAAe,EAAA,IAAA;AAAA,GACnB,EAAA,kBACGA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,aAAc,EAAA,QAAA,EAAS,GAAI,EAAA,IAAA,EAAK,GAAK,EAAA,EAAE,YAAc,EAAA,IAAA,EACzD,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,IAAA;AAAA,MACL,EAAG,EAAA,MAAA;AAAA,MACH,KAAA;AAAA,MACA,UAAU,CAAC,CAAA,KAAM,QAAS,CAAA,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,MACxC,SAAW,EAAA,EAAA;AAAA,MACX,WAAY,EAAA,mCAAA;AAAA,KAAA;AAAA,GAEhB,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,YACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA;AAAA,QACH,KAAO,EAAA,MAAA;AAAA,OACT;AAAA,KAAA;AAAA,oBAEAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAS,EAAA,aAAA;AAAA,QACT,IAAK,EAAA,IAAA;AAAA,QACL,KAAM,EAAA,SAAA;AAAA,QACN,GAAK,EAAA;AAAA,UACH,KAAO,EAAA,MAAA;AAAA,SACT;AAAA,QACA,OAAS,EAAA,WAAA;AAAA,OAAA;AAAA,MAER,cAAc,gBAAmB,GAAA,cAAA;AAAA,KACpC;AAAA,GAEJ,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,GAAK,EAAA,EAAE,UAAU,UAAY,EAAA,GAAA,EAAK,IAAM,EAAA,KAAA,EAAO,MAClD,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,eAAY,OAAO,EAAA,IAAA,EAAC,SAAS,YAC5B,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,IAAA;AAAA,MACL,IAAA,+CAAO,SAAU,EAAA,IAAA,CAAA;AAAA,MACjB,OAAQ,EAAA,OAAA;AAAA,MACR,YAAW,EAAA,OAAA;AAAA,MACX,KAAM,EAAA,SAAA;AAAA,KAAA;AAAA,GAEV,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/es/commons/constants/enhanced.js

@@ -0,0 +1,10 @@
+const MAPPING_TYPES = [
+  { label: "Question", value: "QUESTION" },
+  { label: "Contact", value: "CONTACT" },
+  { label: "Variable", value: "VARIABLE" },
+  { label: "Expression", value: "EXPRESSION" },
+  { label: "Submission Property", value: "SUBMISSION_PROPERTY" }
+];
+
+export { MAPPING_TYPES };
+//# sourceMappingURL=enhanced.js.map

package/dist/es/commons/constants/enhanced.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enhanced.js","sources":["../../../../src/commons/constants/enhanced.ts"],"sourcesContent":["import { SelectOption, DateOption, FilterCondition } from '../types/enhanced';\n\n// API Constants\nexport const API_ENDPOINTS = {\n  SURVEY_SPARROW: 'https://api.surveysparrow.com',\n  SURVEY_QUESTIONS: '/surveys/:surveyId/questions',\n  SURVEY_VARIABLES: '/surveys/:surveyId/variables',\n  SURVEY_EXPRESSIONS: '/surveys/:surveyId/expressions',\n  CONTACT_PROPERTIES: '/contact-properties',\n  SURVEY_CHANNELS: '/surveys/:surveyId/channels',\n} as const;\n\n// UI Constants\nexport const UI_CONSTANTS = {\n  FORM_WIDTH: 488,\n  MODAL_MAX_WIDTH: 600,\n  INPUT_MAX_LENGTH: 30,\n  TABLE_PAGE_SIZE: 10,\n  MAX_FILTER_CONDITIONS: 5,\n  DEBOUNCE_DELAY: 300,\n} as const;\n\n// CSS Spacing (Stitches Design Tokens)\nexport const SPACING = {\n  xs: '$2',\n  sm: '$4',\n  md: '$8',\n  lg: '$12',\n  xl: '$16',\n  '2xl': '$24',\n  '3xl': '$32',\n  '4xl': '$40',\n} as const;\n\n// Field Types\nexport const FIELD_TYPES = {\n  TEXT: 'text',\n  EMAIL: 'email',\n  PASSWORD: 'password',\n  NUMBER: 'number',\n  DATE: 'date',\n  SELECT: 'select',\n  CHECKBOX: 'checkbox',\n  RADIO: 'radio',\n  TEXTAREA: 'textarea',\n} as const;\n\n// Integration Field Types\nexport const INTEGRATION_FIELD_TYPES = {\n  STRING: 'STRING',\n  NUMBER: 'NUMBER',\n  BOOLEAN: 'BOOLEAN',\n  DATE_TIME: 'DATE_TIME',\n  EMAIL: 'EMAIL',\n  PHONE: 'PHONE',\n  URL: 'URL',\n} as const;\n\n// Survey Types\nexport const SURVEY_TYPES = {\n  CLASSIC: 'classic',\n  NPS: 'nps',\n  CHAT: 'chat',\n  KIOSK: 'kiosk',\n} as const;\n\n// Mapping Types\nexport const MAPPING_TYPES: SelectOption[] = [\n  { label: 'Question', value: 'QUESTION' },\n  { label: 'Contact', value: 'CONTACT' },\n  { label: 'Variable', value: 'VARIABLE' },\n  { label: 'Expression', value: 'EXPRESSION' },\n  { label: 'Submission Property', value: 'SUBMISSION_PROPERTY' },\n];\n\n// Data Type Options for Integration Fields\nexport const DATA_TYPE_OPTIONS: SelectOption[] = [\n  {\n    label: 'String',\n    value: 'STRING',\n  },\n  {\n    label: 'Number',\n    value: 'NUMBER',\n  },\n  {\n    label: 'Boolean',\n    value: 'BOOLEAN',\n  },\n  {\n    label: 'Date/Time',\n    value: 'DATE_TIME',\n  },\n];\n\n// Filter Operators\nexport const FILTER_OPERATORS: SelectOption[] = [\n  { label: 'is equals to', value: 'IS' },\n  { label: 'is not equals to', value: 'IS_NOT' },\n  { label: 'contains', value: 'CONTAINS' },\n  { label: 'not contains', value: 'CONTAINS_NOT' },\n  { label: 'has no value', value: 'NO_VALUE' },\n  { label: 'has any value', value: 'ANY_VALUE' },\n  { label: 'before', value: 'BEFORE' },\n  { label: 'after', value: 'AFTER' },\n  { label: 'on', value: 'ON' },\n];\n\n// Boolean Options\nexport const BOOLEAN_OPTIONS: SelectOption[] = [\n  { label: 'True', value: 'true' },\n  { label: 'False', value: 'false' },\n];\n\n// Date Options\nexport const DATE_OPTIONS: DateOption[] = [\n  {\n    label: 'Today',\n    value: 'today',\n    type: 'dynamic',\n  },\n  {\n    label: 'Yesterday',\n    value: 'yesterday',\n    type: 'dynamic',\n  },\n  {\n    label: 'Last 7 days',\n    value: 'last_7_days',\n    type: 'dynamic',\n  },\n  {\n    label: 'Last 30 days',\n    value: 'last_30_days',\n    type: 'dynamic',\n  },\n  {\n    label: 'Last 3 months',\n    value: 'last_3_months',\n    type: 'dynamic',\n  },\n  {\n    label: 'Custom Date',\n    value: 'custom',\n    type: 'static',\n  },\n];\n\n// Submission Properties for Classic Surveys\nexport const CLASSIC_SUBMISSION_PROPERTIES: SelectOption[] = [\n  { label: 'Submitted at', value: 'completed_time', type: 'STRING' },\n  { label: 'Device type', value: 'device_type', type: 'STRING' },\n  { label: 'Language', value: 'language', type: 'STRING' },\n  { label: 'Start time', value: 'start_time', type: 'STRING' },\n  { label: 'Survey ID', value: 'survey_id', type: 'STRING' },\n  { label: 'Time taken', value: 'time_taken', type: 'STRING' },\n  { label: 'Submission state', value: 'state', type: 'STRING' },\n  { label: 'Submission ID', value: 'id', type: 'STRING' },\n  { label: 'Location', value: 'location', type: 'STRING' },\n  { label: 'OS', value: 'os', type: 'STRING' },\n  { label: 'Browser', value: 'browser', type: 'STRING' },\n  { label: 'IP', value: 'ip', type: 'STRING' },\n  { label: 'Channel Type', value: 'channel_type', type: 'STRING' },\n];\n\n// Submission Properties for NPS Surveys\nexport const NPS_SUBMISSION_PROPERTIES: SelectOption[] = [\n  { label: 'Submission Start time', value: 'start_time', type: 'STRING' },\n  { label: 'Device type', value: 'device_type', type: 'STRING' },\n  { label: 'IP', value: 'ip', type: 'STRING' },\n  { label: 'Language', value: 'language', type: 'STRING' },\n  { label: 'Survey ID', value: 'survey_id', type: 'STRING' },\n  { label: 'Submission state', value: 'state', type: 'STRING' },\n  { label: 'Submission ID', value: 'id', type: 'STRING' },\n  { label: 'Time taken', value: 'time_taken', type: 'STRING' },\n  { label: 'Submitted at', value: 'completed_time', type: 'STRING' },\n  { label: 'Location', value: 'location', type: 'STRING' },\n  { label: 'OS', value: 'os', type: 'STRING' },\n  { label: 'Browser', value: 'browser', type: 'STRING' },\n];\n\n// Contact Import Frequencies\nexport const IMPORT_FREQUENCIES: SelectOption[] = [\n  { label: 'One Time', value: 'oneTime' },\n  { label: 'Daily', value: 'daily' },\n  { label: 'Weekly', value: 'weekly' },\n  { label: 'Monthly', value: 'monthly' },\n];\n\n// Time Zones (Common ones)\nexport const TIME_ZONES: SelectOption[] = [\n  { label: 'UTC', value: 'UTC' },\n  { label: 'America/New_York', value: 'America/New_York' },\n  { label: 'America/Los_Angeles', value: 'America/Los_Angeles' },\n  { label: 'Europe/London', value: 'Europe/London' },\n  { label: 'Asia/Kolkata', value: 'Asia/Kolkata' },\n  { label: 'Asia/Tokyo', value: 'Asia/Tokyo' },\n];\n\n// Notification Channels\nexport const NOTIFICATION_CHANNELS: SelectOption[] = [\n  { label: 'Email', value: 'email' },\n  { label: 'SMS', value: 'sms' },\n  { label: 'WhatsApp', value: 'whatsapp' },\n  { label: 'Slack', value: 'slack' },\n  { label: 'Webhook', value: 'webhook' },\n];\n\n// Status Options\nexport const STATUS_OPTIONS = {\n  PENDING: 'pending',\n  IN_PROGRESS: 'in_progress',\n  COMPLETED: 'completed',\n  FAILED: 'failed',\n  CANCELLED: 'cancelled',\n} as const;\n\n// Error Messages\nexport const ERROR_MESSAGES = {\n  REQUIRED_FIELD: 'This field is required',\n  INVALID_EMAIL: 'Please enter a valid email address',\n  INVALID_PHONE: 'Please enter a valid phone number',\n  INVALID_URL: 'Please enter a valid URL',\n  MIN_LENGTH: (min: number) => `Minimum ${min} characters required`,\n  MAX_LENGTH: (max: number) => `Maximum ${max} characters allowed`,\n  NETWORK_ERROR: 'Network error. Please try again.',\n  GENERIC_ERROR: 'Something went wrong. Please try again.',\n} as const;\n\n// Success Messages\nexport const SUCCESS_MESSAGES = {\n  SAVED: 'Saved successfully',\n  UPDATED: 'Updated successfully',\n  DELETED: 'Deleted successfully',\n  IMPORTED: 'Import completed successfully',\n  EXPORTED: 'Export completed successfully',\n} as const;\n\n// Loading Messages\nexport const LOADING_MESSAGES = {\n  SAVING: 'Saving...',\n  LOADING: 'Loading...',\n  PROCESSING: 'Processing...',\n  IMPORTING: 'Importing...',\n  EXPORTING: 'Exporting...',\n} as const;\n\n// Default Values\nexport const DEFAULT_VALUES = {\n  PAGE_SIZE: 10,\n  DEBOUNCE_DELAY: 300,\n  TOAST_DURATION: 3000,\n  MAX_FILE_SIZE: 5 * 1024 * 1024, // 5MB\n  SUPPORTED_FILE_TYPES: ['.csv', '.xlsx', '.json'],\n} as const;\n\n// Validation Rules\nexport const VALIDATION_RULES = {\n  EMAIL_REGEX: /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/,\n  PHONE_REGEX: /^\\+?[\\d\\s\\-\\(\\)]+$/,\n  URL_REGEX: /^https?:\\/\\/.+/,\n  MIN_PASSWORD_LENGTH: 8,\n  MAX_TEXT_LENGTH: 255,\n  MAX_TEXTAREA_LENGTH: 1000,\n} as const;\n"],"names":[],"mappings":"AAmEO,MAAM,aAAgC,GAAA;AAAA,EAC3C,EAAE,KAAA,EAAO,UAAY,EAAA,KAAA,EAAO,UAAW,EAAA;AAAA,EACvC,EAAE,KAAA,EAAO,SAAW,EAAA,KAAA,EAAO,SAAU,EAAA;AAAA,EACrC,EAAE,KAAA,EAAO,UAAY,EAAA,KAAA,EAAO,UAAW,EAAA;AAAA,EACvC,EAAE,KAAA,EAAO,YAAc,EAAA,KAAA,EAAO,YAAa,EAAA;AAAA,EAC3C,EAAE,KAAA,EAAO,qBAAuB,EAAA,KAAA,EAAO,qBAAsB,EAAA;AAC/D;;;;"}

package/dist/es/commons/constants/index.js

@@ -20,6 +20,9 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const surveySparrowURL = "https://api.surveysparrow.com";
+const FORM_WIDTH = 488;
+const MODAL_MAX_WIDTH = 600;
+const INPUT_MAX_LENGTH = 30;
 const mappingType = [
   { id: 1, label: "Question", value: "QUESTION" },
   { id: 2, label: "Contact", value: "CONTACT" },
@@ -93,6 +96,7 @@ const defaultFieldValue = {
 ];
 const mappingTabValues = [
   { id: 1, name: "Questions", value: "QUESTIONS", placeholder: "questions" },
+  { id: 6, name: "Enriched Columns", value: "DERIVED_QUESTIONS", placeholder: "derivedQuestions" },
   { id: 2, name: "Variable", value: "VARIABLE", placeholder: "variables" },
   {
     id: 3,
@@ -217,5 +221,5 @@ const dynamicDateOptions = [
   }
 ];
 
-export { booleanOptions, defaultFieldValue, dynamicDateOptions, integrationsClassicSubmissionProperties, integrationsNpsSubmissionProperties, mappingPropertyValues, mappingTabValues, mappingType, operatorOptions, subMenuOptions, surveySparrowURL };
+export { FORM_WIDTH, INPUT_MAX_LENGTH, MODAL_MAX_WIDTH, booleanOptions, defaultFieldValue, dynamicDateOptions, integrationsClassicSubmissionProperties, integrationsNpsSubmissionProperties, mappingPropertyValues, mappingTabValues, mappingType, operatorOptions, subMenuOptions, surveySparrowURL };
 //# sourceMappingURL=index.js.map

package/dist/es/commons/constants/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/commons/constants/index.ts"],"sourcesContent":["import { v4 as uuid } from \"uuid\";\n\nexport const surveySparrowURL = \"https://api.surveysparrow.com\";\n\ntype MappingType = {\n  id: number;\n  label: string;\n  value: string;\n};\n\nexport const mappingType: MappingType[] = [\n  { id: 1, label: \"Question\", value: \"QUESTION\" },\n  { id: 2, label: \"Contact\", value: \"CONTACT\" },\n  { id: 3, label: \"Variable\", value: \"VARIABLE\" },\n  { id: 4, label: \"Expression\", value: \"EXPRESSION\" },\n  { id: 5, label: \"Submission Property\", value: \"SUBMISSION_PROPERTY\" },\n];\n\ntype FieldValue = {\n  id: string;\n  surveySparrowField: string | null;\n  integrationField: string | null;\n  integrationFieldType: string | null;\n  isEssentialField: boolean;\n  mappedType: MappingType;\n  defaultValue: string | null;\n  label?: string;\n  value?: string;\n  type?: string;\n};\n\nexport const defaultFieldValue: FieldValue = {\n  id: uuid(),\n  surveySparrowField: null,\n  integrationField: null,\n  integrationFieldType: null,\n  isEssentialField: false,\n  mappedType: mappingType[0],\n  defaultValue: null,\n};\n\ntype IntegrationMappingField = {\n  id: number;\n  label: string;\n  value: string;\n  type: string;\n  dependency?: FieldValue[];\n};\n\nexport const sampleIntegrationMappingFields: IntegrationMappingField[] = [\n  { id: 1, label: \"Email\", value: \"email\", type: \"email\" },\n  { id: 2, label: \"Phone Number\", value: \"phone_number\", type: \"NUMBER\" },\n  { id: 3, label: \"First Name\", value: \"first_name\", type: \"string\" },\n  { id: 4, label: \"Organization\", value: \"organization\", type: \"string\" },\n  { id: 5, label: \"Title\", value: \"title\", type: \"string\" },\n  {\n    id: 6,\n    label: \"External Id\",\n    value: \"external_id\",\n    type: \"string\",\n    dependency: [\n      {\n        ...defaultFieldValue,\n        isEssentialField: true,\n        id: uuid(),\n        label: \"Title\",\n        value: \"title\",\n        type: \"string\",\n      },\n      {\n        ...defaultFieldValue,\n        id: uuid(),\n        label: \"Image\",\n        value: \"image\",\n        type: \"string\",\n      },\n    ],\n  },\n  { id: 7, label: \"Last Name\", value: \"last_name\", type: \"string\" },\n  { id: 8, label: \"Image\", value: \"image\", type: \"string\" },\n  { id: 9, label: \"Address1\", value: \"address1\", type: \"string\" },\n  { id: 10, label: \"Address2\", value: \"address2\", type: \"string\" },\n  { id: 11, label: \"City\", value: \"city\", type: \"string\" },\n  { id: 12, label: \"Country\", value: \"country\", type: \"string\" },\n  { id: 13, label: \"Latitude\", value: \"latitude\", type: \"string\" },\n  { id: 14, label: \"Longitude\", value: \"longitude\", type: \"string\" },\n  { id: 15, label: \"Region\", value: \"region\", type: \"string\" },\n  { id: 16, label: \"Zip Code\", value: \"zip\", type: \"string\" },\n  { id: 17, label: \"Time Zone\", value: \"timezone\", type: \"string\" },\n  { id: 18, label: \"IP Address\", value: \"ip\", type: \"DATE_TIME\" },\n];\n\ntype SampleField = {\n  id?: string;\n  surveySparrowField: string | null;\n  integrationField: string | null;\n  isEssentialField: boolean;\n  mappedType: MappingType;\n};\n\nexport const sampleFields: SampleField[] = [\n  {\n    surveySparrowField: null,\n    integrationField: null,\n    isEssentialField: false,\n    mappedType: { id: 1, label: \"Question\", value: \"QUESTION\" },\n  },\n  {\n    id: uuid(),\n    surveySparrowField: null,\n    integrationField: null,\n    isEssentialField: true,\n    mappedType: { id: 1, label: \"Question\", value: \"QUESTION\" },\n  },\n];\n\nexport const sampleIntegrationFields: IntegrationMappingField[] = [\n  { id: 1, label: \"Email\", value: \"email\", type: \"email\" },\n];\n\ntype MappingTabValue = {\n  id: number;\n  name: string;\n  value: string;\n  placeholder: string;\n};\n\nexport const mappingTabValues: MappingTabValue[] = [\n  { id: 1, name: \"Questions\", value: \"QUESTIONS\", placeholder: \"questions\" },\n  { id: 2, name: \"Variable\", value: \"VARIABLE\", placeholder: \"variables\" },\n  {\n    id: 3,\n    name: \"Contact\",\n    value: \"CONTACT\",\n    placeholder: \"contactProperties\",\n  },\n  {\n    id: 4,\n    name: \"Expression\",\n    value: \"EXPRESSION\",\n    placeholder: \"expressions\",\n  },\n  { id: 5, name: \"Property\", value: \"PROPERTY\", placeholder: \"property\" },\n];\n\ntype MappingPropertyValue = {\n  name: string;\n  id: string;\n  isEnabled: boolean;\n};\n\nexport const mappingPropertyValues: MappingPropertyValue[] = [\n  { name: \"Select all Properties\", id: \"ALL\", isEnabled: false },\n  { name: \"Started Time\", id: \"STARTED_TIME\", isEnabled: false },\n  { name: \"Submitted Time\", id: \"SUBMITTED_TIME\", isEnabled: false },\n  { name: \"CompletionStatus\", id: \"COMPLETION_STATUS\", isEnabled: false },\n  { name: \"IP Address\", id: \"IP_ADDRESS\", isEnabled: false },\n  { name: \"Location\", id: \"LOCATION\", isEnabled: false },\n  { name: \"DMS (Lat, Long)\", id: \"DMS\", isEnabled: false },\n  { name: \"Channel Type\", id: \"CHANNEL_TYPE\", isEnabled: false },\n  { name: \"Channel Name\", id: \"CHANNEL_NAME\", isEnabled: false },\n  { name: \"Device ID\", id: \"DEVICE_ID\", isEnabled: false },\n  { name: \"Device Name\", id: \"DEVICE_NAME\", isEnabled: false },\n  { name: \"Browser\", id: \"BROWSER\", isEnabled: false },\n  { name: \"OS\", id: \"OS\", isEnabled: false },\n  { name: \"Submission Id\", id: \"SUBMISSION_ID\", isEnabled: false },\n  { name: \"Time Zone\", id: \"TIME_ZONE\", isEnabled: false },\n  { name: \"Device Type\", id: \"DEVICE_TYPE\", isEnabled: false },\n  { name: \"Browser Language\", id: \"BROWSER_LANGUAGE\", isEnabled: false },\n  { name: \"Tags\", id: \"TAGS\", isEnabled: false },\n  { name: \"Language Name\", id: \"LANGUAGE_NAME\", isEnabled: false },\n];\n\ntype SubMenuOption = {\n  id: number;\n  label: string;\n  subLabel: string;\n  value: string;\n};\n\nexport const subMenuOptions: SubMenuOption[] = [\n  {\n    id: 1,\n    label: \"String\",\n    subLabel: \"Textual Data. (Eg: Hello World, 1234)\",\n    value: \"STRING\",\n  },\n  {\n    id: 2,\n    label: \"Number\",\n    subLabel: \"Numeric Value. (Eg: 123, -45, 0)\",\n    value: \"NUMBER\",\n  },\n  { id: 3, label: \"Boolean\", subLabel: \"True or False\", value: \"BOOLEAN\" },\n  {\n    id: 4,\n    label: \"Date/Time\",\n    subLabel: \"Timestamp or Calendar Information\",\n    value: \"DATE_TIME\",\n  },\n];\n\ntype OperatorOption = {\n  id: number;\n  label: string;\n  value: string;\n  isDateOnly?: boolean;\n  type?: string\n};\n\nexport const operatorOptions: OperatorOption[] = [\n  { id: 1, label: \"is equals to\", value: \"IS\", type: \"BOOLEAN\" },\n  { id: 2, label: \"is not equals to\", value: \"IS_NOT\", type: \"BOOLEAN\"  },\n  { id: 3, label: \"contains\", value: \"CONTAINS\" },\n  { id: 4, label: \"not contains\", value: \"CONTAINS_NOT\" },\n  { id: 5, label: \"has no value\", value: \"NO_VALUE\" },\n  { id: 6, label: \"before\", value: \"BEFORE\", isDateOnly: true },\n  { id: 7, label: \"after\", value: \"AFTER\", isDateOnly: true },\n  { id: 8, label: \"on\", value: \"ON\", isDateOnly: true },\n  { id: 9, label: \"has any value\", value: \"ANY_VALUE\" },\n];\n\ntype BooleanOption = {\n  id: number;\n  label: string;\n  value: boolean;\n};\n\nexport const booleanOptions: BooleanOption[] = [\n  { id: 1, label: \"True\", value: true },\n  { id: 2, label: \"False\", value: false },\n];\nexport const integrationsNpsSubmissionProperties = [\n  { label: 'Submission Start time', value: 'start_time', type: 'STRING' },\n  { label: 'Device type', value: 'device_type', type: 'STRING' },\n  { label: 'IP', value: 'ip', type: 'STRING' },\n  { label: 'Language', value: 'language', type: 'STRING' },\n  { label: 'Survey ID', value: 'survey_id', type: 'STRING' },\n  { label: 'Submission state', value: 'state', type: 'STRING' },\n  { label: 'Submission ID', value: 'id', type: 'STRING' },\n  { label: 'Time taken', value: 'time_taken', type: 'STRING' },\n  { label: 'Submitted at', value: 'completed_time', type: 'STRING' },\n  { label: 'Location', value: 'location', type: 'STRING' },\n  { label: 'OS', value: 'os', type: 'STRING' },\n  { label: 'Browser', value: 'browser', type: 'STRING' },\n  { label: 'Login Email (Offline)', value: 'loginEmail', type: 'STRING' },\n  { label: 'DMS (Offline)', value: 'dms', type: 'STRING' },\n]; \n\nexport const integrationsClassicSubmissionProperties = [\n  { label: 'Submitted at', value: 'completed_time', type: 'STRING' },\n  { label: 'Device type', value: 'device_type', type: 'STRING' },\n  { label: 'Language', value: 'language', type: 'STRING' },\n  { label: 'Start time', value: 'start_time', type: 'STRING' },\n  { label: 'Survey ID', value: 'survey_id', type: 'STRING' },\n  { label: 'Time taken', value: 'time_taken', type: 'STRING' },\n  { label: 'Submission state', value: 'state', type: 'STRING' },\n  { label: 'Submission ID', value: 'id', type: 'STRING' },\n  { label: 'Location', value: 'location', type: 'STRING' },\n  { label: 'OS', value: 'os', type: 'STRING' },\n  { label: 'Browser', value: 'browser', type: 'STRING' },\n  { label: 'IP', value: 'ip', type: 'STRING' },\n  { label: 'Channel Type', value: 'channel_type', type: 'STRING' },\n  { label: 'Login Email (Offline)', value: 'loginEmail', type: 'STRING' },\n  { label: 'DMS (Offline)', value: 'dms', type: 'STRING' },\n];\n\nexport const dynamicDateOptions = [\n  {\n    label: \"Last 7 days\",\n    value: \"last_7_days\",\n  },\n  {\n    label: \"Last 30 days\",\n    value: \"last_30_days\",\n  },\n  {\n    label: \"Last 3 months\",\n    value: \"last_3_months\",\n  },\n  {\n    label: \"Custom\",\n    value: \"custom\",\n  },\n];\n"],"names":["uuid"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/commons/constants/index.ts"],"sourcesContent":["import { v4 as uuid } from \"uuid\";\n\nexport const surveySparrowURL = \"https://api.surveysparrow.com\";\n\n// UI Constants\nexport const FORM_WIDTH = 488;\nexport const MODAL_MAX_WIDTH = 600;\nexport const INPUT_MAX_LENGTH = 30;\n\n// CSS spacing constants (using stitches design tokens)\nexport const SPACING = {\n  xs: \"$2\",\n  sm: \"$4\", \n  md: \"$8\",\n  lg: \"$12\",\n  xl: \"$16\",\n  \"2xl\": \"$24\",\n  \"3xl\": \"$32\",\n  \"4xl\": \"$40\",\n} as const;\n\ntype MappingType = {\n  id: number;\n  label: string;\n  value: string;\n};\n\nexport const mappingType: MappingType[] = [\n  { id: 1, label: \"Question\", value: \"QUESTION\" },\n  { id: 2, label: \"Contact\", value: \"CONTACT\" },\n  { id: 3, label: \"Variable\", value: \"VARIABLE\" },\n  { id: 4, label: \"Expression\", value: \"EXPRESSION\" },\n  { id: 5, label: \"Submission Property\", value: \"SUBMISSION_PROPERTY\" },\n];\n\ntype FieldValue = {\n  id: string;\n  surveySparrowField: string | null;\n  integrationField: string | null;\n  integrationFieldType: string | null;\n  isEssentialField: boolean;\n  mappedType: MappingType;\n  defaultValue: string | null;\n  label?: string;\n  value?: string;\n  type?: string;\n};\n\nexport const defaultFieldValue: FieldValue = {\n  id: uuid(),\n  surveySparrowField: null,\n  integrationField: null,\n  integrationFieldType: null,\n  isEssentialField: false,\n  mappedType: mappingType[0],\n  defaultValue: null,\n};\n\ntype IntegrationMappingField = {\n  id: number;\n  label: string;\n  value: string;\n  type: string;\n  dependency?: FieldValue[];\n};\n\nexport const sampleIntegrationMappingFields: IntegrationMappingField[] = [\n  { id: 1, label: \"Email\", value: \"email\", type: \"email\" },\n  { id: 2, label: \"Phone Number\", value: \"phone_number\", type: \"NUMBER\" },\n  { id: 3, label: \"First Name\", value: \"first_name\", type: \"string\" },\n  { id: 4, label: \"Organization\", value: \"organization\", type: \"string\" },\n  { id: 5, label: \"Title\", value: \"title\", type: \"string\" },\n  {\n    id: 6,\n    label: \"External Id\",\n    value: \"external_id\",\n    type: \"string\",\n    dependency: [\n      {\n        ...defaultFieldValue,\n        isEssentialField: true,\n        id: uuid(),\n        label: \"Title\",\n        value: \"title\",\n        type: \"string\",\n      },\n      {\n        ...defaultFieldValue,\n        id: uuid(),\n        label: \"Image\",\n        value: \"image\",\n        type: \"string\",\n      },\n    ],\n  },\n  { id: 7, label: \"Last Name\", value: \"last_name\", type: \"string\" },\n  { id: 8, label: \"Image\", value: \"image\", type: \"string\" },\n  { id: 9, label: \"Address1\", value: \"address1\", type: \"string\" },\n  { id: 10, label: \"Address2\", value: \"address2\", type: \"string\" },\n  { id: 11, label: \"City\", value: \"city\", type: \"string\" },\n  { id: 12, label: \"Country\", value: \"country\", type: \"string\" },\n  { id: 13, label: \"Latitude\", value: \"latitude\", type: \"string\" },\n  { id: 14, label: \"Longitude\", value: \"longitude\", type: \"string\" },\n  { id: 15, label: \"Region\", value: \"region\", type: \"string\" },\n  { id: 16, label: \"Zip Code\", value: \"zip\", type: \"string\" },\n  { id: 17, label: \"Time Zone\", value: \"timezone\", type: \"string\" },\n  { id: 18, label: \"IP Address\", value: \"ip\", type: \"DATE_TIME\" },\n];\n\ntype SampleField = {\n  id?: string;\n  surveySparrowField: string | null;\n  integrationField: string | null;\n  isEssentialField: boolean;\n  mappedType: MappingType;\n};\n\nexport const sampleFields: SampleField[] = [\n  {\n    surveySparrowField: null,\n    integrationField: null,\n    isEssentialField: false,\n    mappedType: { id: 1, label: \"Question\", value: \"QUESTION\" },\n  },\n  {\n    id: uuid(),\n    surveySparrowField: null,\n    integrationField: null,\n    isEssentialField: true,\n    mappedType: { id: 1, label: \"Question\", value: \"QUESTION\" },\n  },\n];\n\nexport const sampleIntegrationFields: IntegrationMappingField[] = [\n  { id: 1, label: \"Email\", value: \"email\", type: \"email\" },\n];\n\ntype MappingTabValue = {\n  id: number;\n  name: string;\n  value: string;\n  placeholder: string;\n};\n\nexport const mappingTabValues: MappingTabValue[] = [\n  { id: 1, name: \"Questions\", value: \"QUESTIONS\", placeholder: \"questions\" },\n  { id: 6, name: \"Enriched Columns\", value: \"DERIVED_QUESTIONS\", placeholder: \"derivedQuestions\" },\n  { id: 2, name: \"Variable\", value: \"VARIABLE\", placeholder: \"variables\" },\n  {\n    id: 3,\n    name: \"Contact\",\n    value: \"CONTACT\",\n    placeholder: \"contactProperties\",\n  },\n  {\n    id: 4,\n    name: \"Expression\",\n    value: \"EXPRESSION\",\n    placeholder: \"expressions\",\n  },\n  { id: 5, name: \"Property\", value: \"PROPERTY\", placeholder: \"property\" },\n \n];\n\ntype MappingPropertyValue = {\n  name: string;\n  id: string;\n  isEnabled: boolean;\n};\n\nexport const mappingPropertyValues: MappingPropertyValue[] = [\n  { name: \"Select all Properties\", id: \"ALL\", isEnabled: false },\n  { name: \"Started Time\", id: \"STARTED_TIME\", isEnabled: false },\n  { name: \"Submitted Time\", id: \"SUBMITTED_TIME\", isEnabled: false },\n  { name: \"CompletionStatus\", id: \"COMPLETION_STATUS\", isEnabled: false },\n  { name: \"IP Address\", id: \"IP_ADDRESS\", isEnabled: false },\n  { name: \"Location\", id: \"LOCATION\", isEnabled: false },\n  { name: \"DMS (Lat, Long)\", id: \"DMS\", isEnabled: false },\n  { name: \"Channel Type\", id: \"CHANNEL_TYPE\", isEnabled: false },\n  { name: \"Channel Name\", id: \"CHANNEL_NAME\", isEnabled: false },\n  { name: \"Device ID\", id: \"DEVICE_ID\", isEnabled: false },\n  { name: \"Device Name\", id: \"DEVICE_NAME\", isEnabled: false },\n  { name: \"Browser\", id: \"BROWSER\", isEnabled: false },\n  { name: \"OS\", id: \"OS\", isEnabled: false },\n  { name: \"Submission Id\", id: \"SUBMISSION_ID\", isEnabled: false },\n  { name: \"Time Zone\", id: \"TIME_ZONE\", isEnabled: false },\n  { name: \"Device Type\", id: \"DEVICE_TYPE\", isEnabled: false },\n  { name: \"Browser Language\", id: \"BROWSER_LANGUAGE\", isEnabled: false },\n  { name: \"Tags\", id: \"TAGS\", isEnabled: false },\n  { name: \"Language Name\", id: \"LANGUAGE_NAME\", isEnabled: false },\n];\n\ntype SubMenuOption = {\n  id: number;\n  label: string;\n  subLabel: string;\n  value: string;\n};\n\nexport const subMenuOptions: SubMenuOption[] = [\n  {\n    id: 1,\n    label: \"String\",\n    subLabel: \"Textual Data. (Eg: Hello World, 1234)\",\n    value: \"STRING\",\n  },\n  {\n    id: 2,\n    label: \"Number\",\n    subLabel: \"Numeric Value. (Eg: 123, -45, 0)\",\n    value: \"NUMBER\",\n  },\n  { id: 3, label: \"Boolean\", subLabel: \"True or False\", value: \"BOOLEAN\" },\n  {\n    id: 4,\n    label: \"Date/Time\",\n    subLabel: \"Timestamp or Calendar Information\",\n    value: \"DATE_TIME\",\n  },\n];\n\ntype OperatorOption = {\n  id: number;\n  label: string;\n  value: string;\n  isDateOnly?: boolean;\n  type?: string\n};\n\nexport const operatorOptions: OperatorOption[] = [\n  { id: 1, label: \"is equals to\", value: \"IS\", type: \"BOOLEAN\" },\n  { id: 2, label: \"is not equals to\", value: \"IS_NOT\", type: \"BOOLEAN\"  },\n  { id: 3, label: \"contains\", value: \"CONTAINS\" },\n  { id: 4, label: \"not contains\", value: \"CONTAINS_NOT\" },\n  { id: 5, label: \"has no value\", value: \"NO_VALUE\" },\n  { id: 6, label: \"before\", value: \"BEFORE\", isDateOnly: true },\n  { id: 7, label: \"after\", value: \"AFTER\", isDateOnly: true },\n  { id: 8, label: \"on\", value: \"ON\", isDateOnly: true },\n  { id: 9, label: \"has any value\", value: \"ANY_VALUE\" },\n];\n\ntype BooleanOption = {\n  id: number;\n  label: string;\n  value: boolean;\n};\n\nexport const booleanOptions: BooleanOption[] = [\n  { id: 1, label: \"True\", value: true },\n  { id: 2, label: \"False\", value: false },\n];\nexport const integrationsNpsSubmissionProperties = [\n  { label: 'Submission Start time', value: 'start_time', type: 'STRING' },\n  { label: 'Device type', value: 'device_type', type: 'STRING' },\n  { label: 'IP', value: 'ip', type: 'STRING' },\n  { label: 'Language', value: 'language', type: 'STRING' },\n  { label: 'Survey ID', value: 'survey_id', type: 'STRING' },\n  { label: 'Submission state', value: 'state', type: 'STRING' },\n  { label: 'Submission ID', value: 'id', type: 'STRING' },\n  { label: 'Time taken', value: 'time_taken', type: 'STRING' },\n  { label: 'Submitted at', value: 'completed_time', type: 'STRING' },\n  { label: 'Location', value: 'location', type: 'STRING' },\n  { label: 'OS', value: 'os', type: 'STRING' },\n  { label: 'Browser', value: 'browser', type: 'STRING' },\n  { label: 'Login Email (Offline)', value: 'loginEmail', type: 'STRING' },\n  { label: 'DMS (Offline)', value: 'dms', type: 'STRING' },\n]; \n\nexport const integrationsClassicSubmissionProperties = [\n  { label: 'Submitted at', value: 'completed_time', type: 'STRING' },\n  { label: 'Device type', value: 'device_type', type: 'STRING' },\n  { label: 'Language', value: 'language', type: 'STRING' },\n  { label: 'Start time', value: 'start_time', type: 'STRING' },\n  { label: 'Survey ID', value: 'survey_id', type: 'STRING' },\n  { label: 'Time taken', value: 'time_taken', type: 'STRING' },\n  { label: 'Submission state', value: 'state', type: 'STRING' },\n  { label: 'Submission ID', value: 'id', type: 'STRING' },\n  { label: 'Location', value: 'location', type: 'STRING' },\n  { label: 'OS', value: 'os', type: 'STRING' },\n  { label: 'Browser', value: 'browser', type: 'STRING' },\n  { label: 'IP', value: 'ip', type: 'STRING' },\n  { label: 'Channel Type', value: 'channel_type', type: 'STRING' },\n  { label: 'Login Email (Offline)', value: 'loginEmail', type: 'STRING' },\n  { label: 'DMS (Offline)', value: 'dms', type: 'STRING' },\n];\n\nexport const dynamicDateOptions = [\n  {\n    label: \"Last 7 days\",\n    value: \"last_7_days\",\n  },\n  {\n    label: \"Last 30 days\",\n    value: \"last_30_days\",\n  },\n  {\n    label: \"Last 3 months\",\n    value: \"last_3_months\",\n  },\n  {\n    label: \"Custom\",\n    value: \"custom\",\n  },\n];\n"],"names":["uuid"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"contact-import-configure.js","sources":["../../../../src/contact-import/components/contact-import-configure.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Flex,\n  Heading,\n  Radio,\n  RadioGroup,\n  Select,\n} from \"@sparrowengg/twigs-react\";\nimport { ChevronRightIcon } from \"@sparrowengg/twigs-react-icons\";\nimport React, { useState } from \"react\";\nimport ImportSchedules from \"./conact-import-schedule\";\nimport { ContactImportConfigureProps } from \"../types\";\n\nconst ContactImportConfigure = ({\n  handleConfigureField,\n  listSegmentOptions,\n  contactImportField,\n}: ContactImportConfigureProps) => {\n  const [currentConfig, setCurrentConfig] = useState(\"LIST\");\n  const [currentList, setCurrentList] = useState(\n    contactImportField?.configure?.listSegmentValue ?? null\n  );\n\n  return (\n    <Flex justifyContent=\"center\">\n      <Box css={{ marginTop: \"$40\", maxWidth: 488, width: \"100%\" }}>\n        <Heading size=\"h5\">Import Contacts</Heading>\n        <RadioGroup\n          defaultValue={currentConfig}\n          onChange={(value) => {\n            setCurrentConfig(value);\n            setCurrentList(null);\n          }}\n        >\n          <Flex\n            css={{ marginTop: \"$12\", \"& label\": { color: \"$neutral800\" } }}\n            alignItems=\"center\"\n            gap=\"$12\"\n          >\n            <Radio size=\"md\" value=\"LIST\" css={{ cursor: \"pointer\" }}>\n              Import from (List/Segment)\n            </Radio>\n            <Radio size=\"md\" value=\"ALL\" css={{ cursor: \"pointer\" }}>\n              Import All Contacts\n            </Radio>\n          </Flex>\n        </RadioGroup>\n        {currentConfig === \"LIST\" ? (\n          <Select\n            css={{ marginTop: \"$12\" }}\n            onChange={(value) => setCurrentList(value)}\n            size=\"lg\"\n            placeholder=\"Choose (List/Segment)\"\n            options={listSegmentOptions}\n            value={currentList}\n          />\n        ) : null}\n        <Box css={{\n          marginBlock: \"$16\"\n        }}>\n        <ImportSchedules currentList={currentList} setCurrentList={setCurrentList}  />\n        </Box>\n        <Button\n          css={{ marginTop: \"$16\" }}\n          disabled={!currentList?.value && currentConfig !== \"ALL\"}\n          size=\"lg\"\n          onClick={() => {\n            handleConfigureField({\n              type: currentConfig,\n              listSegmentValue: currentList,\n            });\n          }}\n          rightIcon={<ChevronRightIcon />}\n        >\n          Next, Mapping\n        </Button>\n      </Box>\n    </Flex>\n  );\n};\n\nexport default ContactImportConfigure;\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"contact-import-configure.js","sources":["../../../../src/contact-import/components/contact-import-configure.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Flex,\n  Heading,\n  Radio,\n  RadioGroup,\n  Select,\n} from \"@sparrowengg/twigs-react\";\nimport { ChevronRightIcon } from \"@sparrowengg/twigs-react-icons\";\nimport React, { useState } from \"react\";\nimport ImportSchedules from \"./conact-import-schedule\";\nimport { ContactImportConfigureProps } from \"../types\";\nimport { SelectOption } from \"../../commons/types/enhanced\";\n\nconst ContactImportConfigure = ({\n  handleConfigureField,\n  listSegmentOptions,\n  contactImportField,\n}: ContactImportConfigureProps) => {\n  const [currentConfig, setCurrentConfig] = useState(\"LIST\");\n  const [currentList, setCurrentList] = useState(\n    contactImportField?.configure?.listSegmentValue ?? null\n  );\n\n  return (\n    <Flex justifyContent=\"center\">\n      <Box css={{ marginTop: \"$40\", maxWidth: 488, width: \"100%\" }}>\n        <Heading size=\"h5\">Import Contacts</Heading>\n        <RadioGroup\n          defaultValue={currentConfig}\n          onChange={(value) => {\n            setCurrentConfig(value);\n            setCurrentList(null);\n          }}\n        >\n          <Flex\n            css={{ marginTop: \"$12\", \"& label\": { color: \"$neutral800\" } }}\n            alignItems=\"center\"\n            gap=\"$12\"\n          >\n            <Radio size=\"md\" value=\"LIST\" css={{ cursor: \"pointer\" }}>\n              Import from (List/Segment)\n            </Radio>\n            <Radio size=\"md\" value=\"ALL\" css={{ cursor: \"pointer\" }}>\n              Import All Contacts\n            </Radio>\n          </Flex>\n        </RadioGroup>\n        {currentConfig === \"LIST\" ? (\n          <Select\n            css={{ marginTop: \"$12\" }}\n            onChange={(value: any) => setCurrentList(value)}\n            size=\"lg\"\n            placeholder=\"Choose (List/Segment)\"\n            options={listSegmentOptions}\n            value={currentList}\n          />\n        ) : null}\n        <Box css={{\n          marginBlock: \"$16\"\n        }}>\n        <ImportSchedules currentList={currentList} setCurrentList={setCurrentList}  />\n        </Box>\n        <Button\n          css={{ marginTop: \"$16\" }}\n          disabled={!currentList?.value && currentConfig !== \"ALL\"}\n          size=\"lg\"\n          onClick={() => {\n            handleConfigureField({\n              type: currentConfig,\n              listSegmentValue: currentList,\n            });\n          }}\n          rightIcon={<ChevronRightIcon />}\n        >\n          Next, Mapping\n        </Button>\n      </Box>\n    </Flex>\n  );\n};\n\nexport default ContactImportConfigure;\n"],"names":["React"],"mappings":";;;;;;;;;;AAeA,MAAM,yBAAyB,CAAC;AAAA,EAC9B,oBAAA;AAAA,EACA,kBAAA;AAAA,EACA,kBAAA;AACF,CAAmC,KAAA;AAnBnC,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAoBE,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,MAAM,CAAA,CAAA;AACzD,EAAM,MAAA,CAAC,WAAa,EAAA,cAAc,CAAI,GAAA,QAAA;AAAA,IAAA,CACpC,EAAoB,GAAA,CAAA,EAAA,GAAA,kBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,kBAAA,CAAA,SAAA,KAApB,IAA+B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,gBAAA,KAA/B,IAAmD,GAAA,EAAA,GAAA,IAAA;AAAA,GACrD,CAAA;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,cAAe,EAAA,QAAA,EAAA,+CAClB,GAAI,EAAA,EAAA,GAAA,EAAK,EAAE,SAAW,EAAA,KAAA,EAAO,UAAU,GAAK,EAAA,KAAA,EAAO,QAClD,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAQ,IAAK,EAAA,IAAA,EAAA,EAAK,iBAAe,CAClC,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAc,EAAA,aAAA;AAAA,MACd,QAAA,EAAU,CAAC,KAAU,KAAA;AACnB,QAAA,gBAAA,CAAiB,KAAK,CAAA,CAAA;AACtB,QAAA,cAAA,CAAe,IAAI,CAAA,CAAA;AAAA,OACrB;AAAA,KAAA;AAAA,oBAEAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,EAAE,SAAW,EAAA,KAAA,EAAO,WAAW,EAAE,KAAA,EAAO,eAAgB,EAAA;AAAA,QAC7D,UAAW,EAAA,QAAA;AAAA,QACX,GAAI,EAAA,KAAA;AAAA,OAAA;AAAA,sBAEJA,cAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,IAAA,EAAK,IAAK,EAAA,KAAA,EAAM,MAAO,EAAA,GAAA,EAAK,EAAE,MAAA,EAAQ,SAAU,EAAA,EAAA,EAAG,4BAE1D,CAAA;AAAA,sBACAA,cAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,IAAA,EAAK,IAAK,EAAA,KAAA,EAAM,KAAM,EAAA,GAAA,EAAK,EAAE,MAAA,EAAQ,SAAU,EAAA,EAAA,EAAG,qBAEzD,CAAA;AAAA,KACF;AAAA,GACF,EACC,kBAAkB,MACjB,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,EAAE,SAAA,EAAW,KAAM,EAAA;AAAA,MACxB,QAAU,EAAA,CAAC,KAAe,KAAA,cAAA,CAAe,KAAK,CAAA;AAAA,MAC9C,IAAK,EAAA,IAAA;AAAA,MACL,WAAY,EAAA,uBAAA;AAAA,MACZ,OAAS,EAAA,kBAAA;AAAA,MACT,KAAO,EAAA,WAAA;AAAA,KAAA;AAAA,GAEP,GAAA,IAAA,kBACHA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,GAAK,EAAA;AAAA,IACR,WAAa,EAAA,KAAA;AAAA,uBAEdA,cAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,WAA0B,EAAA,cAAA,EAAiC,CAC5E,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,EAAE,SAAA,EAAW,KAAM,EAAA;AAAA,MACxB,QAAU,EAAA,EAAC,WAAa,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAA,KAAA,CAAA,IAAS,aAAkB,KAAA,KAAA;AAAA,MACnD,IAAK,EAAA,IAAA;AAAA,MACL,SAAS,MAAM;AACb,QAAqB,oBAAA,CAAA;AAAA,UACnB,IAAM,EAAA,aAAA;AAAA,UACN,gBAAkB,EAAA,WAAA;AAAA,SACnB,CAAA,CAAA;AAAA,OACH;AAAA,MACA,SAAA,+CAAY,gBAAiB,EAAA,IAAA,CAAA;AAAA,KAAA;AAAA,IAC9B,eAAA;AAAA,GAGH,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -33,8 +33,11 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const defaultFieldValue = {
   integrationField: null,
-  surveySparrowField: "",
-  property: "custom"
+  surveySparrowField: null,
+  sampleData: [],
+  property: "custom",
+  mapped: false,
+  surveySparrowFieldError: false
 };
 const ContactImportMapping = ({
   contactImportField,
@@ -74,7 +77,7 @@ const ContactImportMapping = ({
       fields: [
         ...prev.fields,
         __spreadValues({
-          id: prev.fields.length ? prev.fields[prev.fields.length - 1].id + 1 : 1
+          id: prev.fields.length ? typeof prev.fields[prev.fields.length - 1].id === "number" ? prev.fields[prev.fields.length - 1].id + 1 : Date.now() : 1
         }, defaultFieldValue)
       ]
     }));
@@ -108,11 +111,11 @@ const ContactImportMapping = ({
       },
       /* @__PURE__ */ React__default.createElement(Thead, { css: { zIndex: 5, position: "sticky", top: "-31px" } }, /* @__PURE__ */ React__default.createElement(Th, null, `${integrationName} Profile Fields Data`), /* @__PURE__ */ React__default.createElement(Th, { css: { borderLeft: "$borderWidths$xs solid $neutral100" } }, "SurveySparrow Mapping")),
       /* @__PURE__ */ React__default.createElement(Tbody, null, contactImportField.fields.map((field) => {
-        var _a, _b, _c;
+        var _a, _b;
         const hasSurveyFieldValue = contactProperties.some(
           (contact) => contact.value === field.surveySparrowField
         );
-        return /* @__PURE__ */ React__default.createElement(Tr, { key: field.id }, /* @__PURE__ */ React__default.createElement(Td, { css: { width: 560 } }, field.property !== "custom" ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Text, { size: "sm", weight: "medium" }, (_a = field.integrationField) == null ? void 0 : _a.replace("_", " ")), (_b = field.sampleData) == null ? void 0 : _b.map((sample, index) => /* @__PURE__ */ React__default.createElement(
+        return /* @__PURE__ */ React__default.createElement(Tr, { key: field.id }, /* @__PURE__ */ React__default.createElement(Td, { css: { width: 560 } }, field.property !== "custom" ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Text, { size: "sm", weight: "medium" }, typeof field.integrationField === "string" ? field.integrationField.replace("_", " ") : field.integrationField), (_a = field.sampleData) == null ? void 0 : _a.map((sample, index) => /* @__PURE__ */ React__default.createElement(
           Text,
           {
             key: index,
@@ -164,9 +167,9 @@ const ContactImportMapping = ({
               size: "lg",
               placeholder: "--Choose Property--",
               value: field.surveySparrowField ? {
-                label: (_c = contactProperties.find(
+                label: (_b = contactProperties.find(
                   (contact) => contact.value === field.surveySparrowField
-                )) == null ? void 0 : _c.label,
+                )) == null ? void 0 : _b.label,
                 value: field.surveySparrowField
               } : null,
               options: contactProperties.filter(

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

@@ -1 +1 @@
-{"version":3,"file":"contact-import-mapping.js","sources":["../../../../src/contact-import/components/contact-import-mapping.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Flex,\n  FormInput,\n  FormLabel,\n  Heading,\n  IconButton,\n  Select,\n  Table,\n  Tbody,\n  Td,\n  Text,\n  Th,\n  Thead,\n  Tr,\n} from \"@sparrowengg/twigs-react\";\nimport { DeleteIcon, PlusIcon } from \"@sparrowengg/twigs-react-icons\";\nimport React, { useEffect, useRef } from \"react\";\nimport { ContactImportMappingProps, Field,  } from \"../types\";\n\n\nconst defaultFieldValue: Omit<Field, \"id\"> = {\n  integrationField: null,\n  surveySparrowField: \"\",\n  property: \"custom\",\n};\n\nconst ContactImportMapping: React.FC<ContactImportMappingProps> = ({\n  contactImportField,\n  setContactImportField,\n  integrationName,\n  contactProperties,\n}) => {\n  const customPropertyRef = useRef<HTMLDivElement | null>(null);\n  const initialRenderRef = useRef(true);\n\n  useEffect(() => {\n    if (!initialRenderRef.current && customPropertyRef?.current) {\n      customPropertyRef.current.scrollIntoView({\n        behavior: \"smooth\",\n        block: \"end\",\n      });\n    }\n    initialRenderRef.current = false;\n  }, [contactImportField]);\n\n  const customFieldHandler = (\n    id: number,\n    property: keyof Field,\n    value: any\n  ) => {\n    setContactImportField((prev) => ({\n      ...prev,\n      fields: prev.fields.map((field) =>\n        field.id === id ? { ...field, [property]: value } : field\n      ),\n    }));\n  };\n\n  const updateSurveySparrowField = (\n    value: string,\n    id: number,\n    manuallyMapped: boolean\n  ) => {\n    setContactImportField((prev) => ({\n      ...prev,\n      fields: prev.fields.map((field) =>\n        field.id === id\n          ? {\n              ...field,\n              surveySparrowField: value,\n              ...(manuallyMapped && { mapped: true }),\n            }\n          : field\n      ),\n    }));\n  };\n\n  const addCustomProperty = () => {\n    setContactImportField((prev) => ({\n      ...prev,\n      fields: [\n        ...prev.fields,\n        {\n          id: prev.fields.length\n            ? prev.fields[prev.fields.length - 1].id + 1\n            : 1,\n          ...defaultFieldValue,\n        },\n      ],\n    }));\n  };\n\n  const deleteCustomProperty = (id: number) => {\n    setContactImportField((prev) => ({\n      ...prev,\n      fields: prev.fields.filter((field) => field.id !== id),\n    }));\n  };\n\n  return (\n    <Flex justifyContent=\"center\">\n      <Box css={{ marginTop: \"$40\", maxWidth: 1176, width: \"100%\" }}>\n        <Box css={{ paddingLeft: \"$28\" }}>\n          <Heading size=\"h5\">Map Contact Properties</Heading>\n          <Text css={{ marginTop: \"$4\", color: \"$neutral600\" }} size=\"md\">\n            Review these mappings before importing. Unmapped columns will be\n            ignored.\n          </Text>\n        </Box>\n        <Box\n          css={{\n            height: \"calc(100vh - 241px)\",\n            paddingTop: \"$16\",\n            overflowY: \"auto\",\n            position: \"relative\",\n            background: \"$white900\",\n            paddingLeft: \"$28\",\n          }}\n        >\n          <Table\n            css={{\n              width: \"100%\",\n              background: \"$white900\",\n              borderRadius: \"5px\",\n              borderCollapse: \"collapse\",\n            }}\n          >\n            <Thead css={{ zIndex: 5, position: \"sticky\", top: \"-31px\" }}>\n              <Th>{`${integrationName} Profile Fields Data`}</Th>\n              <Th css={{ borderLeft: \"$borderWidths$xs solid $neutral100\" }}>\n                SurveySparrow Mapping\n              </Th>\n            </Thead>\n            <Tbody>\n              {contactImportField.fields.map((field) => {\n                const hasSurveyFieldValue = contactProperties.some(\n                  (contact) => contact.value === field.surveySparrowField\n                );\n\n                return (\n                  <Tr key={field.id}>\n                    <Td css={{ width: 560 }}>\n                      {field.property !== \"custom\" ? (\n                        <>\n                          <Text size=\"sm\" weight=\"medium\">\n                            {field.integrationField?.replace(\"_\", \" \")}\n                          </Text>\n                          {field.sampleData?.map((sample, index) => (\n                            <Text\n                              key={index}\n                              size=\"xs\"\n                              css={{ lineHeight: \"$xs\" }}\n                            >\n                              {sample.length > 40\n                                ? `${sample.slice(0, 40)}...`\n                                : sample}\n                            </Text>\n                          ))}\n                        </>\n                      ) : (\n                        <Box css={{ position: \"relative\" }}>\n                          <FormInput\n                            size=\"lg\"\n                            onChange={(event) =>\n                              customFieldHandler(\n                                field.id,\n                                \"integrationField\",\n                                event.target.value\n                              )\n                            }\n                          />\n                          <FormLabel\n                            css={{ marginTop: \"$4\", color: \"$neutral400\" }}\n                          >\n                            Enter the exact custom property name for accurate\n                            mapping. It is case-sensitive.\n                          </FormLabel>\n                          <IconButton\n                            css={{\n                              position: \"absolute\",\n                              top: \"0\",\n                              left: \"-70px\",\n                            }}\n                            size=\"lg\"\n                            variant=\"ghost\"\n                            color=\"secondary\"\n                            onClick={() => deleteCustomProperty(field.id)}\n                            icon={<DeleteIcon />}\n                          />\n                        </Box>\n                      )}\n                    </Td>\n                    <Td\n                      css={{\n                        width: 560,\n                        borderLeft: \"$borderWidths$xs solid $neutral100\",\n                      }}\n                    >\n                      <Select\n                        size=\"lg\"\n                        placeholder=\"--Choose Property--\"\n                        value={\n                          field.surveySparrowField\n                            ? {\n                                label: contactProperties.find(\n                                  (contact) =>\n                                    contact.value === field.surveySparrowField\n                                )?.label,\n                                value: field.surveySparrowField,\n                              }\n                            : null\n                        }\n                        options={contactProperties.filter(\n                          (contact) => contact.type !== \"DEPENDENT_FIELD\"\n                        )}\n                        onChange={(currentField) =>\n                          updateSurveySparrowField(\n                            currentField.value,\n                            field.id,\n                            true\n                          )\n                        }\n                      />\n                      {hasSurveyFieldValue && (\n                        <FormLabel\n                          size=\"xs\"\n                          css={{\n                            color: field.mapped ? \"$neutral600\" : \"#0F966C\",\n                            marginBlock: \"$4\",\n                          }}\n                        >\n                          {field.mapped\n                            ? \"Manually mapped by you\"\n                            : \"Automatically mapped\"}\n                        </FormLabel>\n                      )}\n                      {!field.surveySparrowField &&\n                        field.surveySparrowFieldError && (\n                          <FormLabel\n                            css={{ color: \"$negative500\", marginTop: \"$4\" }}\n                            size=\"xs\"\n                          >\n                            Please select the property\n                          </FormLabel>\n                        )}\n                    </Td>\n                  </Tr>\n                );\n              })}\n              <Tr>\n                <Td colSpan={2}>\n                  <Button\n                    size=\"md\"\n                    variant=\"ghost\"\n                    leftIcon={<PlusIcon />}\n                    onClick={addCustomProperty}\n                  >\n                    Add Custom Property\n                  </Button>\n                </Td>\n              </Tr>\n            </Tbody>\n          </Table>\n        </Box>\n      </Box>\n    </Flex>\n  );\n};\n\nexport default ContactImportMapping;\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"contact-import-mapping.js","sources":["../../../../src/contact-import/components/contact-import-mapping.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Flex,\n  FormInput,\n  FormLabel,\n  Heading,\n  IconButton,\n  Select,\n  Table,\n  Tbody,\n  Td,\n  Text,\n  Th,\n  Thead,\n  Tr,\n} from \"@sparrowengg/twigs-react\";\nimport { DeleteIcon, PlusIcon } from \"@sparrowengg/twigs-react-icons\";\nimport React, { useEffect, useRef } from \"react\";\nimport { ContactImportMappingProps } from \"../types\";\nimport { SelectOption } from \"../../commons/types/enhanced\";\n\n// Define the Field type with all the properties used in the component\ntype Field = {\n  id: string | number;\n  integrationField: string | number | null;\n  surveySparrowField: string | number | null;\n  sampleData?: Array<string>;\n  property?: \"custom\" | \"default\";\n  mapped?: boolean;\n  surveySparrowFieldError?: boolean;\n};\n\n\nconst defaultFieldValue: Omit<Field, \"id\"> = {\n  integrationField: null,\n  surveySparrowField: null,\n  sampleData: [],\n  property: \"custom\",\n  mapped: false,\n  surveySparrowFieldError: false,\n};\n\nconst ContactImportMapping: React.FC<ContactImportMappingProps> = ({\n  contactImportField,\n  setContactImportField,\n  integrationName,\n  contactProperties,\n}) => {\n  const customPropertyRef = useRef<HTMLDivElement | null>(null);\n  const initialRenderRef = useRef(true);\n\n  useEffect(() => {\n    if (!initialRenderRef.current && customPropertyRef?.current) {\n      customPropertyRef.current.scrollIntoView({\n        behavior: \"smooth\",\n        block: \"end\",\n      });\n    }\n    initialRenderRef.current = false;\n  }, [contactImportField]);\n\n  const customFieldHandler = (\n    id: string | number,\n    property: keyof Field,\n    value: string | number | boolean | null\n  ) => {\n    setContactImportField((prev) => ({\n      ...prev,\n      fields: prev.fields.map((field) =>\n        field.id === id ? { ...field, [property]: value } : field\n      ),\n    }));\n  };\n\n  const updateSurveySparrowField = (\n    value: string | number,\n    id: string | number,\n    manuallyMapped: boolean\n  ) => {\n    setContactImportField((prev) => ({\n      ...prev,\n      fields: prev.fields.map((field) =>\n        field.id === id\n          ? {\n              ...field,\n              surveySparrowField: value,\n              ...(manuallyMapped && { mapped: true }),\n            }\n          : field\n      ),\n    }));\n  };\n\n  const addCustomProperty = () => {\n    setContactImportField((prev) => ({\n      ...prev,\n      fields: [\n        ...prev.fields,\n        {\n          id: prev.fields.length\n            ? (typeof prev.fields[prev.fields.length - 1].id === 'number' \n                ? (prev.fields[prev.fields.length - 1].id as number) + 1 \n                : Date.now())\n            : 1,\n          ...defaultFieldValue,\n        },\n      ],\n    }));\n  };\n\n  const deleteCustomProperty = (id: string | number) => {\n    setContactImportField((prev) => ({\n      ...prev,\n      fields: prev.fields.filter((field) => field.id !== id),\n    }));\n  };\n\n  return (\n    <Flex justifyContent=\"center\">\n      <Box css={{ marginTop: \"$40\", maxWidth: 1176, width: \"100%\" }}>\n        <Box css={{ paddingLeft: \"$28\" }}>\n          <Heading size=\"h5\">Map Contact Properties</Heading>\n          <Text css={{ marginTop: \"$4\", color: \"$neutral600\" }} size=\"md\">\n            Review these mappings before importing. Unmapped columns will be\n            ignored.\n          </Text>\n        </Box>\n        <Box\n          css={{\n            height: \"calc(100vh - 241px)\",\n            paddingTop: \"$16\",\n            overflowY: \"auto\",\n            position: \"relative\",\n            background: \"$white900\",\n            paddingLeft: \"$28\",\n          }}\n        >\n          <Table\n            css={{\n              width: \"100%\",\n              background: \"$white900\",\n              borderRadius: \"5px\",\n              borderCollapse: \"collapse\",\n            }}\n          >\n            <Thead css={{ zIndex: 5, position: \"sticky\", top: \"-31px\" }}>\n              <Th>{`${integrationName} Profile Fields Data`}</Th>\n              <Th css={{ borderLeft: \"$borderWidths$xs solid $neutral100\" }}>\n                SurveySparrow Mapping\n              </Th>\n            </Thead>\n            <Tbody>\n              {contactImportField.fields.map((field) => {\n                const hasSurveyFieldValue = contactProperties.some(\n                  (contact) => contact.value === field.surveySparrowField\n                );\n\n                return (\n                  <Tr key={field.id}>\n                    <Td css={{ width: 560 }}>\n                      {field.property !== \"custom\" ? (\n                        <>\n                          <Text size=\"sm\" weight=\"medium\">\n                            {typeof field.integrationField === 'string' \n                              ? field.integrationField.replace(\"_\", \" \")\n                              : field.integrationField}\n                          </Text>\n                          {field.sampleData?.map((sample, index) => (\n                            <Text\n                              key={index}\n                              size=\"xs\"\n                              css={{ lineHeight: \"$xs\" }}\n                            >\n                              {sample.length > 40\n                                ? `${sample.slice(0, 40)}...`\n                                : sample}\n                            </Text>\n                          ))}\n                        </>\n                      ) : (\n                        <Box css={{ position: \"relative\" }}>\n                          <FormInput\n                            size=\"lg\"\n                            onChange={(event: any) =>\n                              customFieldHandler(\n                                field.id,\n                                \"integrationField\",\n                                event.target.value\n                              )\n                            }\n                          />\n                          <FormLabel\n                            css={{ marginTop: \"$4\", color: \"$neutral400\" }}\n                          >\n                            Enter the exact custom property name for accurate\n                            mapping. It is case-sensitive.\n                          </FormLabel>\n                          <IconButton\n                            css={{\n                              position: \"absolute\",\n                              top: \"0\",\n                              left: \"-70px\",\n                            }}\n                            size=\"lg\"\n                            variant=\"ghost\"\n                            color=\"secondary\"\n                            onClick={() => deleteCustomProperty(field.id)}\n                            icon={<DeleteIcon />}\n                          />\n                        </Box>\n                      )}\n                    </Td>\n                    <Td\n                      css={{\n                        width: 560,\n                        borderLeft: \"$borderWidths$xs solid $neutral100\",\n                      }}\n                    >\n                      <Select\n                        size=\"lg\"\n                        placeholder=\"--Choose Property--\"\n                        value={\n                          field.surveySparrowField\n                            ? {\n                                label: contactProperties.find(\n                                  (contact) =>\n                                    contact.value === field.surveySparrowField\n                                )?.label,\n                                value: field.surveySparrowField,\n                              }\n                            : null\n                        }\n                        options={contactProperties.filter(\n                          (contact) => contact.type !== \"DEPENDENT_FIELD\"\n                        )}\n                        onChange={(currentField: any) =>\n                          updateSurveySparrowField(\n                            currentField.value,\n                            field.id,\n                            true\n                          )\n                        }\n                      />\n                      {hasSurveyFieldValue && (\n                        <FormLabel\n                          size=\"xs\"\n                          css={{\n                            color: field.mapped ? \"$neutral600\" : \"#0F966C\",\n                            marginBlock: \"$4\",\n                          }}\n                        >\n                          {field.mapped\n                            ? \"Manually mapped by you\"\n                            : \"Automatically mapped\"}\n                        </FormLabel>\n                      )}\n                      {!field.surveySparrowField &&\n                        field.surveySparrowFieldError && (\n                          <FormLabel\n                            css={{ color: \"$negative500\", marginTop: \"$4\" }}\n                            size=\"xs\"\n                          >\n                            Please select the property\n                          </FormLabel>\n                        )}\n                    </Td>\n                  </Tr>\n                );\n              })}\n              <Tr>\n                <Td colSpan={2}>\n                  <Button\n                    size=\"md\"\n                    variant=\"ghost\"\n                    leftIcon={<PlusIcon />}\n                    onClick={addCustomProperty}\n                  >\n                    Add Custom Property\n                  </Button>\n                </Td>\n              </Tr>\n            </Tbody>\n          </Table>\n        </Box>\n      </Box>\n    </Flex>\n  );\n};\n\nexport default ContactImportMapping;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAM,iBAAuC,GAAA;AAAA,EAC3C,gBAAkB,EAAA,IAAA;AAAA,EAClB,kBAAoB,EAAA,IAAA;AAAA,EACpB,YAAY,EAAC;AAAA,EACb,QAAU,EAAA,QAAA;AAAA,EACV,MAAQ,EAAA,KAAA;AAAA,EACR,uBAAyB,EAAA,KAAA;AAC3B,CAAA,CAAA;AAEA,MAAM,uBAA4D,CAAC;AAAA,EACjE,kBAAA;AAAA,EACA,qBAAA;AAAA,EACA,eAAA;AAAA,EACA,iBAAA;AACF,CAAM,KAAA;AACJ,EAAM,MAAA,iBAAA,GAAoB,OAA8B,IAAI,CAAA,CAAA;AAC5D,EAAM,MAAA,gBAAA,GAAmB,OAAO,IAAI,CAAA,CAAA;AAEpC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,gBAAA,CAAiB,OAAW,KAAA,iBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,iBAAA,CAAmB,OAAS,CAAA,EAAA;AAC3D,MAAA,iBAAA,CAAkB,QAAQ,cAAe,CAAA;AAAA,QACvC,QAAU,EAAA,QAAA;AAAA,QACV,KAAO,EAAA,KAAA;AAAA,OACR,CAAA,CAAA;AAAA,KACH;AACA,IAAA,gBAAA,CAAiB,OAAU,GAAA,KAAA,CAAA;AAAA,GAC7B,EAAG,CAAC,kBAAkB,CAAC,CAAA,CAAA;AAEvB,EAAA,MAAM,kBAAqB,GAAA,CACzB,EACA,EAAA,QAAA,EACA,KACG,KAAA;AACH,IAAsB,qBAAA,CAAA,CAAC,IAAU,KAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAC5B,IAD4B,CAAA,EAAA;AAAA,MAE/B,MAAA,EAAQ,KAAK,MAAO,CAAA,GAAA;AAAA,QAAI,CAAC,KAAA,KACvB,KAAM,CAAA,EAAA,KAAO,EAAK,GAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAK,KAAL,CAAA,EAAA,EAAY,CAAC,QAAQ,GAAG,KAAA,EAAU,CAAA,GAAA,KAAA;AAAA,OACtD;AAAA,KACA,CAAA,CAAA,CAAA;AAAA,GACJ,CAAA;AAEA,EAAA,MAAM,wBAA2B,GAAA,CAC/B,KACA,EAAA,EAAA,EACA,cACG,KAAA;AACH,IAAsB,qBAAA,CAAA,CAAC,IAAU,KAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAC5B,IAD4B,CAAA,EAAA;AAAA,MAE/B,MAAA,EAAQ,KAAK,MAAO,CAAA,GAAA;AAAA,QAAI,CAAC,KACvB,KAAA,KAAA,CAAM,EAAO,KAAA,EAAA,GACT,gDACK,KADL,CAAA,EAAA;AAAA,UAEE,kBAAoB,EAAA,KAAA;AAAA,SAAA,CAAA,EAChB,cAAkB,IAAA,EAAE,MAAQ,EAAA,IAAA,EAElC,CAAA,GAAA,KAAA;AAAA,OACN;AAAA,KACA,CAAA,CAAA,CAAA;AAAA,GACJ,CAAA;AAEA,EAAA,MAAM,oBAAoB,MAAM;AAC9B,IAAsB,qBAAA,CAAA,CAAC,IAAU,KAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAC5B,IAD4B,CAAA,EAAA;AAAA,MAE/B,MAAQ,EAAA;AAAA,QACN,GAAG,IAAK,CAAA,MAAA;AAAA,QACR,cAAA,CAAA;AAAA,UACE,EAAA,EAAI,IAAK,CAAA,MAAA,CAAO,MACX,GAAA,OAAO,KAAK,MAAO,CAAA,IAAA,CAAK,MAAO,CAAA,MAAA,GAAS,CAAC,CAAA,CAAE,OAAO,QAC9C,GAAA,IAAA,CAAK,MAAO,CAAA,IAAA,CAAK,MAAO,CAAA,MAAA,GAAS,CAAC,CAAA,CAAE,EAAgB,GAAA,CAAA,GACrD,IAAK,CAAA,GAAA,EACT,GAAA,CAAA;AAAA,SACD,EAAA,iBAAA,CAAA;AAAA,OAEP;AAAA,KACA,CAAA,CAAA,CAAA;AAAA,GACJ,CAAA;AAEA,EAAM,MAAA,oBAAA,GAAuB,CAAC,EAAwB,KAAA;AACpD,IAAsB,qBAAA,CAAA,CAAC,IAAU,KAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAC5B,IAD4B,CAAA,EAAA;AAAA,MAE/B,MAAA,EAAQ,KAAK,MAAO,CAAA,MAAA,CAAO,CAAC,KAAU,KAAA,KAAA,CAAM,OAAO,EAAE,CAAA;AAAA,KACrD,CAAA,CAAA,CAAA;AAAA,GACJ,CAAA;AAEA,EAAA,oDACG,IAAK,EAAA,EAAA,cAAA,EAAe,4BAClBA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,KAAK,EAAE,SAAA,EAAW,KAAO,EAAA,QAAA,EAAU,MAAM,KAAO,EAAA,MAAA,sBAClDA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,KAAK,EAAE,WAAA,EAAa,KAAM,EAAA,EAAA,+CAC5B,OAAQ,EAAA,EAAA,IAAA,EAAK,QAAK,wBAAsB,CAAA,+CACxC,IAAK,EAAA,EAAA,GAAA,EAAK,EAAE,SAAW,EAAA,IAAA,EAAM,OAAO,aAAc,EAAA,EAAG,MAAK,IAAK,EAAA,EAAA,2EAGhE,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA;AAAA,QACH,MAAQ,EAAA,qBAAA;AAAA,QACR,UAAY,EAAA,KAAA;AAAA,QACZ,SAAW,EAAA,MAAA;AAAA,QACX,QAAU,EAAA,UAAA;AAAA,QACV,UAAY,EAAA,WAAA;AAAA,QACZ,WAAa,EAAA,KAAA;AAAA,OACf;AAAA,KAAA;AAAA,oBAEAA,cAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA;AAAA,UACH,KAAO,EAAA,MAAA;AAAA,UACP,UAAY,EAAA,WAAA;AAAA,UACZ,YAAc,EAAA,KAAA;AAAA,UACd,cAAgB,EAAA,UAAA;AAAA,SAClB;AAAA,OAAA;AAAA,sBAEAA,cAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,GAAA,EAAK,EAAE,MAAA,EAAQ,GAAG,QAAU,EAAA,QAAA,EAAU,GAAK,EAAA,OAAA,EAChD,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAI,CAAG,EAAA,eAAe,CAAuB,oBAAA,CAAA,CAAA,kBAC7CA,cAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAG,GAAK,EAAA,EAAE,UAAY,EAAA,oCAAA,EAAwC,EAAA,EAAA,uBAE/D,CACF,CAAA;AAAA,mDACC,KACE,EAAA,IAAA,EAAA,kBAAA,CAAmB,MAAO,CAAA,GAAA,CAAI,CAAC,KAAU,KAAA;AAzJxD,QAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AA0JgB,QAAA,MAAM,sBAAsB,iBAAkB,CAAA,IAAA;AAAA,UAC5C,CAAC,OAAA,KAAY,OAAQ,CAAA,KAAA,KAAU,KAAM,CAAA,kBAAA;AAAA,SACvC,CAAA;AAEA,QAAA,oDACG,EAAG,EAAA,EAAA,GAAA,EAAK,MAAM,EACb,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MAAG,GAAK,EAAA,EAAE,KAAO,EAAA,GAAA,MACf,KAAM,CAAA,QAAA,KAAa,2BAEhBA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,IAAK,EAAA,IAAA,EAAK,MAAO,EAAA,QAAA,EAAA,EACpB,OAAO,KAAM,CAAA,gBAAA,KAAqB,WAC/B,KAAM,CAAA,gBAAA,CAAiB,QAAQ,GAAK,EAAA,GAAG,IACvC,KAAM,CAAA,gBACZ,IACC,EAAM,GAAA,KAAA,CAAA,UAAA,KAAN,mBAAkB,GAAI,CAAA,CAAC,QAAQ,KAC9B,qBAAAA,cAAA,CAAA,aAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,GAAK,EAAA,KAAA;AAAA,YACL,IAAK,EAAA,IAAA;AAAA,YACL,GAAA,EAAK,EAAE,UAAA,EAAY,KAAM,EAAA;AAAA,WAAA;AAAA,UAExB,MAAA,CAAO,SAAS,EACb,GAAA,CAAA,EAAG,OAAO,KAAM,CAAA,CAAA,EAAG,EAAE,CAAC,CACtB,GAAA,CAAA,GAAA,MAAA;AAAA,SACN,CAEJ,oBAECA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,KAAK,EAAE,QAAA,EAAU,YACpB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,IAAK,EAAA,IAAA;AAAA,YACL,QAAA,EAAU,CAAC,KACT,KAAA,kBAAA;AAAA,cACE,KAAM,CAAA,EAAA;AAAA,cACN,kBAAA;AAAA,cACA,MAAM,MAAO,CAAA,KAAA;AAAA,aACf;AAAA,WAAA;AAAA,SAGJ,kBAAAA,cAAA,CAAA,aAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,GAAK,EAAA,EAAE,SAAW,EAAA,IAAA,EAAM,OAAO,aAAc,EAAA;AAAA,WAAA;AAAA,UAC9C,kFAAA;AAAA,SAID,kBAAAA,cAAA,CAAA,aAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,GAAK,EAAA;AAAA,cACH,QAAU,EAAA,UAAA;AAAA,cACV,GAAK,EAAA,GAAA;AAAA,cACL,IAAM,EAAA,OAAA;AAAA,aACR;AAAA,YACA,IAAK,EAAA,IAAA;AAAA,YACL,OAAQ,EAAA,OAAA;AAAA,YACR,KAAM,EAAA,WAAA;AAAA,YACN,OAAS,EAAA,MAAM,oBAAqB,CAAA,KAAA,CAAM,EAAE,CAAA;AAAA,YAC5C,IAAA,+CAAO,UAAW,EAAA,IAAA,CAAA;AAAA,WAAA;AAAA,SAEtB,CAEJ,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,UAAC,EAAA;AAAA,UAAA;AAAA,YACC,GAAK,EAAA;AAAA,cACH,KAAO,EAAA,GAAA;AAAA,cACP,UAAY,EAAA,oCAAA;AAAA,aACd;AAAA,WAAA;AAAA,0BAEAA,cAAA,CAAA,aAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,IAAK,EAAA,IAAA;AAAA,cACL,WAAY,EAAA,qBAAA;AAAA,cACZ,KAAA,EACE,MAAM,kBACF,GAAA;AAAA,gBACE,QAAO,EAAkB,GAAA,iBAAA,CAAA,IAAA;AAAA,kBACvB,CAAC,OAAA,KACC,OAAQ,CAAA,KAAA,KAAU,KAAM,CAAA,kBAAA;AAAA,sBAFrB,IAGJ,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA;AAAA,gBACH,OAAO,KAAM,CAAA,kBAAA;AAAA,eAEf,GAAA,IAAA;AAAA,cAEN,SAAS,iBAAkB,CAAA,MAAA;AAAA,gBACzB,CAAC,OAAY,KAAA,OAAA,CAAQ,IAAS,KAAA,iBAAA;AAAA,eAChC;AAAA,cACA,QAAA,EAAU,CAAC,YACT,KAAA,wBAAA;AAAA,gBACE,YAAa,CAAA,KAAA;AAAA,gBACb,KAAM,CAAA,EAAA;AAAA,gBACN,IAAA;AAAA,eACF;AAAA,aAAA;AAAA,WAEJ;AAAA,UACC,mBACC,oBAAAA,cAAA,CAAA,aAAA;AAAA,YAAC,SAAA;AAAA,YAAA;AAAA,cACC,IAAK,EAAA,IAAA;AAAA,cACL,GAAK,EAAA;AAAA,gBACH,KAAA,EAAO,KAAM,CAAA,MAAA,GAAS,aAAgB,GAAA,SAAA;AAAA,gBACtC,WAAa,EAAA,IAAA;AAAA,eACf;AAAA,aAAA;AAAA,YAEC,KAAA,CAAM,SACH,wBACA,GAAA,sBAAA;AAAA,WACN;AAAA,UAED,CAAC,KAAA,CAAM,kBACN,IAAA,KAAA,CAAM,uBACJ,oBAAAA,cAAA,CAAA,aAAA;AAAA,YAAC,SAAA;AAAA,YAAA;AAAA,cACC,GAAK,EAAA,EAAE,KAAO,EAAA,cAAA,EAAgB,WAAW,IAAK,EAAA;AAAA,cAC9C,IAAK,EAAA,IAAA;AAAA,aAAA;AAAA,YACN,4BAAA;AAAA,WAED;AAAA,SAGR,CAAA,CAAA;AAAA,OAEH,CACD,kBAAAA,cAAA,CAAA,aAAA,CAAC,0BACEA,cAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAG,SAAS,CACX,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,IAAK,EAAA,IAAA;AAAA,UACL,OAAQ,EAAA,OAAA;AAAA,UACR,QAAA,+CAAW,QAAS,EAAA,IAAA,CAAA;AAAA,UACpB,OAAS,EAAA,iBAAA;AAAA,SAAA;AAAA,QACV,qBAAA;AAAA,OAGH,CACF,CACF,CAAA;AAAA,KACF;AAAA,GAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -5,6 +5,7 @@ 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';
@@ -214,7 +215,7 @@ const ContactImportModal = ({
       css: {
         padding: 0,
         borderRadius: "$3xl",
-        maxWidth: 600
+        maxWidth: MODAL_MAX_WIDTH
       }
     },
     /* @__PURE__ */ React__default.createElement(
@@ -257,8 +258,8 @@ const ContactImportModal = ({
           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: 30,
-          max: 30,
+          maxLength: INPUT_MAX_LENGTH,
+          max: INPUT_MAX_LENGTH,
           showCount: true,
           onChange: (event) => setInputValue(event.currentTarget.value),
           size: "lg"
@@ -294,10 +295,6 @@ const ContactImportModal = ({
           size: "lg",
           disabled: !(inputValue == null ? void 0 : inputValue.length),
           onClick: () => {
-            console.log(__spreadProps(__spreadValues({}, contactImportField), {
-              description: inputValue,
-              id: generateUniqueId()
-            }));
             setContactImportField(__spreadProps(__spreadValues({}, contactImportField), {
               description: inputValue,
               id: generateUniqueId()