@bigbinary/neeto-templates-frontend 3.0.7 → 3.0.9-beta1

package/dist/.ready

@@ -1 +1 @@
-Built at 2026-07-17T09:49:55.639Z
+Built at 2026-10-09T11:34:20.957Z

package/dist/cjs/v2/CreateTemplateModal.js

@@ -4,6 +4,7 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var neetoAtoms = require('@bigbinary/neeto-atoms');
 var neetoCist = require('@bigbinary/neeto-cist');
+var reactI18next = require('react-i18next');
 require('../../templates-D92QbbVX.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
@@ -12,7 +13,6 @@ var Neeto = require('@bigbinary/neeto-icons/typeface-logos/Neeto');
 var ProductTypefaceLogos = require('@bigbinary/neeto-icons/typeface-logos');
 var HelpPopover = require('@bigbinary/neeto-molecules/v2/HelpPopover');
 var Search = require('@bigbinary/neeto-molecules/v2/Search');
-var reactI18next = require('react-i18next');
 var custom = require('../../custom-B69ooaxC.js');
 var useTemplatesApi = require('../../useTemplatesApi-CFO1OLfz.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -82,7 +82,7 @@ var BlankCard = function BlankCard(_ref) {
       })
     }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
       className: "text-center leading-normal",
-      variant: "h5",
+      variant: "h6",
       weight: "semibold",
       children: title
     }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
@@ -113,7 +113,7 @@ var Card = function Card(_ref) {
       children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
         className: "neeto-template-thumbnail__title line-clamp-2 leading-normal",
         "data-testid": "template-card-title",
-        variant: "h5",
+        variant: "h6",
         weight: "medium",
         children: template.title
       })
