@bigbinary/neeto-message-templates-frontend 2.0.10 → 2.0.11

package/dist/.ready

@@ -1 +1 @@
-Built at 2026-07-21T11:24:10.974Z
+Built at 2026-08-04T16:48:41.428Z

package/dist/cjs/v2/ApiTemplates.js

@@ -5,6 +5,7 @@ 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 lucideReact = require('lucide-react');
 var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/v2/react-utils');
 var FiltersBar = require('@bigbinary/neeto-filters-frontend/v2/Bar');
@@ -12,7 +13,6 @@ var utils = require('@bigbinary/neeto-filters-frontend/v2/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');
@@ -63,18 +63,24 @@ var buildTableColumnData = function buildTableColumnData(_ref) {
     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);
-          }
+        className: "flex min-w-0 items-center justify-between gap-x-3",
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "min-w-0 flex-1",
+          children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+            className: "max-w-full text-start [&>span]:block [&>span]:min-w-0 [&>span]:truncate",
+            "data-testid": "api-template-name-link",
+            label: neetoCist.truncate(apiTemplate.name, 100),
+            tooltipProps: {
+              content: apiTemplate.name
+            },
+            variant: "link",
+            onClick: function onClick() {
+              return handleOpenEditPane(apiTemplate);
+            }
+          })
         }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
           dropdownButtonProps: {
-            "data-testid": "api-template-dropdown",
-            className: "me-1 my-1"
+            "data-testid": "api-template-dropdown"
           },
           menuItems: [{
             key: "edit",
@@ -172,6 +178,9 @@ var Form = function Form(_ref) {
         children: isEdit ? t("neetoMessageTemplate.api.editApiTemplate") : t("neetoMessageTemplate.api.addApiTemplate")
       })
     }), /*#__PURE__*/jsxRuntime.jsxs(formik.Form, {
+      formProps: {
+        className: "flex min-h-0 flex-1 flex-col"
+      },
       formikProps: {
         initialValues: initialValues,
         validationSchema: JsonEditor.API_TEMPLATE_FORM_VALIDATION_SCHEMA,
@@ -348,6 +357,7 @@ var ApiTemplates = function ApiTemplates(_ref) {
       }
     })
   }), {}, {
+    icon: lucideReact.Webhook,
     title: isFilterApplied ? t("neetoMessageTemplate.template.filtersEmptyState", {
       type: title
     }) : t("neetoMessageTemplate.template.emptyState", {
@@ -356,6 +366,7 @@ var ApiTemplates = function ApiTemplates(_ref) {
   });
   var shouldShowTemplatesCount = !isLoading && (isFilterApplied || totalCount > 0);
   return /*#__PURE__*/jsxRuntime.jsxs(Container, {
+    className: "pb-10",
     children: [/*#__PURE__*/jsxRuntime.jsx(NeetoHeader, {
       breadcrumbs: breadcrumbs,
       title: title,
@@ -377,7 +388,7 @@ var ApiTemplates = function ApiTemplates(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsx(SubHeader, {
       className: "mb-4",
       leftActionBlock: shouldShowTemplatesCount && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-        as: "h4",
+        variant: "h6",
         children: t("neetoMessageTemplate.template.messageTemplatesWithCount", {
           type: t("messageType.api"),
           count: totalCount
@@ -400,27 +411,24 @@ var ApiTemplates = function ApiTemplates(_ref) {
       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
-          });
-        }
-      })
+    }), neetoCist.isNotEmpty(templates) ? /*#__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))

package/dist/cjs/v2/ApiTemplates.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiTemplates.js","sources":["../../../app/javascript/src/v2/components/Api/ApiTemplates/utils.jsx","../../../app/javascript/src/v2/components/Api/ApiTemplates/Form.jsx","../../../app/javascript/src/v2/components/Api/ApiTemplates/index.jsx"],"sourcesContent":["import { Button } from \"@bigbinary/neeto-atoms\";\nimport { t } from \"i18next\";\nimport { truncate } from \"neetocist\";\nimport MoreDropdown from \"neetomolecules/v2/MoreDropdown\";\nimport { assoc, equals, isEmpty, pick } from \"ramda\";\n\nimport {\n  CUSTOM_HEADERS_INITIAL_VALUE,\n  API_TEMPLATE_TYPE,\n} from \"v2/components/Api/constants\";\nimport { rejectEmptyKeyValuePairs } from \"v2/components/Api/utils\";\n\nimport { API_TEMPLATE_INITIAL_VALUES, TEMPLATE_STATUS } from \"./constants\";\n\nexport const buildApiTemplatePayload = (values, templateId) => ({\n  entity: {\n    id: templateId,\n    endpoint: values.endpoint,\n    enableCustomHeaders: values.enableCustomHeaders,\n    customHeaders: rejectEmptyKeyValuePairs(values.customHeaders || []),\n    body: values.body,\n  },\n  templateType: API_TEMPLATE_TYPE,\n  name: values.name,\n});\n\nexport const buildTableColumnData = ({\n  handleMarkAsActiveOrInactive,\n  handleOpenDeleteAlert,\n  handleOpenEditPane,\n}) => [\n  {\n    accessorKey: \"name\",\n    id: \"name\",\n    header: t(\"neetoMessageTemplate.template.name\"),\n    size: 200,\n    cell: ({ row: { original: apiTemplate } }) => (\n      <div className=\"flex items-center justify-between gap-x-3\">\n        <Button\n          data-testid=\"api-template-name-link\"\n          label={truncate(apiTemplate.name, 100)}\n          variant=\"link\"\n          onClick={() => handleOpenEditPane(apiTemplate)}\n        />\n        <MoreDropdown\n          dropdownButtonProps={{\n            \"data-testid\": \"api-template-dropdown\",\n            className: \"me-1 my-1\",\n          }}\n          menuItems={[\n            {\n              key: \"edit\",\n              label: t(\"neetoMessageTemplate.template.edit\"),\n              \"data-testid\": \"api-template-button-edit-button\",\n              onClick: () => handleOpenEditPane(apiTemplate),\n            },\n            {\n              key: \"status\",\n              label: equals(apiTemplate.status, TEMPLATE_STATUS.ACTIVE)\n                ? t(\"neetoMessageTemplate.template.markAsInactive\")\n                : t(\"neetoMessageTemplate.template.markAsActive\"),\n              \"data-testid\": \"api-template-button-status-button\",\n              onClick: () => handleMarkAsActiveOrInactive(apiTemplate),\n            },\n            {\n              key: \"delete\",\n              label: t(\"neetoMessageTemplate.template.delete\"),\n              \"data-testid\": \"api-template-button-delete-button\",\n              onClick: () => handleOpenDeleteAlert(apiTemplate),\n            },\n          ]}\n        />\n      </div>\n    ),\n  },\n  {\n    accessorKey: \"status\",\n    id: \"status\",\n    header: t(\"neetoMessageTemplate.template.active\"),\n    cell: ({ getValue }) =>\n      getValue() === \"active\"\n        ? t(\"neetoMessageTemplate.yes\")\n        : t(\"neetoMessageTemplate.no\"),\n    size: 180,\n  },\n];\n\nexport const buildApiTemplateInitialValues = (\n  isEdit,\n  apiTemplate,\n  initialPayload\n) => {\n  if (!isEdit) {\n    return assoc(\"body\", initialPayload, API_TEMPLATE_INITIAL_VALUES);\n  }\n\n  const customHeaders = isEmpty(apiTemplate.customHeaders)\n    ? [CUSTOM_HEADERS_INITIAL_VALUE]\n    : apiTemplate.customHeaders;\n\n  return {\n    ...pick([\"name\", \"endpoint\", \"body\", \"enableCustomHeaders\"], apiTemplate),\n    customHeaders,\n  };\n};\n","import { useMemo } from \"react\";\n\nimport { Sheet } from \"@bigbinary/neeto-atoms\";\nimport {\n  ActionBlock,\n  Input,\n  Form as NeetoUIForm,\n} from \"@bigbinary/neeto-atoms/formik\";\nimport { isNotEmpty } from \"neetocist\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  useCreateTemplate,\n  useUpdateTemplate,\n} from \"hooks/reactQuery/useTemplatesApi\";\n\nimport { API_TEMPLATE_FORM_VALIDATION_SCHEMA, SAMPLE_URL } from \"./constants\";\nimport {\n  buildApiTemplateInitialValues,\n  buildApiTemplatePayload,\n} from \"./utils\";\n\nimport CustomHeaders from \"../CustomHeaders\";\nimport JsonEditor from \"../JsonEditor\";\n\nconst Form = ({\n  setFocusField,\n  onClose,\n  ownerId,\n  selectedApiTemplate,\n  onMutationSuccess,\n  initialPayload,\n  templateVariables,\n  bodyHelpPopoverProps,\n  customHeadersHelpPopoverProps,\n}) => {\n  const { t } = useTranslation();\n  const { mutate: createApiTemplate, isPending: isCreating } =\n    useCreateTemplate(ownerId);\n\n  const { mutate: updateApiTemplate, isPending: isUpdating } =\n    useUpdateTemplate(ownerId);\n\n  const isEdit = isNotEmpty(selectedApiTemplate);\n\n  const handleSubmit = (values, { setSubmitting }) => {\n    const payload = buildApiTemplatePayload(values, selectedApiTemplate?.id);\n    const options = {\n      onSuccess: (...args) => {\n        onMutationSuccess(...args);\n        onClose();\n      },\n      onSettled: () => setSubmitting(false),\n    };\n\n    if (isEdit) {\n      updateApiTemplate({ id: selectedApiTemplate.id, payload }, options);\n\n      return;\n    }\n\n    createApiTemplate(payload, options);\n  };\n\n  const isMutating = isUpdating || isCreating;\n\n  const initialValues = useMemo(\n    () =>\n      buildApiTemplateInitialValues(\n        isEdit,\n        selectedApiTemplate,\n        initialPayload\n      ),\n    [isEdit, selectedApiTemplate, initialPayload]\n  );\n\n  return (\n    <>\n      <Sheet.Header>\n        <Sheet.Title>\n          {isEdit\n            ? t(\"neetoMessageTemplate.api.editApiTemplate\")\n            : t(\"neetoMessageTemplate.api.addApiTemplate\")}\n        </Sheet.Title>\n      </Sheet.Header>\n      <NeetoUIForm\n        formikProps={{\n          initialValues,\n          validationSchema: API_TEMPLATE_FORM_VALIDATION_SCHEMA,\n          onSubmit: handleSubmit,\n        }}\n      >\n        <Sheet.Body>\n          <div className=\"w-full space-y-5 mb-10\">\n            <Input\n              required\n              label={t(\"neetoMessageTemplate.template.name\")}\n              name=\"name\"\n              ref={setFocusField}\n            />\n            <Input\n              required\n              label={t(\"neetoMessageTemplate.api.endpoint\")}\n              name=\"endpoint\"\n              placeholder={SAMPLE_URL}\n            />\n            <CustomHeaders helpPopoverProps={customHeadersHelpPopoverProps} />\n            <JsonEditor\n              {...{ templateVariables }}\n              helpPopoverProps={bodyHelpPopoverProps}\n              initialValue={initialValues.body}\n              name=\"body\"\n            />\n          </div>\n        </Sheet.Body>\n        <Sheet.Footer>\n          <ActionBlock\n            cancelButtonProps={{ onClick: onClose }}\n            isSubmitting={isMutating}\n          />\n        </Sheet.Footer>\n      </NeetoUIForm>\n    </>\n  );\n};\n\nexport default Form;\n","import { useRef, useState } from \"react\";\n\nimport {\n  Alert,\n  Button,\n  DataTable,\n  Empty,\n  Sheet,\n  Typography,\n} from \"@bigbinary/neeto-atoms\";\nimport { noop, isNotEmpty } from \"neetocist\";\nimport { useQueryParams } from \"neetocommons/v2/react-utils\";\nimport { Bar as FiltersBar, buildFiltersFromURL } from \"neetofilters/v2\";\nimport Container from \"neetomolecules/v2/Container\";\nimport Header from \"neetomolecules/v2/Header\";\nimport SubHeader from \"neetomolecules/v2/SubHeader\";\nimport TableWrapper from \"neetomolecules/v2/TableWrapper\";\nimport { equals, isEmpty } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport {\n  useDeleteTemplate,\n  useFetchTemplates,\n  useUpdateTemplate,\n} from \"hooks/reactQuery/useTemplatesApi\";\nimport { API_TEMPLATE_TYPE } from \"v2/components/Api/constants\";\nimport { DEFAULT_PAGE_PROPERTIES } from \"v2/components/constants\";\n\nimport { FILTER_COLUMNS, TEMPLATE_STATUS } from \"./constants\";\nimport Form from \"./Form\";\nimport { buildTableColumnData } from \"./utils\";\n\nimport { buildHelpPopoverProps } from \"../utils\";\n\nconst ApiTemplates = ({\n  ownerId,\n  breadcrumbs = [],\n  helpPopoverProps = {},\n  initialPayload = {},\n  templateVariables = [],\n  onMutationSuccess = noop,\n}) => {\n  const { t } = useTranslation();\n\n  const [pageParams, setPageParams] = useState(DEFAULT_PAGE_PROPERTIES);\n  const [isFiltersPaneOpen, setIsFiltersPaneOpen] = useState(false);\n  const [isFormPaneOpen, setIsFormPaneOpen] = useState(false);\n  const [selectedApiTemplate, setSelectedApiTemplate] = useState({});\n  const [isDeleteAlertOpen, setIsDeleteAlertOpen] = useState(false);\n\n  const setFocusField = useRef(null);\n\n  const { searchTerm = \"\" } = useQueryParams();\n\n  const searchKeywordProps = {\n    key: \"search_term\",\n    node: \"name\",\n    value: searchTerm,\n  };\n\n  const [filters, setFilters] = useState(() =>\n    buildFiltersFromURL([...FILTER_COLUMNS, searchKeywordProps])\n  );\n\n  const {\n    data: { templates, totalCount } = {},\n    isLoading,\n    isFetching,\n  } = useFetchTemplates({\n    filters,\n    page: pageParams.index,\n    pageSize: pageParams.size,\n    templateType: API_TEMPLATE_TYPE,\n    ownerId: isEmpty(ownerId) ? undefined : ownerId,\n  });\n\n  const title = t(\"neetoMessageTemplate.template.apiTemplates\");\n\n  const isFilterApplied = isNotEmpty(filters);\n\n  const handleFiltersChange = filters => {\n    setFilters(filters);\n    setPageParams(DEFAULT_PAGE_PROPERTIES);\n  };\n\n  const { mutate: deleteTemplate, isPending: isDeleting } =\n    useDeleteTemplate(ownerId);\n  const { mutate: updateTemplate } = useUpdateTemplate(ownerId);\n\n  const handleOpenEditPane = apiTemplate => {\n    setSelectedApiTemplate(apiTemplate);\n    setIsFormPaneOpen(true);\n  };\n\n  const handleOpenDeleteAlert = apiTemplate => {\n    setSelectedApiTemplate(apiTemplate);\n    setIsDeleteAlertOpen(true);\n  };\n\n  const handleCloseDeleteAlertAndFormPane = () => {\n    setIsDeleteAlertOpen(false);\n    setIsFormPaneOpen(false);\n    setSelectedApiTemplate({});\n  };\n\n  const handleMarkAsActiveOrInactive = ({ status, id }) => {\n    const newStatus = equals(status, TEMPLATE_STATUS.ACTIVE)\n      ? TEMPLATE_STATUS.INACTIVE\n      : TEMPLATE_STATUS.ACTIVE;\n\n    updateTemplate(\n      {\n        payload: { status: newStatus, templateType: API_TEMPLATE_TYPE },\n        id,\n      },\n      { onSuccess: onMutationSuccess }\n    );\n  };\n\n  const handleDeleteApiTemplate = () =>\n    deleteTemplate(selectedApiTemplate.id, {\n      onSuccess: (...args) => {\n        onMutationSuccess(...args);\n        handleCloseDeleteAlertAndFormPane();\n      },\n    });\n\n  const {\n    apiTemplates: apiTemplatesHelpPopoverProps,\n    customHeaders: customHeadersHelpPopoverProps,\n    body: bodyHelpPopoverProps,\n  } = buildHelpPopoverProps(helpPopoverProps);\n\n  const helpDocUrl = apiTemplatesHelpPopoverProps?.helpLinkProps?.href || \"\";\n\n  const noDataProps = {\n    ...(!isFilterApplied && {\n      primaryButtonProps: {\n        label: t(\"neetoMessageTemplate.api.addApiTemplate\"),\n        onClick: () => setIsFormPaneOpen(true),\n      },\n      helpText: (\n        <Trans\n          i18nKey=\"neetoMessageTemplate.template.linkToHelpArticle\"\n          values={{ entity: title }}\n          components={{\n            Link: <Button href={helpDocUrl} target=\"_blank\" variant=\"link\" />,\n          }}\n        />\n      ),\n    }),\n    title: isFilterApplied\n      ? t(\"neetoMessageTemplate.template.filtersEmptyState\", { type: title })\n      : t(\"neetoMessageTemplate.template.emptyState\", { type: title }),\n  };\n\n  const shouldShowTemplatesCount =\n    !isLoading && (isFilterApplied || totalCount > 0);\n\n  return (\n    <Container>\n      <Header\n        {...{ breadcrumbs, title }}\n        size=\"small\"\n        actionBlock={\n          <Button\n            data-testid=\"add-api-templates-button\"\n            label={t(\"neetoMessageTemplate.api.addApiTemplate\")}\n            onClick={() => setIsFormPaneOpen(true)}\n          />\n        }\n        searchProps={\n          shouldShowTemplatesCount && {\n            placeholder: t(\"neetoMessageTemplate.template.searchApiTemplates\"),\n            \"data-testid\": \"api-templates-search-input\",\n          }\n        }\n        titleHelpPopoverProps={\n          apiTemplatesHelpPopoverProps && {\n            ...apiTemplatesHelpPopoverProps,\n            title: apiTemplatesHelpPopoverProps?.title || title,\n          }\n        }\n      />\n      <SubHeader\n        className=\"mb-4\"\n        leftActionBlock={\n          shouldShowTemplatesCount && (\n            <Typography as=\"h4\">\n              {t(\"neetoMessageTemplate.template.messageTemplatesWithCount\", {\n                type: t(\"messageType.api\"),\n                count: totalCount,\n              })}\n            </Typography>\n          )\n        }\n        rightActionBlock={\n          <SubHeader.RightBlock\n            dataProps={{ totalCount: isFilterApplied ? null : totalCount }}\n            filterProps={{\n              columns: FILTER_COLUMNS,\n              isOpen: isFiltersPaneOpen,\n              keyword: searchKeywordProps,\n              setIsOpen: setIsFiltersPaneOpen,\n              onChange: handleFiltersChange,\n            }}\n          />\n        }\n      />\n      <FiltersBar\n        columns={FILTER_COLUMNS}\n        keyword={searchKeywordProps}\n        setIsPaneOpen={setIsFiltersPaneOpen}\n        onChange={handleFiltersChange}\n      />\n      {isNotEmpty(templates) ? (\n        <TableWrapper hasPagination={totalCount > pageParams.size}>\n          <DataTable\n            {...{ totalCount }}\n            currentPage={pageParams.index}\n            data={templates}\n            enableURLPagination={false}\n            loading={isLoading || isFetching}\n            pageSize={pageParams.size}\n            columns={buildTableColumnData({\n              handleMarkAsActiveOrInactive,\n              handleOpenDeleteAlert,\n              handleOpenEditPane,\n            })}\n            onPageChange={index =>\n              setPageParams({ index, size: pageParams.size })\n            }\n          />\n        </TableWrapper>\n      ) : (\n        <div className=\"flex h-full w-full items-center justify-center\">\n          <Empty {...noDataProps} />\n        </div>\n      )}\n      <Sheet\n        initialFocusRef={setFocusField}\n        isOpen={isFormPaneOpen}\n        size=\"large\"\n        onClose={handleCloseDeleteAlertAndFormPane}\n      >\n        <Form\n          {...{\n            bodyHelpPopoverProps,\n            customHeadersHelpPopoverProps,\n            onMutationSuccess,\n            ownerId,\n            selectedApiTemplate,\n            setFocusField,\n            templateVariables,\n          }}\n          initialPayload={JSON.stringify(initialPayload, null, 2)}\n          onClose={handleCloseDeleteAlertAndFormPane}\n        />\n      </Sheet>\n      <Alert\n        isOpen={isDeleteAlertOpen}\n        isSubmitting={isDeleting}\n        submitButtonLabel={t(\"neetoMessageTemplate.template.delete\")}\n        title={t(\"neetoMessageTemplate.api.deleteApiTemplate\")}\n        message={\n          <Trans\n            i18nKey=\"neetoMessageTemplate.template.templateDeleteConfirmation\"\n            values={{ name: selectedApiTemplate.name }}\n          />\n        }\n        onClose={handleCloseDeleteAlertAndFormPane}\n        onSubmit={handleDeleteApiTemplate}\n      />\n    </Container>\n  );\n};\n\nexport default ApiTemplates;\n"],"names":["buildApiTemplatePayload","values","templateId","entity","id","endpoint","enableCustomHeaders","customHeaders","rejectEmptyKeyValuePairs","body","templateType","API_TEMPLATE_TYPE","name","buildTableColumnData","_ref","handleMarkAsActiveOrInactive","handleOpenDeleteAlert","handleOpenEditPane","accessorKey","header","t","size","cell","_ref2","apiTemplate","row","original","_jsxs","className","children","_jsx","Button","label","truncate","variant","onClick","MoreDropdown","dropdownButtonProps","menuItems","key","equals","status","TEMPLATE_STATUS","ACTIVE","_ref3","getValue","buildApiTemplateInitialValues","isEdit","initialPayload","assoc","API_TEMPLATE_INITIAL_VALUES","isEmpty","CUSTOM_HEADERS_INITIAL_VALUE","_objectSpread","pick","Form","setFocusField","onClose","ownerId","selectedApiTemplate","onMutationSuccess","templateVariables","bodyHelpPopoverProps","customHeadersHelpPopoverProps","_useTranslation","useTranslation","_useCreateTemplate","useCreateTemplate","createApiTemplate","mutate","isCreating","isPending","_useUpdateTemplate","useUpdateTemplate","updateApiTemplate","isUpdating","isNotEmpty","handleSubmit","setSubmitting","payload","options","onSuccess","apply","arguments","onSettled","isMutating","initialValues","useMemo","_Fragment","Sheet","Header","Title","NeetoUIForm","formikProps","validationSchema","API_TEMPLATE_FORM_VALIDATION_SCHEMA","onSubmit","Body","Input","required","ref","placeholder","SAMPLE_URL","CustomHeaders","helpPopoverProps","JsonEditor","initialValue","Footer","ActionBlock","cancelButtonProps","isSubmitting","ApiTemplates","_apiTemplatesHelpPopo","_ref$breadcrumbs","breadcrumbs","_ref$helpPopoverProps","_ref$initialPayload","_ref$templateVariable","_ref$onMutationSucces","noop","_useState","useState","DEFAULT_PAGE_PROPERTIES","_useState2","_slicedToArray","pageParams","setPageParams","_useState3","_useState4","isFiltersPaneOpen","setIsFiltersPaneOpen","_useState5","_useState6","isFormPaneOpen","setIsFormPaneOpen","_useState7","_useState8","setSelectedApiTemplate","_useState9","_useState0","isDeleteAlertOpen","setIsDeleteAlertOpen","useRef","_useQueryParams","useQueryParams","_useQueryParams$searc","searchTerm","searchKeywordProps","node","value","_useState1","buildFiltersFromURL","concat","_toConsumableArray","FILTER_COLUMNS","_useState10","filters","setFilters","_useFetchTemplates","useFetchTemplates","page","index","pageSize","undefined","_useFetchTemplates$da","data","_useFetchTemplates$da2","templates","totalCount","isLoading","isFetching","title","isFilterApplied","handleFiltersChange","_useDeleteTemplate","useDeleteTemplate","deleteTemplate","isDeleting","updateTemplate","handleCloseDeleteAlertAndFormPane","newStatus","INACTIVE","handleDeleteApiTemplate","_buildHelpPopoverProp","buildHelpPopoverProps","apiTemplatesHelpPopoverProps","apiTemplates","helpDocUrl","helpLinkProps","href","noDataProps","primaryButtonProps","helpText","Trans","i18nKey","components","Link","target","type","shouldShowTemplatesCount","Container","actionBlock","searchProps","titleHelpPopoverProps","SubHeader","leftActionBlock","Typography","as","count","rightActionBlock","RightBlock","dataProps","filterProps","columns","isOpen","keyword","setIsOpen","onChange","FiltersBar","setIsPaneOpen","TableWrapper","hasPagination","DataTable","currentPage","enableURLPagination","loading","onPageChange","Empty","initialFocusRef","JSON","stringify","Alert","submitButtonLabel","message"],"mappings":"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"}
+{"version":3,"file":"ApiTemplates.js","sources":["../../../app/javascript/src/v2/components/Api/ApiTemplates/utils.jsx","../../../app/javascript/src/v2/components/Api/ApiTemplates/Form.jsx","../../../app/javascript/src/v2/components/Api/ApiTemplates/index.jsx"],"sourcesContent":["import { Button } from \"@bigbinary/neeto-atoms\";\nimport { t } from \"i18next\";\nimport { truncate } from \"neetocist\";\nimport MoreDropdown from \"neetomolecules/v2/MoreDropdown\";\nimport { assoc, equals, isEmpty, pick } from \"ramda\";\n\nimport {\n  CUSTOM_HEADERS_INITIAL_VALUE,\n  API_TEMPLATE_TYPE,\n} from \"v2/components/Api/constants\";\nimport { rejectEmptyKeyValuePairs } from \"v2/components/Api/utils\";\n\nimport { API_TEMPLATE_INITIAL_VALUES, TEMPLATE_STATUS } from \"./constants\";\n\nexport const buildApiTemplatePayload = (values, templateId) => ({\n  entity: {\n    id: templateId,\n    endpoint: values.endpoint,\n    enableCustomHeaders: values.enableCustomHeaders,\n    customHeaders: rejectEmptyKeyValuePairs(values.customHeaders || []),\n    body: values.body,\n  },\n  templateType: API_TEMPLATE_TYPE,\n  name: values.name,\n});\n\nexport const buildTableColumnData = ({\n  handleMarkAsActiveOrInactive,\n  handleOpenDeleteAlert,\n  handleOpenEditPane,\n}) => [\n  {\n    accessorKey: \"name\",\n    id: \"name\",\n    header: t(\"neetoMessageTemplate.template.name\"),\n    size: 200,\n    cell: ({ row: { original: apiTemplate } }) => (\n      <div className=\"flex min-w-0 items-center justify-between gap-x-3\">\n        <div className=\"min-w-0 flex-1\">\n          <Button\n            className=\"max-w-full text-start [&>span]:block [&>span]:min-w-0 [&>span]:truncate\"\n            data-testid=\"api-template-name-link\"\n            label={truncate(apiTemplate.name, 100)}\n            tooltipProps={{ content: apiTemplate.name }}\n            variant=\"link\"\n            onClick={() => handleOpenEditPane(apiTemplate)}\n          />\n        </div>\n        <MoreDropdown\n          dropdownButtonProps={{\n            \"data-testid\": \"api-template-dropdown\",\n          }}\n          menuItems={[\n            {\n              key: \"edit\",\n              label: t(\"neetoMessageTemplate.template.edit\"),\n              \"data-testid\": \"api-template-button-edit-button\",\n              onClick: () => handleOpenEditPane(apiTemplate),\n            },\n            {\n              key: \"status\",\n              label: equals(apiTemplate.status, TEMPLATE_STATUS.ACTIVE)\n                ? t(\"neetoMessageTemplate.template.markAsInactive\")\n                : t(\"neetoMessageTemplate.template.markAsActive\"),\n              \"data-testid\": \"api-template-button-status-button\",\n              onClick: () => handleMarkAsActiveOrInactive(apiTemplate),\n            },\n            {\n              key: \"delete\",\n              label: t(\"neetoMessageTemplate.template.delete\"),\n              \"data-testid\": \"api-template-button-delete-button\",\n              onClick: () => handleOpenDeleteAlert(apiTemplate),\n            },\n          ]}\n        />\n      </div>\n    ),\n  },\n  {\n    accessorKey: \"status\",\n    id: \"status\",\n    header: t(\"neetoMessageTemplate.template.active\"),\n    cell: ({ getValue }) =>\n      getValue() === \"active\"\n        ? t(\"neetoMessageTemplate.yes\")\n        : t(\"neetoMessageTemplate.no\"),\n    size: 180,\n  },\n];\n\nexport const buildApiTemplateInitialValues = (\n  isEdit,\n  apiTemplate,\n  initialPayload\n) => {\n  if (!isEdit) {\n    return assoc(\"body\", initialPayload, API_TEMPLATE_INITIAL_VALUES);\n  }\n\n  const customHeaders = isEmpty(apiTemplate.customHeaders)\n    ? [CUSTOM_HEADERS_INITIAL_VALUE]\n    : apiTemplate.customHeaders;\n\n  return {\n    ...pick([\"name\", \"endpoint\", \"body\", \"enableCustomHeaders\"], apiTemplate),\n    customHeaders,\n  };\n};\n","import { useMemo } from \"react\";\n\nimport { Sheet } from \"@bigbinary/neeto-atoms\";\nimport {\n  ActionBlock,\n  Input,\n  Form as NeetoUIForm,\n} from \"@bigbinary/neeto-atoms/formik\";\nimport { isNotEmpty } from \"neetocist\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  useCreateTemplate,\n  useUpdateTemplate,\n} from \"hooks/reactQuery/useTemplatesApi\";\n\nimport { API_TEMPLATE_FORM_VALIDATION_SCHEMA, SAMPLE_URL } from \"./constants\";\nimport {\n  buildApiTemplateInitialValues,\n  buildApiTemplatePayload,\n} from \"./utils\";\n\nimport CustomHeaders from \"../CustomHeaders\";\nimport JsonEditor from \"../JsonEditor\";\n\nconst Form = ({\n  setFocusField,\n  onClose,\n  ownerId,\n  selectedApiTemplate,\n  onMutationSuccess,\n  initialPayload,\n  templateVariables,\n  bodyHelpPopoverProps,\n  customHeadersHelpPopoverProps,\n}) => {\n  const { t } = useTranslation();\n  const { mutate: createApiTemplate, isPending: isCreating } =\n    useCreateTemplate(ownerId);\n\n  const { mutate: updateApiTemplate, isPending: isUpdating } =\n    useUpdateTemplate(ownerId);\n\n  const isEdit = isNotEmpty(selectedApiTemplate);\n\n  const handleSubmit = (values, { setSubmitting }) => {\n    const payload = buildApiTemplatePayload(values, selectedApiTemplate?.id);\n    const options = {\n      onSuccess: (...args) => {\n        onMutationSuccess(...args);\n        onClose();\n      },\n      onSettled: () => setSubmitting(false),\n    };\n\n    if (isEdit) {\n      updateApiTemplate({ id: selectedApiTemplate.id, payload }, options);\n\n      return;\n    }\n\n    createApiTemplate(payload, options);\n  };\n\n  const isMutating = isUpdating || isCreating;\n\n  const initialValues = useMemo(\n    () =>\n      buildApiTemplateInitialValues(\n        isEdit,\n        selectedApiTemplate,\n        initialPayload\n      ),\n    [isEdit, selectedApiTemplate, initialPayload]\n  );\n\n  return (\n    <>\n      <Sheet.Header>\n        <Sheet.Title>\n          {isEdit\n            ? t(\"neetoMessageTemplate.api.editApiTemplate\")\n            : t(\"neetoMessageTemplate.api.addApiTemplate\")}\n        </Sheet.Title>\n      </Sheet.Header>\n      <NeetoUIForm\n        formProps={{ className: \"flex min-h-0 flex-1 flex-col\" }}\n        formikProps={{\n          initialValues,\n          validationSchema: API_TEMPLATE_FORM_VALIDATION_SCHEMA,\n          onSubmit: handleSubmit,\n        }}\n      >\n        <Sheet.Body>\n          <div className=\"w-full space-y-5 mb-10\">\n            <Input\n              required\n              label={t(\"neetoMessageTemplate.template.name\")}\n              name=\"name\"\n              ref={setFocusField}\n            />\n            <Input\n              required\n              label={t(\"neetoMessageTemplate.api.endpoint\")}\n              name=\"endpoint\"\n              placeholder={SAMPLE_URL}\n            />\n            <CustomHeaders helpPopoverProps={customHeadersHelpPopoverProps} />\n            <JsonEditor\n              {...{ templateVariables }}\n              helpPopoverProps={bodyHelpPopoverProps}\n              initialValue={initialValues.body}\n              name=\"body\"\n            />\n          </div>\n        </Sheet.Body>\n        <Sheet.Footer>\n          <ActionBlock\n            cancelButtonProps={{ onClick: onClose }}\n            isSubmitting={isMutating}\n          />\n        </Sheet.Footer>\n      </NeetoUIForm>\n    </>\n  );\n};\n\nexport default Form;\n","import { useRef, useState } from \"react\";\n\nimport {\n  Alert,\n  Button,\n  DataTable,\n  Empty,\n  Sheet,\n  Typography,\n} from \"@bigbinary/neeto-atoms\";\nimport { Webhook } from \"lucide-react\";\nimport { noop, isNotEmpty } from \"neetocist\";\nimport { useQueryParams } from \"neetocommons/v2/react-utils\";\nimport { Bar as FiltersBar, buildFiltersFromURL } from \"neetofilters/v2\";\nimport Container from \"neetomolecules/v2/Container\";\nimport Header from \"neetomolecules/v2/Header\";\nimport SubHeader from \"neetomolecules/v2/SubHeader\";\nimport { equals, isEmpty } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport {\n  useDeleteTemplate,\n  useFetchTemplates,\n  useUpdateTemplate,\n} from \"hooks/reactQuery/useTemplatesApi\";\nimport { API_TEMPLATE_TYPE } from \"v2/components/Api/constants\";\nimport { DEFAULT_PAGE_PROPERTIES } from \"v2/components/constants\";\n\nimport { FILTER_COLUMNS, TEMPLATE_STATUS } from \"./constants\";\nimport Form from \"./Form\";\nimport { buildTableColumnData } from \"./utils\";\n\nimport { buildHelpPopoverProps } from \"../utils\";\n\nconst ApiTemplates = ({\n  ownerId,\n  breadcrumbs = [],\n  helpPopoverProps = {},\n  initialPayload = {},\n  templateVariables = [],\n  onMutationSuccess = noop,\n}) => {\n  const { t } = useTranslation();\n\n  const [pageParams, setPageParams] = useState(DEFAULT_PAGE_PROPERTIES);\n  const [isFiltersPaneOpen, setIsFiltersPaneOpen] = useState(false);\n  const [isFormPaneOpen, setIsFormPaneOpen] = useState(false);\n  const [selectedApiTemplate, setSelectedApiTemplate] = useState({});\n  const [isDeleteAlertOpen, setIsDeleteAlertOpen] = useState(false);\n\n  const setFocusField = useRef(null);\n\n  const { searchTerm = \"\" } = useQueryParams();\n\n  const searchKeywordProps = {\n    key: \"search_term\",\n    node: \"name\",\n    value: searchTerm,\n  };\n\n  const [filters, setFilters] = useState(() =>\n    buildFiltersFromURL([...FILTER_COLUMNS, searchKeywordProps])\n  );\n\n  const {\n    data: { templates, totalCount } = {},\n    isLoading,\n    isFetching,\n  } = useFetchTemplates({\n    filters,\n    page: pageParams.index,\n    pageSize: pageParams.size,\n    templateType: API_TEMPLATE_TYPE,\n    ownerId: isEmpty(ownerId) ? undefined : ownerId,\n  });\n\n  const title = t(\"neetoMessageTemplate.template.apiTemplates\");\n\n  const isFilterApplied = isNotEmpty(filters);\n\n  const handleFiltersChange = filters => {\n    setFilters(filters);\n    setPageParams(DEFAULT_PAGE_PROPERTIES);\n  };\n\n  const { mutate: deleteTemplate, isPending: isDeleting } =\n    useDeleteTemplate(ownerId);\n  const { mutate: updateTemplate } = useUpdateTemplate(ownerId);\n\n  const handleOpenEditPane = apiTemplate => {\n    setSelectedApiTemplate(apiTemplate);\n    setIsFormPaneOpen(true);\n  };\n\n  const handleOpenDeleteAlert = apiTemplate => {\n    setSelectedApiTemplate(apiTemplate);\n    setIsDeleteAlertOpen(true);\n  };\n\n  const handleCloseDeleteAlertAndFormPane = () => {\n    setIsDeleteAlertOpen(false);\n    setIsFormPaneOpen(false);\n    setSelectedApiTemplate({});\n  };\n\n  const handleMarkAsActiveOrInactive = ({ status, id }) => {\n    const newStatus = equals(status, TEMPLATE_STATUS.ACTIVE)\n      ? TEMPLATE_STATUS.INACTIVE\n      : TEMPLATE_STATUS.ACTIVE;\n\n    updateTemplate(\n      {\n        payload: { status: newStatus, templateType: API_TEMPLATE_TYPE },\n        id,\n      },\n      { onSuccess: onMutationSuccess }\n    );\n  };\n\n  const handleDeleteApiTemplate = () =>\n    deleteTemplate(selectedApiTemplate.id, {\n      onSuccess: (...args) => {\n        onMutationSuccess(...args);\n        handleCloseDeleteAlertAndFormPane();\n      },\n    });\n\n  const {\n    apiTemplates: apiTemplatesHelpPopoverProps,\n    customHeaders: customHeadersHelpPopoverProps,\n    body: bodyHelpPopoverProps,\n  } = buildHelpPopoverProps(helpPopoverProps);\n\n  const helpDocUrl = apiTemplatesHelpPopoverProps?.helpLinkProps?.href || \"\";\n\n  const noDataProps = {\n    ...(!isFilterApplied && {\n      primaryButtonProps: {\n        label: t(\"neetoMessageTemplate.api.addApiTemplate\"),\n        onClick: () => setIsFormPaneOpen(true),\n      },\n      helpText: (\n        <Trans\n          i18nKey=\"neetoMessageTemplate.template.linkToHelpArticle\"\n          values={{ entity: title }}\n          components={{\n            Link: <Button href={helpDocUrl} target=\"_blank\" variant=\"link\" />,\n          }}\n        />\n      ),\n    }),\n    icon: Webhook,\n    title: isFilterApplied\n      ? t(\"neetoMessageTemplate.template.filtersEmptyState\", { type: title })\n      : t(\"neetoMessageTemplate.template.emptyState\", { type: title }),\n  };\n\n  const shouldShowTemplatesCount =\n    !isLoading && (isFilterApplied || totalCount > 0);\n\n  return (\n    <Container className=\"pb-10\">\n      <Header\n        {...{ breadcrumbs, title }}\n        size=\"small\"\n        actionBlock={\n          <Button\n            data-testid=\"add-api-templates-button\"\n            label={t(\"neetoMessageTemplate.api.addApiTemplate\")}\n            onClick={() => setIsFormPaneOpen(true)}\n          />\n        }\n        searchProps={\n          shouldShowTemplatesCount && {\n            placeholder: t(\"neetoMessageTemplate.template.searchApiTemplates\"),\n            \"data-testid\": \"api-templates-search-input\",\n          }\n        }\n        titleHelpPopoverProps={\n          apiTemplatesHelpPopoverProps && {\n            ...apiTemplatesHelpPopoverProps,\n            title: apiTemplatesHelpPopoverProps?.title || title,\n          }\n        }\n      />\n      <SubHeader\n        className=\"mb-4\"\n        leftActionBlock={\n          shouldShowTemplatesCount && (\n            <Typography variant=\"h6\">\n              {t(\"neetoMessageTemplate.template.messageTemplatesWithCount\", {\n                type: t(\"messageType.api\"),\n                count: totalCount,\n              })}\n            </Typography>\n          )\n        }\n        rightActionBlock={\n          <SubHeader.RightBlock\n            dataProps={{ totalCount: isFilterApplied ? null : totalCount }}\n            filterProps={{\n              columns: FILTER_COLUMNS,\n              isOpen: isFiltersPaneOpen,\n              keyword: searchKeywordProps,\n              setIsOpen: setIsFiltersPaneOpen,\n              onChange: handleFiltersChange,\n            }}\n          />\n        }\n      />\n      <FiltersBar\n        columns={FILTER_COLUMNS}\n        keyword={searchKeywordProps}\n        setIsPaneOpen={setIsFiltersPaneOpen}\n        onChange={handleFiltersChange}\n      />\n      {isNotEmpty(templates) ? (\n        <DataTable\n          {...{ totalCount }}\n          currentPage={pageParams.index}\n          data={templates}\n          enableURLPagination={false}\n          loading={isLoading || isFetching}\n          pageSize={pageParams.size}\n          columns={buildTableColumnData({\n            handleMarkAsActiveOrInactive,\n            handleOpenDeleteAlert,\n            handleOpenEditPane,\n          })}\n          onPageChange={index =>\n            setPageParams({ index, size: pageParams.size })\n          }\n        />\n      ) : (\n        <div className=\"flex h-full w-full items-center justify-center\">\n          <Empty {...noDataProps} />\n        </div>\n      )}\n      <Sheet\n        initialFocusRef={setFocusField}\n        isOpen={isFormPaneOpen}\n        size=\"large\"\n        onClose={handleCloseDeleteAlertAndFormPane}\n      >\n        <Form\n          {...{\n            bodyHelpPopoverProps,\n            customHeadersHelpPopoverProps,\n            onMutationSuccess,\n            ownerId,\n            selectedApiTemplate,\n            setFocusField,\n            templateVariables,\n          }}\n          initialPayload={JSON.stringify(initialPayload, null, 2)}\n          onClose={handleCloseDeleteAlertAndFormPane}\n        />\n      </Sheet>\n      <Alert\n        isOpen={isDeleteAlertOpen}\n        isSubmitting={isDeleting}\n        submitButtonLabel={t(\"neetoMessageTemplate.template.delete\")}\n        title={t(\"neetoMessageTemplate.api.deleteApiTemplate\")}\n        message={\n          <Trans\n            i18nKey=\"neetoMessageTemplate.template.templateDeleteConfirmation\"\n            values={{ name: selectedApiTemplate.name }}\n          />\n        }\n        onClose={handleCloseDeleteAlertAndFormPane}\n        onSubmit={handleDeleteApiTemplate}\n      />\n    </Container>\n  );\n};\n\nexport default ApiTemplates;\n"],"names":["buildApiTemplatePayload","values","templateId","entity","id","endpoint","enableCustomHeaders","customHeaders","rejectEmptyKeyValuePairs","body","templateType","API_TEMPLATE_TYPE","name","buildTableColumnData","_ref","handleMarkAsActiveOrInactive","handleOpenDeleteAlert","handleOpenEditPane","accessorKey","header","t","size","cell","_ref2","apiTemplate","row","original","_jsxs","className","children","_jsx","Button","label","truncate","tooltipProps","content","variant","onClick","MoreDropdown","dropdownButtonProps","menuItems","key","equals","status","TEMPLATE_STATUS","ACTIVE","_ref3","getValue","buildApiTemplateInitialValues","isEdit","initialPayload","assoc","API_TEMPLATE_INITIAL_VALUES","isEmpty","CUSTOM_HEADERS_INITIAL_VALUE","_objectSpread","pick","Form","setFocusField","onClose","ownerId","selectedApiTemplate","onMutationSuccess","templateVariables","bodyHelpPopoverProps","customHeadersHelpPopoverProps","_useTranslation","useTranslation","_useCreateTemplate","useCreateTemplate","createApiTemplate","mutate","isCreating","isPending","_useUpdateTemplate","useUpdateTemplate","updateApiTemplate","isUpdating","isNotEmpty","handleSubmit","setSubmitting","payload","options","onSuccess","apply","arguments","onSettled","isMutating","initialValues","useMemo","_Fragment","Sheet","Header","Title","NeetoUIForm","formProps","formikProps","validationSchema","API_TEMPLATE_FORM_VALIDATION_SCHEMA","onSubmit","Body","Input","required","ref","placeholder","SAMPLE_URL","CustomHeaders","helpPopoverProps","JsonEditor","initialValue","Footer","ActionBlock","cancelButtonProps","isSubmitting","ApiTemplates","_apiTemplatesHelpPopo","_ref$breadcrumbs","breadcrumbs","_ref$helpPopoverProps","_ref$initialPayload","_ref$templateVariable","_ref$onMutationSucces","noop","_useState","useState","DEFAULT_PAGE_PROPERTIES","_useState2","_slicedToArray","pageParams","setPageParams","_useState3","_useState4","isFiltersPaneOpen","setIsFiltersPaneOpen","_useState5","_useState6","isFormPaneOpen","setIsFormPaneOpen","_useState7","_useState8","setSelectedApiTemplate","_useState9","_useState0","isDeleteAlertOpen","setIsDeleteAlertOpen","useRef","_useQueryParams","useQueryParams","_useQueryParams$searc","searchTerm","searchKeywordProps","node","value","_useState1","buildFiltersFromURL","concat","_toConsumableArray","FILTER_COLUMNS","_useState10","filters","setFilters","_useFetchTemplates","useFetchTemplates","page","index","pageSize","undefined","_useFetchTemplates$da","data","_useFetchTemplates$da2","templates","totalCount","isLoading","isFetching","title","isFilterApplied","handleFiltersChange","_useDeleteTemplate","useDeleteTemplate","deleteTemplate","isDeleting","updateTemplate","handleCloseDeleteAlertAndFormPane","newStatus","INACTIVE","handleDeleteApiTemplate","_buildHelpPopoverProp","buildHelpPopoverProps","apiTemplatesHelpPopoverProps","apiTemplates","helpDocUrl","helpLinkProps","href","noDataProps","primaryButtonProps","helpText","Trans","i18nKey","components","Link","target","icon","Webhook","type","shouldShowTemplatesCount","Container","actionBlock","searchProps","titleHelpPopoverProps","SubHeader","leftActionBlock","Typography","count","rightActionBlock","RightBlock","dataProps","filterProps","columns","isOpen","keyword","setIsOpen","onChange","FiltersBar","setIsPaneOpen","DataTable","currentPage","enableURLPagination","loading","onPageChange","Empty","initialFocusRef","JSON","stringify","Alert","submitButtonLabel","message"],"mappings":"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"}

package/dist/cjs/v2/MessageTemplates.js

@@ -27,7 +27,7 @@ var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/v2/react-utils');
 var utils = require('@bigbinary/neeto-filters-frontend/v2/utils');
-var TableWrapper = require('@bigbinary/neeto-molecules/v2/TableWrapper');
+var lucideReact = require('lucide-react');
 require('@bigbinary/neeto-commons-frontend/react-utils');
 require('zustand');
 require('../../inject-css-B6qYtOJe.js');
@@ -132,8 +132,7 @@ var RowActions = function RowActions(_ref) {
   };
   return /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
     dropdownButtonProps: {
-      "data-testid": "message-template-dropdown",
-      className: "me-1 my-1"
+      "data-testid": "message-template-dropdown"
     },
     menuItems: getMenuItems({
       handleDeleteTemplate: handleDeleteTemplate,
@@ -180,13 +179,20 @@ var buildTableColumnData = function buildTableColumnData(setManageTemplatePane,
     cell: function cell(_ref) {
       var template = _ref.row.original;
       return /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "flex items-center justify-between gap-x-3",
-        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
-          label: neetoCist.truncate(template.name, 100),
-          variant: "link",
-          onClick: function onClick() {
-            return handleEditTemplate(setManageTemplatePane, template);
-          }
+        className: "flex min-w-0 items-center justify-between gap-x-3",
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "min-w-0 flex-1",
+          children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+            className: "max-w-full text-start [&>span]:block [&>span]:min-w-0 [&>span]:truncate",
+            label: neetoCist.truncate(template.name, 100),
+            tooltipProps: {
+              content: template.name
+            },
+            variant: "link",
+            onClick: function onClick() {
+              return handleEditTemplate(setManageTemplatePane, template);
+            }
+          })
         }), /*#__PURE__*/jsxRuntime.jsx(RowActions, {
           onMutationSuccess: onMutationSuccess,
           ownerId: ownerId,
@@ -418,7 +424,7 @@ var Form = function Form(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(formik$1.Form, {
     formProps: {
       noValidate: true,
-      className: "flex w-full flex-col gap-y-4 pb-6"
+      className: "flex min-h-0 w-full flex-1 flex-col"
     },
     formikProps: {
       initialValues: TEMPLATE_INITIAL_VALUES,
@@ -427,33 +433,37 @@ var Form = function Form(_ref) {
       validateOnChange: true,
       onSubmit: handleSubmit
     },
-    children: [/*#__PURE__*/jsxRuntime.jsx(formik$1.Input, {
-      required: true,
-      label: t("neetoMessageTemplate.template.templateName"),
-      name: "name",
-      ref: setInitialFocusField
-    }), isEmailTemplate && /*#__PURE__*/jsxRuntime.jsx(FormikAdaptiveInput, {
-      required: true,
-      label: t("neetoMessageTemplate.template.emailSubject"),
-      name: "subject"
-    }), /*#__PURE__*/jsxRuntime.jsx(FormikEditor, {
-      hideSlashCommands: true,
-      required: true,
-      contentClassName: "max-h-40",
-      defaults: isEmailTemplate ? undefined : [],
-      label: messageBodyLabel,
-      name: "body",
-      ref: editorRef,
-      rows: constants.DEFAULT_EDITOR_ROW_COUNT,
-      variables: templateVariables
-    }), isTestTemplateVisible && /*#__PURE__*/jsxRuntime.jsx(TestMessage, {
-      customFields: customFields,
-      handleSubmitTestTemplate: handleSubmitTestTemplate,
-      isEmailTemplate: isEmailTemplate,
-      isTestMessageLoading: isTestMessageLoading,
-      isTestingTemplateDisabled: isTestingTemplateDisabled
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Body, {
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex w-full flex-col gap-y-4 pb-6",
+        children: [/*#__PURE__*/jsxRuntime.jsx(formik$1.Input, {
+          required: true,
+          label: t("neetoMessageTemplate.template.templateName"),
+          name: "name",
+          ref: setInitialFocusField
+        }), isEmailTemplate && /*#__PURE__*/jsxRuntime.jsx(FormikAdaptiveInput, {
+          required: true,
+          label: t("neetoMessageTemplate.template.emailSubject"),
+          name: "subject"
+        }), /*#__PURE__*/jsxRuntime.jsx(FormikEditor, {
+          hideSlashCommands: true,
+          required: true,
+          contentClassName: "max-h-40",
+          defaults: isEmailTemplate ? undefined : [],
+          label: messageBodyLabel,
+          name: "body",
+          ref: editorRef,
+          rows: constants.DEFAULT_EDITOR_ROW_COUNT,
+          variables: templateVariables
+        }), isTestTemplateVisible && /*#__PURE__*/jsxRuntime.jsx(TestMessage, {
+          customFields: customFields,
+          handleSubmitTestTemplate: handleSubmitTestTemplate,
+          isEmailTemplate: isEmailTemplate,
+          isTestMessageLoading: isTestMessageLoading,
+          isTestingTemplateDisabled: isTestingTemplateDisabled
+        })]
+      })
     }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Footer, {
-      className: "absolute bottom-0 start-0",
       children: /*#__PURE__*/jsxRuntime.jsx(formik$1.ActionBlock, {
         cancelButtonProps: {
           "data-testid": "message-template-reset-button",
@@ -489,25 +499,24 @@ var AddEdit = function AddEdit(_ref) {
     isOpen: isOpen,
     onClose: onClose,
     initialFocusRef: initialFocusField,
+    size: "large",
     children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Header, {
       children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Title, {
         children: label
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Body, {
-      children: /*#__PURE__*/jsxRuntime.jsx(Form, {
-        createUpdateTemplate: createUpdateTemplate,
-        customFields: customFields,
-        handleSubmitTestTemplate: handleSubmitTestTemplate,
-        isEdit: isEdit,
-        isTestMessageLoading: isTestMessageLoading,
-        isTestingTemplateDisabled: isTestingTemplateDisabled,
-        onClose: onClose,
-        onMutationSuccess: onMutationSuccess,
-        shouldIncludeTestTemplate: shouldIncludeTestTemplate,
-        template: template,
-        templateVariables: templateVariables,
-        setInitialFocusField: initialFocusField
-      })
+    }), /*#__PURE__*/jsxRuntime.jsx(Form, {
+      createUpdateTemplate: createUpdateTemplate,
+      customFields: customFields,
+      handleSubmitTestTemplate: handleSubmitTestTemplate,
+      isEdit: isEdit,
+      isTestMessageLoading: isTestMessageLoading,
+      isTestingTemplateDisabled: isTestingTemplateDisabled,
+      onClose: onClose,
+      onMutationSuccess: onMutationSuccess,
+      shouldIncludeTestTemplate: shouldIncludeTestTemplate,
+      template: template,
+      templateVariables: templateVariables,
+      setInitialFocusField: initialFocusField
     })]
   });
 };
@@ -637,6 +646,7 @@ var List = function List(_ref) {
       }
     })
   }), {}, {
+    icon: isSms ? lucideReact.MessageSquareText : lucideReact.Mail,
     title: isFilterApplied ? t("neetoMessageTemplate.template.filtersEmptyState", {
       type: emptyStateLabel
     }) : t("neetoMessageTemplate.template.emptyState", {
@@ -652,23 +662,20 @@ var List = function List(_ref) {
     });
   };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [!ramda.isEmpty(templates) ? /*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
-      hasPagination: totalCount > pageSize,
-      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DataTable, {
-        pageSize: pageSize,
-        totalCount: totalCount,
-        currentPage: pageIndex,
-        data: templates,
-        enableURLPagination: false,
-        loading: isLoading,
-        columns: buildTableColumnData(setManageTemplatePane, ownerId, onMutationSuccess),
-        onPageChange: function onPageChange(index) {
-          return setPageProperties({
-            index: index,
-            size: pageSize
-          });
-        }
-      })
+    children: [!ramda.isEmpty(templates) ? /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DataTable, {
+      pageSize: pageSize,
+      totalCount: totalCount,
+      currentPage: pageIndex,
+      data: templates,
+      enableURLPagination: false,
+      loading: isLoading,
+      columns: buildTableColumnData(setManageTemplatePane, ownerId, onMutationSuccess),
+      onPageChange: function onPageChange(index) {
+        return setPageProperties({
+          index: index,
+          size: pageSize
+        });
+      }
     }) : /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex h-full w-full items-center justify-center",
       children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Empty, _objectSpread$1({}, noDataProps))
@@ -772,6 +779,7 @@ var MessageTemplates = function MessageTemplates(_ref) {
   var shouldShowTemplatesCount = !isLoading && (isFilterApplied || templatesCount > 0);
   var helpDocUrl = (helpPopoverProps === null || helpPopoverProps === void 0 || (_helpPopoverProps$hel = helpPopoverProps.helpLinkProps) === null || _helpPopoverProps$hel === void 0 ? void 0 : _helpPopoverProps$hel.href) || "";
   return /*#__PURE__*/jsxRuntime.jsxs(Container, {
+    className: "pb-10",
     children: [/*#__PURE__*/jsxRuntime.jsx(NeetoHeader, {
       breadcrumbs: breadcrumbs,
       size: "small",
@@ -788,7 +796,7 @@ var MessageTemplates = function MessageTemplates(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsx(SubHeader, {
       className: "mb-4",
       leftActionBlock: shouldShowTemplatesCount && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-        as: "h4",
+        variant: "h6",
         children: t("neetoMessageTemplate.template.messageTemplatesWithCount", {
           type: constants.MESSAGE_TYPES[type],
           count: templatesCount