@bigbinary/neeto-message-templates-frontend 2.0.6 → 2.0.8

package/dist/cjs/SendToApiPane.js.map

@@ -1 +1 @@
-{"version":3,"file":"SendToApiPane.js","sources":["../../app/javascript/src/components/Api/SendToApiPane/constants.js","../../app/javascript/src/components/Api/SendToApiPane/utils.js","../../app/javascript/src/components/Api/SendToApiPane/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { isNotPresent } from \"neetocist\";\nimport * as yup from \"yup\";\n\nimport { CUSTOM_HEADERS_INITIAL_VALUE, VALID_URL_REGEX } from \"../constants\";\n\nexport const SEND_TO_API_FORM_INITIAL_VALUES = {\n  endpoint: \"\",\n  enableCustomHeaders: false,\n  customHeaders: [CUSTOM_HEADERS_INITIAL_VALUE],\n  body: \"{}\",\n  shouldSaveAsTemplate: false,\n  templateName: \"\",\n};\n\nexport const SEND_TO_API_FORM_VALIDATION_SCHEMA = yup.object({\n  endpoint: yup\n    .string()\n    .trim()\n    .required(t(\"neetoMessageTemplate.api.validation.endpointPresence\"))\n    .matches(\n      VALID_URL_REGEX,\n      t(\"neetoMessageTemplate.api.validation.validEndpoint\")\n    ),\n  body: yup\n    .string()\n    .trim()\n    .required(\n      t(\"neetoMessageTemplate.validations.requiredEntity\", {\n        entity: t(\"neetoMessageTemplate.template.body\"),\n      })\n    )\n    .test(\"is-valid-json-and-not-empty\", (value, context) => {\n      if (!value) return true;\n\n      try {\n        const parsedValue = JSON.parse(value);\n\n        if (isNotPresent(parsedValue)) {\n          return context.createError({\n            message: t(\"neetoMessageTemplate.validations.requiredEntity\", {\n              entity: t(\"neetoMessageTemplate.template.body\"),\n            }),\n          });\n        }\n\n        return true;\n      } catch {\n        return context.createError({\n          message: t(\"neetoMessageTemplate.api.validation.invalidJsonBody\"),\n        });\n      }\n    }),\n});\n","import { isPresent } from \"neetocist\";\nimport { equals } from \"ramda\";\n\nimport { CUSTOM_HEADERS_INITIAL_VALUE } from \"../constants\";\n\nexport const formatCustomHeaders = customHeaders =>\n  isPresent(customHeaders) ? customHeaders : [CUSTOM_HEADERS_INITIAL_VALUE];\n\nexport const areHeadersSame = (\n  enableCustomHeaders,\n  customHeaders,\n  template = {}\n) => {\n  const {\n    enableCustomHeaders: templateHasCustomHeaders,\n    customHeaders: templateHeaders,\n  } = template;\n  if (!enableCustomHeaders && !templateHasCustomHeaders) return true;\n\n  if (enableCustomHeaders !== templateHasCustomHeaders) return false;\n\n  return equals(customHeaders, templateHeaders);\n};\n\nexport const isBodyAvailable = body => {\n  try {\n    const data = JSON.parse(body);\n\n    return isPresent(data);\n  } catch {\n    return false;\n  }\n};\n","import { findBy, isPresent, renameKeys } from \"neetocist\";\nimport HelpPopover from \"neetomolecules/HelpPopover\";\nimport { Pane, Select, Spinner, Typography } from \"neetoui\";\nimport { ActionBlock, Input, Form as NeetoUIForm } from \"neetoui/formik\";\nimport { equals, modify } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { SAMPLE_URL } from \"components/Api/ApiTemplates/constants\";\nimport {\n  API_TEMPLATE_TYPE,\n  CUSTOM_HEADERS_INITIAL_VALUE,\n} from \"components/Api/constants\";\nimport {\n  buildHelpPopoverProps,\n  rejectEmptyKeyValuePairs,\n} from \"components/Api/utils\";\nimport SaveAsTemplate from \"components/commons/SaveAsTemplate\";\nimport { areValuesEqual } from \"components/utils\";\nimport { useFetchTemplates } from \"hooks/reactQuery/useTemplatesApi\";\n\nimport {\n  SEND_TO_API_FORM_INITIAL_VALUES,\n  SEND_TO_API_FORM_VALIDATION_SCHEMA,\n} from \"./constants\";\nimport { areHeadersSame, formatCustomHeaders, isBodyAvailable } from \"./utils\";\n\nimport CustomHeaders from \"../CustomHeaders\";\nimport JsonEditor from \"../JsonEditor\";\n\nconst SendToApiPane = props => {\n  const { isOpen, onClose } = props;\n\n  return (\n    <Pane {...{ isOpen, onClose }} size=\"large\">\n      {paneProps => <SendToApiForm {...{ ...props, paneProps }} />}\n    </Pane>\n  );\n};\n\nconst SendToApiForm = ({\n  ownerId,\n  onClose,\n  onSubmit,\n  isSubmitting,\n  templateVariables,\n  canManageTemplates = true,\n  helpPopoverProps = {},\n  paneProps: { setFocusField },\n}) => {\n  const { t } = useTranslation();\n\n  const { data: { templates = [] } = {}, isLoading: isLoadingTemplates } =\n    useFetchTemplates({\n      status: \"active\",\n      templateType: API_TEMPLATE_TYPE,\n      ownerId,\n    });\n\n  const handleTemplateChange = (setValues, values, option) => {\n    if (!option) return;\n\n    const template = findBy({ id: option.value }, templates);\n    setValues({\n      ...values,\n      ...modify(\"customHeaders\", formatCustomHeaders, template),\n    });\n  };\n\n  const handleSubmit = formValues => {\n    const customHeadersModifiedFormValues = modify(\n      \"customHeaders\",\n      rejectEmptyKeyValuePairs,\n      formValues\n    );\n\n    onSubmit(customHeadersModifiedFormValues);\n  };\n\n  const shouldShowSaveAsTemplate = ({\n    id,\n    endpoint,\n    enableCustomHeaders,\n    customHeaders = [CUSTOM_HEADERS_INITIAL_VALUE],\n    body,\n  } = {}) => {\n    const template = findBy({ id }, templates);\n    const hasContent =\n      isPresent(endpoint) ||\n      isPresent(rejectEmptyKeyValuePairs(customHeaders)) ||\n      isBodyAvailable(body);\n\n    const isContentDifferentFromTemplate = !(\n      areValuesEqual(template?.endpoint, endpoint) &&\n      areHeadersSame(enableCustomHeaders, customHeaders, template) &&\n      equals(template?.body, body)\n    );\n\n    return hasContent && isContentDifferentFromTemplate;\n  };\n\n  const isTemplateSelectionEnabled = isPresent(templates);\n\n  const {\n    sendToApi: sendToApiHelpPopoverProps,\n    customHeaders: customHeadersHelpPopoverProps,\n    body: bodyHelpPopoverProps,\n  } = buildHelpPopoverProps(helpPopoverProps);\n\n  if (isLoadingTemplates) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <Pane.Header>\n        <Typography style=\"h2\" weight=\"semibold\">\n          {t(\"neetoMessageTemplate.api.sendToApi\")}\n          <HelpPopover className=\"ms-2\" {...sendToApiHelpPopoverProps} />\n        </Typography>\n      </Pane.Header>\n      <NeetoUIForm\n        formikProps={{\n          initialValues: SEND_TO_API_FORM_INITIAL_VALUES,\n          validationSchema: SEND_TO_API_FORM_VALIDATION_SCHEMA,\n          onSubmit: handleSubmit,\n        }}\n      >\n        {({ values, setValues }) => (\n          <>\n            <Pane.Body>\n              <div className=\"w-full space-y-5 mb-10\">\n                {isTemplateSelectionEnabled && (\n                  <Select\n                    innerRef={setFocusField}\n                    isLoading={isLoadingTemplates}\n                    label={t(\"neetoMessageTemplate.template.title\")}\n                    options={renameKeys(\n                      { name: \"label\", id: \"value\" },\n                      templates\n                    )}\n                    placeholder={t(\n                      \"neetoMessageTemplate.sendMessage.selectTemplate\"\n                    )}\n                    onChange={template =>\n                      handleTemplateChange(setValues, values, template)\n                    }\n                  />\n                )}\n                <Input\n                  required\n                  label={t(\"neetoMessageTemplate.api.endpoint\")}\n                  name=\"endpoint\"\n                  placeholder={SAMPLE_URL}\n                  ref={isTemplateSelectionEnabled ? null : setFocusField}\n                />\n                <CustomHeaders\n                  helpPopoverProps={customHeadersHelpPopoverProps}\n                />\n                <JsonEditor\n                  {...{ templateVariables }}\n                  helpPopoverProps={bodyHelpPopoverProps}\n                  initialValue={values.body}\n                  name=\"body\"\n                />\n                {canManageTemplates && shouldShowSaveAsTemplate(values) && (\n                  <SaveAsTemplate />\n                )}\n              </div>\n            </Pane.Body>\n            <Pane.Footer>\n              <ActionBlock\n                {...{ isSubmitting }}\n                cancelButtonProps={{\n                  onClick: onClose,\n                  \"data-testid\": \"api-template-cancel-button\",\n                }}\n                submitButtonProps={{\n                  label: t(\"neetoMessageTemplate.template.send\"),\n                  \"data-testid\": \"api-template-send-button\",\n                }}\n              />\n            </Pane.Footer>\n          </>\n        )}\n      </NeetoUIForm>\n    </>\n  );\n};\n\nexport default SendToApiPane;\n"],"names":["SEND_TO_API_FORM_INITIAL_VALUES","endpoint","enableCustomHeaders","customHeaders","CUSTOM_HEADERS_INITIAL_VALUE","body","shouldSaveAsTemplate","templateName","SEND_TO_API_FORM_VALIDATION_SCHEMA","yup","object","string","trim","required","t","matches","VALID_URL_REGEX","entity","test","value","context","parsedValue","JSON","parse","isNotPresent","createError","message","_unused","formatCustomHeaders","isPresent","areHeadersSame","template","arguments","length","undefined","templateHasCustomHeaders","templateHeaders","equals","isBodyAvailable","data","SendToApiPane","props","isOpen","onClose","_jsx","Pane","size","children","paneProps","SendToApiForm","_objectSpread","_ref","ownerId","onSubmit","isSubmitting","templateVariables","_ref$canManageTemplat","canManageTemplates","_ref$helpPopoverProps","helpPopoverProps","setFocusField","_useTranslation","useTranslation","_useFetchTemplates","useFetchTemplates","status","templateType","API_TEMPLATE_TYPE","_useFetchTemplates$da","_useFetchTemplates$da2","_useFetchTemplates$da3","templates","isLoadingTemplates","isLoading","handleTemplateChange","setValues","values","option","findBy","id","modify","handleSubmit","formValues","customHeadersModifiedFormValues","rejectEmptyKeyValuePairs","shouldShowSaveAsTemplate","_ref2","_ref2$customHeaders","hasContent","isContentDifferentFromTemplate","areValuesEqual","isTemplateSelectionEnabled","_buildHelpPopoverProp","buildHelpPopoverProps","sendToApiHelpPopoverProps","sendToApi","customHeadersHelpPopoverProps","bodyHelpPopoverProps","className","Spinner","_jsxs","_Fragment","Header","Typography","style","weight","HelpPopover","NeetoUIForm","formikProps","initialValues","validationSchema","_ref3","Body","Select","innerRef","label","options","renameKeys","name","placeholder","onChange","Input","SAMPLE_URL","ref","CustomHeaders","JsonEditor","initialValue","SaveAsTemplate","Footer","ActionBlock","cancelButtonProps","onClick","submitButtonProps"],"mappings":"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"}
+{"version":3,"file":"SendToApiPane.js","sources":["../../app/javascript/src/components/Api/SendToApiPane/constants.js","../../app/javascript/src/components/Api/SendToApiPane/utils.js","../../app/javascript/src/components/Api/SendToApiPane/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { isNotPresent } from \"neetocist\";\nimport * as yup from \"yup\";\n\nimport { CUSTOM_HEADERS_INITIAL_VALUE, VALID_URL_REGEX } from \"../constants\";\n\nexport const SEND_TO_API_FORM_INITIAL_VALUES = {\n  endpoint: \"\",\n  enableCustomHeaders: false,\n  customHeaders: [CUSTOM_HEADERS_INITIAL_VALUE],\n  body: \"{}\",\n  shouldSaveAsTemplate: false,\n  templateName: \"\",\n};\n\nexport const SEND_TO_API_FORM_VALIDATION_SCHEMA = yup.object({\n  endpoint: yup\n    .string()\n    .trim()\n    .required(t(\"neetoMessageTemplate.api.validation.endpointPresence\"))\n    .matches(\n      VALID_URL_REGEX,\n      t(\"neetoMessageTemplate.api.validation.validEndpoint\")\n    ),\n  body: yup\n    .string()\n    .trim()\n    .required(\n      t(\"neetoMessageTemplate.validations.requiredEntity\", {\n        entity: t(\"neetoMessageTemplate.template.body\"),\n      })\n    )\n    .test(\"is-valid-json-and-not-empty\", (value, context) => {\n      if (!value) return true;\n\n      try {\n        const parsedValue = JSON.parse(value);\n\n        if (isNotPresent(parsedValue)) {\n          return context.createError({\n            message: t(\"neetoMessageTemplate.validations.requiredEntity\", {\n              entity: t(\"neetoMessageTemplate.template.body\"),\n            }),\n          });\n        }\n\n        return true;\n      } catch {\n        return context.createError({\n          message: t(\"neetoMessageTemplate.api.validation.invalidJsonBody\"),\n        });\n      }\n    }),\n});\n","import { isPresent } from \"neetocist\";\nimport { equals } from \"ramda\";\n\nimport { CUSTOM_HEADERS_INITIAL_VALUE } from \"../constants\";\n\nexport const formatCustomHeaders = customHeaders =>\n  isPresent(customHeaders) ? customHeaders : [CUSTOM_HEADERS_INITIAL_VALUE];\n\nexport const areHeadersSame = (\n  enableCustomHeaders,\n  customHeaders,\n  template = {}\n) => {\n  const {\n    enableCustomHeaders: templateHasCustomHeaders,\n    customHeaders: templateHeaders,\n  } = template;\n  if (!enableCustomHeaders && !templateHasCustomHeaders) return true;\n\n  if (enableCustomHeaders !== templateHasCustomHeaders) return false;\n\n  return equals(customHeaders, templateHeaders);\n};\n\nexport const isBodyAvailable = body => {\n  try {\n    const data = JSON.parse(body);\n\n    return isPresent(data);\n  } catch {\n    return false;\n  }\n};\n","import { findBy, isPresent, renameKeys } from \"neetocist\";\nimport HelpPopover from \"neetomolecules/HelpPopover\";\nimport { Pane, Select, Spinner, Typography } from \"neetoui\";\nimport { ActionBlock, Input, Form as NeetoUIForm } from \"neetoui/formik\";\nimport { equals, modify } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { SAMPLE_URL } from \"components/Api/ApiTemplates/constants\";\nimport {\n  API_TEMPLATE_TYPE,\n  CUSTOM_HEADERS_INITIAL_VALUE,\n} from \"components/Api/constants\";\nimport {\n  buildHelpPopoverProps,\n  rejectEmptyKeyValuePairs,\n} from \"components/Api/utils\";\nimport SaveAsTemplate from \"components/commons/SaveAsTemplate\";\nimport { areValuesEqual } from \"components/utils\";\nimport { useFetchTemplates } from \"hooks/reactQuery/useTemplatesApi\";\n\nimport {\n  SEND_TO_API_FORM_INITIAL_VALUES,\n  SEND_TO_API_FORM_VALIDATION_SCHEMA,\n} from \"./constants\";\nimport { areHeadersSame, formatCustomHeaders, isBodyAvailable } from \"./utils\";\n\nimport CustomHeaders from \"../CustomHeaders\";\nimport JsonEditor from \"../JsonEditor\";\n\nconst SendToApiPane = props => {\n  const { isOpen, onClose } = props;\n\n  return (\n    <Pane {...{ isOpen, onClose }} size=\"large\">\n      {paneProps => <SendToApiForm {...{ ...props, paneProps }} />}\n    </Pane>\n  );\n};\n\nconst SendToApiForm = ({\n  ownerId,\n  onClose,\n  onSubmit,\n  isSubmitting,\n  templateVariables,\n  canManageTemplates = true,\n  helpPopoverProps = {},\n  paneProps: { setFocusField },\n}) => {\n  const { t } = useTranslation();\n\n  const { data: { templates = [] } = {}, isLoading: isLoadingTemplates } =\n    useFetchTemplates({\n      status: \"active\",\n      templateType: API_TEMPLATE_TYPE,\n      ownerId,\n    });\n\n  const handleTemplateChange = (setValues, values, option) => {\n    if (!option) return;\n\n    const template = findBy({ id: option.value }, templates);\n    setValues({\n      ...values,\n      ...modify(\"customHeaders\", formatCustomHeaders, template),\n    });\n  };\n\n  const handleSubmit = formValues => {\n    const customHeadersModifiedFormValues = modify(\n      \"customHeaders\",\n      rejectEmptyKeyValuePairs,\n      formValues\n    );\n\n    onSubmit(customHeadersModifiedFormValues);\n  };\n\n  const shouldShowSaveAsTemplate = ({\n    id,\n    endpoint,\n    enableCustomHeaders,\n    customHeaders = [CUSTOM_HEADERS_INITIAL_VALUE],\n    body,\n  } = {}) => {\n    const template = findBy({ id }, templates);\n    const hasContent =\n      isPresent(endpoint) ||\n      isPresent(rejectEmptyKeyValuePairs(customHeaders)) ||\n      isBodyAvailable(body);\n\n    const isContentDifferentFromTemplate = !(\n      areValuesEqual(template?.endpoint, endpoint) &&\n      areHeadersSame(enableCustomHeaders, customHeaders, template) &&\n      equals(template?.body, body)\n    );\n\n    return hasContent && isContentDifferentFromTemplate;\n  };\n\n  const isTemplateSelectionEnabled = isPresent(templates);\n\n  const {\n    sendToApi: sendToApiHelpPopoverProps,\n    customHeaders: customHeadersHelpPopoverProps,\n    body: bodyHelpPopoverProps,\n  } = buildHelpPopoverProps(helpPopoverProps);\n\n  if (isLoadingTemplates) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <Pane.Header>\n        <Typography style=\"h2\" weight=\"semibold\">\n          {t(\"neetoMessageTemplate.api.sendToApi\")}\n          <HelpPopover className=\"ms-2\" {...sendToApiHelpPopoverProps} />\n        </Typography>\n      </Pane.Header>\n      <NeetoUIForm\n        formikProps={{\n          initialValues: SEND_TO_API_FORM_INITIAL_VALUES,\n          validationSchema: SEND_TO_API_FORM_VALIDATION_SCHEMA,\n          onSubmit: handleSubmit,\n        }}\n      >\n        {({ values, setValues }) => (\n          <>\n            <Pane.Body>\n              <div className=\"w-full space-y-5 mb-10\">\n                {isTemplateSelectionEnabled && (\n                  <Select\n                    innerRef={setFocusField}\n                    isLoading={isLoadingTemplates}\n                    label={t(\"neetoMessageTemplate.template.title\")}\n                    options={renameKeys(\n                      { name: \"label\", id: \"value\" },\n                      templates\n                    )}\n                    placeholder={t(\n                      \"neetoMessageTemplate.sendMessage.selectTemplate\"\n                    )}\n                    onChange={template =>\n                      handleTemplateChange(setValues, values, template)\n                    }\n                  />\n                )}\n                <Input\n                  required\n                  label={t(\"neetoMessageTemplate.api.endpoint\")}\n                  name=\"endpoint\"\n                  placeholder={SAMPLE_URL}\n                  ref={isTemplateSelectionEnabled ? null : setFocusField}\n                />\n                <CustomHeaders\n                  helpPopoverProps={customHeadersHelpPopoverProps}\n                />\n                <JsonEditor\n                  {...{ templateVariables }}\n                  helpPopoverProps={bodyHelpPopoverProps}\n                  initialValue={values.body}\n                  name=\"body\"\n                />\n                {canManageTemplates && shouldShowSaveAsTemplate(values) && (\n                  <SaveAsTemplate />\n                )}\n              </div>\n            </Pane.Body>\n            <Pane.Footer>\n              <ActionBlock\n                {...{ isSubmitting }}\n                cancelButtonProps={{\n                  onClick: onClose,\n                  \"data-testid\": \"api-template-cancel-button\",\n                }}\n                submitButtonProps={{\n                  label: t(\"neetoMessageTemplate.template.send\"),\n                  \"data-testid\": \"api-template-send-button\",\n                }}\n              />\n            </Pane.Footer>\n          </>\n        )}\n      </NeetoUIForm>\n    </>\n  );\n};\n\nexport default SendToApiPane;\n"],"names":["SEND_TO_API_FORM_INITIAL_VALUES","endpoint","enableCustomHeaders","customHeaders","CUSTOM_HEADERS_INITIAL_VALUE","body","shouldSaveAsTemplate","templateName","SEND_TO_API_FORM_VALIDATION_SCHEMA","yup","object","string","trim","required","t","matches","VALID_URL_REGEX","entity","test","value","context","parsedValue","JSON","parse","isNotPresent","createError","message","_unused","formatCustomHeaders","isPresent","areHeadersSame","template","arguments","length","undefined","templateHasCustomHeaders","templateHeaders","equals","isBodyAvailable","data","SendToApiPane","props","isOpen","onClose","_jsx","Pane","size","children","paneProps","SendToApiForm","_objectSpread","_ref","ownerId","onSubmit","isSubmitting","templateVariables","_ref$canManageTemplat","canManageTemplates","_ref$helpPopoverProps","helpPopoverProps","setFocusField","_useTranslation","useTranslation","_useFetchTemplates","useFetchTemplates","status","templateType","API_TEMPLATE_TYPE","_useFetchTemplates$da","_useFetchTemplates$da2","_useFetchTemplates$da3","templates","isLoadingTemplates","isLoading","handleTemplateChange","setValues","values","option","findBy","id","modify","handleSubmit","formValues","customHeadersModifiedFormValues","rejectEmptyKeyValuePairs","shouldShowSaveAsTemplate","_ref2","_ref2$customHeaders","hasContent","isContentDifferentFromTemplate","areValuesEqual","isTemplateSelectionEnabled","_buildHelpPopoverProp","buildHelpPopoverProps","sendToApiHelpPopoverProps","sendToApi","customHeadersHelpPopoverProps","bodyHelpPopoverProps","className","Spinner","_jsxs","_Fragment","Header","Typography","style","weight","HelpPopover","NeetoUIForm","formikProps","initialValues","validationSchema","_ref3","Body","Select","innerRef","label","options","renameKeys","name","placeholder","onChange","Input","SAMPLE_URL","ref","CustomHeaders","JsonEditor","initialValue","SaveAsTemplate","Footer","ActionBlock","cancelButtonProps","onClick","submitButtonProps"],"mappings":"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"}

