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

package/dist/es/mapping/components/field.js

@@ -1,14 +1,14 @@
 import React__default, { useEffect } from 'react';
-import TrashIcon from '../../commons/icons/trash.js';
+import Trash from '../../commons/icons/trash.js';
 import CustomMenu from './custom-menu.js';
 import { mappingType, subMenuOptions, integrationsClassicSubmissionProperties, integrationsNpsSubmissionProperties } from '../../commons/constants/index.js';
 import { handleMappingOptions } from '../../commons/helpers/index.js';
-import ArrowIcon from '../../commons/icons/arrow.js';
+import Arrow from '../../commons/icons/arrow.js';
 import CustomDateMenu from './custom-date-menu.js';
 import CustomOption from './custom-option.js';
 import PlaceholderSpan from './placeholder-span.js';
-import { UI_TEXT, CUSTOM_SELECT_STYLES, SUB_MENU_CUSTOM_STYLES, FIELD_TYPE_NAMES } from '../constants/index.js';
 import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
+import { Text } from '../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js';
 import { FormLabel } from '../../node_modules/@sparrowengg/twigs-react/dist/es/form-label/form-label.js';
 import { Select } from '../../node_modules/@sparrowengg/twigs-react/dist/es/select/select.js';
 import { Box } from '../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js';
@@ -34,6 +34,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const customStyles = {
+  menuList: (prevStyles) => __spreadProps(__spreadValues({}, prevStyles), {
+    maxHeight: 176
+    // width: "300px !important",
+  })
+};
+const subMenuCustomStyles = {
+  menu: (prevStyles) => __spreadProps(__spreadValues({}, prevStyles), {
+    width: 260,
+    right: 0
+  })
+};
 const Field = ({
   surveyType,
   havingTypeDropdown,
@@ -48,11 +60,11 @@ const Field = ({
   removeField,
   showCustomPropertyModal
 }) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
   useEffect(() => {
-    if (!field.integrationField && field.essentialFieldLabel) {
+    if (!field.integrationField) {
       const foundField = integrationFields.find(
-        (integrationField) => integrationField.label === field.essentialFieldLabel
+        (integrationField) => integrationField.label === (field == null ? void 0 : field.essentialFieldLabel)
       );
       if (foundField) {
         field.integrationField = {
@@ -62,38 +74,14 @@ const Field = ({
         };
       }
     }
-  }, [field, integrationFields, field.essentialFieldLabel]);
+  }, [field, integrationFields]);
   const hasNumberDefaultField = (type) => {
-    return type === FIELD_TYPE_NAMES.NUMBER;
-  };
-  const getIntegrationFieldType = () => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
-    return (_f2 = (_e2 = (_c2 = (_a2 = field == null ? void 0 : field.integrationFieldType) == null ? void 0 : _a2.value) != null ? _c2 : (_b2 = integrationFields.find(
-      (integrationField) => integrationField.label === (field == null ? void 0 : field.essentialFieldLabel)
-    )) == null ? void 0 : _b2.type) != null ? _e2 : (_d2 = field.integrationField) == null ? void 0 : _d2.type) != null ? _f2 : FIELD_TYPE_NAMES.STRING;
-  };
-  const handleTypeChange = (type) => {
-    handleFieldValue(field == null ? void 0 : field.id, "type", type);
-  };
-  const handleSurveySparrowFieldChange = (ssField) => {
-    handleFieldValue(field == null ? void 0 : field.id, "surveySparrowField", ssField);
-  };
-  const handleIntegrationFieldChange = (integration) => {
-    handleFieldValue(field == null ? void 0 : field.id, "integrationField", integration);
-  };
-  const handleIntegrationFieldTypeChange = (integration) => {
-    handleFieldValue(field == null ? void 0 : field.id, "integrationFieldType", integration);
-  };
-  const handleDefaultValueChange = (value) => {
-    handleFieldValue(field == null ? void 0 : field.id, "defaultValue", value);
+    if (type === "NUMBER") {
+      return true;
+    }
+    return false;
   };
-  const isFieldDisabled = !!integrationFields.find(
-    (integrationField) => integrationField.label === (field == null ? void 0 : field.essentialFieldLabel)
-  );
-  const currentIntegrationField = (_a = field == null ? void 0 : field.integrationField) != null ? _a : integrationFields.find(
-    (integrationField) => integrationField.label === (field == null ? void 0 : field.essentialFieldLabel)
-  );
-  return /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$8" }, (field == null ? void 0 : field.essentialFieldLabel) && /* @__PURE__ */ React__default.createElement(FormLabel, { size: "sm", weight: "bold" }, field.essentialFieldLabel, /* @__PURE__ */ React__default.createElement(PlaceholderSpan, { color: "$negative500" }, "*")), /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$8" }, (field == null ? void 0 : field.essentialFieldLabel) && /* @__PURE__ */ React__default.createElement(Text, { size: "sm", weight: "bold" }, field.essentialFieldLabel, /* @__PURE__ */ React__default.createElement(PlaceholderSpan, { color: "$negative500" }, "*")), /* @__PURE__ */ React__default.createElement(
     Flex,
     {
       key: field.id,
@@ -111,27 +99,27 @@ const Field = ({
       alignItems: "center",
       gap: "$6"
     },
-    /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$2", css: { width: 144 } }, (isFirstField || field.isEssentialField) && /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs", css: { fontWeight: "$5" } }, UI_TEXT.TYPE_LABEL), /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$2", css: { width: 144 } }, (isFirstField || field.isEssentialField) && /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs", css: { fontWeight: "$5" } }, "Type"), /* @__PURE__ */ React__default.createElement(
       Select,
       {
-        placeholder: UI_TEXT.CHOOSE_PLACEHOLDER,
+        placeholder: "Choose",
         size: "lg",
         isSearchable: false,
         value: field == null ? void 0 : field.mappedType,
         options: mappingType,
-        onChange: handleTypeChange,
-        styles: CUSTOM_SELECT_STYLES
+        onChange: (type) => handleFieldValue(field == null ? void 0 : field.id, "type", type),
+        styles: customStyles
       }
     )),
