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

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

@@ -1,15 +1,15 @@
-import React__default, { useState } from 'react';
+import React__default, { useState, useEffect } from 'react';
 import { surveySparrowURL } from '../../commons/constants/index.js';
+import { MAPPING_ERROR_MESSAGES, DEFAULT_FIELD_VALUE } from '../constants/index.js';
+import { fetchSurveyQuestions, fetchSurveyVariables, fetchContactProperties, fetchSurveyExpression } from '../services/index.js';
 import ImportModal from '../../commons/components/import-modal.js';
 import Spinner from '../../commons/components/spinner.js';
 import Field from './field.js';
 import PlaceholderSpan from './placeholder-span.js';
-import { useMappingData } from '../hooks/useMappingData.js';
-import { useFieldMapping } from '../hooks/useFieldMapping.js';
-import { UI_TEXT, FIELD_TYPE_NAMES } from '../constants/index.js';
+import v4 from '../../node_modules/uuid/dist/esm-browser/v4.js';
 import { Flex } from '../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js';
-import { Heading } from '../../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js';
 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';
 import { Text } from '../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js';
 import { Button } from '../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js';
 import { PlusIcon } from '../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/plus.js';
@@ -17,6 +17,25 @@ import { Select } from '../../node_modules/@sparrowengg/twigs-react/dist/es/sele
 import { Checkbox } from '../../node_modules/@sparrowengg/twigs-react/dist/es/checkbox/checkbox.js';
 import { FormLabel } from '../../node_modules/@sparrowengg/twigs-react/dist/es/form-label/form-label.js';
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const Mapping = ({
   havingTypeDropdown,
   integrationName,
@@ -33,74 +52,103 @@ const Mapping = ({
   customList,
   oldResponse
 }) => {
+  const [ssMappingData, setSSMappingData] = useState({
+    questions: [],
+    variables: [],
+    contactProperties: [],
+    expressions: []
+  });
   const [showCustomPropertyModal, setShowCustomPropertyModal] = useState(false);
   const [customPropertyField, setCustomPropertyField] = useState("");
-  const { ssMappingData, loading } = useMappingData({
-    apiURL,
-    surveyId,
-    token
-  });
-  const {
-    handleFieldValue,
-    addNewField,
-    removeField,
-    essentialFields,
-    commonFields
-  } = useFieldMapping({
-    fields,
-    setFields
-  });
-  const hasRequiredProps = () => {
-    return !!(fields && typeof setFields === "function" && integrationFields && setIntegrationFields !== void 0 && token);
-  };
-  const handleCustomPropertySave = () => {
-    if (setIntegrationFields && customPropertyField) {
-      setIntegrationFields((prev) => [
-        ...prev,
-        {
-          id: customPropertyField,
-          label: customPropertyField,
-          value: customPropertyField,
-          type: FIELD_TYPE_NAMES.STRING.toLowerCase()
-        }
-      ]);
+  const [loader, setLoader] = useState(true);
+  const essentialFields = fields == null ? void 0 : fields.filter((field) => field == null ? void 0 : field.isEssentialField);
+  const commonFields = fields == null ? void 0 : fields.filter((field) => !(field == null ? void 0 : field.isEssentialField));
+  const customHandler = (field, property, value) => {
+    if ((field == null ? void 0 : field.dependency) && typeof field.dependency === "object" && "length" in field.dependency) {
+      return field.dependency;
     }
-    setShowCustomPropertyModal(false);
-    setCustomPropertyField(UI_TEXT.EMPTY_PLACEHOLDER);
+    return [];
   };
-  const handleCustomListChange = (value) => {
-    if (customList.onChangeHandler) {
-      customList.onChangeHandler(value);
-    }
+  const handleFieldValue = (id, property, value) => {
+    let dependentField = [];
+    const targetField = fields.find((field) => field.id === id);
+    dependentField = customHandler(
+      targetField);
+    let currentFields = [...fields, ...dependentField].filter(
+      (obj, index, self) => index === self.findIndex((o) => JSON.stringify(o) === JSON.stringify(obj))
+    );
+    setFields(
+      currentFields == null ? void 0 : currentFields.map((field) => {
+        if (field.id === id) {
+          return property === "type" ? __spreadProps(__spreadValues({}, field), { surveySparrowField: null, mappedType: value, id: id.toString() }) : property === "integrationFieldType" ? __spreadProps(__spreadValues({}, field), { defaultValue: null, [property]: value }) : __spreadProps(__spreadValues({}, field), { [property]: value });
+        } else {
+          return __spreadValues({}, field);
+        }
+      })
+    );
   };
-  const handleOldResponseChange = (value) => {
-    if (oldResponse.onChangeHandler) {
-      oldResponse.onChangeHandler(value);
+  const hasRequiredProps = () => !!fields && !!setFields && !!integrationFields && !!setIntegrationFields && !!token;
+  const fetchInitialMappingData = async () => {
+    setLoader(true);
+    try {
+      const [questions, variables, contactProperties, expressions] = await Promise.all([
+        fetchSurveyQuestions(apiURL, surveyId, token != null ? token : ""),
+        fetchSurveyVariables(apiURL, surveyId, token != null ? token : ""),
+        fetchContactProperties(apiURL, token != null ? token : ""),
+        fetchSurveyExpression(apiURL, surveyId, token != null ? token : "")
+      ]);
+      setSSMappingData({
+        questions: questions || [],
+        contactProperties: contactProperties || [],
+        variables: variables || [],
+        expressions: expressions || []
+      });
+    } catch (error) {
+      console.error(MAPPING_ERROR_MESSAGES.FETCH_ERROR, error);
+      setSSMappingData({
+        questions: [],
+        contactProperties: [],
+        variables: [],
+        expressions: []
+      });
+    } finally {
+      setLoader(false);
     }
   };
-  if (loading) {
-    return /* @__PURE__ */ React__default.createElement(
-      Flex,
-      {
-        alignItems: "center",
-        justifyContent: "center",
-        css: { height: "calc(100vh - 57px)" }
-      },
-      /* @__PURE__ */ React__default.createElement(Spinner, null)
+  useEffect(() => {
+    setFields(
+      (fields == null ? void 0 : fields.length) === 0 ? [__spreadProps(__spreadValues({}, DEFAULT_FIELD_VALUE), { id: v4() })] : fields == null ? void 0 : fields.map((field) => __spreadProps(__spreadValues({}, field), { id: v4() }))
     );
-  }
-  if (!hasRequiredProps()) {
-    return /* @__PURE__ */ React__default.createElement(
-      Flex,
-      {
-        alignItems: "center",
-        justifyContent: "center",
-        css: { height: "100%" }
-      },
-      /* @__PURE__ */ React__default.createElement(Heading, { size: "h4", weight: "bold" }, UI_TEXT.PROVIDE_NEEDED_PROPS)
-    );
-  }
-  return /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(Box, { css: { maxWidth: 1120, width: "100%", marginBlock: "$40" } }, /* @__PURE__ */ React__default.createElement(Heading, { size: "h5", css: { color: "$neutral900" } }, `${UI_TEXT.MAP_TO_PREFIX} ${integrationName}`), /* @__PURE__ */ React__default.createElement(Flex, { gap: "$2", css: { marginTop: "$4" } }, /* @__PURE__ */ React__default.createElement(Text, { size: "sm", css: { color: "$neutral500" } }, UI_TEXT.SURVEY_NAME_LABEL), /* @__PURE__ */ React__default.createElement(Text, { size: "sm", weight: "medium", css: { color: "$neutral800" } }, surveyDetails.surveyName)), !!(essentialFields == null ? void 0 : essentialFields.length) && /* @__PURE__ */ React__default.createElement(
+    if (!!token && (token == null ? void 0 : token.length) > 60 && !!surveyId) {
+      fetchInitialMappingData();
+    } else {
+      setLoader(false);
+    }
+  }, [token, surveyId]);
+  return /* @__PURE__ */ React__default.createElement(Flex, { alignItems: "center", justifyContent: "center" }, hasRequiredProps() ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, loader ? /* @__PURE__ */ React__default.createElement(
+    Flex,
+    {
+      alignItems: "center",
+      justifyContent: "center",
+      css: { height: "calc(100vh - 57px)" }
+    },
+    /* @__PURE__ */ React__default.createElement(Spinner, null)
+  ) : /* @__PURE__ */ React__default.createElement(Box, { css: { maxWidth: 1120, width: "100%", marginBlock: "$40" } }, /* @__PURE__ */ React__default.createElement(
+    Heading,
+    {
+      size: "h5",
+      css: { color: "$neutral900" }
+    },
+    `Map to ${integrationName}`
+  ), /* @__PURE__ */ React__default.createElement(Flex, { gap: "$2", css: { marginTop: "$4" } }, /* @__PURE__ */ React__default.createElement(Text, { size: "sm", css: { color: "$neutral500" } }, "Survey Name:"), /* @__PURE__ */ React__default.createElement(
+    Text,
+    {
+      size: "sm",
+      weight: "medium",
+      css: { color: "$neutral800" }
+    },
+    surveyDetails.surveyName
+  )), !!(essentialFields == null ? void 0 : essentialFields.length) && /* @__PURE__ */ React__default.createElement(
     Box,
     {
       css: {
@@ -120,57 +168,82 @@ const Mapping = ({
           marginTop: "$4"
         }
       },
-      UI_TEXT.CONNECTION_REQUIRES_TEXT,
+      "This connection requires",
       " ",
-      /* @__PURE__ */ React__default.createElement(PlaceholderSpan, { color: "$neutral600" }, essentialFields.length),
+      /* @__PURE__ */ React__default.createElement(PlaceholderSpan, { color: "$neutral600" }, essentialFields == null ? void 0 : essentialFields.length),
       /* @__PURE__ */ React__default.createElement(PlaceholderSpan, { color: "$negative500" }, "*"),
       " ",
-      UI_TEXT.ESSENTIAL_MAPPINGS_TEXT
+      "essential mappings"
     ),
-    /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$20", css: { marginTop: "$12" } }, essentialFields.map((field, idx) => /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(
+      Flex,
+      {
+        flexDirection: "column",
+        gap: "$20",
+        css: { marginTop: "$12" }
+      },
+      essentialFields == null ? void 0 : essentialFields.map((field, idx) => /* @__PURE__ */ React__default.createElement(
+        Field,
+        {
+          surveyType,
+          havingTypeDropdown,
+          key: field.id,
+          field,
+          integrationName,
+          handleFieldValue: (id, property, value) => handleFieldValue(id, property, value),
+          hasCustomMenuProperty,
+          integrationFields,
+          isBtnDisabled: commonFields.length === 1,
+          isFirstField: idx === 0,
+          ssMappingData,
+          showCustomPropertyModal: () => {
+            setShowCustomPropertyModal(true);
+          }
+        }
+      ))
+    )
+  ), /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$16", css: { marginTop: "$16" } }, commonFields == null ? void 0 : commonFields.map((field, idx) => {
+    return /* @__PURE__ */ React__default.createElement(
       Field,
       {
-        key: field.id,
         surveyType,
         havingTypeDropdown,
+        key: field.id,
         field,
         integrationName,
-        handleFieldValue,
+        removeField: () => {
+          setFields(
+            (prev) => prev.filter(
+              (currentField) => currentField.id !== field.id
+            )
+          );
+        },
+        handleFieldValue: (id, property, value) => handleFieldValue(id, property, value),
         hasCustomMenuProperty,
         integrationFields,
-        isBtnDisabled: commonFields.length === 1,
+        isBtnDisabled: false,
         isFirstField: idx === 0,
         ssMappingData,
-        showCustomPropertyModal: () => setShowCustomPropertyModal(true)
+        showCustomPropertyModal: () => {
+          setShowCustomPropertyModal(true);
+        }
       }
-    )))
-  ), /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$16", css: { marginTop: "$16" } }, commonFields.map((field, idx) => /* @__PURE__ */ React__default.createElement(
-    Field,
-    {
-      key: field.id,
-      surveyType,
-      havingTypeDropdown,
-      field,
-      integrationName,
-      removeField: () => removeField(field.id),
-      handleFieldValue,
-      hasCustomMenuProperty,
-      integrationFields,
-      isBtnDisabled: false,
-      isFirstField: idx === 0,
-      ssMappingData,
-      showCustomPropertyModal: () => setShowCustomPropertyModal(true)
-    }
-  ))), /* @__PURE__ */ React__default.createElement(
+    );
+  })), /* @__PURE__ */ React__default.createElement(
     Button,
     {
       leftIcon: /* @__PURE__ */ React__default.createElement(PlusIcon, null),
       color: "default",
       css: { marginTop: "$10" },
-      onClick: addNewField,
+      onClick: () => setFields([
+        ...fields,
+        __spreadProps(__spreadValues({}, DEFAULT_FIELD_VALUE), {
+          id: v4()
+        })
+      ]),
       size: "md"
     },
-    UI_TEXT.NEW_MAPPING_FIELD_BUTTON
+    "New mapping field"
   ), (customList == null ? void 0 : customList.hasCustomList) && /* @__PURE__ */ React__default.createElement(
     Flex,
     {
@@ -178,7 +251,7 @@ const Mapping = ({
       flexDirection: "column",
       gap: "$8"
     },
-    /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$3" }, /* @__PURE__ */ React__default.createElement(Heading, { size: "h5" }, UI_TEXT.CHOOSE_LIST_HEADING), /* @__PURE__ */ React__default.createElement(Text, { css: { color: "$neutral500" }, size: "sm" }, UI_TEXT.CHOOSE_LIST_DESCRIPTION)),
+    /* @__PURE__ */ React__default.createElement(Flex, { flexDirection: "column", gap: "$3" }, /* @__PURE__ */ React__default.createElement(Heading, { size: "h5" }, "Choose a List"), /* @__PURE__ */ React__default.createElement(Text, { css: { color: "$neutral500" }, size: "sm" }, "Pick a list to save mapped fields; If not, they'll be saved under all profiles.")),
     /* @__PURE__ */ React__default.createElement(
       Select,
       {
@@ -186,29 +259,45 @@ const Mapping = ({
         size: "lg",
         options: customList.options,
         value: customList.value,
-        placeholder: UI_TEXT.EMPTY_PLACEHOLDER,
-        onChange: handleCustomListChange
+        placeholder: "",
+        onChange: (value) => customList.onChangeHandler(value)
       }
     )
   ), (oldResponse == null ? void 0 : oldResponse.hasOldResponse) && /* @__PURE__ */ React__default.createElement(
     Checkbox,
     {
-      onChange: handleOldResponseChange,
+      onChange: (value) => oldResponse.onChangeHandler(value),
       css: { marginBlock: "$8", cursor: "pointer" },
       checked: oldResponse.value
     },
-    /* @__PURE__ */ React__default.createElement(FormLabel, { size: "sm" }, UI_TEXT.IMPORT_OLD_RESPONSE_LABEL)
+    /* @__PURE__ */ React__default.createElement(FormLabel, { size: "sm" }, "Import Old Response")
   ), showCustomPropertyModal && /* @__PURE__ */ React__default.createElement(
     ImportModal,
     {
-      onClose: () => {
+      onCloseHandler: () => setShowCustomPropertyModal(false),
+      onInputHandler: (value) => setCustomPropertyField(value),
+      onSaveHandler: () => {
+        setIntegrationFields && setIntegrationFields((prev) => [
+          ...prev,
+          {
+            id: customPropertyField,
+            label: customPropertyField,
+            value: customPropertyField,
+            type: "string"
+          }
+        ]);
         setShowCustomPropertyModal(false);
-        setCustomPropertyField(UI_TEXT.EMPTY_PLACEHOLDER);
-      },
-      onInputChange: setCustomPropertyField,
-      onSave: handleCustomPropertySave
+      }
     }
-  )));
+  ))) : /* @__PURE__ */ React__default.createElement(
+    Flex,
+    {
+      alignItems: "center",
+      justifyContent: "center",
+      css: { height: "100%" }
+    },
+    /* @__PURE__ */ React__default.createElement(Heading, { size: "h4", weight: "bold" }, "Provide the needed props to import Mapping Template")
+  ));
 };
 
 export { Mapping };

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

@@ -1 +1 @@
-{"version":3,"file":"mapping.js","sources":["../../../../src/mapping/components/mapping.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport {\n  Box,\n  Button,\n  Checkbox,\n  Flex,\n  FormLabel,\n  Heading,\n  Select,\n  Text,\n} from \"@sparrowengg/twigs-react\";\nimport { PlusIcon } from \"@sparrowengg/twigs-react-icons\";\nimport { surveySparrowURL } from \"../../commons/constants\";\nimport ImportModal from \"../../commons/components/import-modal\";\nimport Spinner from \"../../commons/components/spinner\";\nimport Field from \"./field\";\nimport PlaceholderSpan from \"./placeholder-span\";\nimport { FieldMappingProps, IntegrationFieldType } from \"../types\";\nimport { useMappingData, useFieldMapping } from \"../hooks\";\nimport { UI_TEXT, FIELD_TYPE_NAMES } from \"../constants\";\n\n/**\n * Mapping component - Displays and manages field mappings\n */\nexport const Mapping: React.FC<FieldMappingProps> = ({\n  havingTypeDropdown,\n  integrationName,\n  surveyId,\n  surveyType,\n  fields,\n  setFields,\n  integrationFields,\n  hasCustomMenuProperty,\n  setIntegrationFields,\n  apiURL = surveySparrowURL,\n  token,\n  surveyDetails,\n  customList,\n  oldResponse,\n}) => {\n  const [showCustomPropertyModal, setShowCustomPropertyModal] = useState(false);\n  const [customPropertyField, setCustomPropertyField] = useState<string>(\"\");\n\n  // Fetch mapping data\n  const { ssMappingData, loading } = useMappingData({\n    apiURL,\n    surveyId,\n    token,\n  });\n\n  // Manage field mappings\n  const {\n    handleFieldValue,\n    addNewField,\n    removeField,\n    essentialFields,\n    commonFields,\n  } = useFieldMapping({\n    fields,\n    setFields,\n  });\n\n  // Check if all required props are provided\n  const hasRequiredProps = (): boolean => {\n    return !!(\n      fields &&\n      typeof setFields === 'function' &&\n      integrationFields &&\n      (setIntegrationFields !== undefined) &&\n      token\n    );\n  };\n\n  const handleCustomPropertySave = (): void => {\n    if (setIntegrationFields && customPropertyField) {\n      setIntegrationFields((prev) => [\n        ...prev,\n        {\n          id: customPropertyField,\n          label: customPropertyField,\n          value: customPropertyField,\n          type: FIELD_TYPE_NAMES.STRING.toLowerCase(),\n        } as IntegrationFieldType,\n      ]);\n    }\n    setShowCustomPropertyModal(false);\n    setCustomPropertyField(UI_TEXT.EMPTY_PLACEHOLDER);\n  };\n\n  const handleCustomListChange = (value: unknown): void => {\n    if (customList.onChangeHandler) {\n      customList.onChangeHandler(value as Parameters<typeof customList.onChangeHandler>[0]);\n    }\n  };\n\n  const handleOldResponseChange = (value: unknown): void => {\n    if (oldResponse.onChangeHandler) {\n      oldResponse.onChangeHandler(value as Parameters<typeof oldResponse.onChangeHandler>[0]);\n    }\n  };\n\n  // Loading state\n  if (loading) {\n    return (\n      <Flex\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        css={{ height: \"calc(100vh - 57px)\" }}\n      >\n        <Spinner />\n      </Flex>\n    );\n  }\n\n  // Missing required props\n  if (!hasRequiredProps()) {\n    return (\n      <Flex\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        css={{ height: \"100%\" }}\n      >\n        <Heading size=\"h4\" weight=\"bold\">\n          {UI_TEXT.PROVIDE_NEEDED_PROPS}\n        </Heading>\n      </Flex>\n    );\n  }\n\n  return (\n    <Flex alignItems=\"center\" justifyContent=\"center\">\n      <Box css={{ maxWidth: 1120, width: \"100%\", marginBlock: \"$40\" }}>\n        {/* Header */}\n        <Heading size=\"h5\" css={{ color: \"$neutral900\" }}>\n          {`${UI_TEXT.MAP_TO_PREFIX} ${integrationName}`}\n        </Heading>\n        <Flex gap=\"$2\" css={{ marginTop: \"$4\" }}>\n          <Text size=\"sm\" css={{ color: \"$neutral500\" }}>\n            {UI_TEXT.SURVEY_NAME_LABEL}\n          </Text>\n          <Text size=\"sm\" weight=\"medium\" css={{ color: \"$neutral800\" }}>\n            {surveyDetails.surveyName}\n          </Text>\n        </Flex>\n\n        {/* Essential Fields Section */}\n        {!!essentialFields?.length && (\n          <Box\n            css={{\n              width: \"100%\",\n              paddingBlock: \"$12 $20\",\n              borderBottom: \"$borderWidths$xs dashed $neutral200\",\n              maxWidth: 1084,\n            }}\n          >\n            <Text\n              size=\"md\"\n              css={{\n                color: \"$neutral500\",\n                lineHeight: \"$md\",\n                marginTop: \"$4\",\n              }}\n            >\n              {UI_TEXT.CONNECTION_REQUIRES_TEXT}{\" \"}\n              <PlaceholderSpan color=\"$neutral600\">\n                {essentialFields.length}\n              </PlaceholderSpan>\n              <PlaceholderSpan color=\"$negative500\">*</PlaceholderSpan> {UI_TEXT.ESSENTIAL_MAPPINGS_TEXT}\n            </Text>\n            <Flex flexDirection=\"column\" gap=\"$20\" css={{ marginTop: \"$12\" }}>\n              {essentialFields.map((field, idx) => (\n                <Field\n                  key={field.id}\n                  surveyType={surveyType}\n                  havingTypeDropdown={havingTypeDropdown}\n                  field={field}\n                  integrationName={integrationName}\n                  handleFieldValue={handleFieldValue}\n                  hasCustomMenuProperty={hasCustomMenuProperty}\n                  integrationFields={integrationFields}\n                  isBtnDisabled={commonFields.length === 1}\n                  isFirstField={idx === 0}\n                  ssMappingData={ssMappingData}\n                  showCustomPropertyModal={() => setShowCustomPropertyModal(true)}\n                />\n              ))}\n            </Flex>\n          </Box>\n        )}\n\n        {/* Common Fields Section */}\n        <Flex flexDirection=\"column\" gap=\"$16\" css={{ marginTop: \"$16\" }}>\n          {commonFields.map((field, idx) => (\n            <Field\n              key={field.id}\n              surveyType={surveyType}\n              havingTypeDropdown={havingTypeDropdown}\n              field={field}\n              integrationName={integrationName}\n              removeField={() => removeField(field.id)}\n              handleFieldValue={handleFieldValue}\n              hasCustomMenuProperty={hasCustomMenuProperty}\n              integrationFields={integrationFields}\n              isBtnDisabled={false}\n              isFirstField={idx === 0}\n              ssMappingData={ssMappingData}\n              showCustomPropertyModal={() => setShowCustomPropertyModal(true)}\n            />\n          ))}\n        </Flex>\n\n        {/* Add New Field Button */}\n        <Button\n          leftIcon={<PlusIcon />}\n          color=\"default\"\n          css={{ marginTop: \"$10\" }}\n          onClick={addNewField}\n          size=\"md\"\n        >\n          {UI_TEXT.NEW_MAPPING_FIELD_BUTTON}\n        </Button>\n\n        {/* Custom List Selection */}\n        {customList?.hasCustomList && (\n          <Flex\n            css={{ marginTop: \"$40\" }}\n            flexDirection=\"column\"\n            gap=\"$8\"\n          >\n            <Flex flexDirection=\"column\" gap=\"$3\">\n              <Heading size=\"h5\">{UI_TEXT.CHOOSE_LIST_HEADING}</Heading>\n              <Text css={{ color: \"$neutral500\" }} size=\"sm\">\n                {UI_TEXT.CHOOSE_LIST_DESCRIPTION}\n              </Text>\n            </Flex>\n            <Select\n              css={{ maxWidth: 400, width: \"100%\" }}\n              size=\"lg\"\n              options={customList.options}\n              value={customList.value}\n              placeholder={UI_TEXT.EMPTY_PLACEHOLDER}\n              onChange={handleCustomListChange}\n            />\n          </Flex>\n        )}\n\n        {/* Old Response Checkbox */}\n        {oldResponse?.hasOldResponse && (\n          <Checkbox\n            onChange={handleOldResponseChange}\n            css={{ marginBlock: \"$8\", cursor: \"pointer\" }}\n            checked={oldResponse.value as boolean}\n          >\n            <FormLabel size=\"sm\">{UI_TEXT.IMPORT_OLD_RESPONSE_LABEL}</FormLabel>\n          </Checkbox>\n        )}\n\n        {/* Custom Property Modal */}\n        {showCustomPropertyModal && (\n          <ImportModal\n            onClose={() => {\n              setShowCustomPropertyModal(false);\n              setCustomPropertyField(UI_TEXT.EMPTY_PLACEHOLDER);\n            }}\n            onInputChange={setCustomPropertyField}\n            onSave={handleCustomPropertySave}\n          />\n        )}\n      </Box>\n    </Flex>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"mapping.js","sources":["../../../../src/mapping/components/mapping.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Checkbox,\n  Flex,\n  FormLabel,\n  Heading,\n  Select,\n  Text,\n} from \"@sparrowengg/twigs-react\";\nimport React, { useEffect, useState, useMemo } from \"react\";\nimport { PlusIcon } from \"@sparrowengg/twigs-react-icons\";\nimport { surveySparrowURL } from \"../../commons/constants\";\nimport { DEFAULT_FIELD_VALUE, MAPPING_ERROR_MESSAGES } from \"../constants\";\nimport { v4 as uuid } from \"uuid\";\nimport {\n  fetchContactProperties,\n  fetchSurveyQuestions,\n  fetchSurveyVariables,\n  fetchSurveyExpression,\n} from \"../services\";\nimport { MappingTypeProps, ssMappingDataResponse, FieldType, SelectOption, IntegrationFieldType } from \"../types\";\nimport { FormFieldValue, FieldChangeHandler } from \"../../commons/types/enhanced\";\nimport { UI_CONSTANTS, MAPPING_TYPES } from \"../../commons/constants/enhanced\";\nimport ImportModal from \"../../commons/components/import-modal\";\nimport  Spinner  from \"../../commons/components/spinner\";\nimport Field from \"./field\";\nimport PlaceholderSpan from \"./placeholder-span\";\n\n\nexport const Mapping: React.FC<MappingTypeProps> = ({\n  havingTypeDropdown,\n  integrationName,\n  surveyId,\n  surveyType,\n  fields,\n  setFields,\n  integrationFields,\n  hasCustomMenuProperty,\n  setIntegrationFields,\n  apiURL = surveySparrowURL,\n  token,\n  surveyDetails,\n  customList,\n  oldResponse,\n}) => {\n  const [ssMappingData, setSSMappingData] = useState<\n    ssMappingDataResponse<SelectOption>\n  >({\n    questions: [],\n    variables: [],\n    contactProperties: [],\n    expressions: [],\n  });\n  const [showCustomPropertyModal, setShowCustomPropertyModal] = useState(false);\n  const [customPropertyField, setCustomPropertyField] = useState<string>(\"\");\n  const [loader, setLoader] = useState<boolean>(true);\n  const essentialFields = fields?.filter((field) => field?.isEssentialField);\n  const commonFields = fields?.filter((field) => !field?.isEssentialField);\n\n  const customHandler = (field: FieldType | undefined, property: string, value: FormFieldValue): Array<IntegrationFieldType> => {\n    if (field?.dependency && typeof field.dependency === 'object' && 'length' in field.dependency) {\n      return (field.dependency as unknown) as Array<IntegrationFieldType>;\n    }\n    return [];\n  };\n\n  const handleFieldValue: FieldChangeHandler = (id: string | number, property: string, value: FormFieldValue) => {\n    let dependentField: Array<IntegrationFieldType> = [];\n    const targetField = fields.find((field) => field.id === id);\n    dependentField = customHandler(\n      targetField,\n      property,\n      value\n    );\n    let currentFields = [...fields, ...dependentField].filter(\n      (obj, index, self) =>\n        index ===\n        self.findIndex((o) => JSON.stringify(o) === JSON.stringify(obj))\n    );\n    setFields(\n      currentFields?.map((field) => {\n        if (field.id === id) {\n          return property === \"type\"\n            ? { ...field, surveySparrowField: null, mappedType: value, id: id.toString() }\n            : property === \"integrationFieldType\"\n              ? { ...field, defaultValue: null, [property]: value }\n              : { ...field, [property]: value };\n        } else {\n          return { ...field };\n        }\n      }) as FieldType[]\n    );\n  };\n\n  const hasRequiredProps = () =>\n    !!fields &&\n    !!setFields &&\n    !!integrationFields &&\n    !!setIntegrationFields &&\n    !!token;\n\n  const fetchInitialMappingData = async (): Promise<void> => {\n    setLoader(true);\n    try {\n      const [questions, variables, contactProperties, expressions] =\n        await Promise.all([\n          fetchSurveyQuestions(apiURL, surveyId, token ?? \"\"),\n          fetchSurveyVariables(apiURL, surveyId, token ?? \"\"),\n          fetchContactProperties(apiURL, token ?? \"\"),\n          fetchSurveyExpression(apiURL, surveyId, token ?? \"\"),\n        ]);\n      setSSMappingData({\n        questions: (questions as any) || [],\n        contactProperties: (contactProperties as any) || [],\n        variables: (variables as any) || [],\n        expressions: (expressions as any) || [],\n      });\n    } catch (error) {\n      console.error(MAPPING_ERROR_MESSAGES.FETCH_ERROR, error);\n      setSSMappingData({\n        questions: [],\n        contactProperties: [],\n        variables: [],\n        expressions: [],\n      });\n    } finally {\n      setLoader(false);\n    }\n  };\n\n  const getEssentialFieldsNumber = (length: number): string => {\n    const numberMapping: Record<number, string> = {\n      1: \"one\",\n      2: \"two\",\n      3: \"three\",\n      4: \"four\",\n      5: \"five\",\n      6: \"six\",\n      7: \"seven\",\n      8: \"eight\",\n      9: \"nine\",\n      10: \"ten\",\n    };\n    return numberMapping[length] ?? \"These\";\n  };\n\n  useEffect(() => {\n    setFields(\n      fields?.length === 0\n        ? [{ ...DEFAULT_FIELD_VALUE, id: uuid() } as FieldType]\n        : fields?.map((field) => ({ ...field, id: uuid() })) as FieldType[]\n    );\n    if (!!token && token?.length > 60 && !!surveyId) {\n      fetchInitialMappingData();\n    } else {\n      setLoader(false);\n    }\n  }, [token, surveyId]);\n\n  return (\n    <Flex alignItems=\"center\" justifyContent=\"center\">\n      {hasRequiredProps() ? (\n        <>\n          {loader ? (\n            <Flex\n              alignItems=\"center\"\n              justifyContent=\"center\"\n              css={{ height: \"calc(100vh - 57px)\" }}\n            >\n              <Spinner />\n            </Flex>\n          ) : (\n            <Box css={{ maxWidth: 1120, width: \"100%\", marginBlock: \"$40\" }}>\n              <Heading\n                size=\"h5\"\n                css={{ color: \"$neutral900\" }}\n              >{`Map to ${integrationName}`}</Heading>\n              <Flex gap=\"$2\" css={{ marginTop: \"$4\" }}>\n                <Text size=\"sm\" css={{ color: \"$neutral500\" }}>\n                  Survey Name:\n                </Text>\n                <Text\n                  size=\"sm\"\n                  weight={\"medium\"}\n                  css={{ color: \"$neutral800\" }}\n                >\n                  {surveyDetails.surveyName}\n                </Text>\n              </Flex>\n              {!!essentialFields?.length && (\n                <Box\n                  css={{\n                    width: \"100%\",\n                    paddingBlock: \"$12 $20\",\n                    borderBottom: \"$borderWidths$xs dashed $neutral200\",\n                    maxWidth: 1084,\n                  }}\n                >\n                  <Text\n                    size=\"md\"\n                    css={{\n                      color: \"$neutral500\",\n                      lineHeight: \"$md\",\n                      marginTop: \"$4\",\n                    }}\n                  >\n                    This connection requires{\" \"}\n                    <PlaceholderSpan color=\"$neutral600\">\n                      {essentialFields?.length}\n                    </PlaceholderSpan>\n                    <PlaceholderSpan color=\"$negative500\">*</PlaceholderSpan>{\" \"}\n                    essential mappings\n                  </Text>\n                  <Flex\n                    flexDirection=\"column\"\n                    gap=\"$20\"\n                    css={{ marginTop: \"$12\" }}\n                  >\n                    {essentialFields?.map((field, idx) => (\n                      <Field\n                        surveyType={surveyType}\n                        havingTypeDropdown={havingTypeDropdown}\n                        key={field.id}\n                        field={field}\n                        integrationName={integrationName}\n                        handleFieldValue={(id: string | number, property: string, value: FormFieldValue) =>\n                          handleFieldValue(id, property, value)\n                        }\n                        hasCustomMenuProperty={hasCustomMenuProperty}\n                        integrationFields={integrationFields}\n                        isBtnDisabled={commonFields.length === 1}\n                        isFirstField={idx === 0}\n                        ssMappingData={ssMappingData}\n                        showCustomPropertyModal={() => {\n                          setShowCustomPropertyModal(true);\n                        }}\n                      />\n                    ))}\n                  </Flex>\n                </Box>\n              )}\n              <Flex flexDirection=\"column\" gap=\"$16\" css={{ marginTop: \"$16\" }}>\n                {commonFields?.map((field, idx) => {\n                  return (\n                    <Field\n                      surveyType={surveyType}\n                      havingTypeDropdown={havingTypeDropdown}\n                      key={field.id}\n                      field={field}\n                      integrationName={integrationName}\n                      removeField={() => {\n                        setFields((prev) =>\n                          prev.filter(\n                            (currentField) => currentField.id !== field.id\n                          )\n                        );\n                      }}\n                      handleFieldValue={(id: string | number, property: string, value: FormFieldValue) =>\n                        handleFieldValue(id, property, value)\n                      }\n                      hasCustomMenuProperty={hasCustomMenuProperty}\n                      integrationFields={integrationFields}\n                      isBtnDisabled={false}\n                      isFirstField={idx === 0}\n                      ssMappingData={ssMappingData}\n                      showCustomPropertyModal={() => {\n                        setShowCustomPropertyModal(true);\n                      }}\n                    />\n                  );\n                })}\n              </Flex>\n              <Button\n                leftIcon={<PlusIcon />}\n                color=\"default\"\n                css={{ marginTop: \"$10\" }}\n                onClick={() =>\n                  setFields([\n                    ...fields,\n                    {\n                      ...DEFAULT_FIELD_VALUE,\n                      id: uuid(),\n                    } as FieldType,\n                  ])\n                }\n                size=\"md\"\n              >\n                New mapping field\n              </Button>\n              {customList?.hasCustomList && (\n                <Flex\n                  css={{ marginTop: \"$40\" }}\n                  flexDirection=\"column\"\n                  gap=\"$8\"\n                >\n                  <Flex flexDirection=\"column\" gap=\"$3\">\n                    <Heading size=\"h5\">Choose a List</Heading>\n                    <Text css={{ color: \"$neutral500\" }} size=\"sm\">\n                      Pick a list to save mapped fields; If not, they'll be\n                      saved under all profiles.\n                    </Text>\n                  </Flex>\n                  <Select\n                    css={{ maxWidth: 400, width: \"100%\" }}\n                    size=\"lg\"\n                    options={customList.options}\n                    value={customList.value}\n                    placeholder=\"\"\n                    onChange={(value: any) => customList.onChangeHandler(value)}\n                  />\n                </Flex>\n              )}\n              {/* Old Response */}\n              {oldResponse?.hasOldResponse && (\n                <Checkbox\n                  onChange={(value: any) => oldResponse.onChangeHandler(value)}\n                  css={{ marginBlock: \"$8\", cursor: \"pointer\" }}\n                  checked={oldResponse.value as boolean}\n                >\n                  <FormLabel size=\"sm\">Import Old Response</FormLabel>\n                </Checkbox>\n              )}\n              {showCustomPropertyModal && (\n                <ImportModal\n                  onCloseHandler={() => setShowCustomPropertyModal(false)}\n                  onInputHandler={(value: any) => setCustomPropertyField(value)}\n                  onSaveHandler={() => {\n                    setIntegrationFields &&\n                      setIntegrationFields((prev) => [\n                        ...prev,\n                        {\n                          id: customPropertyField,\n                          label: customPropertyField,\n                          value: customPropertyField,\n                          type: 'string',\n                        } as unknown as IntegrationFieldType,\n                      ]);\n                    setShowCustomPropertyModal(false);\n                  }}\n                />\n              )}\n            </Box>\n          )}\n        </>\n      ) : (\n        <Flex\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          css={{ height: \"100%\" }}\n        >\n          <Heading size=\"h4\" weight=\"bold\">\n            Provide the needed props to import Mapping Template\n          </Heading>\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n"],"names":["uuid","React"],"mappings":"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"}