package/dist/cjs/index.js

@@ -20,12 +20,14 @@ require('../constants-CqiptWxr.js');
 require('i18next');
 require('@bigbinary/neeto-commons-frontend/constants');
 require('@bigbinary/neeto-molecules/MoreDropdown');
-require('../useTemplatesApi-DHrOrdXb.js');
+require('../useTemplatesApi-byHuEDTl.js');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/react-utils');
 require('axios');
 require('qs');
+require('../adaptive_input-Cd_EArae.js');
 require('zustand');
+require('../inject-css-B6qYtOJe.js');
 require('react/jsx-runtime');
 require('@bigbinary/neetoui/Pane');
 require('@bigbinary/neeto-editor/FormikEditor');
@@ -35,11 +37,9 @@ require('@bigbinary/neetoui/formik/ActionBlock');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('formik');
 require('@bigbinary/neetoui/formik/Textarea');
-require('../inject-css-vQvjPR2x.js');
 require('@bigbinary/neeto-molecules/PhoneNumber');
 require('yup');
 require('@babel/runtime/helpers/asyncToGenerator');
-require('@babel/runtime/regenerator');
 require('@babel/runtime/helpers/toConsumableArray');
 require('@bigbinary/neeto-filters-frontend/utils');
 require('@bigbinary/neeto-molecules/TableWrapper');