@@ -214,55 +214,58 @@ var List = function List(_ref) {
       className: "w-full shrink-0 space-y-6 p-6 xl:p-10 md:sticky md:start-0 md:top-0 md:h-screen md:w-72 md:space-y-10 md:overflow-y-auto lg:w-80",
       children: [/*#__PURE__*/jsxRuntime.jsx(ProductTypefaceLogo, {
         className: "h-9 w-auto max-w-full"
-      }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Accordion, {
-        className: "md:hidden",
-        children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Accordion.Item, {
-          title: t("neetoTemplate.templates.categories"),
-          children: categories.map(function (_ref2) {
-            var id = _ref2.id,
-              name = _ref2.name,
-              count = _ref2.count;
-            return /*#__PURE__*/React.createElement(CategoryItem, {
-              count: count,
-              isActive: currentCategory.id === id,
-              key: id,
-              label: name,
-              setCurrentCategory: function setCurrentCategory() {
-                return _setCurrentCategory({
-                  id: id,
-                  name: name
-                });
-              }
-            });
-          })
-        })
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "hidden md:flex md:flex-col",
-        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-          className: "mb-4",
-          "data-testid": "template-categories-label",
-          variant: "h3",
-          weight: "semibold",
-          children: t("neetoTemplate.templates.categories")
-        }), /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "flex flex-col gap-2",
-          children: categories.map(function (_ref3) {
-            var id = _ref3.id,
-              name = _ref3.name,
-              count = _ref3.count;
-            return /*#__PURE__*/React.createElement(CategoryItem, {
-              count: count,
-              isActive: currentCategory.id === id,
-              key: id,
-              label: name,
-              setCurrentCategory: function setCurrentCategory() {
-                return _setCurrentCategory({
-                  id: id,
-                  name: name
-                });
-              }
-            });
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Accordion, {
+          collapsible: true,
+          className: "md:hidden",
+          children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Accordion.Item, {
+            title: t("neetoTemplate.templates.categories"),
+            children: categories.map(function (_ref2) {
+              var id = _ref2.id,
+                name = _ref2.name,
+                count = _ref2.count;
+              return /*#__PURE__*/React.createElement(CategoryItem, {
+                count: count,
+                isActive: currentCategory.id === id,
+                key: id,
+                label: name,
+                setCurrentCategory: function setCurrentCategory() {
+                  return _setCurrentCategory({
+                    id: id,
+                    name: name
+                  });
+                }
+              });
+            })
           })
+        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "hidden md:flex md:flex-col",
+          children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+            className: "mb-4",
+            "data-testid": "template-categories-label",
+            variant: "h5",
+            weight: "semibold",
+            children: t("neetoTemplate.templates.categories")
+          }), /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "flex flex-col gap-2",
+            children: categories.map(function (_ref3) {
+              var id = _ref3.id,
+                name = _ref3.name,
+                count = _ref3.count;
+              return /*#__PURE__*/React.createElement(CategoryItem, {
+                count: count,
+                isActive: currentCategory.id === id,
+                key: id,
+                label: name,
+                setCurrentCategory: function setCurrentCategory() {
+                  return _setCurrentCategory({
+                    id: id,
+                    name: name
+                  });
+                }
+              });
+            })
+          })]
         })]
       })]
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -275,7 +278,7 @@ var List = function List(_ref) {
           children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
             className: "mb-2",
             "data-testid": "create-new-form-title",
-            variant: "h1",
+            variant: "h2",
             children: title || t("neetoTemplate.templates.createNewEntity")
           }), neetoCist.isPresent(titleHelpPopoverProps) && /*#__PURE__*/jsxRuntime.jsx(HelpPopover, _objectSpread(_objectSpread({}, titleHelpPopoverProps), {}, {
             side: "top"
@@ -364,7 +367,7 @@ var Preview = function Preview(_ref) {
           children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
             className: "truncate leading-tight",
             "data-testid": "preview-template-title",
-            variant: "h3",
+            variant: "h5",
             weight: "semibold",
             children: title
           })
@@ -428,6 +431,8 @@ var CreateTemplateModal = function CreateTemplateModal(_ref) {
     titleHelpPopoverProps = _ref$titleHelpPopover === void 0 ? {} : _ref$titleHelpPopover,
     title = _ref.title,
     description = _ref.description;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   var _useState = React.useState(TEMPLATE_SCREENS.LIST),
     _useState2 = _slicedToArray(_useState, 2),
     currentScreen = _useState2[0],
@@ -442,13 +447,18 @@ var CreateTemplateModal = function CreateTemplateModal(_ref) {
       setCurrentScreen(TEMPLATE_SCREENS.LIST);
     }, 300); //To accommodate the animation duration.
   };
-  return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog, {
+  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Dialog, {
     isOpen: isOpen,
     className: "neeto-template-list block h-screen w-screen gap-0 overflow-y-auto p-0",
     closeButton: currentScreen === TEMPLATE_SCREENS.LIST,
     size: "fullScreen",
     onClose: onModalClose,
-    children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Body, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Header, {
+      className: "sr-only",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Title, {
+        children: title || t("neetoTemplate.templates.createNewEntity")
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Body, {
       className: "h-full w-full",
       children: currentScreen === TEMPLATE_SCREENS.LIST ? /*#__PURE__*/jsxRuntime.jsx(List, {
         afterCreate: afterCreate,
@@ -466,7 +476,7 @@ var CreateTemplateModal = function CreateTemplateModal(_ref) {
         selectedTemplate: selectedTemplate,
         setCurrentScreen: setCurrentScreen
       })
-    })
+    })]
   });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"CreateTemplateModal.js","sources":["../../../app/javascript/src/v2/components/CreateTemplateModal/constants.js","../../../app/javascript/src/v2/components/CreateTemplateModal/BlankCard.jsx","../../../app/javascript/src/v2/components/CreateTemplateModal/Card.jsx","../../../app/javascript/src/v2/components/CreateTemplateModal/CategoryItem.jsx","../../../app/javascript/src/v2/components/CreateTemplateModal/List.jsx","../../../app/javascript/src/v2/components/CreateTemplateModal/Preview.jsx","../../../app/javascript/src/v2/components/CreateTemplateModal/index.jsx"],"sourcesContent":["export const TEMPLATE_SCREENS = { LIST: \"List\", PREVIEW: \"Preview\" };\n\nexport const DEFAULT_CATEGORY = { id: \"all\", name: \"All\" };\n\nexport const INFINITE_SCROLL_DELAY = 500;\n\nexport const MENU_ITEMS = { CREATE: \"create\", PREVIEW: \"preview\" };\n\nexport const RESPONSIVE_DEVICES = {\n  DESKTOP: \"desktop\",\n  TABLET: \"tablet\",\n  MOBILE: \"mobile\",\n};\n","import { Typography } from \"@bigbinary/neeto-atoms\";\nimport { noop } from \"neetocist\";\n\nconst BlankCard = ({\n  icon: Icon,\n  title,\n  description,\n  onClick = noop,\n  disabled = false,\n}) => (\n  <div\n    className=\"bg-background hover:bg-background border-foreground flex cursor-pointer flex-col items-center justify-center rounded-lg border border-dashed p-6 outline-none transition-all duration-300 ease-in-out hover:border-solid focus:border-solid\"\n    data-testid=\"start-from-scratch-button\"\n    tabIndex={0}\n    onClick={!disabled ? onClick : noop}\n  >\n    <div className=\"text-primary mb-4\">\n      <Icon size={40} />\n    </div>\n    <Typography\n      className=\"text-center leading-normal\"\n      variant=\"h5\"\n      weight=\"semibold\"\n    >\n      {title}\n    </Typography>\n    <Typography\n      className=\"text-muted-foreground text-center leading-4\"\n      variant=\"body3\"\n    >\n      {description}\n    </Typography>\n  </div>\n);\n\nexport default BlankCard;\n","import { Typography } from \"@bigbinary/neeto-atoms\";\nimport { CLOUDFRONT_BASE_URL } from \"neetocommons/v2/constants\";\n\nconst Card = ({ template, onClick }) => (\n  <div\n    {...{ onClick }}\n    className=\"neeto-template neeto-template-thumbnail bg-background border-border hover:border-ring focus:border-ring flex cursor-pointer flex-col overflow-hidden rounded-lg border outline-none transition-colors duration-300 ease-in-out\"\n    data-testid=\"template-card\"\n    tabIndex={0}\n  >\n    <div className=\"neeto-template__header relative overflow-hidden\">\n      <img\n        className=\"neeto-template__image\"\n        data-testid=\"template-thumbnail-image\"\n        src={\n          template.imageUrl ||\n          `${CLOUDFRONT_BASE_URL}/images/neetoForm/default-form-template.svg`\n        }\n      />\n    </div>\n    <div className=\"neeto-template__description bg-background flex items-center justify-between gap-2 rounded-b-lg px-3 py-1.5\">\n      <Typography\n        className=\"neeto-template-thumbnail__title line-clamp-2 leading-normal\"\n        data-testid=\"template-card-title\"\n        variant=\"h5\"\n        weight=\"medium\"\n      >\n        {template.title}\n      </Typography>\n    </div>\n  </div>\n);\n\nexport default Card;\n","import classnames from \"classnames\";\nimport { joinHyphenCase } from \"neetocommons/v2/utils\";\n\nconst CategoryItem = ({ label, count, isActive, setCurrentCategory }) => (\n  <button\n    data-testid={`category-${joinHyphenCase(label)}`}\n    tabIndex={0}\n    className={classnames(\n      \"flex w-full items-center justify-between gap-2 rounded-lg border border-solid px-3 py-2 text-sm font-medium leading-4 outline-none transition-all duration-300 ease-in-out\",\n      {\n        \"text-muted-foreground hover:bg-muted focus:bg-muted border-transparent\":\n          !isActive,\n        \"text-foreground bg-background border-border focus:border-ring\":\n          isActive,\n      }\n    )}\n    onClick={setCurrentCategory}\n  >\n    <span className=\"text-start\">{label}</span>\n    <span>{count}</span>\n  </button>\n);\n\nexport default CategoryItem;\n","import { useState } from \"react\";\n\nimport { Spinner, Typography, Accordion } from \"@bigbinary/neeto-atoms\";\nimport { isPresent, capitalize } from \"neetocist\";\nimport { globalProps } from \"neetocommons/v2/initializers\";\nimport { Neeto } from \"neetoicons/typeface-logos\";\nimport * as ProductTypefaceLogos from \"neetoicons/typeface-logos\";\nimport HelpPopover from \"neetomolecules/v2/HelpPopover\";\nimport Search from \"neetomolecules/v2/Search\";\nimport { useTranslation } from \"react-i18next\";\nimport useInfiniteScroll from \"react-infinite-scroll-hook\";\n\nimport CustomSVG from \"assets/dashboard/custom\";\nimport { useFetchTemplates } from \"v2/hooks/reactQuery/useTemplatesApi\";\n\nimport BlankCard from \"./BlankCard\";\nimport Card from \"./Card\";\nimport CategoryItem from \"./CategoryItem\";\nimport {\n  DEFAULT_CATEGORY,\n  INFINITE_SCROLL_DELAY,\n  TEMPLATE_SCREENS,\n} from \"./constants\";\n\nconst List = ({\n  setCurrentScreen,\n  setSelectedTemplate,\n  onCreate,\n  isCreating,\n  afterCreate,\n  refetchResource,\n  titleHelpPopoverProps,\n  title,\n  description,\n}) => {\n  const { t } = useTranslation();\n\n  const productName = globalProps.appName.substr(5);\n  const logoName = `Neeto${capitalize(productName.toLowerCase())}`;\n  const ProductTypefaceLogo = ProductTypefaceLogos[logoName] ?? Neeto;\n\n  const [currentCategory, setCurrentCategory] = useState(DEFAULT_CATEGORY);\n  const [searchTerm, setSearchTerm] = useState(\"\");\n\n  const {\n    hasNextPage = false,\n    fetchNextPage,\n    isLoading: isTemplatesLoading,\n    data = {},\n  } = useFetchTemplates({ searchTerm, category: currentCategory });\n\n  const [sentryRef, { rootRef }] = useInfiniteScroll({\n    loading: isTemplatesLoading,\n    hasNextPage,\n    onLoadMore: fetchNextPage,\n    rootMargin: \"0px 0px 700px 0px\",\n    delayInMs: INFINITE_SCROLL_DELAY,\n  });\n\n  const handleCardClick = template => {\n    setCurrentScreen(TEMPLATE_SCREENS.PREVIEW);\n    setSelectedTemplate(template);\n  };\n\n  if (isTemplatesLoading) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  const { tags = [], templates = [], templatesCount = 0 } = data;\n\n  const categories = [{ ...DEFAULT_CATEGORY, count: templatesCount }, ...tags];\n\n  return (\n    <div className=\"bg-muted relative flex flex-col items-start md:min-h-full md:flex-row\">\n      <div className=\"w-full shrink-0 space-y-6 p-6 xl:p-10 md:sticky md:start-0 md:top-0 md:h-screen md:w-72 md:space-y-10 md:overflow-y-auto lg:w-80\">\n        <ProductTypefaceLogo className=\"h-9 w-auto max-w-full\" />\n        <Accordion className=\"md:hidden\">\n          <Accordion.Item title={t(\"neetoTemplate.templates.categories\")}>\n            {categories.map(({ id, name, count }) => (\n              <CategoryItem\n                {...{ count }}\n                isActive={currentCategory.id === id}\n                key={id}\n                label={name}\n                setCurrentCategory={() => setCurrentCategory({ id, name })}\n              />\n            ))}\n          </Accordion.Item>\n        </Accordion>\n        <div className=\"hidden md:flex md:flex-col\">\n          <Typography\n            className=\"mb-4\"\n            data-testid=\"template-categories-label\"\n            variant=\"h3\"\n            weight=\"semibold\"\n          >\n            {t(\"neetoTemplate.templates.categories\")}\n          </Typography>\n          <div className=\"flex flex-col gap-2\">\n            {categories.map(({ id, name, count }) => (\n              <CategoryItem\n                {...{ count }}\n                isActive={currentCategory.id === id}\n                key={id}\n                label={name}\n                setCurrentCategory={() => setCurrentCategory({ id, name })}\n              />\n            ))}\n          </div>\n        </div>\n      </div>\n      <div\n        className=\"md:h-screen w-full p-6 md:overflow-y-auto xl:p-10\"\n        ref={rootRef}\n      >\n        <div className=\"flex flex-col mb-10\">\n          <div className=\"flex gap-1.5 items-center\">\n            <Typography\n              className=\"mb-2\"\n              data-testid=\"create-new-form-title\"\n              variant=\"h1\"\n            >\n              {title || t(\"neetoTemplate.templates.createNewEntity\")}\n            </Typography>\n            {isPresent(titleHelpPopoverProps) && (\n              <HelpPopover {...titleHelpPopoverProps} side=\"top\" />\n            )}\n          </div>\n          <Typography className=\"mb-6 leading-normal\" variant=\"body1\">\n            {description || t(\"neetoTemplate.templates.description\")}\n          </Typography>\n          <Search\n            autoFocus\n            disableTrimOnBlur\n            data-testid=\"template-search-input\"\n            placeholder={t(\"neetoTemplate.templates.search\")}\n            size=\"large\"\n            onSearch={value => setSearchTerm(value)}\n          />\n        </div>\n        <div className=\"grow space-y-6\">\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 lg:gap-5 xl:gap-6 2xl:grid-cols-4\">\n            <BlankCard\n              description={t(\"neetoTemplate.templates.blankCard.description\")}\n              disabled={isCreating}\n              icon={isCreating ? Spinner : CustomSVG}\n              title={t(\"neetoTemplate.templates.blankCard.title\")}\n              onClick={onCreate}\n            />\n            {templates.map((template, index) => (\n              <Card\n                {...{ afterCreate, refetchResource, template }}\n                key={index}\n                onClick={() => handleCardClick(template)}\n              />\n            ))}\n          </div>\n          {hasNextPage && (\n            <div className=\"my-10 text-center\" ref={sentryRef}>\n              <Spinner />\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default List;\n","import { useState } from \"react\";\n\nimport { Button, Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { useBreakpoints } from \"neetocommons/v2/react-utils\";\nimport ResponsiveDevicePicker from \"neetomolecules/v2/ResponsiveDevicePicker\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateTemplate } from \"v2/hooks/reactQuery/useTemplatesApi\";\n\nimport { TEMPLATE_SCREENS, RESPONSIVE_DEVICES } from \"./constants\";\n\nconst Preview = ({\n  selectedTemplate,\n  setCurrentScreen,\n  afterCreate,\n  refetchResource,\n}) => {\n  const { t } = useTranslation();\n\n  const { isSize } = useBreakpoints();\n\n  const { mutate: createTemplate, isPending: isCreating } = useCreateTemplate();\n\n  const [selectedDevice, setSelectedDevice] = useState(\n    RESPONSIVE_DEVICES.DESKTOP\n  );\n\n  const handleCreateTemplate = () => {\n    createTemplate(\n      { id: selectedTemplate.id },\n      {\n        onSuccess: response => {\n          afterCreate(response);\n          refetchResource();\n        },\n      }\n    );\n  };\n\n  const { title, previewUrl } = selectedTemplate;\n\n  return (\n    <div className=\"neeto-templates-full-page-preview flex h-full w-full flex-col\">\n      <div className=\"neeto-templates-full-page-preview__header border-border border-b px-4\">\n        <div className=\"mx-auto flex w-full max-w-6xl items-center justify-between py-[9px]\">\n          <div className=\"w-1/3\">\n            <Typography\n              className=\"truncate leading-tight\"\n              data-testid=\"preview-template-title\"\n              variant=\"h3\"\n              weight=\"semibold\"\n            >\n              {title}\n            </Typography>\n          </div>\n          <div className=\"hidden shrink-0 lg:flex\">\n            <ResponsiveDevicePicker\n              {...{ selectedDevice }}\n              onDeviceChange={setSelectedDevice}\n            />\n          </div>\n          <div className=\"flex w-1/3 items-center justify-end gap-2\">\n            <Button\n              className=\"shrink-0\"\n              data-testid=\"preview-template-back-button\"\n              variant=\"outline\"\n              label={\n                isSize(\"mobile\")\n                  ? t(\"neetoTemplate.templates.back\")\n                  : t(\"neetoTemplate.templates.backToTemplates\")\n              }\n              onClick={() => setCurrentScreen(TEMPLATE_SCREENS.LIST)}\n            />\n            <Button\n              className=\"shrink-0\"\n              data-testid=\"preview-use-template-button\"\n              disabled={isCreating}\n              label={t(\"neetoTemplate.templates.editTemplate\")}\n              loading={isCreating}\n              onClick={handleCreateTemplate}\n            />\n          </div>\n        </div>\n      </div>\n      <div className=\"bg-muted neeto-templates-full-page-preview__holder-wrapper min-h-0 grow\">\n        <div\n          className={classnames(\n            \"neeto-templates-full-page-preview__holder m-auto\",\n            {\n              \"neeto-templates-full-page-preview__holder--desktop\":\n                selectedDevice === RESPONSIVE_DEVICES.DESKTOP,\n              \"neeto-templates-full-page-preview__holder--tablet\":\n                selectedDevice === RESPONSIVE_DEVICES.TABLET,\n              \"neeto-templates-full-page-preview__holder--mobile\":\n                selectedDevice === RESPONSIVE_DEVICES.MOBILE,\n            }\n          )}\n        >\n          <div className=\"neeto-templates-full-page-preview__device-border h-full w-full\">\n            <iframe\n              className=\"neeto-templates-full-page-preview__iframe h-full w-full border-none\"\n              data-testid=\"iframe-id\"\n              src={previewUrl}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\nexport default Preview;\n","import { useState } from \"react\";\n\nimport { Dialog } from \"@bigbinary/neeto-atoms\";\nimport { noop } from \"neetocist\";\n\n// eslint-disable-next-line import/extensions\nimport \"stylesheets/application.css\";\n\nimport { TEMPLATE_SCREENS } from \"./constants\";\nimport List from \"./List\";\nimport Preview from \"./Preview\";\n\nconst CreateTemplateModal = ({\n  isOpen,\n  onClose,\n  isCreating,\n  refetchResource,\n  onCreate = noop,\n  afterCreate = noop,\n  titleHelpPopoverProps = {},\n  title,\n  description,\n}) => {\n  const [currentScreen, setCurrentScreen] = useState(TEMPLATE_SCREENS.LIST);\n  const [selectedTemplate, setSelectedTemplate] = useState({});\n\n  const onModalClose = () => {\n    onClose();\n    setTimeout(() => {\n      setCurrentScreen(TEMPLATE_SCREENS.LIST);\n    }, 300); //To accommodate the animation duration.\n  };\n\n  return (\n    <Dialog\n      {...{ isOpen }}\n      className=\"neeto-template-list block h-screen w-screen gap-0 overflow-y-auto p-0\"\n      closeButton={currentScreen === TEMPLATE_SCREENS.LIST}\n      size=\"fullScreen\"\n      onClose={onModalClose}\n    >\n      <Dialog.Body className=\"h-full w-full\">\n        {currentScreen === TEMPLATE_SCREENS.LIST ? (\n          <List\n            {...{\n              afterCreate,\n              description,\n              isCreating,\n              onCreate,\n              refetchResource,\n              setCurrentScreen,\n              setSelectedTemplate,\n              title,\n              titleHelpPopoverProps,\n            }}\n          />\n        ) : (\n          <Preview\n            {...{\n              afterCreate,\n              refetchResource,\n              selectedTemplate,\n              setCurrentScreen,\n            }}\n          />\n        )}\n      </Dialog.Body>\n    </Dialog>\n  );\n};\n\nexport default CreateTemplateModal;\n"],"names":["TEMPLATE_SCREENS","LIST","PREVIEW","DEFAULT_CATEGORY","id","name","INFINITE_SCROLL_DELAY","RESPONSIVE_DEVICES","DESKTOP","TABLET","MOBILE","BlankCard","_ref","Icon","icon","title","description","_ref$onClick","onClick","noop","_ref$disabled","disabled","_jsxs","className","tabIndex","children","_jsx","size","Typography","variant","weight","Card","template","src","imageUrl","concat","CLOUDFRONT_BASE_URL","CategoryItem","label","count","isActive","setCurrentCategory","joinHyphenCase","classnames","List","_ProductTypefaceLogos","setCurrentScreen","setSelectedTemplate","onCreate","isCreating","afterCreate","refetchResource","titleHelpPopoverProps","_useTranslation","useTranslation","t","productName","globalProps","appName","substr","logoName","capitalize","toLowerCase","ProductTypefaceLogo","ProductTypefaceLogos","Neeto","_useState","useState","_useState2","_slicedToArray","currentCategory","_useState3","_useState4","searchTerm","setSearchTerm","_useFetchTemplates","useFetchTemplates","category","_useFetchTemplates$ha","hasNextPage","fetchNextPage","isTemplatesLoading","isLoading","_useFetchTemplates$da","data","_useInfiniteScroll","useInfiniteScroll","loading","onLoadMore","rootMargin","delayInMs","_useInfiniteScroll2","sentryRef","rootRef","handleCardClick","Spinner","_data$tags","tags","_data$templates","templates","_data$templatesCount","templatesCount","categories","_objectSpread","_toConsumableArray","Accordion","Item","map","_ref2","_createElement","key","_ref3","ref","isPresent","HelpPopover","side","Search","autoFocus","disableTrimOnBlur","placeholder","onSearch","value","CustomSVG","index","Preview","selectedTemplate","_useBreakpoints","useBreakpoints","isSize","_useCreateTemplate","useCreateTemplate","createTemplate","mutate","isPending","selectedDevice","setSelectedDevice","handleCreateTemplate","onSuccess","response","previewUrl","ResponsiveDevicePicker","onDeviceChange","Button","CreateTemplateModal","isOpen","onClose","_ref$onCreate","_ref$afterCreate","_ref$titleHelpPopover","currentScreen","onModalClose","setTimeout","Dialog","closeButton","Body"],"mappings":"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"}