-    /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", css: { flex: 1 }, gap: "11px" }, /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$2", css: { width: "100%" } }, (isFirstField || field.isEssentialField) && /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs", css: { fontWeight: "$5" } }, UI_TEXT.SURVEYSPARROW_FIELD_LABEL), /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", css: { flex: 1 }, gap: "11px" }, /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$2", css: { width: "100%" } }, (isFirstField || field.isEssentialField) && /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs", css: { fontWeight: "$5" } }, "SurveySparrow Field"), /* @__PURE__ */ React__default.createElement(
       Select,
       {
         size: "lg",
-        placeholder: UI_TEXT.CHOOSE_PLACEHOLDER,
+        placeholder: "Choose",
         value: field == null ? void 0 : field.surveySparrowField,
-        onChange: handleSurveySparrowFieldChange,
+        onChange: (ssField) => handleFieldValue(field == null ? void 0 : field.id, "surveySparrowField", ssField),
         options: handleMappingOptions(
-          (_c = (_b = field == null ? void 0 : field.mappedType) == null ? void 0 : _b.value) != null ? _c : "QUESTION",
+          (_b = (_a = field == null ? void 0 : field.mappedType) == null ? void 0 : _a.value) != null ? _b : "QUESTION",
           ssMappingData.questions,
           ssMappingData.contactProperties,
           ssMappingData.variables,
@@ -140,7 +128,7 @@ const Field = ({
           integrationsClassicSubmissionProperties,
           surveyType
         ),
-        styles: CUSTOM_SELECT_STYLES
+        styles: customStyles
       }
     )), /* @__PURE__ */ React__default.createElement(
       Box,
@@ -151,15 +139,21 @@ const Field = ({
           paddingTop: isFirstField || field.isEssentialField ? "$9" : 0
         }
       },
-      /* @__PURE__ */ React__default.createElement(ArrowIcon, null)
+      /* @__PURE__ */ React__default.createElement(Arrow, null)
     ), /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$2" }, (isFirstField || field.isEssentialField) && /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs", css: { fontWeight: "$5" } }, `${integrationName} Field`), /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center" }, /* @__PURE__ */ React__default.createElement(
       Select,
       {
-        placeholder: UI_TEXT.CHOOSE_PLACEHOLDER,
+        placeholder: "Choose",
         size: "lg",
-        value: currentIntegrationField,
-        isDisabled: isFieldDisabled,
-        onChange: handleIntegrationFieldChange,
+        value: (_c = field == null ? void 0 : field.integrationField) != null ? _c : integrationFields.find(
+          (integrationField) => integrationField.label === (field == null ? void 0 : field.essentialFieldLabel)
+        ),
+        isDisabled: !!integrationFields.find(
+          (integrationField) => integrationField.label === (field == null ? void 0 : field.essentialFieldLabel)
+        ),
+        onChange: (integration) => {
+          handleFieldValue(field == null ? void 0 : field.id, "integrationField", integration);
+        },
         css: {
           width: 260,
           "& .twigs-select__control": {
@@ -168,7 +162,7 @@ const Field = ({
           }
         },
         options: integrationFields,
-        styles: CUSTOM_SELECT_STYLES,
+        styles: customStyles,
         components: __spreadValues({}, hasCustomMenuProperty && {
           Menu: (props) => /* @__PURE__ */ React__default.createElement(
             CustomMenu,
@@ -191,16 +185,17 @@ const Field = ({
         },
         isDisabled: !((_d = field == null ? void 0 : field.integrationField) == null ? void 0 : _d.value),
         value: field == null ? void 0 : field.integrationFieldType,
-        onChange: handleIntegrationFieldTypeChange,
-        styles: SUB_MENU_CUSTOM_STYLES,
+        onChange: (integration) => handleFieldValue(
+          field == null ? void 0 : field.id,
+          "integrationFieldType",
+          integration
+        ),
+        styles: subMenuCustomStyles,
         options: subMenuOptions,
         closeMenuOnSelect: true,
-        noneOptionHandler: (value) => handleIntegrationFieldTypeChange(value),
-        components: {
-          Menu: CustomMenu,
-          Option: CustomOption
-        },
-        placeholder: UI_TEXT.CHOOSE_PLACEHOLDER,
+        noneOptionHandler: (value) => handleFieldValue(field == null ? void 0 : field.id, "integrationFieldType", value),
+        components: { Menu: CustomMenu, Option: CustomOption },
+        placeholder: "Choose",
         size: "lg"
       }
     ))), /* @__PURE__ */ React__default.createElement(
@@ -210,23 +205,19 @@ const Field = ({
         gap: "$2",
         css: { maxWidth: 180, width: "100%" }
       },
-      (isFirstField || field.isEssentialField) && /* @__PURE__ */ React__default.createElement(
-        FormLabel,
-        {
-          size: "xs",
-          css: {
-            fontWeight: "$5",
-            marginBlockStart: hasNumberDefaultField(getIntegrationFieldType()) ? "$9" : "0"
-          }
-        },
-        UI_TEXT.DEFAULT_VALUE_LABEL
-      ),
+      (isFirstField || field.isEssentialField) && /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs", css: { fontWeight: "$5", marginBlockStart: hasNumberDefaultField((_i = (_g = (_e = field == null ? void 0 : field.integrationFieldType) == null ? void 0 : _e.value) != null ? _g : (_f = integrationFields.find(
+        (integrationField) => integrationField.label === (field == null ? void 0 : field.essentialFieldLabel)
+      )) == null ? void 0 : _f.type) != null ? _i : (_h = field.integrationField) == null ? void 0 : _h.type) ? "$9" : "0" } }, "Default Value (Optional)"),
       /* @__PURE__ */ React__default.createElement(
         DefaultField,
         {
-          handleFieldValue: handleDefaultValueChange,
-          integrationFieldType: getIntegrationFieldType(),
-          value: (_f = (_e = field == null ? void 0 : field.defaultValue) == null ? void 0 : _e.value) != null ? _f : field == null ? void 0 : field.defaultValue
+          handleFieldValue: (value) => {
+            handleFieldValue(field == null ? void 0 : field.id, "defaultValue", value);
+          },
+          integrationFieldType: (_o = (_n = (_l = (_j = field == null ? void 0 : field.integrationFieldType) == null ? void 0 : _j.value) != null ? _l : (_k = integrationFields.find(
+            (integrationField) => integrationField.label === (field == null ? void 0 : field.essentialFieldLabel)
+          )) == null ? void 0 : _k.type) != null ? _n : (_m = field.integrationField) == null ? void 0 : _m.type) != null ? _o : "STRING",
+          value: (_q = (_p = field == null ? void 0 : field.defaultValue) == null ? void 0 : _p.value) != null ? _q : field == null ? void 0 : field.defaultValue
         }
       )
     )),
