@sparrowengg/integrations-templates-frontend 1.3.7 → 1.3.9

package/dist/cjs/commons/components/custom-menu.js

@@ -1,63 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var indexA301f526_esm = require('../../node_modules/react-select/dist/index-a301f526.esm.js');
-var flex = require('../../node_modules/@sparrowengg/twigs-react/dist/es/flex/flex.js');
-var plus = require('../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/plus.js');
-var text = require('../../node_modules/@sparrowengg/twigs-react/dist/es/text/text.js');
-
-var __defProp = Object.defineProperty;
-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 __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const CustomMenu = (_a) => {
-  var _b = _a, { children, customOnClick } = _b, props = __objRest(_b, ["children", "customOnClick"]);
-  return /* @__PURE__ */ React.createElement(indexA301f526_esm.c.Menu, __spreadValues({}, props), children, /* @__PURE__ */ React.createElement(
-    flex.Flex,
-    {
-      onClick: customOnClick,
-      css: {
-        padding: "$7 $12 $8 $12",
-        borderTop: "$borderWidths$xs solid #4f547a26",
-        cursor: "pointer",
-        "&:hover": { background: "$secondary50", "& p": {
-          color: "$secondary600"
-        } }
-      },
-      alignItems: "center",
-      justifyContent: "center",
-      gap: "$1"
-    },
-    /* @__PURE__ */ React.createElement(plus.PlusIcon, { size: 20, style: { color: "#64748B" } }),
-    /* @__PURE__ */ React.createElement(text.Text, { size: "sm", weight: "bold", css: { color: "$secondary500" } }, "New Custom Property")
-  ));
-};
-
-exports.default = CustomMenu;
-//# sourceMappingURL=custom-menu.js.map