@@ -52,12 +52,13 @@ require('../utils-Cz5W3I3l.js');
 require('@bigbinary/neetoui/formik/Switch');
 require('@bigbinary/neetoui/Textarea');
 require('@bigbinary/neetoui/formik/Select');
-require('../JsonEditor-CGNPIMpX.js');
+require('../JsonEditor-DEKfDX8p.js');
 require('@bigbinary/neeto-icons/Delete');
 require('@monaco-editor/react');
 require('@bigbinary/neeto-icons/Help');
 require('@bigbinary/neeto-molecules/DynamicVariables');
 require('@bigbinary/neetoui/Label');
+require('../json_editor-CvRhtSA3.js');
 require('@bigbinary/neeto-molecules/HelpPopover');
 
 

package/dist/cjs/index.js.map

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

package/dist/cjs/v2/ApiTemplates.js

@@ -0,0 +1,461 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var react = require('react');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var neetoCist = require('@bigbinary/neeto-cist');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/v2/react-utils');
+var FiltersBar = require('@bigbinary/neeto-filters-frontend/Bar');
+var utils = require('@bigbinary/neeto-filters-frontend/utils');
+var Container = require('@bigbinary/neeto-molecules/v2/Container');
+var NeetoHeader = require('@bigbinary/neeto-molecules/v2/Header');
+var SubHeader = require('@bigbinary/neeto-molecules/v2/SubHeader');
+var TableWrapper = require('@bigbinary/neeto-molecules/v2/TableWrapper');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var useTemplatesApi = require('../../useTemplatesApi-byHuEDTl.js');
+var JsonEditor = require('../../JsonEditor-BMMyHPxh.js');
+var constants = require('../../constants-Cvnks2UE.js');
+var formik = require('@bigbinary/neeto-atoms/formik');
+var i18next = require('i18next');
+var MoreDropdown = require('@bigbinary/neeto-molecules/v2/MoreDropdown');
+var jsxRuntime = require('react/jsx-runtime');
+require('@tanstack/react-query');
+require('@bigbinary/neeto-commons-frontend/react-utils');
+require('axios');
+require('qs');
+require('yup');
+require('formik');
+require('@bigbinary/neeto-icons/Delete');
+require('@monaco-editor/react');
+require('@bigbinary/neeto-icons/Help');
+require('@bigbinary/neeto-molecules/v2/DynamicVariables');
+require('../../json_editor-CvRhtSA3.js');
+require('../../inject-css-B6qYtOJe.js');
+require('@bigbinary/neeto-commons-frontend/v2/constants');
+
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var buildApiTemplatePayload = function buildApiTemplatePayload(values, templateId) {
+  return {
+    entity: {
+      id: templateId,
+      endpoint: values.endpoint,
+      enableCustomHeaders: values.enableCustomHeaders,
+      customHeaders: JsonEditor.rejectEmptyKeyValuePairs(values.customHeaders || []),
+      body: values.body
+    },
+    templateType: JsonEditor.API_TEMPLATE_TYPE,
+    name: values.name
+  };
+};
+var buildTableColumnData = function buildTableColumnData(_ref) {
+  var handleMarkAsActiveOrInactive = _ref.handleMarkAsActiveOrInactive,
+    handleOpenDeleteAlert = _ref.handleOpenDeleteAlert,
+    handleOpenEditPane = _ref.handleOpenEditPane;
+  return [{
+    accessorKey: "name",
+    id: "name",
+    header: i18next.t("neetoMessageTemplate.template.name"),
+    size: 200,
+    cell: function cell(_ref2) {
+      var apiTemplate = _ref2.row.original;
+      return /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center justify-between gap-x-3",
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+          "data-testid": "api-template-name-link",
+          label: neetoCist.truncate(apiTemplate.name, 100),
+          variant: "link",
+          onClick: function onClick() {
+            return handleOpenEditPane(apiTemplate);
+          }
+        }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
+          dropdownButtonProps: {
+            "data-testid": "api-template-dropdown",
+            className: "me-1 my-1"
+          },
+          menuItems: [{
+            key: "edit",
+            label: i18next.t("neetoMessageTemplate.template.edit"),
+            "data-testid": "api-template-button-edit-button",
+            onClick: function onClick() {
+              return handleOpenEditPane(apiTemplate);
+            }
+          }, {
+            key: "status",
+            label: ramda.equals(apiTemplate.status, JsonEditor.TEMPLATE_STATUS.ACTIVE) ? i18next.t("neetoMessageTemplate.template.markAsInactive") : i18next.t("neetoMessageTemplate.template.markAsActive"),
+            "data-testid": "api-template-button-status-button",
+            onClick: function onClick() {
+              return handleMarkAsActiveOrInactive(apiTemplate);
+            }
+          }, {
+            key: "delete",
+            label: i18next.t("neetoMessageTemplate.template.delete"),
+            "data-testid": "api-template-button-delete-button",
+            onClick: function onClick() {
+              return handleOpenDeleteAlert(apiTemplate);
+            }
+          }]
+        })]
+      });
+    }
+  }, {
+    accessorKey: "status",
+    id: "status",
+    header: i18next.t("neetoMessageTemplate.template.active"),
+    cell: function cell(_ref3) {
+      var getValue = _ref3.getValue;
+      return getValue() === "active" ? i18next.t("neetoMessageTemplate.yes") : i18next.t("neetoMessageTemplate.no");
+    },
+    size: 180
+  }];
+};
+var buildApiTemplateInitialValues = function buildApiTemplateInitialValues(isEdit, apiTemplate, initialPayload) {
+  if (!isEdit) {
+    return ramda.assoc("body", initialPayload, JsonEditor.API_TEMPLATE_INITIAL_VALUES);
+  }
+  var customHeaders = ramda.isEmpty(apiTemplate.customHeaders) ? [JsonEditor.CUSTOM_HEADERS_INITIAL_VALUE] : apiTemplate.customHeaders;
+  return _objectSpread$1(_objectSpread$1({}, ramda.pick(["name", "endpoint", "body", "enableCustomHeaders"], apiTemplate)), {}, {
+    customHeaders: customHeaders
+  });
+};
+
+var Form = function Form(_ref) {
+  var setFocusField = _ref.setFocusField,
+    onClose = _ref.onClose,
+    ownerId = _ref.ownerId,
+    selectedApiTemplate = _ref.selectedApiTemplate,
+    onMutationSuccess = _ref.onMutationSuccess,
+    initialPayload = _ref.initialPayload,
+    templateVariables = _ref.templateVariables,
+    bodyHelpPopoverProps = _ref.bodyHelpPopoverProps,
+    customHeadersHelpPopoverProps = _ref.customHeadersHelpPopoverProps;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useCreateTemplate = useTemplatesApi.useCreateTemplate(ownerId),
+    createApiTemplate = _useCreateTemplate.mutate,
+    isCreating = _useCreateTemplate.isPending;
+  var _useUpdateTemplate = useTemplatesApi.useUpdateTemplate(ownerId),
+    updateApiTemplate = _useUpdateTemplate.mutate,
+    isUpdating = _useUpdateTemplate.isPending;
+  var isEdit = neetoCist.isNotEmpty(selectedApiTemplate);
+  var handleSubmit = function handleSubmit(values, _ref2) {
+    var setSubmitting = _ref2.setSubmitting;
+    var payload = buildApiTemplatePayload(values, selectedApiTemplate === null || selectedApiTemplate === void 0 ? void 0 : selectedApiTemplate.id);
+    var options = {
+      onSuccess: function onSuccess() {
+        onMutationSuccess.apply(void 0, arguments);
+        onClose();
+      },
+      onSettled: function onSettled() {
+        return setSubmitting(false);
+      }
+    };
+    if (isEdit) {
+      updateApiTemplate({
+        id: selectedApiTemplate.id,
+        payload: payload
+      }, options);
+      return;
+    }
+    createApiTemplate(payload, options);
+  };
+  var isMutating = isUpdating || isCreating;
+  var initialValues = react.useMemo(function () {
+    return buildApiTemplateInitialValues(isEdit, selectedApiTemplate, initialPayload);
+  }, [isEdit, selectedApiTemplate, initialPayload]);
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Title, {
+        children: isEdit ? t("neetoMessageTemplate.api.editApiTemplate") : t("neetoMessageTemplate.api.addApiTemplate")
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs(formik.Form, {
+      formikProps: {
+        initialValues: initialValues,
+        validationSchema: JsonEditor.API_TEMPLATE_FORM_VALIDATION_SCHEMA,
+        onSubmit: handleSubmit
+      },
+      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Body, {
+        children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "w-full space-y-5 mb-10",
+          children: [/*#__PURE__*/jsxRuntime.jsx(formik.Input, {
+            required: true,
+            label: t("neetoMessageTemplate.template.name"),
+            name: "name",
+            ref: setFocusField
+          }), /*#__PURE__*/jsxRuntime.jsx(formik.Input, {
+            required: true,
+            label: t("neetoMessageTemplate.api.endpoint"),
+            name: "endpoint",
+            placeholder: JsonEditor.SAMPLE_URL
+          }), /*#__PURE__*/jsxRuntime.jsx(JsonEditor.CustomHeaders, {
+            helpPopoverProps: customHeadersHelpPopoverProps
+          }), /*#__PURE__*/jsxRuntime.jsx(JsonEditor.JsonEditor, {
+            templateVariables: templateVariables,
+            helpPopoverProps: bodyHelpPopoverProps,
+            initialValue: initialValues.body,
+            name: "body"
+          })]
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Footer, {
+        children: /*#__PURE__*/jsxRuntime.jsx(formik.ActionBlock, {
+          cancelButtonProps: {
+            onClick: onClose
+          },
+          isSubmitting: isMutating
+        })
+      })]
+    })]
+  });
+};
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ApiTemplates = function ApiTemplates(_ref) {
+  var _apiTemplatesHelpPopo;
+  var ownerId = _ref.ownerId,
+    _ref$breadcrumbs = _ref.breadcrumbs,
+    breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs,
+    _ref$helpPopoverProps = _ref.helpPopoverProps,
+    helpPopoverProps = _ref$helpPopoverProps === void 0 ? {} : _ref$helpPopoverProps,
+    _ref$initialPayload = _ref.initialPayload,
+    initialPayload = _ref$initialPayload === void 0 ? {} : _ref$initialPayload,
+    _ref$templateVariable = _ref.templateVariables,
+    templateVariables = _ref$templateVariable === void 0 ? [] : _ref$templateVariable,
+    _ref$onMutationSucces = _ref.onMutationSuccess,
+    onMutationSuccess = _ref$onMutationSucces === void 0 ? neetoCist.noop : _ref$onMutationSucces;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useState = react.useState(constants.DEFAULT_PAGE_PROPERTIES),
+    _useState2 = _slicedToArray(_useState, 2),
+    pageParams = _useState2[0],
+    setPageParams = _useState2[1];
+  var _useState3 = react.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isFiltersPaneOpen = _useState4[0],
+    setIsFiltersPaneOpen = _useState4[1];
+  var _useState5 = react.useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isFormPaneOpen = _useState6[0],
+    setIsFormPaneOpen = _useState6[1];
+  var _useState7 = react.useState({}),
+    _useState8 = _slicedToArray(_useState7, 2),
+    selectedApiTemplate = _useState8[0],
+    setSelectedApiTemplate = _useState8[1];
+  var _useState9 = react.useState(false),
+    _useState0 = _slicedToArray(_useState9, 2),
+    isDeleteAlertOpen = _useState0[0],
+    setIsDeleteAlertOpen = _useState0[1];
+  var setFocusField = react.useRef(null);
+  var _useQueryParams = reactUtils.useQueryParams(),
+    _useQueryParams$searc = _useQueryParams.searchTerm,
+    searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
+  var searchKeywordProps = {
+    key: "search_term",
+    node: "name",
+    value: searchTerm
+  };
+  var _useState1 = react.useState(function () {
+      return utils.buildFiltersFromURL([].concat(_toConsumableArray(JsonEditor.FILTER_COLUMNS), [searchKeywordProps]));
+    }),
+    _useState10 = _slicedToArray(_useState1, 2),
+    filters = _useState10[0],
+    setFilters = _useState10[1];
+  var _useFetchTemplates = useTemplatesApi.useFetchTemplates({
+      filters: filters,
+      page: pageParams.index,
+      pageSize: pageParams.size,
+      templateType: JsonEditor.API_TEMPLATE_TYPE,
+      ownerId: ramda.isEmpty(ownerId) ? undefined : ownerId
+    }),
+    _useFetchTemplates$da = _useFetchTemplates.data,
+    _useFetchTemplates$da2 = _useFetchTemplates$da === void 0 ? {} : _useFetchTemplates$da,
+    templates = _useFetchTemplates$da2.templates,
+    totalCount = _useFetchTemplates$da2.totalCount,
+    isLoading = _useFetchTemplates.isLoading,
+    isFetching = _useFetchTemplates.isFetching;
+  var title = t("neetoMessageTemplate.template.apiTemplates");
+  var isFilterApplied = neetoCist.isNotEmpty(filters);
+  var handleFiltersChange = function handleFiltersChange(filters) {
+    setFilters(filters);
+    setPageParams(constants.DEFAULT_PAGE_PROPERTIES);
+  };
+  var _useDeleteTemplate = useTemplatesApi.useDeleteTemplate(ownerId),
+    deleteTemplate = _useDeleteTemplate.mutate,
+    isDeleting = _useDeleteTemplate.isPending;
+  var _useUpdateTemplate = useTemplatesApi.useUpdateTemplate(ownerId),
+    updateTemplate = _useUpdateTemplate.mutate;
+  var handleOpenEditPane = function handleOpenEditPane(apiTemplate) {
+    setSelectedApiTemplate(apiTemplate);
+    setIsFormPaneOpen(true);
+  };
+  var handleOpenDeleteAlert = function handleOpenDeleteAlert(apiTemplate) {
+    setSelectedApiTemplate(apiTemplate);
+    setIsDeleteAlertOpen(true);
+  };
+  var handleCloseDeleteAlertAndFormPane = function handleCloseDeleteAlertAndFormPane() {
+    setIsDeleteAlertOpen(false);
+    setIsFormPaneOpen(false);
+    setSelectedApiTemplate({});
+  };
+  var handleMarkAsActiveOrInactive = function handleMarkAsActiveOrInactive(_ref2) {
+    var status = _ref2.status,
+      id = _ref2.id;
+    var newStatus = ramda.equals(status, JsonEditor.TEMPLATE_STATUS.ACTIVE) ? JsonEditor.TEMPLATE_STATUS.INACTIVE : JsonEditor.TEMPLATE_STATUS.ACTIVE;
+    updateTemplate({
+      payload: {
+        status: newStatus,
+        templateType: JsonEditor.API_TEMPLATE_TYPE
+      },
+      id: id
+    }, {
+      onSuccess: onMutationSuccess
+    });
+  };
+  var handleDeleteApiTemplate = function handleDeleteApiTemplate() {
+    return deleteTemplate(selectedApiTemplate.id, {
+      onSuccess: function onSuccess() {
+        onMutationSuccess.apply(void 0, arguments);
+        handleCloseDeleteAlertAndFormPane();
+      }
+    });
+  };
+  var _buildHelpPopoverProp = JsonEditor.buildHelpPopoverProps(helpPopoverProps),
+    apiTemplatesHelpPopoverProps = _buildHelpPopoverProp.apiTemplates,
+    customHeadersHelpPopoverProps = _buildHelpPopoverProp.customHeaders,
+    bodyHelpPopoverProps = _buildHelpPopoverProp.body;
+  var helpDocUrl = (apiTemplatesHelpPopoverProps === null || apiTemplatesHelpPopoverProps === void 0 || (_apiTemplatesHelpPopo = apiTemplatesHelpPopoverProps.helpLinkProps) === null || _apiTemplatesHelpPopo === void 0 ? void 0 : _apiTemplatesHelpPopo.href) || "";
+  var noDataProps = _objectSpread(_objectSpread({}, !isFilterApplied && {
+    primaryButtonProps: {
+      label: t("neetoMessageTemplate.api.addApiTemplate"),
+      onClick: function onClick() {
+        return setIsFormPaneOpen(true);
+      }
+    },
+    helpText: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+      i18nKey: "neetoMessageTemplate.template.linkToHelpArticle",
+      values: {
+        entity: title
+      },
+      components: {
+        Link: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+          href: helpDocUrl,
+          target: "_blank",
+          variant: "link"
+        })
+      }
+    })
+  }), {}, {
+    title: isFilterApplied ? t("neetoMessageTemplate.template.filtersEmptyState", {
+      type: title
+    }) : t("neetoMessageTemplate.template.emptyState", {
+      type: title
+    })
+  });
+  var shouldShowTemplatesCount = !isLoading && (isFilterApplied || totalCount > 0);
+  return /*#__PURE__*/jsxRuntime.jsxs(Container, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(NeetoHeader, {
+      breadcrumbs: breadcrumbs,
+      title: title,
+      size: "small",
+      actionBlock: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+        "data-testid": "add-api-templates-button",
+        label: t("neetoMessageTemplate.api.addApiTemplate"),
+        onClick: function onClick() {
+          return setIsFormPaneOpen(true);
+        }
+      }),
+      searchProps: shouldShowTemplatesCount && {
+        placeholder: t("neetoMessageTemplate.template.searchApiTemplates"),
+        "data-testid": "api-templates-search-input"
+      },
+      titleHelpPopoverProps: apiTemplatesHelpPopoverProps && _objectSpread(_objectSpread({}, apiTemplatesHelpPopoverProps), {}, {
+        title: (apiTemplatesHelpPopoverProps === null || apiTemplatesHelpPopoverProps === void 0 ? void 0 : apiTemplatesHelpPopoverProps.title) || title
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(SubHeader, {
+      className: "mb-4",
+      leftActionBlock: shouldShowTemplatesCount && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+        as: "h4",
+        children: t("neetoMessageTemplate.template.messageTemplatesWithCount", {
+          type: t("messageType.api"),
+          count: totalCount
+        })
+      }),
+      rightActionBlock: /*#__PURE__*/jsxRuntime.jsx(SubHeader.RightBlock, {
+        dataProps: {
+          totalCount: isFilterApplied ? null : totalCount
+        },
+        filterProps: {
+          columns: JsonEditor.FILTER_COLUMNS,
+          isOpen: isFiltersPaneOpen,
+          keyword: searchKeywordProps,
+          setIsOpen: setIsFiltersPaneOpen,
+          onChange: handleFiltersChange
+        }
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(FiltersBar, {
+      columns: JsonEditor.FILTER_COLUMNS,
+      keyword: searchKeywordProps,
+      setIsPaneOpen: setIsFiltersPaneOpen,
+      onChange: handleFiltersChange
+    }), neetoCist.isNotEmpty(templates) ? /*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
+      hasPagination: totalCount > pageParams.size,
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DataTable, {
+        totalCount: totalCount,
+        currentPage: pageParams.index,
+        data: templates,
+        enableURLPagination: false,
+        loading: isLoading || isFetching,
+        pageSize: pageParams.size,
+        columns: buildTableColumnData({
+          handleMarkAsActiveOrInactive: handleMarkAsActiveOrInactive,
+          handleOpenDeleteAlert: handleOpenDeleteAlert,
+          handleOpenEditPane: handleOpenEditPane
+        }),
+        onPageChange: function onPageChange(index) {
+          return setPageParams({
+            index: index,
+            size: pageParams.size
+          });
+        }
+      })
+    }) : /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Empty, _objectSpread({}, noDataProps))
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet, {
+      initialFocusRef: setFocusField,
+      isOpen: isFormPaneOpen,
+      size: "large",
+      onClose: handleCloseDeleteAlertAndFormPane,
+      children: /*#__PURE__*/jsxRuntime.jsx(Form, {
+        bodyHelpPopoverProps: bodyHelpPopoverProps,
+        customHeadersHelpPopoverProps: customHeadersHelpPopoverProps,
+        onMutationSuccess: onMutationSuccess,
+        ownerId: ownerId,
+        selectedApiTemplate: selectedApiTemplate,
+        setFocusField: setFocusField,
+        templateVariables: templateVariables,
+        initialPayload: JSON.stringify(initialPayload, null, 2),
+        onClose: handleCloseDeleteAlertAndFormPane
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Alert, {
+      isOpen: isDeleteAlertOpen,
+      isSubmitting: isDeleting,
+      submitButtonLabel: t("neetoMessageTemplate.template.delete"),
+      title: t("neetoMessageTemplate.api.deleteApiTemplate"),
+      message: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+        i18nKey: "neetoMessageTemplate.template.templateDeleteConfirmation",
+        values: {
+          name: selectedApiTemplate.name
+        }
+      }),
+      onClose: handleCloseDeleteAlertAndFormPane,
+      onSubmit: handleDeleteApiTemplate
+    })]
+  });
+};
+
+module.exports = ApiTemplates;
+//# sourceMappingURL=ApiTemplates.js.map