@@ -238,7 +229,7 @@ const Field = ({
           marginTop: isFirstField ? "$11" : 0
         },
         size: "sm",
-        icon: /* @__PURE__ */ React__default.createElement(TrashIcon, null),
+        icon: /* @__PURE__ */ React__default.createElement(Trash, null),
         variant: "ghost",
         color: "default",
         disabled: isBtnDisabled,
@@ -247,79 +238,70 @@ const Field = ({
     )
   ));
 };
-const DefaultField = ({
-  integrationFieldType,
-  handleFieldValue,
-  value
-}) => {
-  const handleBooleanChange = (booleanValue) => {
-    handleFieldValue({
-      type: FIELD_TYPE_NAMES.BOOLEAN,
-      value: booleanValue
-    });
-  };
-  const handleDateChange = (dateValue) => {
-    handleFieldValue({
-      type: FIELD_TYPE_NAMES.DATE_TIME,
-      value: dateValue
-    });
-  };
-  const handleNumberChange = (e) => {
-    const numValue = parseInt(e.currentTarget.value, 10);
-    handleFieldValue({
-      type: FIELD_TYPE_NAMES.NUMBER,
-      value: isNaN(numValue) ? 0 : numValue
-    });
-  };
-  const handleStringChange = (e) => {
-    handleFieldValue({
-      type: FIELD_TYPE_NAMES.STRING,
-      value: e.currentTarget.value
-    });
-  };
-  switch (integrationFieldType) {
-    case FIELD_TYPE_NAMES.BOOLEAN:
+const DefaultField = ({ integrationFieldType, handleFieldValue, value }) => {
+  switch (`${integrationFieldType}`) {
+    case "BOOLEAN":
       return /* @__PURE__ */ React__default.createElement(
         Select,
         {
           options: [
-            { label: UI_TEXT.TRUE_LABEL, value: true },
-            { label: UI_TEXT.FALSE_LABEL, value: false }
+            {
+              label: "true",
+              value: true
+            },
+            {
+              label: "false",
+              value: false
+            }
           ],
           size: "lg",
           value,
-          placeholder: UI_TEXT.EMPTY_PLACEHOLDER,
-          onChange: handleBooleanChange
+          placeholder: "",
+          onChange: (booleanValue) => handleFieldValue({
+            type: "BOOLEAN",
+            value: booleanValue
+          })
         }
       );
-    case FIELD_TYPE_NAMES.DATE_TIME:
+    case "DATE_TIME":
       return /* @__PURE__ */ React__default.createElement(
         CustomDateMenu,
         {
           value,
-          onChangeHandler: handleDateChange
+          onChangeHandler: (dateValue) => {
+            handleFieldValue({
+              type: "DATE_TIME",
+              value: dateValue
+            });
+          }
         }
       );
-    case FIELD_TYPE_NAMES.NUMBER:
+    case "NUMBER":
       return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
         Input,
         {
           size: "lg",
           type: "number",
-          placeholder: UI_TEXT.EMPTY_PLACEHOLDER,
+          placeholder: "",
           value,
           min: 0,
-          onChange: handleNumberChange
+          onChange: (e) => handleFieldValue({
+            type: "NUMBER",
+            value: parseInt(e.currentTarget.value)
+          })
         }
-      ), /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs" }, UI_TEXT.ENTER_VALID_NUMBER));
+      ), /* @__PURE__ */ React__default.createElement(FormLabel, { size: "xs" }, "please enter a valid number"));
     default:
       return /* @__PURE__ */ React__default.createElement(
         Input,
         {
           size: "lg",
-          placeholder: UI_TEXT.EMPTY_PLACEHOLDER,
+          placeholder: "",
           value,
-          onChange: handleStringChange
+          onChange: (e) => handleFieldValue({
+            type: "STRING",
+            value: e.currentTarget.value
+          })
         }
       );
   }