+{"version":3,"file":"CreateTemplateModal.js","sources":["../../../app/javascript/src/v2/components/CreateTemplateModal/constants.js","../../../app/javascript/src/v2/components/CreateTemplateModal/BlankCard.jsx","../../../app/javascript/src/v2/components/CreateTemplateModal/Card.jsx","../../../app/javascript/src/v2/components/CreateTemplateModal/CategoryItem.jsx","../../../app/javascript/src/v2/components/CreateTemplateModal/List.jsx","../../../app/javascript/src/v2/components/CreateTemplateModal/Preview.jsx","../../../app/javascript/src/v2/components/CreateTemplateModal/index.jsx"],"sourcesContent":["export const TEMPLATE_SCREENS = { LIST: \"List\", PREVIEW: \"Preview\" };\n\nexport const DEFAULT_CATEGORY = { id: \"all\", name: \"All\" };\n\nexport const INFINITE_SCROLL_DELAY = 500;\n\nexport const MENU_ITEMS = { CREATE: \"create\", PREVIEW: \"preview\" };\n\nexport const RESPONSIVE_DEVICES = {\n  DESKTOP: \"desktop\",\n  TABLET: \"tablet\",\n  MOBILE: \"mobile\",\n};\n","import { Typography } from \"@bigbinary/neeto-atoms\";\nimport { noop } from \"neetocist\";\n\nconst BlankCard = ({\n  icon: Icon,\n  title,\n  description,\n  onClick = noop,\n  disabled = false,\n}) => (\n  <div\n    className=\"bg-background hover:bg-background border-foreground flex cursor-pointer flex-col items-center justify-center rounded-lg border border-dashed p-6 outline-none transition-all duration-300 ease-in-out hover:border-solid focus:border-solid\"\n    data-testid=\"start-from-scratch-button\"\n    tabIndex={0}\n    onClick={!disabled ? onClick : noop}\n  >\n    <div className=\"text-primary mb-4\">\n      <Icon size={40} />\n    </div>\n    <Typography\n      className=\"text-center leading-normal\"\n      variant=\"h6\"\n      weight=\"semibold\"\n    >\n      {title}\n    </Typography>\n    <Typography\n      className=\"text-muted-foreground text-center leading-4\"\n      variant=\"body3\"\n    >\n      {description}\n    </Typography>\n  </div>\n);\n\nexport default BlankCard;\n","import { Typography } from \"@bigbinary/neeto-atoms\";\nimport { CLOUDFRONT_BASE_URL } from \"neetocommons/v2/constants\";\n\nconst Card = ({ template, onClick }) => (\n  <div\n    {...{ onClick }}\n    className=\"neeto-template neeto-template-thumbnail bg-background border-border hover:border-ring focus:border-ring flex cursor-pointer flex-col overflow-hidden rounded-lg border outline-none transition-colors duration-300 ease-in-out\"\n    data-testid=\"template-card\"\n    tabIndex={0}\n  >\n    <div className=\"neeto-template__header relative overflow-hidden\">\n      <img\n        className=\"neeto-template__image\"\n        data-testid=\"template-thumbnail-image\"\n        src={\n          template.imageUrl ||\n          `${CLOUDFRONT_BASE_URL}/images/neetoForm/default-form-template.svg`\n        }\n      />\n    </div>\n    <div className=\"neeto-template__description bg-background flex items-center justify-between gap-2 rounded-b-lg px-3 py-1.5\">\n      <Typography\n        className=\"neeto-template-thumbnail__title line-clamp-2 leading-normal\"\n        data-testid=\"template-card-title\"\n        variant=\"h6\"\n        weight=\"medium\"\n      >\n        {template.title}\n      </Typography>\n    </div>\n  </div>\n);\n\nexport default Card;\n","import classnames from \"classnames\";\nimport { joinHyphenCase } from \"neetocommons/v2/utils\";\n\nconst CategoryItem = ({ label, count, isActive, setCurrentCategory }) => (\n  <button\n    data-testid={`category-${joinHyphenCase(label)}`}\n    tabIndex={0}\n    className={classnames(\n      \"flex w-full items-center justify-between gap-2 rounded-lg border border-solid px-3 py-2 text-sm font-medium leading-4 outline-none transition-all duration-300 ease-in-out\",\n      {\n        \"text-muted-foreground hover:bg-muted focus:bg-muted border-transparent\":\n          !isActive,\n        \"text-foreground bg-background border-border focus:border-ring\":\n          isActive,\n      }\n    )}\n    onClick={setCurrentCategory}\n  >\n    <span className=\"text-start\">{label}</span>\n    <span>{count}</span>\n  </button>\n);\n\nexport default CategoryItem;\n","import { useState } from \"react\";\n\nimport { Spinner, Typography, Accordion } from \"@bigbinary/neeto-atoms\";\nimport { isPresent, capitalize } from \"neetocist\";\nimport { globalProps } from \"neetocommons/v2/initializers\";\nimport { Neeto } from \"neetoicons/typeface-logos\";\nimport * as ProductTypefaceLogos from \"neetoicons/typeface-logos\";\nimport HelpPopover from \"neetomolecules/v2/HelpPopover\";\nimport Search from \"neetomolecules/v2/Search\";\nimport { useTranslation } from \"react-i18next\";\nimport useInfiniteScroll from \"react-infinite-scroll-hook\";\n\nimport CustomSVG from \"assets/dashboard/custom\";\nimport { useFetchTemplates } from \"v2/hooks/reactQuery/useTemplatesApi\";\n\nimport BlankCard from \"./BlankCard\";\nimport Card from \"./Card\";\nimport CategoryItem from \"./CategoryItem\";\nimport {\n  DEFAULT_CATEGORY,\n  INFINITE_SCROLL_DELAY,\n  TEMPLATE_SCREENS,\n} from \"./constants\";\n\nconst List = ({\n  setCurrentScreen,\n  setSelectedTemplate,\n  onCreate,\n  isCreating,\n  afterCreate,\n  refetchResource,\n  titleHelpPopoverProps,\n  title,\n  description,\n}) => {\n  const { t } = useTranslation();\n\n  const productName = globalProps.appName.substr(5);\n  const logoName = `Neeto${capitalize(productName.toLowerCase())}`;\n  const ProductTypefaceLogo = ProductTypefaceLogos[logoName] ?? Neeto;\n\n  const [currentCategory, setCurrentCategory] = useState(DEFAULT_CATEGORY);\n  const [searchTerm, setSearchTerm] = useState(\"\");\n\n  const {\n    hasNextPage = false,\n    fetchNextPage,\n    isLoading: isTemplatesLoading,\n    data = {},\n  } = useFetchTemplates({ searchTerm, category: currentCategory });\n\n  const [sentryRef, { rootRef }] = useInfiniteScroll({\n    loading: isTemplatesLoading,\n    hasNextPage,\n    onLoadMore: fetchNextPage,\n    rootMargin: \"0px 0px 700px 0px\",\n    delayInMs: INFINITE_SCROLL_DELAY,\n  });\n\n  const handleCardClick = template => {\n    setCurrentScreen(TEMPLATE_SCREENS.PREVIEW);\n    setSelectedTemplate(template);\n  };\n\n  if (isTemplatesLoading) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  const { tags = [], templates = [], templatesCount = 0 } = data;\n\n  const categories = [{ ...DEFAULT_CATEGORY, count: templatesCount }, ...tags];\n\n  return (\n    <div className=\"bg-muted relative flex flex-col items-start md:min-h-full md:flex-row\">\n      <div className=\"w-full shrink-0 space-y-6 p-6 xl:p-10 md:sticky md:start-0 md:top-0 md:h-screen md:w-72 md:space-y-10 md:overflow-y-auto lg:w-80\">\n        <ProductTypefaceLogo className=\"h-9 w-auto max-w-full\" />\n        <div>\n          <Accordion collapsible className=\"md:hidden\">\n            <Accordion.Item title={t(\"neetoTemplate.templates.categories\")}>\n              {categories.map(({ id, name, count }) => (\n                <CategoryItem\n                  {...{ count }}\n                  isActive={currentCategory.id === id}\n                  key={id}\n                  label={name}\n                  setCurrentCategory={() => setCurrentCategory({ id, name })}\n                />\n              ))}\n            </Accordion.Item>\n          </Accordion>\n          <div className=\"hidden md:flex md:flex-col\">\n            <Typography\n              className=\"mb-4\"\n              data-testid=\"template-categories-label\"\n              variant=\"h5\"\n              weight=\"semibold\"\n            >\n              {t(\"neetoTemplate.templates.categories\")}\n            </Typography>\n            <div className=\"flex flex-col gap-2\">\n              {categories.map(({ id, name, count }) => (\n                <CategoryItem\n                  {...{ count }}\n                  isActive={currentCategory.id === id}\n                  key={id}\n                  label={name}\n                  setCurrentCategory={() => setCurrentCategory({ id, name })}\n                />\n              ))}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div\n        className=\"md:h-screen w-full p-6 md:overflow-y-auto xl:p-10\"\n        ref={rootRef}\n      >\n        <div className=\"flex flex-col mb-10\">\n          <div className=\"flex gap-1.5 items-center\">\n            <Typography\n              className=\"mb-2\"\n              data-testid=\"create-new-form-title\"\n              variant=\"h2\"\n            >\n              {title || t(\"neetoTemplate.templates.createNewEntity\")}\n            </Typography>\n            {isPresent(titleHelpPopoverProps) && (\n              <HelpPopover {...titleHelpPopoverProps} side=\"top\" />\n            )}\n          </div>\n          <Typography className=\"mb-6 leading-normal\" variant=\"body1\">\n            {description || t(\"neetoTemplate.templates.description\")}\n          </Typography>\n          <Search\n            autoFocus\n            disableTrimOnBlur\n            data-testid=\"template-search-input\"\n            placeholder={t(\"neetoTemplate.templates.search\")}\n            size=\"large\"\n            onSearch={value => setSearchTerm(value)}\n          />\n        </div>\n        <div className=\"grow space-y-6\">\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 lg:gap-5 xl:gap-6 2xl:grid-cols-4\">\n            <BlankCard\n              description={t(\"neetoTemplate.templates.blankCard.description\")}\n              disabled={isCreating}\n              icon={isCreating ? Spinner : CustomSVG}\n              title={t(\"neetoTemplate.templates.blankCard.title\")}\n              onClick={onCreate}\n            />\n            {templates.map((template, index) => (\n              <Card\n                {...{ afterCreate, refetchResource, template }}\n                key={index}\n                onClick={() => handleCardClick(template)}\n              />\n            ))}\n          </div>\n          {hasNextPage && (\n            <div className=\"my-10 text-center\" ref={sentryRef}>\n              <Spinner />\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default List;\n","import { useState } from \"react\";\n\nimport { Button, Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { useBreakpoints } from \"neetocommons/v2/react-utils\";\nimport ResponsiveDevicePicker from \"neetomolecules/v2/ResponsiveDevicePicker\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateTemplate } from \"v2/hooks/reactQuery/useTemplatesApi\";\n\nimport { TEMPLATE_SCREENS, RESPONSIVE_DEVICES } from \"./constants\";\n\nconst Preview = ({\n  selectedTemplate,\n  setCurrentScreen,\n  afterCreate,\n  refetchResource,\n}) => {\n  const { t } = useTranslation();\n\n  const { isSize } = useBreakpoints();\n\n  const { mutate: createTemplate, isPending: isCreating } = useCreateTemplate();\n\n  const [selectedDevice, setSelectedDevice] = useState(\n    RESPONSIVE_DEVICES.DESKTOP\n  );\n\n  const handleCreateTemplate = () => {\n    createTemplate(\n      { id: selectedTemplate.id },\n      {\n        onSuccess: response => {\n          afterCreate(response);\n          refetchResource();\n        },\n      }\n    );\n  };\n\n  const { title, previewUrl } = selectedTemplate;\n\n  return (\n    <div className=\"neeto-templates-full-page-preview flex h-full w-full flex-col\">\n      <div className=\"neeto-templates-full-page-preview__header border-border border-b px-4\">\n        <div className=\"mx-auto flex w-full max-w-6xl items-center justify-between py-[9px]\">\n          <div className=\"w-1/3\">\n            <Typography\n              className=\"truncate leading-tight\"\n              data-testid=\"preview-template-title\"\n              variant=\"h5\"\n              weight=\"semibold\"\n            >\n              {title}\n            </Typography>\n          </div>\n          <div className=\"hidden shrink-0 lg:flex\">\n            <ResponsiveDevicePicker\n              {...{ selectedDevice }}\n              onDeviceChange={setSelectedDevice}\n            />\n          </div>\n          <div className=\"flex w-1/3 items-center justify-end gap-2\">\n            <Button\n              className=\"shrink-0\"\n              data-testid=\"preview-template-back-button\"\n              variant=\"outline\"\n              label={\n                isSize(\"mobile\")\n                  ? t(\"neetoTemplate.templates.back\")\n                  : t(\"neetoTemplate.templates.backToTemplates\")\n              }\n              onClick={() => setCurrentScreen(TEMPLATE_SCREENS.LIST)}\n            />\n            <Button\n              className=\"shrink-0\"\n              data-testid=\"preview-use-template-button\"\n              disabled={isCreating}\n              label={t(\"neetoTemplate.templates.editTemplate\")}\n              loading={isCreating}\n              onClick={handleCreateTemplate}\n            />\n          </div>\n        </div>\n      </div>\n      <div className=\"bg-muted neeto-templates-full-page-preview__holder-wrapper min-h-0 grow\">\n        <div\n          className={classnames(\n            \"neeto-templates-full-page-preview__holder m-auto\",\n            {\n              \"neeto-templates-full-page-preview__holder--desktop\":\n                selectedDevice === RESPONSIVE_DEVICES.DESKTOP,\n              \"neeto-templates-full-page-preview__holder--tablet\":\n                selectedDevice === RESPONSIVE_DEVICES.TABLET,\n              \"neeto-templates-full-page-preview__holder--mobile\":\n                selectedDevice === RESPONSIVE_DEVICES.MOBILE,\n            }\n          )}\n        >\n          <div className=\"neeto-templates-full-page-preview__device-border h-full w-full\">\n            <iframe\n              className=\"neeto-templates-full-page-preview__iframe h-full w-full border-none\"\n              data-testid=\"iframe-id\"\n              src={previewUrl}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\nexport default Preview;\n","import { useState } from \"react\";\n\nimport { Dialog } from \"@bigbinary/neeto-atoms\";\nimport { noop } from \"neetocist\";\nimport { useTranslation } from \"react-i18next\";\n\n// eslint-disable-next-line import/extensions\nimport \"stylesheets/application.css\";\n\nimport { TEMPLATE_SCREENS } from \"./constants\";\nimport List from \"./List\";\nimport Preview from \"./Preview\";\n\nconst CreateTemplateModal = ({\n  isOpen,\n  onClose,\n  isCreating,\n  refetchResource,\n  onCreate = noop,\n  afterCreate = noop,\n  titleHelpPopoverProps = {},\n  title,\n  description,\n}) => {\n  const { t } = useTranslation();\n  const [currentScreen, setCurrentScreen] = useState(TEMPLATE_SCREENS.LIST);\n  const [selectedTemplate, setSelectedTemplate] = useState({});\n\n  const onModalClose = () => {\n    onClose();\n    setTimeout(() => {\n      setCurrentScreen(TEMPLATE_SCREENS.LIST);\n    }, 300); //To accommodate the animation duration.\n  };\n\n  return (\n    <Dialog\n      {...{ isOpen }}\n      className=\"neeto-template-list block h-screen w-screen gap-0 overflow-y-auto p-0\"\n      closeButton={currentScreen === TEMPLATE_SCREENS.LIST}\n      size=\"fullScreen\"\n      onClose={onModalClose}\n    >\n      <Dialog.Header className=\"sr-only\">\n        <Dialog.Title>\n          {title || t(\"neetoTemplate.templates.createNewEntity\")}\n        </Dialog.Title>\n      </Dialog.Header>\n      <Dialog.Body className=\"h-full w-full\">\n        {currentScreen === TEMPLATE_SCREENS.LIST ? (\n          <List\n            {...{\n              afterCreate,\n              description,\n              isCreating,\n              onCreate,\n              refetchResource,\n              setCurrentScreen,\n              setSelectedTemplate,\n              title,\n              titleHelpPopoverProps,\n            }}\n          />\n        ) : (\n          <Preview\n            {...{\n              afterCreate,\n              refetchResource,\n              selectedTemplate,\n              setCurrentScreen,\n            }}\n          />\n        )}\n      </Dialog.Body>\n    </Dialog>\n  );\n};\n\nexport default CreateTemplateModal;\n"],"names":["TEMPLATE_SCREENS","LIST","PREVIEW","DEFAULT_CATEGORY","id","name","INFINITE_SCROLL_DELAY","RESPONSIVE_DEVICES","DESKTOP","TABLET","MOBILE","BlankCard","_ref","Icon","icon","title","description","_ref$onClick","onClick","noop","_ref$disabled","disabled","_jsxs","className","tabIndex","children","_jsx","size","Typography","variant","weight","Card","template","src","imageUrl","concat","CLOUDFRONT_BASE_URL","CategoryItem","label","count","isActive","setCurrentCategory","joinHyphenCase","classnames","List","_ProductTypefaceLogos","setCurrentScreen","setSelectedTemplate","onCreate","isCreating","afterCreate","refetchResource","titleHelpPopoverProps","_useTranslation","useTranslation","t","productName","globalProps","appName","substr","logoName","capitalize","toLowerCase","ProductTypefaceLogo","ProductTypefaceLogos","Neeto","_useState","useState","_useState2","_slicedToArray","currentCategory","_useState3","_useState4","searchTerm","setSearchTerm","_useFetchTemplates","useFetchTemplates","category","_useFetchTemplates$ha","hasNextPage","fetchNextPage","isTemplatesLoading","isLoading","_useFetchTemplates$da","data","_useInfiniteScroll","useInfiniteScroll","loading","onLoadMore","rootMargin","delayInMs","_useInfiniteScroll2","sentryRef","rootRef","handleCardClick","Spinner","_data$tags","tags","_data$templates","templates","_data$templatesCount","templatesCount","categories","_objectSpread","_toConsumableArray","Accordion","collapsible","Item","map","_ref2","_createElement","key","_ref3","ref","isPresent","HelpPopover","side","Search","autoFocus","disableTrimOnBlur","placeholder","onSearch","value","CustomSVG","index","Preview","selectedTemplate","_useBreakpoints","useBreakpoints","isSize","_useCreateTemplate","useCreateTemplate","createTemplate","mutate","isPending","selectedDevice","setSelectedDevice","handleCreateTemplate","onSuccess","response","previewUrl","ResponsiveDevicePicker","onDeviceChange","Button","CreateTemplateModal","isOpen","onClose","_ref$onCreate","_ref$afterCreate","_ref$titleHelpPopover","currentScreen","onModalClose","setTimeout","Dialog","closeButton","Header","Title","Body"],"mappings":"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"}