package/dist/cjs/commons/components/custom-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"custom-menu.js","sources":["../../../../src/commons/components/custom-menu.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport { MenuProps, components } from \"react-select\";\nimport {\n  Flex,\n  Text\n} from \"@sparrowengg/twigs-react\";\nimport { PlusIcon } from \"@sparrowengg/twigs-react-icons\";\nimport { CustomMenuProps } from \"../../mapping/types\";\n\nconst CustomMenu = ({ children, customOnClick, ...props }: any)=> {\n  return (\n    <components.Menu {...props}>\n        {children}\n        <Flex\n         onClick={customOnClick}\n          css={{\n            padding: \"$7 $12 $8 $12\",\n            borderTop: \"$borderWidths$xs solid #4f547a26\",\n            cursor: \"pointer\",\n            \"&:hover\": { background: \"$secondary50\", \"& p\": {\n              color: \"$secondary600\"\n            }}\n          }}\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          gap=\"$1\"\n        >\n          <PlusIcon size={20} style={{ color: \"#64748B\" }} />\n          <Text size=\"sm\" weight=\"bold\" css={{ color: \"$secondary500\" }}>\n            New Custom Property\n          </Text>\n        </Flex>\n    </components.Menu>\n  );\n};\n\nexport default CustomMenu;"],"names":["components","Flex","PlusIcon","Text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASM,MAAA,UAAA,GAAa,CAAC,EAA8C,KAAA;AAA9C,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,YAAU,aAThC,EAAA,GASoB,IAA8B,KAA9B,GAAA,SAAA,CAAA,EAAA,EAA8B,CAA5B,UAAU,EAAA,eAAA,CAAA,CAAA,CAAA;AAC9B,EAAA,uBACG,KAAA,CAAA,aAAA,CAAAA,mBAAA,CAAW,IAAX,EAAA,cAAA,CAAA,EAAA,EAAoB,QAChB,QACD,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACA,OAAS,EAAA,aAAA;AAAA,MACR,GAAK,EAAA;AAAA,QACH,OAAS,EAAA,eAAA;AAAA,QACT,SAAW,EAAA,kCAAA;AAAA,QACX,MAAQ,EAAA,SAAA;AAAA,QACR,SAAW,EAAA,EAAE,UAAY,EAAA,cAAA,EAAgB,KAAO,EAAA;AAAA,UAC9C,KAAO,EAAA,eAAA;AAAA,SACR,EAAA;AAAA,OACH;AAAA,MACA,UAAW,EAAA,QAAA;AAAA,MACX,cAAe,EAAA,QAAA;AAAA,MACf,GAAI,EAAA,IAAA;AAAA,KAAA;AAAA,oBAEJ,KAAA,CAAA,aAAA,CAACC,iBAAS,IAAM,EAAA,EAAA,EAAI,OAAO,EAAE,KAAA,EAAO,WAAa,EAAA,CAAA;AAAA,oBACjD,KAAA,CAAA,aAAA,CAACC,SAAK,EAAA,EAAA,IAAA,EAAK,IAAK,EAAA,MAAA,EAAO,MAAO,EAAA,GAAA,EAAK,EAAE,KAAA,EAAO,eAAgB,EAAA,EAAA,EAAG,qBAE/D,CAAA;AAAA,GAEN,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/commons/styles/index.css.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
-
-var css_248z = "@import url(\"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap\");\n* {\n  font-family: \"DM Sans\";\n}\n";
-styleInject_es.default(css_248z);
-
-exports.default = css_248z;
-//# sourceMappingURL=index.css.js.map

package/dist/cjs/commons/styles/index.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/cjs/mapping/field.js

@@ -1,281 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var trash = require('../commons/icons/trash.js');
-var customMenu = require('./components/custom-menu.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('./components/custom-date-menu.js');
-var customOption = require('./components/custom-option.js');
-var placeholderSpan = require('./components/placeholder-span.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');
-var iconButton = require('../node_modules/@sparrowengg/twigs-react/dist/es/button/icon-button.js');
-var input = require('../node_modules/@sparrowengg/twigs-react/dist/es/input/input.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 customStyles = {
-  menuList: (prevStyles) => __spreadProps(__spreadValues({}, prevStyles), {
-    maxHeight: 176
-  })
-};
-const subMenuCustomStyles = {
-  menu: (prevStyles) => __spreadProps(__spreadValues({}, prevStyles), {
-    width: 260,
-    right: 0
-  })
-};
-const Field = ({
-  field,
-  isFirstField,
-  handleFieldValue,
-  ssMappingData,
-  integrationFields,
-  integrationName,
-  hasCustomMenuProperty,
-  isBtnDisabled,
-  removeField,
-  showCustomPropertyModal
-}) => {
-  var _a, _b, _c, _d;
-  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,
-      css: {
-        width: "100%",
-        "&:hover": {
-          "& button": {
-            opacity: 1
-          },
-          "& #arrow path": {
-            fill: "$secondary500"
-          }
-        }
-      },
-      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" } }, "Type"), /* @__PURE__ */ React.createElement(
-      select.Select,
-      {
-        placeholder: "Choose",
-        size: "lg",
-        isSearchable: false,
-        value: field == null ? void 0 : field.mappedType,
-        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" } }, "SurveySparrow Field"), /* @__PURE__ */ React.createElement(
-      select.Select,
-      {
-        size: "lg",
-        placeholder: "Choose",
-        value: field == null ? void 0 : field.surveySparrowField,
-        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
-        ),
-        styles: customStyles
-      }
-    )), /* @__PURE__ */ React.createElement(
-      box.Box,
-      {
-        as: "span",
-        id: "arrow",
-        css: {
-          paddingTop: isFirstField || field.isEssentialField ? "$9" : 0
-        }
-      },
-      /* @__PURE__ */ React.createElement(arrow.default, null)
-    ), /* @__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" } }, `${integrationName} Field`), /* @__PURE__ */ React.createElement(flex.Flex, { alignItems: "center" }, /* @__PURE__ */ React.createElement(
-      select.Select,
-      {
-        placeholder: "Choose",
-        size: "lg",
-        value: field == null ? void 0 : field.integrationField,
-        onChange: (integration) => handleFieldValue(field == null ? void 0 : field.id, "integrationField", integration),
-        css: {
-          width: 260,
-          "& .twigs-select__control": {
-            borderTopRightRadius: 0,
-            borderBottomRightRadius: 0
-          }
-        },
-        options: integrationFields,
-        styles: customStyles,
-        components: __spreadValues({}, hasCustomMenuProperty && {
-          Menu: (props) => /* @__PURE__ */ React.createElement(
-            customMenu.default,
-            __spreadProps(__spreadValues({}, props), {
-              customOnClick: showCustomPropertyModal
-            })
-          )
-        })
-      }
-    ), /* @__PURE__ */ React.createElement(
-      select.Select,
-      {
-        css: {
-          width: 112,
-          "& .twigs-select__control": {
-            borderTopLeftRadius: 0,
-            borderBottomLeftRadius: 0,
-            border: "$borderWidths$xs solid $neutral200"
-          }
-        },
-        isDisabled: !((_c = field == null ? void 0 : field.integrationField) == null ? void 0 : _c.value),
-        value: field == null ? void 0 : field.integrationFieldType,
-        onChange: (integration) => handleFieldValue(
-          field == null ? void 0 : field.id,
-          "integrationFieldType",
-          integration
-        ),
-        styles: subMenuCustomStyles,
-        options: index.subMenuOptions,
-        closeMenuOnSelect: true,
-        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(
-      flex.Flex,
-      {
-        flexDirection: "column",
-        gap: "$2",
-        css: { maxWidth: 180, width: "100%" }
-      },
-      (isFirstField || field.isEssentialField) && /* @__PURE__ */ React.createElement(formLabel.FormLabel, { size: "xs", css: { fontWeight: "$5" } }, "Default Value (Optional)"),
-      /* @__PURE__ */ React.createElement(
-        DefaultField,
-        {
-          handleFieldValue: (value) => {
-            handleFieldValue(field == null ? void 0 : field.id, "defaultValue", value);
-          },
-          integrationFieldType: field == null ? void 0 : field.integrationFieldType,
-          value: (_d = field == null ? void 0 : field.defaultValue) == null ? void 0 : _d.value
-        }
-      )
-    )),
-    !field.isEssentialField && /* @__PURE__ */ React.createElement(
-      iconButton.IconButton,
-      {
-        css: {
-          transition: "all .3s ease",
-          marginTop: isFirstField ? "$11" : 0
-        },
-        size: "sm",
-        icon: /* @__PURE__ */ React.createElement(trash.default, null),
-        variant: "ghost",
-        color: "default",
-        disabled: isBtnDisabled,
-        onClick: removeField
-      }
-    )
-  ));
-};
-const DefaultField = ({
-  integrationFieldType,
-  handleFieldValue,
-  value
-}) => {
-  switch (`${integrationFieldType == null ? void 0 : integrationFieldType.value}`) {
-    case "BOOLEAN":
-      return /* @__PURE__ */ React.createElement(
-        select.Select,
-        {
-          options: [
-            {
-              label: "true",
-              value: "TRUE"
-            },
-            {
-              label: "false",
-              value: "FALSE"
-            }
-          ],
-          size: "lg",
-          value,
-          placeholder: "",
-          onChange: (booleanValue) => handleFieldValue({
-            type: "BOOLEAN",
-            value: booleanValue
-          })
-        }
-      );
-    case "DATE_TIME":
-      return /* @__PURE__ */ React.createElement(
-        customDateMenu.default,
-        {
-          value,
-          onChangeHandler: (dateValue) => {
-            handleFieldValue({
-              type: "DATE_TIME",
-              value: dateValue
-            });
-          }
-        }
-      );
-    case "NUMBER":
-      return /* @__PURE__ */ React.createElement(
-        input.Input,
-        {
-          size: "lg",
-          type: "number",
-          placeholder: "",
-          value,
-          onChange: (e) => handleFieldValue({
-            type: "NUMBER",
-            value: e.currentTarget.value
-          })
-        }
-      );
-    default:
-      return /* @__PURE__ */ React.createElement(
-        input.Input,
-        {
-          size: "lg",
-          placeholder: "",
-          value,
-          onChange: (e) => handleFieldValue({
-            type: "STRING",
-            value: e.currentTarget.value
-          })
-        }
-      );
-  }
-};
-
-exports.default = Field;
-//# sourceMappingURL=field.js.map