package/dist/es/mapping/components/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../src/mapping/components/field.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport {\n  Box,\n  Flex,\n  FormLabel,\n  IconButton,\n  Input,\n  Select,\n} from \"@sparrowengg/twigs-react\";\nimport Trash from \"../../commons/icons/trash\";\nimport CustomMenu from \"./custom-menu\";\nimport {\n  integrationsClassicSubmissionProperties,\n  integrationsNpsSubmissionProperties,\n  mappingType,\n  subMenuOptions,\n} from \"../../commons/constants\";\nimport { handleMappingOptions } from \"../../commons/helpers\";\nimport Arrow from \"../../commons/icons/arrow\";\nimport { FieldProps, SelectOption, IntegrationFieldOption } from \"../types\";\nimport CustomDateMenu from \"./custom-date-menu\";\nimport CustomOption from \"./custom-option\";\nimport PlaceholderSpan from \"./placeholder-span\";\nimport { CUSTOM_SELECT_STYLES, SUB_MENU_CUSTOM_STYLES, UI_TEXT, FIELD_TYPE_NAMES } from \"../constants\";\n\n/**\n * Field component - Represents a single field mapping row\n */\nconst Field: React.FC<FieldProps> = ({\n  surveyType,\n  havingTypeDropdown,\n  field,\n  isFirstField,\n  handleFieldValue,\n  ssMappingData,\n  integrationFields,\n  integrationName,\n  hasCustomMenuProperty,\n  isBtnDisabled,\n  removeField,\n  showCustomPropertyModal,\n}) => {\n  // Auto-populate essential field if available\n  useEffect(() => {\n    if (!field.integrationField && field.essentialFieldLabel) {\n      const foundField = integrationFields.find(\n        (integrationField) => integrationField.label === field.essentialFieldLabel\n      );\n      \n      if (foundField) {\n        field.integrationField = {\n          label: foundField.label,\n          value: foundField.value,\n          type: foundField.type,\n        };\n      }\n    }\n  }, [field, integrationFields, field.essentialFieldLabel]);\n\n  const hasNumberDefaultField = (type: string | undefined): boolean => {\n    return type === FIELD_TYPE_NAMES.NUMBER;\n  };\n\n  const getIntegrationFieldType = (): string => {\n    return (\n      field?.integrationFieldType?.value ??\n      integrationFields.find(\n        (integrationField) =>\n          integrationField.label === field?.essentialFieldLabel\n      )?.type ??\n      field.integrationField?.type ??\n      FIELD_TYPE_NAMES.STRING\n    );\n  };\n\n  const handleTypeChange = (type: SelectOption): void => {\n    handleFieldValue(field?.id, \"type\", type);\n  };\n\n  const handleSurveySparrowFieldChange = (ssField: SelectOption): void => {\n    handleFieldValue(field?.id, \"surveySparrowField\", ssField);\n  };\n\n  const handleIntegrationFieldChange = (integration: IntegrationFieldOption): void => {\n    handleFieldValue(field?.id, \"integrationField\", integration);\n  };\n\n  const handleIntegrationFieldTypeChange = (integration: SelectOption): void => {\n    handleFieldValue(field?.id, \"integrationFieldType\", integration);\n  };\n\n  const handleDefaultValueChange = (value: unknown): void => {\n    handleFieldValue(field?.id, \"defaultValue\", value);\n  };\n\n  const isFieldDisabled = !!integrationFields.find(\n    (integrationField) => integrationField.label === field?.essentialFieldLabel\n  );\n\n  const currentIntegrationField =\n    field?.integrationField ??\n    integrationFields.find(\n      (integrationField) =>\n        integrationField.label === field?.essentialFieldLabel\n    );\n\n  return (\n    <Flex flexDirection=\"column\" gap=\"$8\">\n      {/* Essential Field Label */}\n      {field?.essentialFieldLabel && (\n        <FormLabel size=\"sm\" weight=\"bold\">\n          {field.essentialFieldLabel}\n          <PlaceholderSpan color=\"$negative500\">*</PlaceholderSpan>\n        </FormLabel>\n      )}\n\n      <Flex\n        key={field.id}\n        css={{\n          width: \"100%\",\n          \"&:hover\": {\n            \"& button\": {\n              opacity: 1,\n            },\n            \"& #arrow path\": {\n              fill: \"$secondary500\",\n            },\n          },\n        }}\n        alignItems=\"center\"\n        gap=\"$6\"\n      >\n        {/* Type Dropdown */}\n        <Flex flexDirection=\"column\" gap=\"$2\" css={{ width: 144 }}>\n          {(isFirstField || field.isEssentialField) && (\n            <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n              {UI_TEXT.TYPE_LABEL}\n            </FormLabel>\n          )}\n          <Select\n            placeholder={UI_TEXT.CHOOSE_PLACEHOLDER}\n            size=\"lg\"\n            isSearchable={false}\n            value={field?.mappedType}\n            options={mappingType}\n            onChange={handleTypeChange}\n            styles={CUSTOM_SELECT_STYLES}\n          />\n        </Flex>\n\n        <Flex alignItems=\"center\" css={{ flex: 1 }} gap=\"11px\">\n          {/* SurveySparrow Field Dropdown */}\n          <Flex flexDirection=\"column\" gap=\"$2\" css={{ width: \"100%\" }}>\n            {(isFirstField || field.isEssentialField) && (\n              <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                {UI_TEXT.SURVEYSPARROW_FIELD_LABEL}\n              </FormLabel>\n            )}\n            <Select\n              size=\"lg\"\n              placeholder={UI_TEXT.CHOOSE_PLACEHOLDER}\n              value={field?.surveySparrowField}\n              onChange={handleSurveySparrowFieldChange}\n              options={handleMappingOptions(\n                (field?.mappedType?.value ?? \"QUESTION\") as string,\n                ssMappingData.questions,\n                ssMappingData.contactProperties,\n                ssMappingData.variables,\n                ssMappingData.expressions,\n                integrationsNpsSubmissionProperties,\n                integrationsClassicSubmissionProperties,\n                surveyType\n              )}\n              styles={CUSTOM_SELECT_STYLES}\n            />\n          </Flex>\n\n          {/* Arrow Icon */}\n          <Box\n            as=\"span\"\n            id=\"arrow\"\n            css={{\n              paddingTop: isFirstField || field.isEssentialField ? \"$9\" : 0,\n            }}\n          >\n            <Arrow />\n          </Box>\n\n          {/* Integration Field Dropdown */}\n          <Flex flexDirection=\"column\" gap=\"$2\">\n            {(isFirstField || field.isEssentialField) && (\n              <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                {`${integrationName} Field`}\n              </FormLabel>\n            )}\n            <Flex alignItems=\"center\">\n              <Select\n                placeholder={UI_TEXT.CHOOSE_PLACEHOLDER}\n                size=\"lg\"\n                value={currentIntegrationField}\n                isDisabled={isFieldDisabled}\n                onChange={handleIntegrationFieldChange}\n                css={{\n                  width: 260,\n                  \"& .twigs-select__control\": {\n                    borderTopRightRadius: havingTypeDropdown ? 0 : \"$lg\",\n                    borderBottomRightRadius: havingTypeDropdown ? 0 : \"$lg\",\n                  },\n                }}\n                options={integrationFields}\n                styles={CUSTOM_SELECT_STYLES}\n                components={{\n                  ...(hasCustomMenuProperty && {\n                    Menu: (props: unknown) => (\n                      <CustomMenu\n                        {...(props as React.ComponentProps<typeof CustomMenu>)}\n                        customOnClick={showCustomPropertyModal}\n                      />\n                    ),\n                  }),\n                }}\n              />\n\n              {/* Integration Field Type Dropdown */}\n              {havingTypeDropdown && (\n                <Select\n                  css={{\n                    width: 112,\n                    \"& .twigs-select__control\": {\n                      borderTopLeftRadius: 0,\n                      borderBottomLeftRadius: 0,\n                      border: \"$borderWidths$xs solid $neutral200\",\n                    },\n                  }}\n                  isDisabled={!field?.integrationField?.value}\n                  value={field?.integrationFieldType}\n                  onChange={handleIntegrationFieldTypeChange}\n                  styles={SUB_MENU_CUSTOM_STYLES}\n                  options={subMenuOptions}\n                  closeMenuOnSelect\n                  noneOptionHandler={(value: SelectOption) =>\n                    handleIntegrationFieldTypeChange(value)\n                  }\n                  components={{\n                  Menu: CustomMenu as React.ComponentType,\n                  Option: CustomOption as React.ComponentType,\n                }}\n                  placeholder={UI_TEXT.CHOOSE_PLACEHOLDER}\n                  size=\"lg\"\n                />\n              )}\n            </Flex>\n          </Flex>\n\n          {/* Default Value Field */}\n          <Flex\n            flexDirection=\"column\"\n            gap=\"$2\"\n            css={{ maxWidth: 180, width: \"100%\" }}\n          >\n            {(isFirstField || field.isEssentialField) && (\n              <FormLabel\n                size=\"xs\"\n                css={{\n                  fontWeight: \"$5\",\n                  marginBlockStart: hasNumberDefaultField(getIntegrationFieldType())\n                    ? \"$9\"\n                    : \"0\",\n                }}\n              >\n                {UI_TEXT.DEFAULT_VALUE_LABEL}\n              </FormLabel>\n            )}\n            <DefaultField\n              handleFieldValue={handleDefaultValueChange}\n              integrationFieldType={getIntegrationFieldType()}\n              value={\n                (field?.defaultValue as { value?: unknown })?.value ??\n                field?.defaultValue\n              }\n            />\n          </Flex>\n        </Flex>\n\n        {/* Delete Button */}\n        {!field.isEssentialField && (\n          <IconButton\n            css={{\n              transition: \"all .3s ease\",\n              marginTop: isFirstField ? \"$11\" : 0,\n            }}\n            size=\"sm\"\n            icon={<Trash />}\n            variant=\"ghost\"\n            color=\"default\"\n            disabled={isBtnDisabled}\n            onClick={removeField}\n          />\n        )}\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default Field;\n\n// ============================================================================\n// DefaultField Component\n// ============================================================================\n\ninterface DefaultFieldProps {\n  integrationFieldType: string;\n  handleFieldValue: (value: unknown) => void;\n  value: unknown;\n}\n\n/**\n * DefaultField component - Renders appropriate input based on field type\n */\nconst DefaultField: React.FC<DefaultFieldProps> = ({\n  integrationFieldType,\n  handleFieldValue,\n  value,\n}) => {\n  const handleBooleanChange = (booleanValue: unknown): void => {\n    handleFieldValue({\n      type: FIELD_TYPE_NAMES.BOOLEAN,\n      value: booleanValue,\n    });\n  };\n\n  const handleDateChange = (dateValue: unknown): void => {\n    handleFieldValue({\n      type: FIELD_TYPE_NAMES.DATE_TIME,\n      value: dateValue,\n    });\n  };\n\n  const handleNumberChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n    const numValue = parseInt(e.currentTarget.value, 10);\n    handleFieldValue({\n      type: FIELD_TYPE_NAMES.NUMBER,\n      value: isNaN(numValue) ? 0 : numValue,\n    });\n  };\n\n  const handleStringChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n    handleFieldValue({\n      type: FIELD_TYPE_NAMES.STRING,\n      value: e.currentTarget.value,\n    });\n  };\n\n  switch (integrationFieldType) {\n    case FIELD_TYPE_NAMES.BOOLEAN:\n      return (\n        <Select\n          options={[\n            { label: UI_TEXT.TRUE_LABEL, value: true },\n            { label: UI_TEXT.FALSE_LABEL, value: false },\n          ]}\n          size=\"lg\"\n          value={value}\n          placeholder={UI_TEXT.EMPTY_PLACEHOLDER}\n          onChange={handleBooleanChange}\n        />\n      );\n\n    case FIELD_TYPE_NAMES.DATE_TIME:\n      return (\n        <CustomDateMenu\n          value={value as string}\n          onChangeHandler={handleDateChange}\n        />\n      );\n\n    case FIELD_TYPE_NAMES.NUMBER:\n      return (\n        <>\n          <Input\n            size=\"lg\"\n            type=\"number\"\n            placeholder={UI_TEXT.EMPTY_PLACEHOLDER}\n            value={value as number}\n            min={0}\n            onChange={handleNumberChange}\n          />\n          <FormLabel size=\"xs\">{UI_TEXT.ENTER_VALID_NUMBER}</FormLabel>\n        </>\n      );\n\n    default:\n      return (\n        <Input\n          size=\"lg\"\n          placeholder={UI_TEXT.EMPTY_PLACEHOLDER}\n          value={value as string}\n          onChange={handleStringChange}\n        />\n      );\n  }\n};\n"],"names":["_a","_b","_c","_d","_e","_f","React","Arrow","Trash"],"mappings":"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"}
+{"version":3,"file":"field.js","sources":["../../../../src/mapping/components/field.tsx"],"sourcesContent":["import {\n  Box,\n  Flex,\n  FormLabel,\n  IconButton,\n  Input,\n  Select,\n  Text,\n} from \"@sparrowengg/twigs-react\";\nimport React, { useEffect } from \"react\";\nimport Trash from \"../../commons/icons/trash\";\nimport CustomMenu from \"./custom-menu\";\nimport { integrationsClassicSubmissionProperties, integrationsNpsSubmissionProperties, mappingType, subMenuOptions } from \"../../commons/constants\";\nimport { handleMappingOptions } from \"../../commons/helpers\";\nimport Arrow from \"../../commons/icons/arrow\";\nimport { FieldProps } from \"../types\";\nimport CustomDateMenu from \"./custom-date-menu\";\nimport CustomOption from \"./custom-option\";\nimport PlaceholderSpan from \"./placeholder-span\";\nimport { DateValue } from \"@internationalized/date\";\n\nconst customStyles = {\n  menuList: (prevStyles: any) => ({\n    ...prevStyles,\n    maxHeight: 176,\n    // width: \"300px !important\",\n  }),\n};\n\nconst subMenuCustomStyles = {\n  menu: (prevStyles: any) => ({\n    ...prevStyles,\n    width: 260,\n    right: 0,\n  }),\n};\n\nconst Field: React.FC<FieldProps> = ({\n  surveyType,\n  havingTypeDropdown,\n  field,\n  isFirstField,\n  handleFieldValue,\n  ssMappingData,\n  integrationFields,\n  integrationName,\n  hasCustomMenuProperty,\n  isBtnDisabled,\n  removeField,\n  showCustomPropertyModal,\n}) => {\n  useEffect(() => {\n    if (!field.integrationField) {\n      const foundField = integrationFields.find(\n        (integrationField: any) =>\n          integrationField.label === field?.essentialFieldLabel\n      );\n      if (foundField) {\n        field.integrationField = {\n          label: foundField.label,\n          value: foundField.value,\n          type: foundField.type,\n        };\n      }\n    }\n  }, [field, integrationFields]);\n\n  const hasNumberDefaultField = (type: any): boolean => {\n    if(type === \"NUMBER\"){\n      return true;\n    }\n    return false;\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap=\"$8\">\n      {field?.essentialFieldLabel && (\n        <Text size=\"sm\" weight=\"bold\">\n          {field.essentialFieldLabel}\n          <PlaceholderSpan color=\"$negative500\">*</PlaceholderSpan>\n        </Text>\n      )}\n      <Flex\n        key={field.id}\n        css={{\n          width: \"100%\",\n          \"&:hover\": {\n            \"& button\": {\n              opacity: 1,\n            },\n            \"& #arrow path\": {\n              fill: \"$secondary500\",\n            },\n          },\n        }}\n        alignItems=\"center\"\n        gap=\"$6\"\n      >\n        <Flex flexDirection=\"column\" gap=\"$2\" css={{ width: 144 }}>\n          {(isFirstField || field.isEssentialField) && (\n            <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n              Type\n            </FormLabel>\n          )}\n          <Select\n            placeholder=\"Choose\"\n            size=\"lg\"\n            isSearchable={false}\n            value={field?.mappedType}\n            options={mappingType}\n            onChange={(type: any) => handleFieldValue(field?.id, \"type\", type)}\n            styles={customStyles}\n          />\n        </Flex>\n        <Flex alignItems=\"center\" css={{ flex: 1 }} gap=\"11px\">\n          <Flex flexDirection=\"column\" gap=\"$2\" css={{ width: \"100%\" }}>\n            {(isFirstField || field.isEssentialField) && (\n              <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                SurveySparrow Field\n              </FormLabel>\n            )}\n            <Select\n              size=\"lg\"\n              placeholder=\"Choose\"\n              value={field?.surveySparrowField}\n              onChange={(ssField: any) =>\n                handleFieldValue(field?.id, \"surveySparrowField\", ssField)\n              }\n              options={handleMappingOptions(\n                (field?.mappedType?.value ?? \"QUESTION\") as string,\n                ssMappingData.questions,\n                ssMappingData.contactProperties,\n                ssMappingData.variables,\n                ssMappingData.expressions,\n                integrationsNpsSubmissionProperties,\n                integrationsClassicSubmissionProperties,\n                surveyType\n              )}\n              styles={customStyles}\n            />\n          </Flex>\n          <Box\n            as=\"span\"\n            id=\"arrow\"\n            css={{\n              paddingTop: isFirstField || field.isEssentialField ? \"$9\" : 0,\n            }}\n          >\n            <Arrow />\n          </Box>\n          <Flex flexDirection=\"column\" gap=\"$2\">\n            {(isFirstField || field.isEssentialField) && (\n              <FormLabel size=\"xs\" css={{ fontWeight: \"$5\" }}>\n                {`${integrationName} Field`}\n              </FormLabel>\n            )}\n            <Flex alignItems=\"center\">\n              <Select\n                placeholder=\"Choose\"\n                size=\"lg\"\n                value={\n                  field?.integrationField ??\n                  integrationFields.find(\n                    (integrationField: any) =>\n                      integrationField.label === field?.essentialFieldLabel\n                  )\n                }\n                isDisabled={!!integrationFields.find(\n                  (integrationField: any) =>\n                    integrationField.label === field?.essentialFieldLabel\n                )}\n                onChange={(integration: any) => {\n                  handleFieldValue(field?.id, \"integrationField\", integration);\n                }}\n                css={{\n                  width: 260,\n                  \"& .twigs-select__control\": {\n                    borderTopRightRadius: havingTypeDropdown ? 0 : \"$lg\",\n                    borderBottomRightRadius: havingTypeDropdown ? 0 : \"$lg\",\n                  },\n                }}\n                options={integrationFields}\n                styles={customStyles}\n                components={{\n                  ...(hasCustomMenuProperty && {\n                    Menu: (props: any) => (\n                      <CustomMenu\n                        {...props}\n                        customOnClick={showCustomPropertyModal}\n                      />\n                    ),\n                  }),\n                }}\n              />\n              {havingTypeDropdown && (\n                <Select\n                  css={{\n                    width: 112,\n                    \"& .twigs-select__control\": {\n                      borderTopLeftRadius: 0,\n                      borderBottomLeftRadius: 0,\n                      border: \"$borderWidths$xs solid $neutral200\",\n                    },\n                  }}\n                  isDisabled={!field?.integrationField?.value}\n                  value={field?.integrationFieldType}\n                  onChange={(integration: any) =>\n                    handleFieldValue(\n                      field?.id,\n                      \"integrationFieldType\",\n                      integration\n                    )\n                  }\n                  styles={subMenuCustomStyles}\n                  options={subMenuOptions}\n                  closeMenuOnSelect\n                  // @ts-ignore\n                  noneOptionHandler={(value) =>\n                    handleFieldValue(field?.id, \"integrationFieldType\", value)\n                  }\n                  components={{ Menu: CustomMenu as any, Option: CustomOption as any }}\n                  placeholder=\"Choose\"\n                  size=\"lg\"\n                />\n              )}\n            </Flex>\n          </Flex>\n          <Flex\n            flexDirection=\"column\"\n            gap=\"$2\"\n            css={{ maxWidth: 180, width: \"100%\" }}\n          >\n            {(isFirstField || field.isEssentialField) && (\n              <FormLabel size=\"xs\" css={{ fontWeight: \"$5\", marginBlockStart:  hasNumberDefaultField(field?.integrationFieldType?.value ??\n                integrationFields.find(\n                  (integrationField: any) =>\n                    integrationField.label === field?.essentialFieldLabel\n                )?.type ?? field.integrationField?.type) ? \"$9\" : \"0\"  }}>\n                {\"Default Value (Optional)\"}\n              </FormLabel>\n            )}\n            <DefaultField\n              handleFieldValue={(value: any) => {\n                handleFieldValue(field?.id, \"defaultValue\", value);\n              }}\n              integrationFieldType={\n                (field?.integrationFieldType?.value ??\n                integrationFields.find(\n                  (integrationField: any) =>\n                    integrationField.label === field?.essentialFieldLabel\n                )?.type ?? field.integrationField?.type ?? \"STRING\") as string\n              }\n              value={(field?.defaultValue as any)?.value ?? field?.defaultValue}\n            />\n          </Flex>\n        </Flex>\n        {!field.isEssentialField && (\n          <IconButton\n            css={{\n              transition: \"all .3s ease\",\n              marginTop: isFirstField ? \"$11\" : 0,\n            }}\n            size=\"sm\"\n            icon={<Trash />}\n            variant=\"ghost\"\n            color=\"default\"\n            disabled={isBtnDisabled}\n            onClick={removeField}\n          />\n        )}\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default Field;\n\nconst DefaultField: React.FC<{\n  integrationFieldType: string;\n  handleFieldValue: (value: any) => void;\n  value: any;\n}> = ({ integrationFieldType, handleFieldValue, value }) => {\n  switch (`${integrationFieldType}`) {\n    case \"BOOLEAN\":\n      return (\n        <Select\n          options={[\n            {\n              label: \"true\",\n              value: true,\n            },\n            {\n              label: \"false\",\n              value: false,\n            },\n          ]}\n          size=\"lg\"\n          value={value}\n          placeholder=\"\"\n          onChange={(booleanValue: any) =>\n            handleFieldValue({\n              type: \"BOOLEAN\",\n              value: booleanValue,\n            })\n          }\n        />\n      );\n    case \"DATE_TIME\":\n      return (\n        <CustomDateMenu\n          value={value}\n          onChangeHandler={(dateValue: any) => {\n            handleFieldValue({\n              type: \"DATE_TIME\",\n              value: dateValue,\n            });\n          }}\n        />\n      );\n    case \"NUMBER\":\n      return (\n        <>\n          <Input\n            size=\"lg\"\n            type=\"number\"\n            placeholder=\"\"\n            value={value}\n            min={0}\n            onChange={(e: any) =>\n              handleFieldValue({\n                type: \"NUMBER\",\n                value: parseInt(e.currentTarget.value),\n              })\n            }\n          />\n          <FormLabel size=\"xs\">please enter a valid number</FormLabel>\n        </>\n      );\n    default:\n      return (\n        <Input\n          size=\"lg\"\n          placeholder=\"\"\n          value={value}\n          onChange={(e: any) =>\n            handleFieldValue({\n              type: \"STRING\",\n              value: e.currentTarget.value,\n            })\n          }\n        />\n      );\n  }\n};"],"names":["React"],"mappings":"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"}