package/dist/cjs/v2/index.js

@@ -10,6 +10,7 @@ require('@babel/runtime/helpers/slicedToArray');
 require('react');
 require('@bigbinary/neeto-atoms');
 require('@bigbinary/neeto-cist');
+require('react-i18next');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/toConsumableArray');
 require('@bigbinary/neeto-commons-frontend/v2/initializers');
@@ -17,7 +18,6 @@ require('@bigbinary/neeto-icons/typeface-logos/Neeto');
 require('@bigbinary/neeto-icons/typeface-logos');
 require('@bigbinary/neeto-molecules/v2/HelpPopover');
 require('@bigbinary/neeto-molecules/v2/Search');
-require('react-i18next');
 require('../../custom-B69ooaxC.js');
 require('../../useTemplatesApi-CFO1OLfz.js');
 require('@bigbinary/neeto-tags-frontend/v2/utils');

package/dist/v2/CreateTemplateModal.js

@@ -2,6 +2,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useState, createElement } from 'react';
 import { Typography, Spinner, Accordion, Button, Dialog } from '@bigbinary/neeto-atoms';
 import { noop, capitalize, isPresent } from '@bigbinary/neeto-cist';
+import { useTranslation } from 'react-i18next';
 import '../templates-Dmrt7dnT.js';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
@@ -10,7 +11,6 @@ import Neeto from '@bigbinary/neeto-icons/typeface-logos/Neeto';
 import * as ProductTypefaceLogos from '@bigbinary/neeto-icons/typeface-logos';
 import HelpPopover from '@bigbinary/neeto-molecules/v2/HelpPopover';
 import Search from '@bigbinary/neeto-molecules/v2/Search';