package/dist/cjs/mapping/field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field.js","sources":["../../../src/mapping/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 from \"react\";\nimport Trash from \"../commons/icons/trash\";\nimport CustomMenu from \"./components/custom-menu\";\nimport { mappingType, subMenuOptions } from \"../commons/constants\";\nimport { handleMappingOptions } from \"../commons/helpers\";\nimport Arrow from \"../commons/icons/arrow\";\nimport { FieldProps } from \"./types\";\nimport CustomDateMenu from \"./components/custom-date-menu\";\nimport CustomOption from \"./components/custom-option\";\nimport PlaceholderSpan from \"./components/placeholder-span\";\nimport { DateValue } from \"@internationalized/date\";\n\n\n\nconst customStyles = {\n  menuList: (prevStyles: any) => ({\n    ...prevStyles,\n    maxHeight: 176\n  })\n};\n\nconst subMenuCustomStyles = {\n  menu: (prevStyles: any) => ({\n    ...prevStyles,\n    width: 260,\n    right: 0\n  })\n};\n\nconst Field = ({\n  field,\n  isFirstField,\n  handleFieldValue,\n  ssMappingData,\n  integrationFields,\n  integrationName,\n  hasCustomMenuProperty,\n  isBtnDisabled,\n  removeField,\n  showCustomPropertyModal\n}: FieldProps) => {\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) =>\n                handleFieldValue(field?.id, \"surveySparrowField\", ssField)\n              }\n              options={handleMappingOptions(\n                field?.mappedType?.value ?? \"QUESTION\",\n                ssMappingData.questions,\n                ssMappingData.contactProperties,\n                ssMappingData.variables,\n                ssMappingData.expressions\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\" css={{ width: \"100%\" }}>\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={field?.integrationField}\n                onChange={(integration) =>\n                  handleFieldValue(field?.id, \"integrationField\", integration)\n                }\n                css={{\n                  width: 260,\n                  \"& .twigs-select__control\": {\n                    borderTopRightRadius: 0,\n                    borderBottomRightRadius: 0\n                  }\n                }}\n                options={integrationFields}\n                styles={customStyles}\n                components={{\n                  ...(hasCustomMenuProperty && {\n                    Menu: (props) => (\n                      <CustomMenu\n                        {...props}\n                        customOnClick={showCustomPropertyModal}\n                      />\n                    )\n                  })\n                }}\n              />\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) =>\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, Option: CustomOption }}\n                placeholder=\"Choose\"\n                size=\"lg\"\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\" }}>\n                {\"Default Value (Optional)\"}\n              </FormLabel>\n            )}\n            <DefaultField\n              handleFieldValue={(value: any) => {\n                handleFieldValue(field?.id, \"defaultValue\", value);\n              }}\n              integrationFieldType={field?.integrationFieldType}\n              value={field?.defaultValue?.value}\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 = ({\n  integrationFieldType,\n  handleFieldValue,\n  value\n}: {\n  integrationFieldType: { label: string; value: string } | null;\n  handleFieldValue: (value: any) => void;\n  value: any;\n}) => {\n  switch (`${integrationFieldType?.value}`) {\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) =>\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: DateValue) => {\n            handleFieldValue({\n              type: \"DATE_TIME\",\n              value: dateValue\n            });\n          }}\n        />\n      );\n    case \"NUMBER\":\n      return (\n        <Input\n          size=\"lg\"\n          type=\"number\"\n          placeholder=\"\"\n          value={value}\n          onChange={(e) =>\n            handleFieldValue({\n              type: \"NUMBER\",\n              value: e.currentTarget.value\n            })\n          }\n        />\n      );\n    default:\n      return (\n        <Input\n          size=\"lg\"\n          placeholder=\"\"\n          value={value}\n          onChange={(e) =>\n            handleFieldValue({\n              type: \"STRING\",\n              value: e.currentTarget.value\n            })\n          }\n        />\n      );\n  }\n};\n"],"names":["Flex","Text","PlaceholderSpan","FormLabel","Select","mappingType","handleMappingOptions","Box","Arrow","CustomMenu","subMenuOptions","CustomOption","IconButton","Trash","CustomDateMenu","Input"],"mappings":"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"}