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

package/dist/cjs/single-mapping/components/MappingContent.js

@@ -0,0 +1,247 @@
+'use strict';
+
+var React = require('react');
+var spinner = require('../../commons/components/spinner.js');
+var useMappingData = require('../hooks/useMappingData.js');
+var TabsContentComponent = require('./TabsContentComponent.js');
+var CustomChip = require('./CustomChip.js');
+var index$1 = require('../../commons/constants/index.js');
+var mapping_utils = require('../utils/mapping.utils.js');
+var index = require('../constants/index.js');
+var flex = require('../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
+var box = require('../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
+var heading = require('../../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js');
+var radio = require('../../node_modules/@sparrowengg/twigs-react/dist/es/radio/radio.js');
+var tabs = require('../../node_modules/@sparrowengg/twigs-react/dist/es/tabs/tabs.js');
+var text = require('../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
+var chip = require('../../node_modules/@sparrowengg/twigs-react/dist/es/chip/chip.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 MappingContent = (props) => {
+  var _a, _b, _c;
+  const {
+    surveyId,
+    apiURL,
+    token,
+    surveyProperties,
+    importResponse,
+    editField,
+    setIsInitialLoad,
+    setOriginalMappingData,
+    ssMappingData: externalMappingData,
+    setSSMappingData: setExternalMappingData
+  } = props;
+  const { ssMappingData, setSSMappingData, loader, handleFieldValues } = useMappingData.useMappingData({
+    surveyId,
+    apiURL,
+    token,
+    surveyProperties,
+    importResponse,
+    editField,
+    setIsInitialLoad,
+    setOriginalMappingData
+  });
+  const [searchInput, setSearchInput] = React.useState("");
+  const [SSMappedFields, setSSMappedFields] = React.useState([]);
+  React.useEffect(() => {
+    if (setExternalMappingData && Object.keys(ssMappingData).some((key) => {
+      var _a2;
+      return ((_a2 = ssMappingData[key]) == null ? void 0 : _a2.length) > 0;
+    })) {
+      setExternalMappingData(ssMappingData);
+    }
+  }, [ssMappingData, setExternalMappingData]);
+  React.useEffect(() => {
+    var _a2, _b2, _c2, _d, _e, _f;
+    if (((_a2 = ssMappingData == null ? void 0 : ssMappingData.questions) == null ? void 0 : _a2.length) || ((_b2 = ssMappingData == null ? void 0 : ssMappingData.variables) == null ? void 0 : _b2.length) || ((_c2 = ssMappingData == null ? void 0 : ssMappingData.contactProperties) == null ? void 0 : _c2.length) || ((_d = ssMappingData == null ? void 0 : ssMappingData.expressions) == null ? void 0 : _d.length) || ((_e = ssMappingData == null ? void 0 : ssMappingData.property) == null ? void 0 : _e.length)) {
+      const updatedFieldValues = Object.keys(ssMappingData).reduce(
+        (acc, key) => {
+          acc[key] = ssMappingData[key].map((field) => {
+            var _a3;
+            if (((_a3 = importResponse == null ? void 0 : importResponse.value) == null ? void 0 : _a3.ImportMethod) === index.IMPORT_METHODS.SELECTED_DATA) {
+              return __spreadProps(__spreadValues({}, field), { isEnabled: field == null ? void 0 : field.isEnabled });
+            } else {
+              if ((field == null ? void 0 : field.id) !== "ALL") {
+                return __spreadProps(__spreadValues({}, field), { isEnabled: true });
+              }
+              return field;
+            }
+          });
+          return acc;
+        },
+        {}
+      );
+      setSSMappedFields(updatedFieldValues);
+      if (((_f = importResponse == null ? void 0 : importResponse.value) == null ? void 0 : _f.ImportMethod) === index.IMPORT_METHODS.SEND_ALL_DATA) {
+        importResponse.onChangeHandler({
+          id: "mappedFields",
+          value: updatedFieldValues
+        });
+      } else {
+        importResponse.onChangeHandler({
+          id: "mappedFields",
+          value: ssMappingData
+        });
+      }
+    }
+  }, [ssMappingData, (_a = importResponse == null ? void 0 : importResponse.value) == null ? void 0 : _a.ImportMethod]);
+  const handleImportMethodChange = (value) => {
+    importResponse.onChangeHandler({
+      id: "ImportMethod",
+      value
+    });
+    if (value === index.IMPORT_METHODS.SEND_ALL_DATA) {
+      importResponse.onChangeHandler({
+        id: "mappedFields",
+        value: SSMappedFields
+      });
+    }
+  };
+  if (loader) {
+    return /* @__PURE__ */ React.createElement(
+      flex.Flex,
+      {
+        alignItems: "center",
+        justifyContent: "center",
+        css: { height: "calc(100vh - 57px)" }
+      },
+      /* @__PURE__ */ React.createElement(spinner.default, null)
+    );
+  }
+  return /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React.createElement(box.Box, { css: { maxWidth: index.STYLES.maxMappingWidth, width: "100%", marginBlock: "$40" } }, (importResponse == null ? void 0 : importResponse.hasImportResponse) && /* @__PURE__ */ React.createElement(flex.Flex, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(heading.Heading, { size: "h5", css: { color: "$neutral900" } }, index.UI_LABELS.SELECT_IMPORT_DATA), /* @__PURE__ */ React.createElement(
+    radio.RadioGroup,
+    {
+      defaultValue: (_b = importResponse == null ? void 0 : importResponse.value) == null ? void 0 : _b.ImportMethod,
+      onChange: handleImportMethodChange
+    },
+    /* @__PURE__ */ React.createElement(
+      flex.Flex,
+      {
+        alignItems: "center",
+        gap: "$20",
+        css: {
+          marginTop: "$9",
+          "& label": { color: "$neutral800", cursor: "pointer" }
+        }
+      },
+      /* @__PURE__ */ React.createElement(radio.Radio, { size: "md", value: index.IMPORT_METHODS.SEND_ALL_DATA, css: { cursor: "pointer" } }, index.UI_LABELS.SEND_ALL_DATA),
+      /* @__PURE__ */ React.createElement(radio.Radio, { size: "md", value: index.IMPORT_METHODS.SELECTED_DATA, css: { cursor: "pointer" } }, index.UI_LABELS.SEND_SELECTED_DATA)
+    )
+  )), ((_c = importResponse == null ? void 0 : importResponse.value) == null ? void 0 : _c.ImportMethod) === index.IMPORT_METHODS.SELECTED_DATA ? /* @__PURE__ */ React.createElement(box.Box, { css: { marginTop: "$24" } }, /* @__PURE__ */ React.createElement(tabs.Tabs, { defaultValue: "QUESTIONS" }, /* @__PURE__ */ React.createElement(
+    tabs.TabsList,
+    {
+      css: {
+        borderBottom: "$borderWidths$xs solid $neutral200"
+      }
+    },
+    index$1.mappingTabValues.map((tab) => {
+      const count = mapping_utils.getEnabledFieldsCount(ssMappingData, tab.placeholder);
+      return /* @__PURE__ */ React.createElement(
+        tabs.TabsTrigger,
+        {
+          key: tab == null ? void 0 : tab.id,
+          value: tab == null ? void 0 : tab.value,
+          css: {
+            padding: "$6 $4 !important"
+          },
+          onClick: () => setSearchInput("")
+        },
+        /* @__PURE__ */ React.createElement(text.Text, { size: "sm", weight: "bold" }, tab.name),
+        !!count && /* @__PURE__ */ React.createElement(
+          chip.Chip,
+          {
+            css: {
+              marginLeft: "$2",
+              borderRadius: "5px",
+              color: "$neutral800"
+            },
+            variant: "outline",
+            rounded: "sm"
+          },
+          count
+        )
+      );
+    })
+  ), /* @__PURE__ */ React.createElement(
+    TabsContentComponent.TabsContentComponent,
+    {
+      searchInput,
+      setSearchInput,
+      value: index.TAB_VALUES.QUESTIONS,
+      placeholder: index.PLACEHOLDER_LABELS.QUESTIONS,
+      fields: ssMappingData.questions,
+      handleFieldValues: (field, value) => handleFieldValues("questions", field == null ? void 0 : field.id, value)
+    }
+  ), /* @__PURE__ */ React.createElement(
+    TabsContentComponent.TabsContentComponent,
+    {
+      searchInput,
+      setSearchInput,
+      fields: ssMappingData.variables,
+      value: index.TAB_VALUES.VARIABLE,
+      placeholder: index.PLACEHOLDER_LABELS.VARIABLES,
+      handleFieldValues: (field, value) => handleFieldValues("variables", field == null ? void 0 : field.id, value)
+    }
+  ), /* @__PURE__ */ React.createElement(
+    TabsContentComponent.TabsContentComponent,
+    {
+      fields: ssMappingData.contactProperties,
+      searchInput,
+      setSearchInput,
+      value: index.TAB_VALUES.CONTACT,
+      placeholder: index.PLACEHOLDER_LABELS.CONTACTS,
+      handleFieldValues: (field, value) => handleFieldValues("contactProperties", field == null ? void 0 : field.id, value)
+    }
+  ), /* @__PURE__ */ React.createElement(
+    TabsContentComponent.TabsContentComponent,
+    {
+      searchInput,
+      setSearchInput,
+      value: index.TAB_VALUES.EXPRESSION,
+      placeholder: index.PLACEHOLDER_LABELS.EXPRESSIONS,
+      fields: ssMappingData.expressions,
+      handleFieldValues: (field, value) => handleFieldValues("expressions", field == null ? void 0 : field.id, value)
+    }
+  ), /* @__PURE__ */ React.createElement(
+    TabsContentComponent.TabsContentComponent,
+    {
+      value: index.TAB_VALUES.PROPERTY,
+      searchInput,
+      setSearchInput,
+      placeholder: index.PLACEHOLDER_LABELS.PROPERTIES,
+      fields: ssMappingData.property,
+      handleFieldValues: (field, value) => handleFieldValues("property", field == null ? void 0 : field.id, value)
+    }
+  ), /* @__PURE__ */ React.createElement(
+    TabsContentComponent.TabsContentComponent,
+    {
+      value: index.TAB_VALUES.DERIVED_QUESTIONS,
+      searchInput,
+      setSearchInput,
+      placeholder: index.PLACEHOLDER_LABELS.DERIVED_QUESTIONS,
+      fields: ssMappingData.derivedQuestions,
+      handleFieldValues: (field, value) => handleFieldValues("derivedQuestions", field == null ? void 0 : field.id, value)
+    }
+  ))) : /* @__PURE__ */ React.createElement(flex.Flex, { css: { marginTop: "$16" }, alignItems: "center", gap: "$6" }, /* @__PURE__ */ React.createElement(text.Text, { size: "sm", weight: "regular", css: { width: "90px", color: "$neutral900" } }, index.UI_LABELS.THIS_INCLUDES), /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", gap: "$4" }, mapping_utils.getTotalFieldsCount(ssMappingData, "questions") > 0 && /* @__PURE__ */ React.createElement(CustomChip.CustomChip, { bgColor: index.COLOR_CODES.QUESTIONS_BG }, mapping_utils.getTotalFieldsCount(ssMappingData, "questions"), " ", index.UI_LABELS.QUESTIONS), mapping_utils.getTotalFieldsCount(ssMappingData, "derivedQuestions") > 0 && /* @__PURE__ */ React.createElement(CustomChip.CustomChip, { bgColor: index.COLOR_CODES.ENRICH_BG }, mapping_utils.getTotalFieldsCount(ssMappingData, "derivedQuestions"), " ", index.UI_LABELS.ENRICH), mapping_utils.getTotalFieldsCount(ssMappingData, "variables") > 0 && /* @__PURE__ */ React.createElement(CustomChip.CustomChip, { bgColor: index.COLOR_CODES.VARIABLES_BG }, mapping_utils.getTotalFieldsCount(ssMappingData, "variables"), " ", index.UI_LABELS.VARIABLES), mapping_utils.getTotalFieldsCount(ssMappingData, "contactProperties") > 0 && /* @__PURE__ */ React.createElement(CustomChip.CustomChip, { bgColor: index.COLOR_CODES.CONTACTS_BG }, mapping_utils.getTotalFieldsCount(ssMappingData, "contactProperties"), " ", index.UI_LABELS.CONTACTS), mapping_utils.getTotalFieldsCount(ssMappingData, "expressions") > 0 && /* @__PURE__ */ React.createElement(CustomChip.CustomChip, { bgColor: index.COLOR_CODES.EXPRESSIONS_BG }, mapping_utils.getTotalFieldsCount(ssMappingData, "expressions"), " ", index.UI_LABELS.EXPRESSIONS), mapping_utils.getTotalFieldsCount(ssMappingData, "property") > 0 && /* @__PURE__ */ React.createElement(CustomChip.CustomChip, { bgColor: index.COLOR_CODES.PROPERTIES_BG }, mapping_utils.getTotalFieldsCount(ssMappingData, "property"), " ", index.UI_LABELS.PROPERTIES)))));
+};
+
+exports.MappingContent = MappingContent;
+//# sourceMappingURL=MappingContent.js.map

package/dist/cjs/single-mapping/components/MappingContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MappingContent.js","sources":["../../../../src/single-mapping/components/MappingContent.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport {\n  Box,\n  Flex,\n  Text,\n  Heading,\n  RadioGroup,\n  Radio,\n  Tabs,\n  TabsList,\n  TabsTrigger,\n  Chip,\n} from \"@sparrowengg/twigs-react\";\nimport Spinner from \"../../commons/components/spinner\";\nimport { MappingComponentProps } from \"../types/mapping.types\";\nimport { useMappingData } from \"../hooks/useMappingData\";\nimport { TabsContentComponent } from \"./TabsContentComponent\";\nimport { CustomChip } from \"./CustomChip\";\nimport { mappingTabValues } from \"../../commons/constants\";\nimport { getEnabledFieldsCount, getTotalFieldsCount } from \"../utils/mapping.utils\";\nimport { IMPORT_METHODS, STYLES, UI_LABELS, TAB_VALUES, PLACEHOLDER_LABELS, COLOR_CODES } from \"../constants\";\n\nexport const MappingContent: React.FC<MappingComponentProps> = (props) => {\n  const {\n    surveyId,\n    apiURL,\n    token,\n    surveyProperties,\n    importResponse,\n    editField,\n    setIsInitialLoad,\n    setOriginalMappingData,\n    ssMappingData: externalMappingData,\n    setSSMappingData: setExternalMappingData,\n  } = props;\n\n  const { ssMappingData, setSSMappingData, loader, handleFieldValues } = useMappingData({\n    surveyId,\n    apiURL,\n    token,\n    surveyProperties,\n    importResponse,\n    editField,\n    setIsInitialLoad,\n    setOriginalMappingData,\n  });\n\n  const [searchInput, setSearchInput] = useState(\"\");\n  const [SSMappedFields, setSSMappedFields] = useState<any[]>([]);\n\n  // Sync internal state with external state\n  React.useEffect(() => {\n    if (setExternalMappingData && Object.keys(ssMappingData).some(key => (ssMappingData as any)[key]?.length > 0)) {\n      setExternalMappingData(ssMappingData as any);\n    }\n  }, [ssMappingData, setExternalMappingData]);\n\n  // Update mapped fields when data changes\n  useEffect(() => {\n    if (\n      ssMappingData?.questions?.length ||\n      ssMappingData?.variables?.length ||\n      ssMappingData?.contactProperties?.length ||\n      ssMappingData?.expressions?.length ||\n      ssMappingData?.property?.length\n    ) {\n      const updatedFieldValues = Object.keys(ssMappingData).reduce(\n        (acc: any, key: any) => {\n          acc[key] = ssMappingData[key].map((field: any) => {\n            if (importResponse?.value?.ImportMethod === IMPORT_METHODS.SELECTED_DATA) {\n              return { ...field, isEnabled: field?.isEnabled };\n            } else {\n              if (field?.id !== \"ALL\") {\n                return { ...field, isEnabled: true };\n              }\n              return field;\n            }\n          });\n          return acc;\n        },\n        {}\n      );\n\n      setSSMappedFields(updatedFieldValues);\n\n      if (importResponse?.value?.ImportMethod === IMPORT_METHODS.SEND_ALL_DATA) {\n        importResponse.onChangeHandler({\n          id: \"mappedFields\",\n          value: updatedFieldValues,\n        });\n      } else {\n        importResponse.onChangeHandler({\n          id: \"mappedFields\",\n          value: ssMappingData,\n        });\n      }\n    }\n  }, [ssMappingData, importResponse?.value?.ImportMethod]);\n\n  const handleImportMethodChange = (value: string) => {\n    importResponse.onChangeHandler({\n      id: \"ImportMethod\",\n      value: value,\n    });\n    if (value === IMPORT_METHODS.SEND_ALL_DATA) {\n      importResponse.onChangeHandler({\n        id: \"mappedFields\",\n        value: SSMappedFields,\n      });\n    }\n  };\n\n  if (loader) {\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  return (\n    <Flex alignItems=\"center\" justifyContent=\"center\">\n      <Box css={{ maxWidth: STYLES.maxMappingWidth, width: \"100%\", marginBlock: \"$40\" }}>\n        {importResponse?.hasImportResponse && (\n          <Flex flexDirection=\"column\">\n            <Heading size=\"h5\" css={{ color: \"$neutral900\" }}>\n              {UI_LABELS.SELECT_IMPORT_DATA}\n            </Heading>\n            <RadioGroup\n              defaultValue={importResponse?.value?.ImportMethod}\n              onChange={handleImportMethodChange}\n            >\n              <Flex\n                alignItems=\"center\"\n                gap=\"$20\"\n                css={{\n                  marginTop: \"$9\",\n                  \"& label\": { color: \"$neutral800\", cursor: \"pointer\" },\n                }}\n              >\n                <Radio size=\"md\" value={IMPORT_METHODS.SEND_ALL_DATA} css={{ cursor: \"pointer\" }}>\n                  {UI_LABELS.SEND_ALL_DATA}\n                </Radio>\n                <Radio size=\"md\" value={IMPORT_METHODS.SELECTED_DATA} css={{ cursor: \"pointer\" }}>\n                  {UI_LABELS.SEND_SELECTED_DATA}\n                </Radio>\n              </Flex>\n            </RadioGroup>\n          </Flex>\n        )}\n\n        {importResponse?.value?.ImportMethod === IMPORT_METHODS.SELECTED_DATA ? (\n          <Box css={{ marginTop: \"$24\" }}>\n            <Tabs defaultValue=\"QUESTIONS\">\n              <TabsList\n                css={{\n                  borderBottom: \"$borderWidths$xs solid $neutral200\",\n                }}\n              >\n                {mappingTabValues.map((tab) => {\n                  const count = getEnabledFieldsCount(ssMappingData, tab.placeholder);\n                  return (\n                    <TabsTrigger\n                      key={tab?.id}\n                      value={tab?.value}\n                      css={{\n                        padding: \"$6 $4 !important\",\n                      }}\n                      onClick={() => setSearchInput(\"\")}\n                    >\n                      <Text size=\"sm\" weight=\"bold\">\n                        {tab.name}\n                      </Text>\n                      {!!count && (\n                        <Chip\n                          css={{\n                            marginLeft: \"$2\",\n                            borderRadius: \"5px\",\n                            color: \"$neutral800\",\n                          }}\n                          variant=\"outline\"\n                          rounded=\"sm\"\n                        >\n                          {count}\n                        </Chip>\n                      )}\n                    </TabsTrigger>\n                  );\n                })}\n              </TabsList>\n\n              <TabsContentComponent\n                searchInput={searchInput}\n                setSearchInput={setSearchInput}\n                value={TAB_VALUES.QUESTIONS}\n                placeholder={PLACEHOLDER_LABELS.QUESTIONS}\n                fields={ssMappingData.questions}\n                handleFieldValues={(field: any, value: boolean) =>\n                  handleFieldValues(\"questions\", field?.id, value)\n                }\n              />\n              <TabsContentComponent\n                searchInput={searchInput}\n                setSearchInput={setSearchInput}\n                fields={ssMappingData.variables}\n                value={TAB_VALUES.VARIABLE}\n                placeholder={PLACEHOLDER_LABELS.VARIABLES}\n                handleFieldValues={(field: any, value: boolean) =>\n                  handleFieldValues(\"variables\", field?.id, value)\n                }\n              />\n              <TabsContentComponent\n                fields={ssMappingData.contactProperties}\n                searchInput={searchInput}\n                setSearchInput={setSearchInput}\n                value={TAB_VALUES.CONTACT}\n                placeholder={PLACEHOLDER_LABELS.CONTACTS}\n                handleFieldValues={(field, value) =>\n                  handleFieldValues(\"contactProperties\", field?.id, value)\n                }\n              />\n              <TabsContentComponent\n                searchInput={searchInput}\n                setSearchInput={setSearchInput}\n                value={TAB_VALUES.EXPRESSION}\n                placeholder={PLACEHOLDER_LABELS.EXPRESSIONS}\n                fields={ssMappingData.expressions}\n                handleFieldValues={(field, value) =>\n                  handleFieldValues(\"expressions\", field?.id, value)\n                }\n              />\n              <TabsContentComponent\n                value={TAB_VALUES.PROPERTY}\n                searchInput={searchInput}\n                setSearchInput={setSearchInput}\n                placeholder={PLACEHOLDER_LABELS.PROPERTIES}\n                fields={ssMappingData.property}\n                handleFieldValues={(field: any, value: boolean) =>\n                  handleFieldValues(\"property\", field?.id, value)\n                }\n              />\n              <TabsContentComponent\n                value={TAB_VALUES.DERIVED_QUESTIONS}\n                searchInput={searchInput}\n                setSearchInput={setSearchInput}\n                placeholder={PLACEHOLDER_LABELS.DERIVED_QUESTIONS}\n                fields={ssMappingData.derivedQuestions}\n                handleFieldValues={(field: any, value: boolean) =>\n                  handleFieldValues(\"derivedQuestions\", field?.id, value)\n                }\n              />\n            </Tabs>\n          </Box>\n        ) : (\n          <Flex css={{ marginTop: \"$16\" }} alignItems=\"center\" gap=\"$6\">\n            <Text size=\"sm\" weight=\"regular\" css={{ width: \"90px\", color: \"$neutral900\" }}>\n              {UI_LABELS.THIS_INCLUDES}\n            </Text>\n            <Flex alignItems=\"center\" gap=\"$4\">\n              {getTotalFieldsCount(ssMappingData, \"questions\") > 0 && (\n                <CustomChip bgColor={COLOR_CODES.QUESTIONS_BG}>\n                  {getTotalFieldsCount(ssMappingData, \"questions\")} {UI_LABELS.QUESTIONS}\n                </CustomChip>\n              )}\n              {getTotalFieldsCount(ssMappingData, \"derivedQuestions\") > 0 && (\n                <CustomChip bgColor={COLOR_CODES.ENRICH_BG}>\n                  {getTotalFieldsCount(ssMappingData, \"derivedQuestions\")} {UI_LABELS.ENRICH}\n                </CustomChip>\n              )}\n              {getTotalFieldsCount(ssMappingData, \"variables\") > 0 && (\n                <CustomChip bgColor={COLOR_CODES.VARIABLES_BG}>\n                  {getTotalFieldsCount(ssMappingData, \"variables\")} {UI_LABELS.VARIABLES}\n                </CustomChip>\n              )}\n              {getTotalFieldsCount(ssMappingData, \"contactProperties\") > 0 && (\n                <CustomChip bgColor={COLOR_CODES.CONTACTS_BG}>\n                  {getTotalFieldsCount(ssMappingData, \"contactProperties\")} {UI_LABELS.CONTACTS}\n                </CustomChip>\n              )}\n              {getTotalFieldsCount(ssMappingData, \"expressions\") > 0 && (\n                <CustomChip bgColor={COLOR_CODES.EXPRESSIONS_BG}>\n                  {getTotalFieldsCount(ssMappingData, \"expressions\")} {UI_LABELS.EXPRESSIONS}\n                </CustomChip>\n              )}\n              {getTotalFieldsCount(ssMappingData, \"property\") > 0 && (\n                <CustomChip bgColor={COLOR_CODES.PROPERTIES_BG}>\n                  {getTotalFieldsCount(ssMappingData, \"property\")} {UI_LABELS.PROPERTIES}\n                </CustomChip>\n              )}\n            </Flex>\n          </Flex>\n        )}\n      </Box>\n    </Flex>\n  );\n};\n\n"],"names":["useMappingData","useState","_a","useEffect","_b","_c","IMPORT_METHODS","Flex","Spinner","Box","STYLES","Heading","UI_LABELS","RadioGroup","Radio","Tabs","TabsList","mappingTabValues","getEnabledFieldsCount","TabsTrigger","Text","Chip","TabsContentComponent","TAB_VALUES","PLACEHOLDER_LABELS","getTotalFieldsCount","CustomChip","COLOR_CODES"],"mappings":"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"}

package/dist/cjs/single-mapping/components/MappingHeader.js

@@ -0,0 +1,149 @@
+'use strict';
+
+var React = require('react');
+var editConfirmation = require('../../commons/components/edit-confirmation.js');
+var arrow = require('../../commons/icons/arrow.js');
+var useMappingHeaderLogic = require('../hooks/useMappingHeaderLogic.js');
+var index = require('../constants/index.js');
+var flex = require('../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
+var iconButton = require('../../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js');
+var arrowLeft = require('../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/arrow-left.js');
+var heading = require('../../node_modules/@sparrowengg/twigs-react/dist/es/heading/heading.js');
+var button = require('../../node_modules/@sparrowengg/twigs-react/dist/es/button/button.js');
+
+const MappingHeader = ({
+  ssMappingData,
+  configuration,
+  hasFieldsChanged,
+  isEditConfirmationOpen,
+  editField,
+  importResponse,
+  hasExistingMapping,
+  isMappingPage,
+  navigateConfigPage,
+  onSaveHandler,
+  previousMappingHandler,
+  saveConfiguration,
+  setIsEditConfirmationOpen
+}) => {
+  const { isButtonDisabled, isMappingPageDisabled } = useMappingHeaderLogic.useMappingHeaderLogic({
+    ssMappingData,
+    configuration,
+    hasFieldsChanged,
+    editField,
+    importResponse,
+    isMappingPage
+  });
+  return /* @__PURE__ */ React.createElement(
+    flex.Flex,
+    {
+      alignItems: "center",
+      justifyContent: "space-between",
+      css: {
+        position: "sticky",
+        top: 0,
+        zIndex: 100,
+        background: "#ffff",
+        borderBottom: "$borderWidths$xs solid $neutral200",
+        padding: "$8 $12"
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      flex.Flex,
+      {
+        gap: "$6",
+        alignItems: "center",
+        css: { visibility: hasExistingMapping ? "visible" : "hidden" }
+      },
+      /* @__PURE__ */ React.createElement(
+        iconButton.IconButton,
+        {
+          onClick: () => previousMappingHandler == null ? void 0 : previousMappingHandler(),
+          color: "default",
+          icon: /* @__PURE__ */ React.createElement(arrowLeft.ArrowLeftIcon, null),
+          size: "lg"
+        }
+      ),
+      /* @__PURE__ */ React.createElement(heading.Heading, { size: "h6" }, (editField == null ? void 0 : editField.id) ? index.UI_LABELS.EDIT_MAPPING : index.UI_LABELS.NEW_MAPPING)
+    ),
+    /* @__PURE__ */ React.createElement(
+      flex.Flex,
+      {
+        alignItems: "center",
+        gap: "$4",
+        css: {
+          "& button": { background: "transparent !important", fontSize: "$md" }
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        button.Button,
+        {
+          css: { color: !isMappingPage ? "$neutral900" : "$neutral800" },
+          color: "default",
+          variant: "ghost",
+          size: "md",
+          onClick: () => isMappingPage && navigateConfigPage()
+        },
+        index.UI_LABELS.CONFIGURATION
+      ),
+      /* @__PURE__ */ React.createElement(arrow.default, null),
+      /* @__PURE__ */ React.createElement(
+        button.Button,
+        {
+          disabled: isMappingPageDisabled(),
+          css: {
+            color: isMappingPage ? "$neutral900" : "$neutral800",
+            cursor: isMappingPageDisabled() ? "not-allowed" : "pointer"
+          },
+          color: "default",
+          variant: "ghost",
+          onClick: () => {
+            if (isMappingPage) {
+              onSaveHandler({});
+            } else {
+              saveConfiguration();
+            }
+          },
+          size: "md"
+        },
+        index.UI_LABELS.MAPPING
+      )
+    ),
+    /* @__PURE__ */ React.createElement(flex.Flex, { justifyContent: "end", css: { width: "180px" } }, /* @__PURE__ */ React.createElement(
+      button.Button,
+      {
+        size: "lg",
+        disabled: isButtonDisabled(),
+        onClick: () => {
+          if (isMappingPage) {
+            if (editField == null ? void 0 : editField.id) {
+              setIsEditConfirmationOpen(true);
+            } else {
+              onSaveHandler({});
+            }
+          } else {
+            saveConfiguration();
+          }
+        }
+      },
+      isMappingPage ? (editField == null ? void 0 : editField.id) ? index.UI_LABELS.UPDATE_MAPPING : index.UI_LABELS.SAVE_MAPPING : index.UI_LABELS.CONTINUE_MAPPING
+    )),
+    isEditConfirmationOpen && /* @__PURE__ */ React.createElement(
+      editConfirmation.default,
+      {
+        name: index.UI_MESSAGES.EDIT_CONFIRMATION_TITLE,
+        description: index.UI_MESSAGES.EDIT_CONFIRMATION_DESCRIPTION,
+        onConfirm: async () => {
+          await onSaveHandler({});
+          setIsEditConfirmationOpen(false);
+        },
+        onCancel: () => {
+          setIsEditConfirmationOpen(false);
+        }
+      }
+    )
+  );
+};
+
+exports.MappingHeader = MappingHeader;
+//# sourceMappingURL=MappingHeader.js.map

package/dist/cjs/single-mapping/components/MappingHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MappingHeader.js","sources":["../../../../src/single-mapping/components/MappingHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Flex,\n  IconButton,\n  Heading,\n  Button,\n} from \"@sparrowengg/twigs-react\";\nimport { ArrowLeftIcon } from \"@sparrowengg/twigs-react-icons\";\nimport { MappingHeaderProps } from \"../types/mapping.types\";\nimport EditConfirmation from \"../../commons/components/edit-confirmation\";\nimport Arrow from \"../../commons/icons/arrow\";\nimport { useMappingHeaderLogic } from \"../hooks/useMappingHeaderLogic\";\nimport { UI_LABELS, UI_MESSAGES } from \"../constants\";\n\nexport const MappingHeader: React.FC<MappingHeaderProps> = ({\n  ssMappingData,\n  configuration,\n  hasFieldsChanged,\n  isEditConfirmationOpen,\n  editField,\n  importResponse,\n  hasExistingMapping,\n  isMappingPage,\n  navigateConfigPage,\n  onSaveHandler,\n  previousMappingHandler,\n  saveConfiguration,\n  setIsEditConfirmationOpen,\n}) => {\n  const { isButtonDisabled, isMappingPageDisabled } = useMappingHeaderLogic({\n    ssMappingData,\n    configuration,\n    hasFieldsChanged,\n    editField,\n    importResponse,\n    isMappingPage,\n  });\n\n  return (\n    <Flex\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      css={{\n        position: \"sticky\",\n        top: 0,\n        zIndex: 100,\n        background: \"#ffff\",\n        borderBottom: \"$borderWidths$xs solid $neutral200\",\n        padding: \"$8 $12\",\n      }}\n    >\n      <Flex\n        gap=\"$6\"\n        alignItems=\"center\"\n        css={{ visibility: hasExistingMapping ? \"visible\" : \"hidden\" }}\n      >\n        <IconButton\n          onClick={() => previousMappingHandler?.()}\n          color=\"default\"\n          icon={<ArrowLeftIcon />}\n          size=\"lg\"\n        />\n        <Heading size=\"h6\">\n          {editField?.id ? UI_LABELS.EDIT_MAPPING : UI_LABELS.NEW_MAPPING}\n        </Heading>\n      </Flex>\n\n      <Flex\n        alignItems=\"center\"\n        gap=\"$4\"\n        css={{\n          \"& button\": { background: \"transparent !important\", fontSize: \"$md\" },\n        }}\n      >\n        <Button\n          css={{ color: !isMappingPage ? \"$neutral900\" : \"$neutral800\" }}\n          color=\"default\"\n          variant=\"ghost\"\n          size=\"md\"\n          onClick={() => isMappingPage && navigateConfigPage()}\n        >\n          {UI_LABELS.CONFIGURATION}\n        </Button>\n        <Arrow />\n        <Button\n          disabled={isMappingPageDisabled()}\n          css={{\n            color: isMappingPage ? \"$neutral900\" : \"$neutral800\",\n            cursor: isMappingPageDisabled() ? \"not-allowed\" : \"pointer\",\n          }}\n          color=\"default\"\n          variant=\"ghost\"\n          onClick={() => {\n            if (isMappingPage) {\n              onSaveHandler({});\n            } else {\n              saveConfiguration();\n            }\n          }}\n          size=\"md\"\n        >\n          {UI_LABELS.MAPPING}\n        </Button>\n      </Flex>\n\n      <Flex justifyContent=\"end\" css={{ width: \"180px\" }}>\n        <Button\n          size=\"lg\"\n          disabled={isButtonDisabled()}\n          onClick={() => {\n            if (isMappingPage) {\n              if (editField?.id) {\n                setIsEditConfirmationOpen(true);\n              } else {\n                onSaveHandler({});\n              }\n            } else {\n              saveConfiguration();\n            }\n          }}\n        >\n          {isMappingPage\n            ? editField?.id\n              ? UI_LABELS.UPDATE_MAPPING\n              : UI_LABELS.SAVE_MAPPING\n            : UI_LABELS.CONTINUE_MAPPING}\n        </Button>\n      </Flex>\n\n      {isEditConfirmationOpen && (\n        <EditConfirmation\n          name={UI_MESSAGES.EDIT_CONFIRMATION_TITLE}\n          description={UI_MESSAGES.EDIT_CONFIRMATION_DESCRIPTION}\n          onConfirm={async () => {\n            await onSaveHandler({});\n            setIsEditConfirmationOpen(false);\n          }}\n          onCancel={() => {\n            setIsEditConfirmationOpen(false);\n          }}\n        />\n      )}\n    </Flex>\n  );\n};\n\n"],"names":["useMappingHeaderLogic","Flex","IconButton","ArrowLeftIcon","Heading","UI_LABELS","Button","Arrow","EditConfirmation","UI_MESSAGES"],"mappings":"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"}

package/dist/cjs/single-mapping/components/TabsContentComponent.js

@@ -0,0 +1,103 @@
+'use strict';
+
+var React = require('react');
+var mapping_utils = require('../utils/mapping.utils.js');
+var index = require('../constants/index.js');
+var tabs = require('../../node_modules/@sparrowengg/twigs-react/dist/es/tabs/tabs.js');
+var input = require('../../node_modules/@sparrowengg/twigs-react/dist/es/input/input.js');
+var search = require('../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/search.js');
+var flex = require('../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
+var box = require('../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
+var checkbox = require('../../node_modules/@sparrowengg/twigs-react/dist/es/checkbox/checkbox.js');
+var text = require('../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
+
+const TabsContentComponent = ({
+  value,
+  searchInput,
+  setSearchInput,
+  fields,
+  handleFieldValues,
+  placeholder
+}) => {
+  const mappingFields = mapping_utils.filterFieldsBySearch(fields, searchInput);
+  return /* @__PURE__ */ React.createElement(tabs.TabsContent, { value, css: { padding: 0, position: "relative" } }, /* @__PURE__ */ React.createElement(
+    input.Input,
+    {
+      leftIcon: /* @__PURE__ */ React.createElement(search.SearchIcon, { color: "#848484" }),
+      variant: "filled",
+      placeholder: `${index.UI_LABELS.SEARCH} ${placeholder}`,
+      size: "lg",
+      css: { marginTop: "$8" },
+      value: searchInput,
+      onChange: (event) => setSearchInput(event.currentTarget.value)
+    }
+  ), /* @__PURE__ */ React.createElement(
+    flex.Flex,
+    {
+      css: {
+        padding: "$8 $4 $32 $4",
+        marginTop: "$8",
+        height: "calc(100vh - 408px)",
+        overflow: "auto",
+        scrollbarWidth: "thin",
+        "&::-webkit-scrollbar": {
+          width: "4px"
+        },
+        "& label": {
+          lineHeight: "$sm"
+        }
+      },
+      flexDirection: "column",
+      gap: "$8"
+    },
+    (mappingFields == null ? void 0 : mappingFields.length) > 1 ? /* @__PURE__ */ React.createElement(React.Fragment, null, mappingFields.map((field) => /* @__PURE__ */ React.createElement(
+      box.Box,
+      {
+        key: field.id,
+        css: {
+          label: {
+            color: "$neutral900",
+            fontSize: "$sm",
+            maxWidth: "520px",
+            display: "block",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap"
+          }
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        checkbox.Checkbox,
+        {
+          size: "sm",
+          checked: field.isEnabled,
+          onChange: (value2) => handleFieldValues(field, value2)
+        },
+        field.name
+      )
+    ))) : /* @__PURE__ */ React.createElement(
+      flex.Flex,
+      {
+        alignItems: "center",
+        justifyContent: "center",
+        css: { marginTop: "$40" }
+      },
+      /* @__PURE__ */ React.createElement(text.Text, { size: "sm" }, index.UI_LABELS.NO_RESULTS_FOUND)
+    )
+  ), /* @__PURE__ */ React.createElement(
+    box.Box,
+    {
+      css: {
+        position: "absolute",
+        pointerEvents: "none",
+        top: "88%",
+        height: "$25",
+        width: "100%",
+        background: "linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0))"
+      }
+    }
+  ));
+};
+
+exports.TabsContentComponent = TabsContentComponent;
+//# sourceMappingURL=TabsContentComponent.js.map

package/dist/cjs/single-mapping/components/TabsContentComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsContentComponent.js","sources":["../../../../src/single-mapping/components/TabsContentComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Box,\n  Flex,\n  Text,\n  Input,\n  Checkbox,\n  TabsContent,\n} from \"@sparrowengg/twigs-react\";\nimport { SearchIcon } from \"@sparrowengg/twigs-react-icons\";\nimport { EventField } from \"../../commons/types/enhanced\";\nimport { filterFieldsBySearch } from \"../utils/mapping.utils\";\nimport { UI_LABELS } from \"../constants\";\n\ntype TabsContentComponentProps = {\n  value: string;\n  searchInput: string;\n  setSearchInput: React.Dispatch<React.SetStateAction<string>>;\n  fields: EventField[];\n  handleFieldValues: (field: EventField, value: boolean) => void;\n  placeholder: string;\n};\n\nexport const TabsContentComponent: React.FC<TabsContentComponentProps> = ({\n  value,\n  searchInput,\n  setSearchInput,\n  fields,\n  handleFieldValues,\n  placeholder,\n}) => {\n  const mappingFields = filterFieldsBySearch(fields, searchInput);\n\n  return (\n    <TabsContent value={value} css={{ padding: 0, position: \"relative\" }}>\n      <Input\n        leftIcon={<SearchIcon color=\"#848484\" />}\n        variant=\"filled\"\n        placeholder={`${UI_LABELS.SEARCH} ${placeholder}`}\n        size=\"lg\"\n        css={{ marginTop: \"$8\" }}\n        value={searchInput}\n        onChange={(event) => setSearchInput(event.currentTarget.value)}\n      />\n      <Flex\n        css={{\n          padding: \"$8 $4 $32 $4\",\n          marginTop: \"$8\",\n          height: \"calc(100vh - 408px)\",\n          overflow: \"auto\",\n          scrollbarWidth: \"thin\",\n          \"&::-webkit-scrollbar\": {\n            width: \"4px\",\n          },\n          \"& label\": {\n            lineHeight: \"$sm\",\n          },\n        }}\n        flexDirection=\"column\"\n        gap=\"$8\"\n      >\n        {mappingFields?.length > 1 ? (\n          <>\n            {mappingFields.map((field) => (\n              <Box\n                key={field.id}\n                css={{\n                  label: {\n                    color: \"$neutral900\",\n                    fontSize: \"$sm\",\n                    maxWidth: \"520px\",\n                    display: \"block\",\n                    overflow: \"hidden\",\n                    textOverflow: \"ellipsis\",\n                    whiteSpace: \"nowrap\",\n                  },\n                }}\n              >\n                <Checkbox\n                  size=\"sm\"\n                  checked={field.isEnabled}\n                  onChange={(value) => handleFieldValues(field, value as boolean)}\n                >\n                  {field.name}\n                </Checkbox>\n              </Box>\n            ))}\n          </>\n        ) : (\n          <Flex\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            css={{ marginTop: \"$40\" }}\n          >\n            <Text size=\"sm\">{UI_LABELS.NO_RESULTS_FOUND}</Text>\n          </Flex>\n        )}\n      </Flex>\n      <Box\n        css={{\n          position: \"absolute\",\n          pointerEvents: \"none\",\n          top: \"88%\",\n          height: \"$25\",\n          width: \"100%\",\n          background:\n            \"linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0))\",\n        }}\n      />\n    </TabsContent>\n  );\n};\n\n"],"names":["filterFieldsBySearch","TabsContent","Input","SearchIcon","UI_LABELS","Flex","Box","Checkbox","value","Text"],"mappings":"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"}