npm - @sparrowengg/integrations-templates-frontend - Versions diffs - 2.1.0-beta.1 → 2.1.0-beta.3 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (212) hide show

package/dist/cjs/mapping/components/field.js CHANGED Viewed

@@ -5,14 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var trash = require('../../commons/icons/trash.js');
 var customMenu = require('./custom-menu.js');
-var index$1 = require('../../commons/constants/index.js');
-var index$2 = require('../../commons/helpers/index.js');
+var index = require('../../commons/constants/index.js');
+var index$1 = require('../../commons/helpers/index.js');
 var arrow = require('../../commons/icons/arrow.js');
 var customDateMenu = require('./custom-date-menu.js');
 var customOption = require('./custom-option.js');
 var placeholderSpan = require('./placeholder-span.js');
-var index = require('../constants/index.js');
 var flex = require('../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
+var text = require('../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
 var formLabel = require('../../node_modules/@sparrowengg/twigs-react/dist/es/form-label/form-label.js');
 var select = require('../../node_modules/@sparrowengg/twigs-react/dist/es/select/select.js');
 var box = require('../../node_modules/@sparrowengg/twigs-react/dist/es/box/box.js');
@@ -38,6 +38,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,
@@ -52,11 +64,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;
   React.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 = {
@@ -66,38 +78,14 @@ const Field = ({
         };
       }
     }
-  }, [field, integrationFields, field.essentialFieldLabel]);
+  }, [field, integrationFields]);
   const hasNumberDefaultField = (type) => {
-    return type === index.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 : index.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.createElement(flex.Flex, { flexDirection: "column", gap: "$8" }, (field == null ? void 0 : field.essentialFieldLabel) && /* @__PURE__ */ React.createElement(formLabel.FormLabel, { size: "sm", weight: "bold" }, field.essentialFieldLabel, /* @__PURE__ */ React.createElement(placeholderSpan.default, { color: "$negative500" }, "*")), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(flex.Flex, { flexDirection: "column", gap: "$8" }, (field == null ? void 0 : field.essentialFieldLabel) && /* @__PURE__ */ React.createElement(text.Text, { size: "sm", weight: "bold" }, field.essentialFieldLabel, /* @__PURE__ */ React.createElement(placeholderSpan.default, { color: "$negative500" }, "*")), /* @__PURE__ */ React.createElement(
     flex.Flex,
     {
       key: field.id,
@@ -115,36 +103,36 @@ const Field = ({
       alignItems: "center",
       gap: "$6"
     },
-    /* @__PURE__ */ React.createElement(flex.Flex, { flexDirection: "column", gap: "$2", css: { width: 144 } }, (isFirstField || field.isEssentialField) && /* @__PURE__ */ React.createElement(formLabel.FormLabel, { size: "xs", css: { fontWeight: "$5" } }, index.UI_TEXT.TYPE_LABEL), /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(flex.Flex, { flexDirection: "column", gap: "$2", css: { width: 144 } }, (isFirstField || field.isEssentialField) && /* @__PURE__ */ React.createElement(formLabel.FormLabel, { size: "xs", css: { fontWeight: "$5" } }, "Type"), /* @__PURE__ */ React.createElement(
       select.Select,
       {
-        placeholder: index.UI_TEXT.CHOOSE_PLACEHOLDER,
+        placeholder: "Choose",
         size: "lg",
         isSearchable: false,
         value: field == null ? void 0 : field.mappedType,
-        options: index$1.mappingType,
-        onChange: handleTypeChange,
-        styles: index.CUSTOM_SELECT_STYLES
+        options: index.mappingType,
+        onChange: (type) => handleFieldValue(field == null ? void 0 : field.id, "type", type),
+        styles: customStyles
       }
     )),
-    /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", css: { flex: 1 }, gap: "11px" }, /* @__PURE__ */ React.createElement(flex.Flex, { flexDirection: "column", gap: "$2", css: { width: "100%" } }, (isFirstField || field.isEssentialField) && /* @__PURE__ */ React.createElement(formLabel.FormLabel, { size: "xs", css: { fontWeight: "$5" } }, index.UI_TEXT.SURVEYSPARROW_FIELD_LABEL), /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center", css: { flex: 1 }, gap: "11px" }, /* @__PURE__ */ React.createElement(flex.Flex, { flexDirection: "column", gap: "$2", css: { width: "100%" } }, (isFirstField || field.isEssentialField) && /* @__PURE__ */ React.createElement(formLabel.FormLabel, { size: "xs", css: { fontWeight: "$5" } }, "SurveySparrow Field"), /* @__PURE__ */ React.createElement(
       select.Select,
       {
         size: "lg",
-        placeholder: index.UI_TEXT.CHOOSE_PLACEHOLDER,
+        placeholder: "Choose",
         value: field == null ? void 0 : field.surveySparrowField,
-        onChange: handleSurveySparrowFieldChange,
-        options: index$2.handleMappingOptions(
-          (_c = (_b = field == null ? void 0 : field.mappedType) == null ? void 0 : _b.value) != null ? _c : "QUESTION",
+        onChange: (ssField) => handleFieldValue(field == null ? void 0 : field.id, "surveySparrowField", ssField),
+        options: index$1.handleMappingOptions(
+          (_b = (_a = field == null ? void 0 : field.mappedType) == null ? void 0 : _a.value) != null ? _b : "QUESTION",
           ssMappingData.questions,
           ssMappingData.contactProperties,
           ssMappingData.variables,
           ssMappingData.expressions,
-          index$1.integrationsNpsSubmissionProperties,
-          index$1.integrationsClassicSubmissionProperties,
+          index.integrationsNpsSubmissionProperties,
+          index.integrationsClassicSubmissionProperties,
           surveyType
         ),
-        styles: index.CUSTOM_SELECT_STYLES
+        styles: customStyles
       }
     )), /* @__PURE__ */ React.createElement(
       box.Box,
@@ -159,11 +147,17 @@ const Field = ({
     ), /* @__PURE__ */ React.createElement(flex.Flex, { flexDirection: "column", gap: "$2" }, (isFirstField || field.isEssentialField) && /* @__PURE__ */ React.createElement(formLabel.FormLabel, { size: "xs", css: { fontWeight: "$5" } }, `${integrationName} Field`), /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center" }, /* @__PURE__ */ React.createElement(
       select.Select,
       {
-        placeholder: index.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": {
@@ -172,7 +166,7 @@ const Field = ({
           }
         },
         options: integrationFields,
-        styles: index.CUSTOM_SELECT_STYLES,
+        styles: customStyles,
         components: __spreadValues({}, hasCustomMenuProperty && {
           Menu: (props) => /* @__PURE__ */ React.createElement(
             customMenu.default,
@@ -195,16 +189,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: index.SUB_MENU_CUSTOM_STYLES,
-        options: index$1.subMenuOptions,
+        onChange: (integration) => handleFieldValue(
+          field == null ? void 0 : field.id,
+          "integrationFieldType",
+          integration
+        ),
+        styles: subMenuCustomStyles,
+        options: index.subMenuOptions,
         closeMenuOnSelect: true,
-        noneOptionHandler: (value) => handleIntegrationFieldTypeChange(value),
-        components: {
-          Menu: customMenu.default,
-          Option: customOption.default
-        },
-        placeholder: index.UI_TEXT.CHOOSE_PLACEHOLDER,
+        noneOptionHandler: (value) => handleFieldValue(field == null ? void 0 : field.id, "integrationFieldType", value),
+        components: { Menu: customMenu.default, Option: customOption.default },
+        placeholder: "Choose",
         size: "lg"
       }
     ))), /* @__PURE__ */ React.createElement(
@@ -214,23 +209,19 @@ const Field = ({
         gap: "$2",
         css: { maxWidth: 180, width: "100%" }
       },
-      (isFirstField || field.isEssentialField) && /* @__PURE__ */ React.createElement(
-        formLabel.FormLabel,
-        {
-          size: "xs",
-          css: {
-            fontWeight: "$5",
-            marginBlockStart: hasNumberDefaultField(getIntegrationFieldType()) ? "$9" : "0"
-          }
-        },
-        index.UI_TEXT.DEFAULT_VALUE_LABEL
-      ),
+      (isFirstField || field.isEssentialField) && /* @__PURE__ */ React.createElement(formLabel.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.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
         }
       )
     )),
@@ -251,79 +242,70 @@ const Field = ({
     )
   ));
 };
-const DefaultField = ({
-  integrationFieldType,
-  handleFieldValue,
-  value
-}) => {
-  const handleBooleanChange = (booleanValue) => {
-    handleFieldValue({
-      type: index.FIELD_TYPE_NAMES.BOOLEAN,
-      value: booleanValue
-    });
-  };
-  const handleDateChange = (dateValue) => {
-    handleFieldValue({
-      type: index.FIELD_TYPE_NAMES.DATE_TIME,
-      value: dateValue
-    });
-  };
-  const handleNumberChange = (e) => {
-    const numValue = parseInt(e.currentTarget.value, 10);
-    handleFieldValue({
-      type: index.FIELD_TYPE_NAMES.NUMBER,
-      value: isNaN(numValue) ? 0 : numValue
-    });
-  };
-  const handleStringChange = (e) => {
-    handleFieldValue({
-      type: index.FIELD_TYPE_NAMES.STRING,
-      value: e.currentTarget.value
-    });
-  };
-  switch (integrationFieldType) {
-    case index.FIELD_TYPE_NAMES.BOOLEAN:
+const DefaultField = ({ integrationFieldType, handleFieldValue, value }) => {
+  switch (`${integrationFieldType}`) {
+    case "BOOLEAN":
       return /* @__PURE__ */ React.createElement(
         select.Select,
         {
           options: [
-            { label: index.UI_TEXT.TRUE_LABEL, value: true },
-            { label: index.UI_TEXT.FALSE_LABEL, value: false }
+            {
+              label: "true",
+              value: true
+            },
+            {
+              label: "false",
+              value: false
+            }
           ],
           size: "lg",
           value,
-          placeholder: index.UI_TEXT.EMPTY_PLACEHOLDER,
-          onChange: handleBooleanChange
+          placeholder: "",
+          onChange: (booleanValue) => handleFieldValue({
+            type: "BOOLEAN",
+            value: booleanValue
+          })
         }
       );
-    case index.FIELD_TYPE_NAMES.DATE_TIME:
+    case "DATE_TIME":
       return /* @__PURE__ */ React.createElement(
         customDateMenu.default,
         {
           value,
-          onChangeHandler: handleDateChange
+          onChangeHandler: (dateValue) => {
+            handleFieldValue({
+              type: "DATE_TIME",
+              value: dateValue
+            });
+          }
         }
       );
-    case index.FIELD_TYPE_NAMES.NUMBER:
+    case "NUMBER":
       return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
         input.Input,
         {
           size: "lg",
           type: "number",
-          placeholder: index.UI_TEXT.EMPTY_PLACEHOLDER,
+          placeholder: "",
           value,
           min: 0,
-          onChange: handleNumberChange
+          onChange: (e) => handleFieldValue({
+            type: "NUMBER",
+            value: parseInt(e.currentTarget.value)
+          })
         }
-      ), /* @__PURE__ */ React.createElement(formLabel.FormLabel, { size: "xs" }, index.UI_TEXT.ENTER_VALID_NUMBER));
+      ), /* @__PURE__ */ React.createElement(formLabel.FormLabel, { size: "xs" }, "please enter a valid number"));
     default:
       return /* @__PURE__ */ React.createElement(
         input.Input,
         {
           size: "lg",
-          placeholder: index.UI_TEXT.EMPTY_PLACEHOLDER,
+          placeholder: "",
           value,
-          onChange: handleStringChange
+          onChange: (e) => handleFieldValue({
+            type: "STRING",
+            value: e.currentTarget.value
+          })
         }
       );
   }

package/dist/cjs/mapping/components/field.js.map CHANGED Viewed

	@@ -1 +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":["useEffect","FIELD_TYPE_NAMES","_a","_b","_c","_d","_e","_f","Flex","FormLabel","PlaceholderSpan","UI_TEXT","Select","mappingType","CUSTOM_SELECT_STYLES","handleMappingOptions","integrationsNpsSubmissionProperties","integrationsClassicSubmissionProperties","Box","Arrow","CustomMenu","SUB_MENU_CUSTOM_STYLES","subMenuOptions","CustomOption","IconButton","Trash","CustomDateMenu","Input"],"mappings":"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"}
1	+ {"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":["useEffect","Flex","Text","PlaceholderSpan","FormLabel","Select","mappingType","handleMappingOptions","integrationsNpsSubmissionProperties","integrationsClassicSubmissionProperties","Box","Arrow","CustomMenu","subMenuOptions","CustomOption","IconButton","Trash","CustomDateMenu","Input"],"mappings":"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"}