-import { useTranslation } from 'react-i18next';
 import { u as useInfiniteScroll, S as SvgCustom } from '../custom-Y7OHRaLC.js';
 import { u as useFetchTemplates, a as useCreateTemplate } from '../useTemplatesApi-DSXELHFU.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -61,7 +61,7 @@ var BlankCard = function BlankCard(_ref) {
       })
     }), /*#__PURE__*/jsx(Typography, {
       className: "text-center leading-normal",
-      variant: "h5",
+      variant: "h6",
       weight: "semibold",
       children: title
     }), /*#__PURE__*/jsx(Typography, {
@@ -92,7 +92,7 @@ var Card = function Card(_ref) {
       children: /*#__PURE__*/jsx(Typography, {
         className: "neeto-template-thumbnail__title line-clamp-2 leading-normal",
         "data-testid": "template-card-title",
-        variant: "h5",
+        variant: "h6",
         weight: "medium",
         children: template.title
       })
@@ -193,55 +193,58 @@ var List = function List(_ref) {
       className: "w-full shrink-0 space-y-6 p-6 xl:p-10 md:sticky md:start-0 md:top-0 md:h-screen md:w-72 md:space-y-10 md:overflow-y-auto lg:w-80",
       children: [/*#__PURE__*/jsx(ProductTypefaceLogo, {
         className: "h-9 w-auto max-w-full"
-      }), /*#__PURE__*/jsx(Accordion, {
-        className: "md:hidden",
-        children: /*#__PURE__*/jsx(Accordion.Item, {
-          title: t("neetoTemplate.templates.categories"),
-          children: categories.map(function (_ref2) {
-            var id = _ref2.id,
-              name = _ref2.name,
-              count = _ref2.count;
-            return /*#__PURE__*/createElement(CategoryItem, {
-              count: count,
-              isActive: currentCategory.id === id,
-              key: id,
-              label: name,
-              setCurrentCategory: function setCurrentCategory() {
-                return _setCurrentCategory({
-                  id: id,
-                  name: name
-                });
-              }
-            });
-          })
-        })
       }), /*#__PURE__*/jsxs("div", {
-        className: "hidden md:flex md:flex-col",
-        children: [/*#__PURE__*/jsx(Typography, {
-          className: "mb-4",
-          "data-testid": "template-categories-label",
-          variant: "h3",
-          weight: "semibold",
-          children: t("neetoTemplate.templates.categories")
-        }), /*#__PURE__*/jsx("div", {
-          className: "flex flex-col gap-2",
-          children: categories.map(function (_ref3) {
-            var id = _ref3.id,
-              name = _ref3.name,
-              count = _ref3.count;
-            return /*#__PURE__*/createElement(CategoryItem, {
-              count: count,
-              isActive: currentCategory.id === id,
-              key: id,
-              label: name,
-              setCurrentCategory: function setCurrentCategory() {
-                return _setCurrentCategory({
-                  id: id,
-                  name: name
-                });
-              }
-            });
+        children: [/*#__PURE__*/jsx(Accordion, {
+          collapsible: true,
+          className: "md:hidden",
+          children: /*#__PURE__*/jsx(Accordion.Item, {
+            title: t("neetoTemplate.templates.categories"),
+            children: categories.map(function (_ref2) {
+              var id = _ref2.id,
+                name = _ref2.name,
+                count = _ref2.count;
+              return /*#__PURE__*/createElement(CategoryItem, {
+                count: count,
+                isActive: currentCategory.id === id,
+                key: id,
+                label: name,
+                setCurrentCategory: function setCurrentCategory() {
+                  return _setCurrentCategory({
+                    id: id,
+                    name: name
+                  });
+                }
+              });
+            })
           })
+        }), /*#__PURE__*/jsxs("div", {
+          className: "hidden md:flex md:flex-col",
+          children: [/*#__PURE__*/jsx(Typography, {
+            className: "mb-4",
+            "data-testid": "template-categories-label",
+            variant: "h5",
+            weight: "semibold",
+            children: t("neetoTemplate.templates.categories")
+          }), /*#__PURE__*/jsx("div", {
+            className: "flex flex-col gap-2",
+            children: categories.map(function (_ref3) {
+              var id = _ref3.id,
+                name = _ref3.name,
+                count = _ref3.count;
+              return /*#__PURE__*/createElement(CategoryItem, {
+                count: count,
+                isActive: currentCategory.id === id,
+                key: id,
+                label: name,
+                setCurrentCategory: function setCurrentCategory() {
+                  return _setCurrentCategory({
+                    id: id,
+                    name: name
+                  });
+                }
+              });
+            })
+          })]
         })]
       })]
     }), /*#__PURE__*/jsxs("div", {
@@ -254,7 +257,7 @@ var List = function List(_ref) {
           children: [/*#__PURE__*/jsx(Typography, {
             className: "mb-2",
             "data-testid": "create-new-form-title",
-            variant: "h1",
+            variant: "h2",
             children: title || t("neetoTemplate.templates.createNewEntity")
           }), isPresent(titleHelpPopoverProps) && /*#__PURE__*/jsx(HelpPopover, _objectSpread(_objectSpread({}, titleHelpPopoverProps), {}, {
             side: "top"
@@ -343,7 +346,7 @@ var Preview = function Preview(_ref) {
           children: /*#__PURE__*/jsx(Typography, {
             className: "truncate leading-tight",
             "data-testid": "preview-template-title",
-            variant: "h3",
+            variant: "h5",
             weight: "semibold",
             children: title
           })
@@ -407,6 +410,8 @@ var CreateTemplateModal = function CreateTemplateModal(_ref) {
     titleHelpPopoverProps = _ref$titleHelpPopover === void 0 ? {} : _ref$titleHelpPopover,
     title = _ref.title,
     description = _ref.description;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var _useState = useState(TEMPLATE_SCREENS.LIST),
     _useState2 = _slicedToArray(_useState, 2),
     currentScreen = _useState2[0],
@@ -421,13 +426,18 @@ var CreateTemplateModal = function CreateTemplateModal(_ref) {
       setCurrentScreen(TEMPLATE_SCREENS.LIST);
     }, 300); //To accommodate the animation duration.
   };
-  return /*#__PURE__*/jsx(Dialog, {
+  return /*#__PURE__*/jsxs(Dialog, {
     isOpen: isOpen,
     className: "neeto-template-list block h-screen w-screen gap-0 overflow-y-auto p-0",
     closeButton: currentScreen === TEMPLATE_SCREENS.LIST,
     size: "fullScreen",
     onClose: onModalClose,
-    children: /*#__PURE__*/jsx(Dialog.Body, {
+    children: [/*#__PURE__*/jsx(Dialog.Header, {
+      className: "sr-only",
+      children: /*#__PURE__*/jsx(Dialog.Title, {
+        children: title || t("neetoTemplate.templates.createNewEntity")
+      })
+    }), /*#__PURE__*/jsx(Dialog.Body, {
       className: "h-full w-full",
       children: currentScreen === TEMPLATE_SCREENS.LIST ? /*#__PURE__*/jsx(List, {
         afterCreate: afterCreate,
@@ -445,7 +455,7 @@ var CreateTemplateModal = function CreateTemplateModal(_ref) {
         selectedTemplate: selectedTemplate,
         setCurrentScreen: setCurrentScreen
       })
-    })
+    })]
   });
 };
 

package/dist/v2/CreateTemplateModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateTemplateModal.js","sources":["../../app/javascript/src/v2/components/CreateTemplateModal/constants.js","../../app/javascript/src/v2/components/CreateTemplateModal/BlankCard.jsx","../../app/javascript/src/v2/components/CreateTemplateModal/Card.jsx","../../app/javascript/src/v2/components/CreateTemplateModal/CategoryItem.jsx","../../app/javascript/src/v2/components/CreateTemplateModal/List.jsx","../../app/javascript/src/v2/components/CreateTemplateModal/Preview.jsx","../../app/javascript/src/v2/components/CreateTemplateModal/index.jsx"],"sourcesContent":["export const TEMPLATE_SCREENS = { LIST: \"List\", PREVIEW: \"Preview\" };\n\nexport const DEFAULT_CATEGORY = { id: \"all\", name: \"All\" };\n\nexport const INFINITE_SCROLL_DELAY = 500;\n\nexport const MENU_ITEMS = { CREATE: \"create\", PREVIEW: \"preview\" };\n\nexport const RESPONSIVE_DEVICES = {\n  DESKTOP: \"desktop\",\n  TABLET: \"tablet\",\n  MOBILE: \"mobile\",\n};\n","import { Typography } from \"@bigbinary/neeto-atoms\";\nimport { noop } from \"neetocist\";\n\nconst BlankCard = ({\n  icon: Icon,\n  title,\n  description,\n  onClick = noop,\n  disabled = false,\n}) => (\n  <div\n    className=\"bg-background hover:bg-background border-foreground flex cursor-pointer flex-col items-center justify-center rounded-lg border border-dashed p-6 outline-none transition-all duration-300 ease-in-out hover:border-solid focus:border-solid\"\n    data-testid=\"start-from-scratch-button\"\n    tabIndex={0}\n    onClick={!disabled ? onClick : noop}\n  >\n    <div className=\"text-primary mb-4\">\n      <Icon size={40} />\n    </div>\n    <Typography\n      className=\"text-center leading-normal\"\n      variant=\"h5\"\n      weight=\"semibold\"\n    >\n      {title}\n    </Typography>\n    <Typography\n      className=\"text-muted-foreground text-center leading-4\"\n      variant=\"body3\"\n    >\n      {description}\n    </Typography>\n  </div>\n);\n\nexport default BlankCard;\n","import { Typography } from \"@bigbinary/neeto-atoms\";\nimport { CLOUDFRONT_BASE_URL } from \"neetocommons/v2/constants\";\n\nconst Card = ({ template, onClick }) => (\n  <div\n    {...{ onClick }}\n    className=\"neeto-template neeto-template-thumbnail bg-background border-border hover:border-ring focus:border-ring flex cursor-pointer flex-col overflow-hidden rounded-lg border outline-none transition-colors duration-300 ease-in-out\"\n    data-testid=\"template-card\"\n    tabIndex={0}\n  >\n    <div className=\"neeto-template__header relative overflow-hidden\">\n      <img\n        className=\"neeto-template__image\"\n        data-testid=\"template-thumbnail-image\"\n        src={\n          template.imageUrl ||\n          `${CLOUDFRONT_BASE_URL}/images/neetoForm/default-form-template.svg`\n        }\n      />\n    </div>\n    <div className=\"neeto-template__description bg-background flex items-center justify-between gap-2 rounded-b-lg px-3 py-1.5\">\n      <Typography\n        className=\"neeto-template-thumbnail__title line-clamp-2 leading-normal\"\n        data-testid=\"template-card-title\"\n        variant=\"h5\"\n        weight=\"medium\"\n      >\n        {template.title}\n      </Typography>\n    </div>\n  </div>\n);\n\nexport default Card;\n","import classnames from \"classnames\";\nimport { joinHyphenCase } from \"neetocommons/v2/utils\";\n\nconst CategoryItem = ({ label, count, isActive, setCurrentCategory }) => (\n  <button\n    data-testid={`category-${joinHyphenCase(label)}`}\n    tabIndex={0}\n    className={classnames(\n      \"flex w-full items-center justify-between gap-2 rounded-lg border border-solid px-3 py-2 text-sm font-medium leading-4 outline-none transition-all duration-300 ease-in-out\",\n      {\n        \"text-muted-foreground hover:bg-muted focus:bg-muted border-transparent\":\n          !isActive,\n        \"text-foreground bg-background border-border focus:border-ring\":\n          isActive,\n      }\n    )}\n    onClick={setCurrentCategory}\n  >\n    <span className=\"text-start\">{label}</span>\n    <span>{count}</span>\n  </button>\n);\n\nexport default CategoryItem;\n","import { useState } from \"react\";\n\nimport { Spinner, Typography, Accordion } from \"@bigbinary/neeto-atoms\";\nimport { isPresent, capitalize } from \"neetocist\";\nimport { globalProps } from \"neetocommons/v2/initializers\";\nimport { Neeto } from \"neetoicons/typeface-logos\";\nimport * as ProductTypefaceLogos from \"neetoicons/typeface-logos\";\nimport HelpPopover from \"neetomolecules/v2/HelpPopover\";\nimport Search from \"neetomolecules/v2/Search\";\nimport { useTranslation } from \"react-i18next\";\nimport useInfiniteScroll from \"react-infinite-scroll-hook\";\n\nimport CustomSVG from \"assets/dashboard/custom\";\nimport { useFetchTemplates } from \"v2/hooks/reactQuery/useTemplatesApi\";\n\nimport BlankCard from \"./BlankCard\";\nimport Card from \"./Card\";\nimport CategoryItem from \"./CategoryItem\";\nimport {\n  DEFAULT_CATEGORY,\n  INFINITE_SCROLL_DELAY,\n  TEMPLATE_SCREENS,\n} from \"./constants\";\n\nconst List = ({\n  setCurrentScreen,\n  setSelectedTemplate,\n  onCreate,\n  isCreating,\n  afterCreate,\n  refetchResource,\n  titleHelpPopoverProps,\n  title,\n  description,\n}) => {\n  const { t } = useTranslation();\n\n  const productName = globalProps.appName.substr(5);\n  const logoName = `Neeto${capitalize(productName.toLowerCase())}`;\n  const ProductTypefaceLogo = ProductTypefaceLogos[logoName] ?? Neeto;\n\n  const [currentCategory, setCurrentCategory] = useState(DEFAULT_CATEGORY);\n  const [searchTerm, setSearchTerm] = useState(\"\");\n\n  const {\n    hasNextPage = false,\n    fetchNextPage,\n    isLoading: isTemplatesLoading,\n    data = {},\n  } = useFetchTemplates({ searchTerm, category: currentCategory });\n\n  const [sentryRef, { rootRef }] = useInfiniteScroll({\n    loading: isTemplatesLoading,\n    hasNextPage,\n    onLoadMore: fetchNextPage,\n    rootMargin: \"0px 0px 700px 0px\",\n    delayInMs: INFINITE_SCROLL_DELAY,\n  });\n\n  const handleCardClick = template => {\n    setCurrentScreen(TEMPLATE_SCREENS.PREVIEW);\n    setSelectedTemplate(template);\n  };\n\n  if (isTemplatesLoading) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  const { tags = [], templates = [], templatesCount = 0 } = data;\n\n  const categories = [{ ...DEFAULT_CATEGORY, count: templatesCount }, ...tags];\n\n  return (\n    <div className=\"bg-muted relative flex flex-col items-start md:min-h-full md:flex-row\">\n      <div className=\"w-full shrink-0 space-y-6 p-6 xl:p-10 md:sticky md:start-0 md:top-0 md:h-screen md:w-72 md:space-y-10 md:overflow-y-auto lg:w-80\">\n        <ProductTypefaceLogo className=\"h-9 w-auto max-w-full\" />\n        <Accordion className=\"md:hidden\">\n          <Accordion.Item title={t(\"neetoTemplate.templates.categories\")}>\n            {categories.map(({ id, name, count }) => (\n              <CategoryItem\n                {...{ count }}\n                isActive={currentCategory.id === id}\n                key={id}\n                label={name}\n                setCurrentCategory={() => setCurrentCategory({ id, name })}\n              />\n            ))}\n          </Accordion.Item>\n        </Accordion>\n        <div className=\"hidden md:flex md:flex-col\">\n          <Typography\n            className=\"mb-4\"\n            data-testid=\"template-categories-label\"\n            variant=\"h3\"\n            weight=\"semibold\"\n          >\n            {t(\"neetoTemplate.templates.categories\")}\n          </Typography>\n          <div className=\"flex flex-col gap-2\">\n            {categories.map(({ id, name, count }) => (\n              <CategoryItem\n                {...{ count }}\n                isActive={currentCategory.id === id}\n                key={id}\n                label={name}\n                setCurrentCategory={() => setCurrentCategory({ id, name })}\n              />\n            ))}\n          </div>\n        </div>\n      </div>\n      <div\n        className=\"md:h-screen w-full p-6 md:overflow-y-auto xl:p-10\"\n        ref={rootRef}\n      >\n        <div className=\"flex flex-col mb-10\">\n          <div className=\"flex gap-1.5 items-center\">\n            <Typography\n              className=\"mb-2\"\n              data-testid=\"create-new-form-title\"\n              variant=\"h1\"\n            >\n              {title || t(\"neetoTemplate.templates.createNewEntity\")}\n            </Typography>\n            {isPresent(titleHelpPopoverProps) && (\n              <HelpPopover {...titleHelpPopoverProps} side=\"top\" />\n            )}\n          </div>\n          <Typography className=\"mb-6 leading-normal\" variant=\"body1\">\n            {description || t(\"neetoTemplate.templates.description\")}\n          </Typography>\n          <Search\n            autoFocus\n            disableTrimOnBlur\n            data-testid=\"template-search-input\"\n            placeholder={t(\"neetoTemplate.templates.search\")}\n            size=\"large\"\n            onSearch={value => setSearchTerm(value)}\n          />\n        </div>\n        <div className=\"grow space-y-6\">\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 lg:gap-5 xl:gap-6 2xl:grid-cols-4\">\n            <BlankCard\n              description={t(\"neetoTemplate.templates.blankCard.description\")}\n              disabled={isCreating}\n              icon={isCreating ? Spinner : CustomSVG}\n              title={t(\"neetoTemplate.templates.blankCard.title\")}\n              onClick={onCreate}\n            />\n            {templates.map((template, index) => (\n              <Card\n                {...{ afterCreate, refetchResource, template }}\n                key={index}\n                onClick={() => handleCardClick(template)}\n              />\n            ))}\n          </div>\n          {hasNextPage && (\n            <div className=\"my-10 text-center\" ref={sentryRef}>\n              <Spinner />\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default List;\n","import { useState } from \"react\";\n\nimport { Button, Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { useBreakpoints } from \"neetocommons/v2/react-utils\";\nimport ResponsiveDevicePicker from \"neetomolecules/v2/ResponsiveDevicePicker\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateTemplate } from \"v2/hooks/reactQuery/useTemplatesApi\";\n\nimport { TEMPLATE_SCREENS, RESPONSIVE_DEVICES } from \"./constants\";\n\nconst Preview = ({\n  selectedTemplate,\n  setCurrentScreen,\n  afterCreate,\n  refetchResource,\n}) => {\n  const { t } = useTranslation();\n\n  const { isSize } = useBreakpoints();\n\n  const { mutate: createTemplate, isPending: isCreating } = useCreateTemplate();\n\n  const [selectedDevice, setSelectedDevice] = useState(\n    RESPONSIVE_DEVICES.DESKTOP\n  );\n\n  const handleCreateTemplate = () => {\n    createTemplate(\n      { id: selectedTemplate.id },\n      {\n        onSuccess: response => {\n          afterCreate(response);\n          refetchResource();\n        },\n      }\n    );\n  };\n\n  const { title, previewUrl } = selectedTemplate;\n\n  return (\n    <div className=\"neeto-templates-full-page-preview flex h-full w-full flex-col\">\n      <div className=\"neeto-templates-full-page-preview__header border-border border-b px-4\">\n        <div className=\"mx-auto flex w-full max-w-6xl items-center justify-between py-[9px]\">\n          <div className=\"w-1/3\">\n            <Typography\n              className=\"truncate leading-tight\"\n              data-testid=\"preview-template-title\"\n              variant=\"h3\"\n              weight=\"semibold\"\n            >\n              {title}\n            </Typography>\n          </div>\n          <div className=\"hidden shrink-0 lg:flex\">\n            <ResponsiveDevicePicker\n              {...{ selectedDevice }}\n              onDeviceChange={setSelectedDevice}\n            />\n          </div>\n          <div className=\"flex w-1/3 items-center justify-end gap-2\">\n            <Button\n              className=\"shrink-0\"\n              data-testid=\"preview-template-back-button\"\n              variant=\"outline\"\n              label={\n                isSize(\"mobile\")\n                  ? t(\"neetoTemplate.templates.back\")\n                  : t(\"neetoTemplate.templates.backToTemplates\")\n              }\n              onClick={() => setCurrentScreen(TEMPLATE_SCREENS.LIST)}\n            />\n            <Button\n              className=\"shrink-0\"\n              data-testid=\"preview-use-template-button\"\n              disabled={isCreating}\n              label={t(\"neetoTemplate.templates.editTemplate\")}\n              loading={isCreating}\n              onClick={handleCreateTemplate}\n            />\n          </div>\n        </div>\n      </div>\n      <div className=\"bg-muted neeto-templates-full-page-preview__holder-wrapper min-h-0 grow\">\n        <div\n          className={classnames(\n            \"neeto-templates-full-page-preview__holder m-auto\",\n            {\n              \"neeto-templates-full-page-preview__holder--desktop\":\n                selectedDevice === RESPONSIVE_DEVICES.DESKTOP,\n              \"neeto-templates-full-page-preview__holder--tablet\":\n                selectedDevice === RESPONSIVE_DEVICES.TABLET,\n              \"neeto-templates-full-page-preview__holder--mobile\":\n                selectedDevice === RESPONSIVE_DEVICES.MOBILE,\n            }\n          )}\n        >\n          <div className=\"neeto-templates-full-page-preview__device-border h-full w-full\">\n            <iframe\n              className=\"neeto-templates-full-page-preview__iframe h-full w-full border-none\"\n              data-testid=\"iframe-id\"\n              src={previewUrl}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\nexport default Preview;\n","import { useState } from \"react\";\n\nimport { Dialog } from \"@bigbinary/neeto-atoms\";\nimport { noop } from \"neetocist\";\n\n// eslint-disable-next-line import/extensions\nimport \"stylesheets/application.css\";\n\nimport { TEMPLATE_SCREENS } from \"./constants\";\nimport List from \"./List\";\nimport Preview from \"./Preview\";\n\nconst CreateTemplateModal = ({\n  isOpen,\n  onClose,\n  isCreating,\n  refetchResource,\n  onCreate = noop,\n  afterCreate = noop,\n  titleHelpPopoverProps = {},\n  title,\n  description,\n}) => {\n  const [currentScreen, setCurrentScreen] = useState(TEMPLATE_SCREENS.LIST);\n  const [selectedTemplate, setSelectedTemplate] = useState({});\n\n  const onModalClose = () => {\n    onClose();\n    setTimeout(() => {\n      setCurrentScreen(TEMPLATE_SCREENS.LIST);\n    }, 300); //To accommodate the animation duration.\n  };\n\n  return (\n    <Dialog\n      {...{ isOpen }}\n      className=\"neeto-template-list block h-screen w-screen gap-0 overflow-y-auto p-0\"\n      closeButton={currentScreen === TEMPLATE_SCREENS.LIST}\n      size=\"fullScreen\"\n      onClose={onModalClose}\n    >\n      <Dialog.Body className=\"h-full w-full\">\n        {currentScreen === TEMPLATE_SCREENS.LIST ? (\n          <List\n            {...{\n              afterCreate,\n              description,\n              isCreating,\n              onCreate,\n              refetchResource,\n              setCurrentScreen,\n              setSelectedTemplate,\n              title,\n              titleHelpPopoverProps,\n            }}\n          />\n        ) : (\n          <Preview\n            {...{\n              afterCreate,\n              refetchResource,\n              selectedTemplate,\n              setCurrentScreen,\n            }}\n          />\n        )}\n      </Dialog.Body>\n    </Dialog>\n  );\n};\n\nexport default CreateTemplateModal;\n"],"names":["TEMPLATE_SCREENS","LIST","PREVIEW","DEFAULT_CATEGORY","id","name","INFINITE_SCROLL_DELAY","RESPONSIVE_DEVICES","DESKTOP","TABLET","MOBILE","BlankCard","_ref","Icon","icon","title","description","_ref$onClick","onClick","noop","_ref$disabled","disabled","_jsxs","className","tabIndex","children","_jsx","size","Typography","variant","weight","Card","template","src","imageUrl","concat","CLOUDFRONT_BASE_URL","CategoryItem","label","count","isActive","setCurrentCategory","joinHyphenCase","classnames","List","_ProductTypefaceLogos","setCurrentScreen","setSelectedTemplate","onCreate","isCreating","afterCreate","refetchResource","titleHelpPopoverProps","_useTranslation","useTranslation","t","productName","globalProps","appName","substr","logoName","capitalize","toLowerCase","ProductTypefaceLogo","ProductTypefaceLogos","Neeto","_useState","useState","_useState2","_slicedToArray","currentCategory","_useState3","_useState4","searchTerm","setSearchTerm","_useFetchTemplates","useFetchTemplates","category","_useFetchTemplates$ha","hasNextPage","fetchNextPage","isTemplatesLoading","isLoading","_useFetchTemplates$da","data","_useInfiniteScroll","useInfiniteScroll","loading","onLoadMore","rootMargin","delayInMs","_useInfiniteScroll2","sentryRef","rootRef","handleCardClick","Spinner","_data$tags","tags","_data$templates","templates","_data$templatesCount","templatesCount","categories","_objectSpread","_toConsumableArray","Accordion","Item","map","_ref2","_createElement","key","_ref3","ref","isPresent","HelpPopover","side","Search","autoFocus","disableTrimOnBlur","placeholder","onSearch","value","CustomSVG","index","Preview","selectedTemplate","_useBreakpoints","useBreakpoints","isSize","_useCreateTemplate","useCreateTemplate","createTemplate","mutate","isPending","selectedDevice","setSelectedDevice","handleCreateTemplate","onSuccess","response","previewUrl","ResponsiveDevicePicker","onDeviceChange","Button","CreateTemplateModal","isOpen","onClose","_ref$onCreate","_ref$afterCreate","_ref$titleHelpPopover","currentScreen","onModalClose","setTimeout","Dialog","closeButton","Body"],"mappings":"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"}
+{"version":3,"file":"CreateTemplateModal.js","sources":["../../app/javascript/src/v2/components/CreateTemplateModal/constants.js","../../app/javascript/src/v2/components/CreateTemplateModal/BlankCard.jsx","../../app/javascript/src/v2/components/CreateTemplateModal/Card.jsx","../../app/javascript/src/v2/components/CreateTemplateModal/CategoryItem.jsx","../../app/javascript/src/v2/components/CreateTemplateModal/List.jsx","../../app/javascript/src/v2/components/CreateTemplateModal/Preview.jsx","../../app/javascript/src/v2/components/CreateTemplateModal/index.jsx"],"sourcesContent":["export const TEMPLATE_SCREENS = { LIST: \"List\", PREVIEW: \"Preview\" };\n\nexport const DEFAULT_CATEGORY = { id: \"all\", name: \"All\" };\n\nexport const INFINITE_SCROLL_DELAY = 500;\n\nexport const MENU_ITEMS = { CREATE: \"create\", PREVIEW: \"preview\" };\n\nexport const RESPONSIVE_DEVICES = {\n  DESKTOP: \"desktop\",\n  TABLET: \"tablet\",\n  MOBILE: \"mobile\",\n};\n","import { Typography } from \"@bigbinary/neeto-atoms\";\nimport { noop } from \"neetocist\";\n\nconst BlankCard = ({\n  icon: Icon,\n  title,\n  description,\n  onClick = noop,\n  disabled = false,\n}) => (\n  <div\n    className=\"bg-background hover:bg-background border-foreground flex cursor-pointer flex-col items-center justify-center rounded-lg border border-dashed p-6 outline-none transition-all duration-300 ease-in-out hover:border-solid focus:border-solid\"\n    data-testid=\"start-from-scratch-button\"\n    tabIndex={0}\n    onClick={!disabled ? onClick : noop}\n  >\n    <div className=\"text-primary mb-4\">\n      <Icon size={40} />\n    </div>\n    <Typography\n      className=\"text-center leading-normal\"\n      variant=\"h6\"\n      weight=\"semibold\"\n    >\n      {title}\n    </Typography>\n    <Typography\n      className=\"text-muted-foreground text-center leading-4\"\n      variant=\"body3\"\n    >\n      {description}\n    </Typography>\n  </div>\n);\n\nexport default BlankCard;\n","import { Typography } from \"@bigbinary/neeto-atoms\";\nimport { CLOUDFRONT_BASE_URL } from \"neetocommons/v2/constants\";\n\nconst Card = ({ template, onClick }) => (\n  <div\n    {...{ onClick }}\n    className=\"neeto-template neeto-template-thumbnail bg-background border-border hover:border-ring focus:border-ring flex cursor-pointer flex-col overflow-hidden rounded-lg border outline-none transition-colors duration-300 ease-in-out\"\n    data-testid=\"template-card\"\n    tabIndex={0}\n  >\n    <div className=\"neeto-template__header relative overflow-hidden\">\n      <img\n        className=\"neeto-template__image\"\n        data-testid=\"template-thumbnail-image\"\n        src={\n          template.imageUrl ||\n          `${CLOUDFRONT_BASE_URL}/images/neetoForm/default-form-template.svg`\n        }\n      />\n    </div>\n    <div className=\"neeto-template__description bg-background flex items-center justify-between gap-2 rounded-b-lg px-3 py-1.5\">\n      <Typography\n        className=\"neeto-template-thumbnail__title line-clamp-2 leading-normal\"\n        data-testid=\"template-card-title\"\n        variant=\"h6\"\n        weight=\"medium\"\n      >\n        {template.title}\n      </Typography>\n    </div>\n  </div>\n);\n\nexport default Card;\n","import classnames from \"classnames\";\nimport { joinHyphenCase } from \"neetocommons/v2/utils\";\n\nconst CategoryItem = ({ label, count, isActive, setCurrentCategory }) => (\n  <button\n    data-testid={`category-${joinHyphenCase(label)}`}\n    tabIndex={0}\n    className={classnames(\n      \"flex w-full items-center justify-between gap-2 rounded-lg border border-solid px-3 py-2 text-sm font-medium leading-4 outline-none transition-all duration-300 ease-in-out\",\n      {\n        \"text-muted-foreground hover:bg-muted focus:bg-muted border-transparent\":\n          !isActive,\n        \"text-foreground bg-background border-border focus:border-ring\":\n          isActive,\n      }\n    )}\n    onClick={setCurrentCategory}\n  >\n    <span className=\"text-start\">{label}</span>\n    <span>{count}</span>\n  </button>\n);\n\nexport default CategoryItem;\n","import { useState } from \"react\";\n\nimport { Spinner, Typography, Accordion } from \"@bigbinary/neeto-atoms\";\nimport { isPresent, capitalize } from \"neetocist\";\nimport { globalProps } from \"neetocommons/v2/initializers\";\nimport { Neeto } from \"neetoicons/typeface-logos\";\nimport * as ProductTypefaceLogos from \"neetoicons/typeface-logos\";\nimport HelpPopover from \"neetomolecules/v2/HelpPopover\";\nimport Search from \"neetomolecules/v2/Search\";\nimport { useTranslation } from \"react-i18next\";\nimport useInfiniteScroll from \"react-infinite-scroll-hook\";\n\nimport CustomSVG from \"assets/dashboard/custom\";\nimport { useFetchTemplates } from \"v2/hooks/reactQuery/useTemplatesApi\";\n\nimport BlankCard from \"./BlankCard\";\nimport Card from \"./Card\";\nimport CategoryItem from \"./CategoryItem\";\nimport {\n  DEFAULT_CATEGORY,\n  INFINITE_SCROLL_DELAY,\n  TEMPLATE_SCREENS,\n} from \"./constants\";\n\nconst List = ({\n  setCurrentScreen,\n  setSelectedTemplate,\n  onCreate,\n  isCreating,\n  afterCreate,\n  refetchResource,\n  titleHelpPopoverProps,\n  title,\n  description,\n}) => {\n  const { t } = useTranslation();\n\n  const productName = globalProps.appName.substr(5);\n  const logoName = `Neeto${capitalize(productName.toLowerCase())}`;\n  const ProductTypefaceLogo = ProductTypefaceLogos[logoName] ?? Neeto;\n\n  const [currentCategory, setCurrentCategory] = useState(DEFAULT_CATEGORY);\n  const [searchTerm, setSearchTerm] = useState(\"\");\n\n  const {\n    hasNextPage = false,\n    fetchNextPage,\n    isLoading: isTemplatesLoading,\n    data = {},\n  } = useFetchTemplates({ searchTerm, category: currentCategory });\n\n  const [sentryRef, { rootRef }] = useInfiniteScroll({\n    loading: isTemplatesLoading,\n    hasNextPage,\n    onLoadMore: fetchNextPage,\n    rootMargin: \"0px 0px 700px 0px\",\n    delayInMs: INFINITE_SCROLL_DELAY,\n  });\n\n  const handleCardClick = template => {\n    setCurrentScreen(TEMPLATE_SCREENS.PREVIEW);\n    setSelectedTemplate(template);\n  };\n\n  if (isTemplatesLoading) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  const { tags = [], templates = [], templatesCount = 0 } = data;\n\n  const categories = [{ ...DEFAULT_CATEGORY, count: templatesCount }, ...tags];\n\n  return (\n    <div className=\"bg-muted relative flex flex-col items-start md:min-h-full md:flex-row\">\n      <div className=\"w-full shrink-0 space-y-6 p-6 xl:p-10 md:sticky md:start-0 md:top-0 md:h-screen md:w-72 md:space-y-10 md:overflow-y-auto lg:w-80\">\n        <ProductTypefaceLogo className=\"h-9 w-auto max-w-full\" />\n        <div>\n          <Accordion collapsible className=\"md:hidden\">\n            <Accordion.Item title={t(\"neetoTemplate.templates.categories\")}>\n              {categories.map(({ id, name, count }) => (\n                <CategoryItem\n                  {...{ count }}\n                  isActive={currentCategory.id === id}\n                  key={id}\n                  label={name}\n                  setCurrentCategory={() => setCurrentCategory({ id, name })}\n                />\n              ))}\n            </Accordion.Item>\n          </Accordion>\n          <div className=\"hidden md:flex md:flex-col\">\n            <Typography\n              className=\"mb-4\"\n              data-testid=\"template-categories-label\"\n              variant=\"h5\"\n              weight=\"semibold\"\n            >\n              {t(\"neetoTemplate.templates.categories\")}\n            </Typography>\n            <div className=\"flex flex-col gap-2\">\n              {categories.map(({ id, name, count }) => (\n                <CategoryItem\n                  {...{ count }}\n                  isActive={currentCategory.id === id}\n                  key={id}\n                  label={name}\n                  setCurrentCategory={() => setCurrentCategory({ id, name })}\n                />\n              ))}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div\n        className=\"md:h-screen w-full p-6 md:overflow-y-auto xl:p-10\"\n        ref={rootRef}\n      >\n        <div className=\"flex flex-col mb-10\">\n          <div className=\"flex gap-1.5 items-center\">\n            <Typography\n              className=\"mb-2\"\n              data-testid=\"create-new-form-title\"\n              variant=\"h2\"\n            >\n              {title || t(\"neetoTemplate.templates.createNewEntity\")}\n            </Typography>\n            {isPresent(titleHelpPopoverProps) && (\n              <HelpPopover {...titleHelpPopoverProps} side=\"top\" />\n            )}\n          </div>\n          <Typography className=\"mb-6 leading-normal\" variant=\"body1\">\n            {description || t(\"neetoTemplate.templates.description\")}\n          </Typography>\n          <Search\n            autoFocus\n            disableTrimOnBlur\n            data-testid=\"template-search-input\"\n            placeholder={t(\"neetoTemplate.templates.search\")}\n            size=\"large\"\n            onSearch={value => setSearchTerm(value)}\n          />\n        </div>\n        <div className=\"grow space-y-6\">\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 lg:gap-5 xl:gap-6 2xl:grid-cols-4\">\n            <BlankCard\n              description={t(\"neetoTemplate.templates.blankCard.description\")}\n              disabled={isCreating}\n              icon={isCreating ? Spinner : CustomSVG}\n              title={t(\"neetoTemplate.templates.blankCard.title\")}\n              onClick={onCreate}\n            />\n            {templates.map((template, index) => (\n              <Card\n                {...{ afterCreate, refetchResource, template }}\n                key={index}\n                onClick={() => handleCardClick(template)}\n              />\n            ))}\n          </div>\n          {hasNextPage && (\n            <div className=\"my-10 text-center\" ref={sentryRef}>\n              <Spinner />\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default List;\n","import { useState } from \"react\";\n\nimport { Button, Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { useBreakpoints } from \"neetocommons/v2/react-utils\";\nimport ResponsiveDevicePicker from \"neetomolecules/v2/ResponsiveDevicePicker\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateTemplate } from \"v2/hooks/reactQuery/useTemplatesApi\";\n\nimport { TEMPLATE_SCREENS, RESPONSIVE_DEVICES } from \"./constants\";\n\nconst Preview = ({\n  selectedTemplate,\n  setCurrentScreen,\n  afterCreate,\n  refetchResource,\n}) => {\n  const { t } = useTranslation();\n\n  const { isSize } = useBreakpoints();\n\n  const { mutate: createTemplate, isPending: isCreating } = useCreateTemplate();\n\n  const [selectedDevice, setSelectedDevice] = useState(\n    RESPONSIVE_DEVICES.DESKTOP\n  );\n\n  const handleCreateTemplate = () => {\n    createTemplate(\n      { id: selectedTemplate.id },\n      {\n        onSuccess: response => {\n          afterCreate(response);\n          refetchResource();\n        },\n      }\n    );\n  };\n\n  const { title, previewUrl } = selectedTemplate;\n\n  return (\n    <div className=\"neeto-templates-full-page-preview flex h-full w-full flex-col\">\n      <div className=\"neeto-templates-full-page-preview__header border-border border-b px-4\">\n        <div className=\"mx-auto flex w-full max-w-6xl items-center justify-between py-[9px]\">\n          <div className=\"w-1/3\">\n            <Typography\n              className=\"truncate leading-tight\"\n              data-testid=\"preview-template-title\"\n              variant=\"h5\"\n              weight=\"semibold\"\n            >\n              {title}\n            </Typography>\n          </div>\n          <div className=\"hidden shrink-0 lg:flex\">\n            <ResponsiveDevicePicker\n              {...{ selectedDevice }}\n              onDeviceChange={setSelectedDevice}\n            />\n          </div>\n          <div className=\"flex w-1/3 items-center justify-end gap-2\">\n            <Button\n              className=\"shrink-0\"\n              data-testid=\"preview-template-back-button\"\n              variant=\"outline\"\n              label={\n                isSize(\"mobile\")\n                  ? t(\"neetoTemplate.templates.back\")\n                  : t(\"neetoTemplate.templates.backToTemplates\")\n              }\n              onClick={() => setCurrentScreen(TEMPLATE_SCREENS.LIST)}\n            />\n            <Button\n              className=\"shrink-0\"\n              data-testid=\"preview-use-template-button\"\n              disabled={isCreating}\n              label={t(\"neetoTemplate.templates.editTemplate\")}\n              loading={isCreating}\n              onClick={handleCreateTemplate}\n            />\n          </div>\n        </div>\n      </div>\n      <div className=\"bg-muted neeto-templates-full-page-preview__holder-wrapper min-h-0 grow\">\n        <div\n          className={classnames(\n            \"neeto-templates-full-page-preview__holder m-auto\",\n            {\n              \"neeto-templates-full-page-preview__holder--desktop\":\n                selectedDevice === RESPONSIVE_DEVICES.DESKTOP,\n              \"neeto-templates-full-page-preview__holder--tablet\":\n                selectedDevice === RESPONSIVE_DEVICES.TABLET,\n              \"neeto-templates-full-page-preview__holder--mobile\":\n                selectedDevice === RESPONSIVE_DEVICES.MOBILE,\n            }\n          )}\n        >\n          <div className=\"neeto-templates-full-page-preview__device-border h-full w-full\">\n            <iframe\n              className=\"neeto-templates-full-page-preview__iframe h-full w-full border-none\"\n              data-testid=\"iframe-id\"\n              src={previewUrl}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\nexport default Preview;\n","import { useState } from \"react\";\n\nimport { Dialog } from \"@bigbinary/neeto-atoms\";\nimport { noop } from \"neetocist\";\nimport { useTranslation } from \"react-i18next\";\n\n// eslint-disable-next-line import/extensions\nimport \"stylesheets/application.css\";\n\nimport { TEMPLATE_SCREENS } from \"./constants\";\nimport List from \"./List\";\nimport Preview from \"./Preview\";\n\nconst CreateTemplateModal = ({\n  isOpen,\n  onClose,\n  isCreating,\n  refetchResource,\n  onCreate = noop,\n  afterCreate = noop,\n  titleHelpPopoverProps = {},\n  title,\n  description,\n}) => {\n  const { t } = useTranslation();\n  const [currentScreen, setCurrentScreen] = useState(TEMPLATE_SCREENS.LIST);\n  const [selectedTemplate, setSelectedTemplate] = useState({});\n\n  const onModalClose = () => {\n    onClose();\n    setTimeout(() => {\n      setCurrentScreen(TEMPLATE_SCREENS.LIST);\n    }, 300); //To accommodate the animation duration.\n  };\n\n  return (\n    <Dialog\n      {...{ isOpen }}\n      className=\"neeto-template-list block h-screen w-screen gap-0 overflow-y-auto p-0\"\n      closeButton={currentScreen === TEMPLATE_SCREENS.LIST}\n      size=\"fullScreen\"\n      onClose={onModalClose}\n    >\n      <Dialog.Header className=\"sr-only\">\n        <Dialog.Title>\n          {title || t(\"neetoTemplate.templates.createNewEntity\")}\n        </Dialog.Title>\n      </Dialog.Header>\n      <Dialog.Body className=\"h-full w-full\">\n        {currentScreen === TEMPLATE_SCREENS.LIST ? (\n          <List\n            {...{\n              afterCreate,\n              description,\n              isCreating,\n              onCreate,\n              refetchResource,\n              setCurrentScreen,\n              setSelectedTemplate,\n              title,\n              titleHelpPopoverProps,\n            }}\n          />\n        ) : (\n          <Preview\n            {...{\n              afterCreate,\n              refetchResource,\n              selectedTemplate,\n              setCurrentScreen,\n            }}\n          />\n        )}\n      </Dialog.Body>\n    </Dialog>\n  );\n};\n\nexport default CreateTemplateModal;\n"],"names":["TEMPLATE_SCREENS","LIST","PREVIEW","DEFAULT_CATEGORY","id","name","INFINITE_SCROLL_DELAY","RESPONSIVE_DEVICES","DESKTOP","TABLET","MOBILE","BlankCard","_ref","Icon","icon","title","description","_ref$onClick","onClick","noop","_ref$disabled","disabled","_jsxs","className","tabIndex","children","_jsx","size","Typography","variant","weight","Card","template","src","imageUrl","concat","CLOUDFRONT_BASE_URL","CategoryItem","label","count","isActive","setCurrentCategory","joinHyphenCase","classnames","List","_ProductTypefaceLogos","setCurrentScreen","setSelectedTemplate","onCreate","isCreating","afterCreate","refetchResource","titleHelpPopoverProps","_useTranslation","useTranslation","t","productName","globalProps","appName","substr","logoName","capitalize","toLowerCase","ProductTypefaceLogo","ProductTypefaceLogos","Neeto","_useState","useState","_useState2","_slicedToArray","currentCategory","_useState3","_useState4","searchTerm","setSearchTerm","_useFetchTemplates","useFetchTemplates","category","_useFetchTemplates$ha","hasNextPage","fetchNextPage","isTemplatesLoading","isLoading","_useFetchTemplates$da","data","_useInfiniteScroll","useInfiniteScroll","loading","onLoadMore","rootMargin","delayInMs","_useInfiniteScroll2","sentryRef","rootRef","handleCardClick","Spinner","_data$tags","tags","_data$templates","templates","_data$templatesCount","templatesCount","categories","_objectSpread","_toConsumableArray","Accordion","collapsible","Item","map","_ref2","_createElement","key","_ref3","ref","isPresent","HelpPopover","side","Search","autoFocus","disableTrimOnBlur","placeholder","onSearch","value","CustomSVG","index","Preview","selectedTemplate","_useBreakpoints","useBreakpoints","isSize","_useCreateTemplate","useCreateTemplate","createTemplate","mutate","isPending","selectedDevice","setSelectedDevice","handleCreateTemplate","onSuccess","response","previewUrl","ResponsiveDevicePicker","onDeviceChange","Button","CreateTemplateModal","isOpen","onClose","_ref$onCreate","_ref$afterCreate","_ref$titleHelpPopover","currentScreen","onModalClose","setTimeout","Dialog","closeButton","Header","Title","Body"],"mappings":"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"}

package/dist/v2/index.js

@@ -8,6 +8,7 @@ import '@babel/runtime/helpers/slicedToArray';
 import 'react';
 import '@bigbinary/neeto-atoms';
 import '@bigbinary/neeto-cist';
+import 'react-i18next';
 import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/helpers/toConsumableArray';
 import '@bigbinary/neeto-commons-frontend/v2/initializers';
@@ -15,7 +16,6 @@ import '@bigbinary/neeto-icons/typeface-logos/Neeto';
 import '@bigbinary/neeto-icons/typeface-logos';
 import '@bigbinary/neeto-molecules/v2/HelpPopover';
 import '@bigbinary/neeto-molecules/v2/Search';
-import 'react-i18next';
 import '../custom-Y7OHRaLC.js';
 import '../useTemplatesApi-DSXELHFU.js';
 import '@bigbinary/neeto-tags-frontend/v2/utils';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-templates-frontend",
-  "version": "3.0.7",
+  "version": "3.0.9-beta1",
   "description": "A repo acts as the source of truth for the new nano's structure, configs, data etc.",
   "license": "UNLICENSED",
   "homepage": "https://github.com/bigbinary/neeto-templates-nano",
@@ -72,12 +72,11 @@
     "@babel/runtime": "7.29.7",
     "@bigbinary/babel-preset-neeto": "^1.0.3",
     "@bigbinary/eslint-plugin-neeto": "1.9.1",
-    "@bigbinary/neeto-atoms": "^1.0.99",
+    "@bigbinary/neeto-atoms": "1.0.144",
     "@bigbinary/neeto-cist": "1.0.17",
-    "@bigbinary/neeto-commons-frontend": "4.13.147",
-    "@bigbinary/neeto-filters-frontend": "4.3.42",
+    "@bigbinary/neeto-commons-frontend": "4.13.165",
     "@bigbinary/neeto-icons": "1.20.89",
-    "@bigbinary/neeto-molecules": "5.2.17",
+    "@bigbinary/neeto-molecules": "5.5.6",
     "@bigbinary/neetoui": "8.8.3",
     "@emotion/is-prop-valid": "1.2.0",
     "@faker-js/faker": "8.2.0",
@@ -98,7 +97,7 @@
     "@tanstack/react-query-devtools": "5.59.20",
     "antd": "5.22.1",
     "autoprefixer": "^10.4.5",
-    "axios": "1.18.0",
+    "axios": "1.18.1",
     "babel-loader": "^8.2.5",
     "babel-plugin-istanbul": "^6.1.1",
     "babel-plugin-js-logger": "1.0.17",
@@ -114,7 +113,7 @@
     "classnames": "2.5.1",
     "crypto-browserify": "3.12.1",
     "css-loader": "6.8.1",
-    "dompurify": "3.4.11",
+    "dompurify": "3.4.16",
     "dotenv-webpack": "^8.0.1",
     "eslint": "^9.25.1",
     "eslint-config-prettier": "^10.1.2",
@@ -145,7 +144,7 @@
     "mixpanel-browser": "2.47.0",
     "os-browserify": "0.3.0",
     "path-browserify": "^1.0.1",
-    "postcss": "8.5.15",
+    "postcss": "8.5.23",
     "postcss-import": "^15.0.0",
     "postcss-loader": "^7.0.1",
     "postcss-preset-env": "7.8.2",
@@ -182,18 +181,18 @@
     "webpack": "5.104.1",
     "webpack-assets-manifest": "5.1.0",
     "webpack-cli": "5.1.4",
-    "webpack-dev-server": "5.2.5",
+    "webpack-dev-server": "5.2.6",
     "yup": "0.32.11",
-    "zustand": "4.4.2"
+    "zustand": "4.4.2",
+    "@bigbinary/neeto-filters-frontend": "4.3.45"
   },
   "peerDependencies": {
     "@babel/runtime": "7.29.7",
-    "@bigbinary/neeto-atoms": "^1.0.99",
+    "@bigbinary/neeto-atoms": "1.0.144",
     "@bigbinary/neeto-cist": "1.0.17",
-    "@bigbinary/neeto-commons-frontend": "4.13.147",
-    "@bigbinary/neeto-filters-frontend": "4.3.42",
+    "@bigbinary/neeto-commons-frontend": "4.13.165",
     "@bigbinary/neeto-icons": "1.20.89",
-    "@bigbinary/neeto-molecules": "5.2.17",
+    "@bigbinary/neeto-molecules": "5.5.6",
     "@bigbinary/neetoui": "8.8.3",
     "@honeybadger-io/js": "6.10.1",
     "@honeybadger-io/react": "6.1.25",
@@ -201,11 +200,11 @@
     "@tanstack/react-query": "5.59.20",
     "@tanstack/react-query-devtools": "5.59.20",
     "antd": "5.22.1",
-    "axios": "1.18.0",
+    "axios": "1.18.1",
     "buffer": "^6.0.3",
     "classnames": "2.5.1",
     "crypto-browserify": "3.12.1",
-    "dompurify": "3.4.11",
+    "dompurify": "3.4.16",
     "formik": "2.4.6",
     "https-browserify": "1.0.0",
     "i18next": "22.5.1",
@@ -230,7 +229,8 @@
     "util": "^0.12.5",
     "vm-browserify": "1.1.2",
     "yup": "0.32.11",
-    "zustand": "4.4.2"
+    "zustand": "4.4.2",
+    "@bigbinary/neeto-filters-frontend": "4.3.45"
   },
   "resolutions": {
     "postcss": "^8",