@bigbinary/neeto-templates-frontend 2.2.4 → 2.2.6

package/README.md

@@ -1,25 +1,36 @@
 # neeto-templates-nano
-The `neeto-templates-nano` facilitates the administration of templates and template settings within neeto applications. The nano exports the `@bigbinary/neeto-templates-frontend` NPM package and `neeto-templates-engine` Rails engine for development.
+
+The `neeto-templates-nano` facilitates the administration of templates and
+template settings within neeto applications. The nano exports the
+`@bigbinary/neeto-templates-frontend` NPM package and `neeto-templates-engine`
+Rails engine for development.
 
 # Contents
+
 1. [Development with Host Application](#development-with-host-application)
-    - [Engine](#engine)
-      * [Installation](#installation)
-      * [Usage](#usage)
-    - [Frontend package](#frontend-package)
-      * [Installation](#installation-1)
-      * [Instructions for development](#instructions-for-development)
-      * [Components](#components)
-      * [Other Functions](#other-functions)
+
+   - [Engine](#engine)
+     - [Installation](#installation)
+     - [Usage](#usage)
+   - [Frontend package](#frontend-package)
+     - [Installation](#installation-1)
+     - [Instructions for development](#instructions-for-development)
+     - [Components](#components)
+     - [Other Functions](#other-functions)
 
 2. [Instructions for Publishing](#instructions-for-publishing)
 
 # Development with Host Application
+
 ## Engine
-The engine is used to manage templates and template settings across neeto products.
+
+The engine is used to manage templates and template settings across neeto
+products.
 
 ### Installation
+
 1. Add this line to your application's Gemfile:
+
    ```ruby
    source "NEETO_GEM_SERVER_URL" do
      # ..existing gems
@@ -27,15 +38,23 @@ The engine is used to manage templates and template settings across neeto produc
      gem 'neeto-templates-engine'
    end
    ```
+
 2. And then execute:
    ```shell
    bundle install
    ```
-3. Run the command to bring in all migrations, routes, models, associations, and controllers required from the engine to the host application:
+3. Run the command to bring in all migrations, routes, models, associations, and
+   controllers required from the engine to the host application:
+
    ```shell
    bundle exec rails neeto_templates_engine:install
    ```
-   This will prompt the user to enter the resource model name. The resource model name is the name of the model that will be used as a template. For example, if the resource model name is `Form`, this will dynamically generate all necessary associations, routes, and controllers required for the `neeto_templates_engine` to work with the `Form` model.
+
+   This will prompt the user to enter the resource model name. The resource
+   model name is the name of the model that will be used as a template. For
+   example, if the resource model name is `Form`, this will dynamically generate
+   all necessary associations, routes, and controllers required for the
+   `neeto_templates_engine` to work with the `Form` model.
 
    > **_Note:_** _You might need to re-arrange the associations statements which
    > are normally inserted to top most lines of the file, to satisfy the Rails
@@ -48,17 +67,24 @@ The engine is used to manage templates and template settings across neeto produc
 
 ### Usage
 
-The `neeto_templates_engine` whitelists the `templates` subdomain for creation of the templates. All the entities (sites/forms) created in the `templates` subdomain are fetched as templates in the other subdomains.
+The `neeto_templates_engine` whitelists the `templates` subdomain for creation
+of the templates. All the entities (sites/forms) created in the `templates`
+subdomain are fetched as templates in the other subdomains.
 
 You can learn more about the setup and usage here:
+
 1. [Models](./docs/engine/models.md)
 2. [Controllers](./docs/engine/controllers.md)
 
 ## Frontend package
 
-To seamlessly integrate `NeetoTemplatesNano` into your host app, it iss essential to whitelist the `templates` subdomain. The entities built under this subdomain will be the listed as templates in the `CreateTemplateModal` component.
+To seamlessly integrate `NeetoTemplatesNano` into your host app, it iss
+essential to whitelist the `templates` subdomain. The entities built under this
+subdomain will be the listed as templates in the `CreateTemplateModal`
+component.
 
 ### Installation
+
 Install the latest `NeetoTemplatesNano` package using the below command:
 
 ```shell
@@ -66,21 +92,31 @@ yarn add @bigbinary/neeto-templates-frontend
 ```
 
 ### Instructions for development
-Check the [Frontend package development guide](https://neeto-engineering.neetokb.com/p/a-d34cb4b0) for step-by-step instructions to develop the
+
+Check the
+[Frontend package development guide](https://neeto-engineering.neetokb.com/p/a-d34cb4b0)
+for step-by-step instructions to develop the
 
 ### Components
+
 #### `CreateTemplateModal` ([source code](https://github.com/bigbinary/neeto-templates-nano/blob/aec3368475c252284a25820c08ff151c1cdd254c/app/javascript/src/components/CreateTemplateModal/index.jsx))
-The CreateTemplateModal component is a React component used for creating and previewing templates within a web application. It provides a user interface for users to create templates and view their details.
+
+The CreateTemplateModal component is a React component used for creating and
+previewing templates within a web application. It provides a user interface for
+users to create templates and view their details.
 
 ##### Props
+
 - `isOpen`: A boolean indicating whether the modal is open or closed.
 - `onClose`: A function to close the modal.
-- `isCreating`: A boolean flag indicating whether a template is currently being created.
+- `isCreating`: A boolean flag indicating whether a template is currently being
+  created.
 - `refetchResource`: A function to refetch template resources.
 - `onCreate`: A function to handle template creation.
 - `afterCreate`: A function to perform actions after template creation.
 
 ##### Usage
+
 ```jsx
 import React from "react";
 
@@ -101,14 +137,23 @@ const App = () => {
 ```
 
 #### `TemplateSettings` ([source code](https://github.com/bigbinary/neeto-templates-nano/blob/aec3368475c252284a25820c08ff151c1cdd254c/app/javascript/src/components/TemplateSettings/index.jsx))
-The TemplateSettings component is a React component used for configuring and editing template settings within a web application. It provides a user interface for users to customize various aspects of a template, including its image, tags, and preview.
+
+The TemplateSettings component is a React component used for configuring and
+editing template settings within a web application. It provides a user interface
+for users to customize various aspects of a template, including its image, tags,
+and preview.
 
 ##### Props
-- `onCancelTemplatePreview`: A function to handle canceling the template preview.
+
+- `onCancelTemplatePreview`: A function to handle canceling the template
+  preview.
 - `breadcrumbs`: An array of breadcrumb items for navigation.
 - `className`: A CSS class name for styling.
+- `resourceId`: A string (eg: formId, siteId), to specify the route of the
+  entity. It is 'id' by default.
 
 ##### Usage
+
 ```jsx
 import React from "react";
 
@@ -130,17 +175,24 @@ const App = () => {
 };
 ```
 
-Use the `PrivateRoute` component to conditionally render this component only for the `templates` subdomain.
+Use the `PrivateRoute` component to conditionally render this component only for
+the `templates` subdomain.
 
 #### `TemplateTags` ([source code](https://github.com/bigbinary/neeto-templates-nano/blob/aec3368475c252284a25820c08ff151c1cdd254c/app/javascript/src/components/TemplateTags/index.jsx))
-The TemplateTags component is a React component used for displaying and managing tags within a web application. It provides a user interface for users to add, remove, edit and merge tags.
+
+The TemplateTags component is a React component used for displaying and managing
+tags within a web application. It provides a user interface for users to add,
+remove, edit and merge tags.
 
 ##### Props
+
 - `breadcrumbs`: An array of breadcrumb items for navigation.
-- `tagsPath`: A string representing the path to the frontend route for tags page.
+- `tagsPath`: A string representing the path to the frontend route for tags
+  page.
 - `otherProps`: Additional props to be passed to the component.
 
   ##### Usage
+
   ```jsx
   import React from "react";
   import { TemplateTags } from "@bigbinary/neeto-templates-frontend";
@@ -160,8 +212,12 @@ The TemplateTags component is a React component used for displaying and managing
     );
   };
   ```
-  Use the `PrivateRoute` component (no need to add exact) to conditionally render this component only for the `templates` subdomain.
+
+  Use the `PrivateRoute` component (no need to add exact) to conditionally
+  render this component only for the `templates` subdomain.
 
 # Instructions for Publishing
 
-Consult the [building and releasing packages](https://neeto-engineering.neetokb.com/articles/building-and-releasing-packages) guide for details on how to publish.
+Consult the
+[building and releasing packages](https://neeto-engineering.neetokb.com/articles/building-and-releasing-packages)
+guide for details on how to publish.

package/dist/TemplateSettings.js

@@ -17,8 +17,8 @@ import ImageUploader from '@bigbinary/neeto-image-uploader-frontend/ImageUploade
 import { useField, useFormikContext } from 'formik';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { memo } from 'react';
+import Container from '@bigbinary/neeto-molecules/Container';
 import Header from '@bigbinary/neeto-molecules/Header';
-import Scrollable from '@bigbinary/neeto-molecules/Scrollable';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import TagsComponent from '@bigbinary/neeto-tags-frontend/TagsComponent';
 import Label from '@bigbinary/neetoui/Label';
@@ -83,21 +83,18 @@ var FormikImageUploader = function FormikImageUploader(_ref) {
 var PageWrapper = function PageWrapper(_ref) {
   var children = _ref.children,
     className = _ref.className;
-  return /*#__PURE__*/jsx("div", {
-    className: classnames("w-full flex-col", className),
+  return /*#__PURE__*/jsx(Container, {
+    className: className,
     children: children
   });
 };
 var PageHeader = function PageHeader(_ref2) {
   var title = _ref2.title,
     breadcrumbs = _ref2.breadcrumbs;
-  return /*#__PURE__*/jsx("div", {
-    className: "w-full px-6",
-    children: /*#__PURE__*/jsx(Header, {
-      breadcrumbs: breadcrumbs,
-      size: "small",
-      title: title
-    })
+  return /*#__PURE__*/jsx(Header, {
+    breadcrumbs: breadcrumbs,
+    title: title,
+    size: "small"
   });
 };
 var customPropEqualityCheck = function customPropEqualityCheck(prevProps, nextProps) {
@@ -108,8 +105,8 @@ var PageContent = function PageContent(_ref3) {
   var children = _ref3.children,
     _ref3$className = _ref3.className,
     className = _ref3$className === void 0 ? "" : _ref3$className;
-  return /*#__PURE__*/jsx(Scrollable, {
-    className: "w-full px-6 pb-6",
+  return /*#__PURE__*/jsx("div", {
+    className: "w-full",
     children: /*#__PURE__*/jsx("div", {
       className: classnames(["mx-auto max-w-7xl", className]),
       children: children
@@ -230,18 +227,20 @@ var TemplateSettings = function TemplateSettings(_ref) {
     _ref$breadcrumbs = _ref.breadcrumbs,
     breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs,
     _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className;
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$resourceId = _ref.resourceId,
+    resourceId = _ref$resourceId === void 0 ? "id" : _ref$resourceId;
   var _useParams = useParams(),
-    resourceId = _useParams.id;
+    id = _useParams[resourceId];
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useFetchTemplate = useFetchTemplate({
-      resourceId: resourceId
+      resourceId: id
     }),
     data = _useFetchTemplate.data,
     isFetchingTemplate = _useFetchTemplate.isLoading;
   var _useUpdateTemplate = useUpdateTemplate({
-      resourceId: resourceId
+      resourceId: id
     }),
     updateTemplate = _useUpdateTemplate.mutate,
     isUpdatingTemplate = _useUpdateTemplate.isPending;
@@ -298,50 +297,52 @@ var TemplateSettings = function TemplateSettings(_ref) {
           children: function children(_ref2) {
             var values = _ref2.values,
               setFieldValue = _ref2.setFieldValue;
-            return /*#__PURE__*/jsxs("div", {
-              className: "grid grid-cols-2 gap-8 pt-6",
+            return /*#__PURE__*/jsxs(Fragment, {
               children: [/*#__PURE__*/jsxs("div", {
-                className: "space-y-4",
-                children: [/*#__PURE__*/jsx(Typography, {
-                  className: "mb-3",
-                  style: "h4",
-                  weight: "semibold",
-                  children: t("neetoTemplate.templateSettings.imageLabel")
-                }), /*#__PURE__*/jsx(FormikImageUploader, {
-                  name: "imageUrl"
-                }), /*#__PURE__*/jsx(Tags, {
-                  allTags: buildSelectOptionsBy("name", templateTags.tags),
-                  className: "space-y-2",
-                  isLoading: isCreatingTags,
-                  selectedTags: values.tags,
-                  labelProps: {
-                    label: t("neetoTemplate.templateSettings.categoryLabel")
-                  },
-                  onCreate: createTemplateTag,
-                  onUpdate: function onUpdate(tags) {
-                    return setFieldValue("tags", tags);
-                  }
-                }), /*#__PURE__*/jsx("div", {
-                  className: "mt-12 flex flex-row items-center justify-start",
-                  children: /*#__PURE__*/jsx(ActionBlock, {
-                    isSubmitting: isUpdatingTemplate,
-                    cancelButtonProps: {
-                      to: onCancelTemplatePreview,
-                      "data-cy": "reset-changes-button",
-                      onClick: noop
+                className: "grid grid-cols-2 gap-8 pt-6",
+                children: [/*#__PURE__*/jsxs("div", {
+                  className: "space-y-4",
+                  children: [/*#__PURE__*/jsx(Typography, {
+                    className: "mb-3",
+                    style: "h4",
+                    weight: "semibold",
+                    children: t("neetoTemplate.templateSettings.imageLabel")
+                  }), /*#__PURE__*/jsx(FormikImageUploader, {
+                    name: "imageUrl"
+                  }), /*#__PURE__*/jsx(Tags, {
+                    className: "space-y-2",
+                    isLoading: isCreatingTags,
+                    selectedTags: values.tags,
+                    allTags: buildSelectOptionsBy("name", templateTags.tags),
+                    labelProps: {
+                      label: t("neetoTemplate.templateSettings.categoryLabel")
+                    },
+                    onCreate: createTemplateTag,
+                    onUpdate: function onUpdate(tags) {
+                      return setFieldValue("tags", tags);
                     }
-                  })
-                })]
-              }), /*#__PURE__*/jsxs("div", {
-                children: [/*#__PURE__*/jsx(Typography, {
-                  className: "mb-3",
-                  style: "h4",
-                  weight: "semibold",
-                  children: t("neetoTemplate.templateSettings.previewLabel")
-                }), /*#__PURE__*/jsx(Preview, {
-                  imageUrl: values.imageUrl,
-                  template: data
+                  })]
+                }), /*#__PURE__*/jsxs("div", {
+                  children: [/*#__PURE__*/jsx(Typography, {
+                    className: "mb-3",
+                    style: "h4",
+                    weight: "semibold",
+                    children: t("neetoTemplate.templateSettings.previewLabel")
+                  }), /*#__PURE__*/jsx(Preview, {
+                    imageUrl: values.imageUrl,
+                    template: data
+                  })]
                 })]
+              }), /*#__PURE__*/jsx("div", {
+                className: "neeto-ui-bg-white sticky bottom-0 py-6",
+                children: /*#__PURE__*/jsx(ActionBlock, {
+                  isSubmitting: isUpdatingTemplate,
+                  cancelButtonProps: {
+                    to: onCancelTemplatePreview,
+                    "data-cy": "reset-changes-button",
+                    onClick: noop
+                  }
+                })
               })]
             });
           }

package/dist/TemplateSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateSettings.js","sources":["../app/javascript/src/apis/template_tags.js","../app/javascript/src/hooks/reactQuery/useTemplateTagsApi.js","../app/javascript/src/components/TemplateSettings/Common/FormikImageUploader.jsx","../app/javascript/src/components/TemplateSettings/Common/SinglePageLayout.jsx","../app/javascript/src/components/TemplateSettings/Common/Tags.jsx","../app/javascript/src/components/TemplateSettings/Preview.jsx","../app/javascript/src/components/TemplateSettings/utils.js","../app/javascript/src/components/TemplateSettings/index.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport { TEMPLATE_TAGS_URL } from \"src/constants\";\n\nconst create = payload =>\n  axios.post(TEMPLATE_TAGS_URL, { tag: payload }, { showToastr: false });\nconst list = () => axios.get(TEMPLATE_TAGS_URL);\n\nconst templateTagsApi = { create, list };\n\nexport default templateTagsApi;\n","import { refetchTags } from \"@bigbinary/neeto-tags-frontend\";\nimport { useQuery, useMutation } from \"@tanstack/react-query\";\n\nimport templateTagsApi from \"src/apis/template_tags\";\nimport { QUERY_KEYS } from \"src/constants/query\";\n\nconst useCreateTemplateTag = options =>\n  useMutation({\n    mutationFn: templateTagsApi.create,\n    ...options,\n    onSuccess: () => {\n      refetchTags();\n      options?.onSuccess?.();\n    },\n  });\n\nconst useFetchTemplateTags = () =>\n  useQuery({\n    queryKey: [QUERY_KEYS.TEMPLATE_TAGS],\n    queryFn: templateTagsApi.list,\n  });\n\nexport { useCreateTemplateTag, useFetchTemplateTags };\n","import { ImageUploader } from \"@bigbinary/neeto-image-uploader-frontend\";\nimport { useField, useFormikContext } from \"formik\";\n\nimport { IMAGE_UPLOAD_CONFIG } from \"src/constants\";\n\nconst FormikImageUploader = ({ name }) => {\n  const [field, _, { setValue }] = useField(name);\n  const { setFieldValue } = useFormikContext();\n\n  const handleImageUpload = file => {\n    setFieldValue(\"imageSignedId\", file.signedId);\n\n    return setValue(file.url);\n  };\n\n  return (\n    <ImageUploader\n      className=\"h-52 w-full md:h-80\"\n      src={field.value}\n      uploadConfig={IMAGE_UPLOAD_CONFIG}\n      onUploadComplete={handleImageUpload}\n    />\n  );\n};\n\nexport default FormikImageUploader;\n","import { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport Header from \"neetomolecules/Header\";\nimport Scrollable from \"neetomolecules/Scrollable\";\n\nconst PageWrapper = ({ children, className }) => (\n  <div className={classnames(\"w-full flex-col\", className)}>{children}</div>\n);\n\nconst PageHeader = ({ title, breadcrumbs }) => (\n  <div className=\"w-full px-6\">\n    <Header breadcrumbs={breadcrumbs} size=\"small\" {...{ title }} />\n  </div>\n);\n\nconst customPropEqualityCheck = (prevProps, nextProps) =>\n  prevProps.title === nextProps.title &&\n  prevProps.breadcrumbs === nextProps.breadcrumbs;\nconst MemoizedPageHeader = memo(PageHeader, customPropEqualityCheck);\n\nconst PageContent = ({ children, className = \"\" }) => (\n  <Scrollable className=\"w-full px-6 pb-6\">\n    <div className={classnames([\"mx-auto max-w-7xl\", className])}>\n      {children}\n    </div>\n  </Scrollable>\n);\nexport { PageWrapper, MemoizedPageHeader as PageHeader, PageContent };\n","import { TagsComponent } from \"@bigbinary/neeto-tags-frontend\";\nimport { removeBy } from \"neetocist\";\nimport { Label } from \"neetoui\";\n\nconst Tags = ({\n  allTags,\n  selectedTags,\n  onUpdate,\n  onCreate,\n  isLoading,\n  className,\n  labelProps = {},\n}) => {\n  const handleTagSelect = newTag => onUpdate([...selectedTags, newTag]);\n\n  const handleTagRemove = removedTag => {\n    const updatedTags = removeBy({ value: removedTag.value }, selectedTags);\n    onUpdate(updatedTags);\n  };\n\n  const handleTagCreate = tagName => {\n    onCreate(\n      { name: tagName },\n      {\n        onSuccess: ({ tag }) =>\n          handleTagSelect({ value: tag.id, label: tag.name }),\n      }\n    );\n  };\n\n  return (\n    <div {...{ className }}>\n      {labelProps.label && <Label {...labelProps}>{labelProps.label}</Label>}\n      <div className=\"neeto-ui-border-gray-300 neeto-ui-rounded-lg neeto-ui-bg-white border p-4\">\n        <TagsComponent\n          {...{ allTags, selectedTags }}\n          buttonProps={{\n            loading: isLoading,\n            disabled: isLoading,\n            iconPosition: \"left\",\n          }}\n          onTagCreate={handleTagCreate}\n          onTagDelete={handleTagRemove}\n          onTagSelect={handleTagSelect}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default Tags;\n","import { CLOUDFRONT_BASE_URL } from \"neetocommons/constants\";\nimport { Typography } from \"neetoui\";\n\nconst Preview = ({ template, imageUrl }) => (\n  <div\n    className=\"neeto-template neeto-ui-bg-white neeto-ui-shadow-sm hover:neeto-ui-border-gray-400 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex cursor-pointer flex-col overflow-hidden border outline-none transition-colors duration-300 ease-in-out\"\n    tabIndex={0}\n  >\n    <div className=\"neeto-template__header\">\n      <img\n        className=\"neeto-template__image\"\n        data-cy=\"template-image-preview\"\n        src={\n          imageUrl ||\n          `${CLOUDFRONT_BASE_URL}/images/neetoForm/default-form-template.svg`\n        }\n      />\n    </div>\n    <div className=\"neeto-ui-bg-white flex items-center justify-between gap-2 rounded-b-lg px-2 py-1.5\">\n      <Typography\n        className=\"neeto-ui-text-gray-800\"\n        data-cy=\"template-title-text\"\n        lineHeight=\"normal\"\n        style=\"body2\"\n      >\n        {template.title}\n      </Typography>\n    </div>\n  </div>\n);\n\nexport default Preview;\n","import { renameKeys } from \"neetocist\";\nimport { pluck } from \"ramda\";\n\nexport const buildSelectOptionsBy = (\n  labelField,\n  options = [],\n  valueField = \"id\"\n) =>\n  options.map(option => ({\n    value: option[valueField],\n    label: option[labelField],\n  }));\n\nexport const buildTagOptions = (tags = []) =>\n  renameKeys({ id: \"value\", name: \"label\" }, tags);\n\nexport const buildTemplateUpdatePayload = values => ({\n  image: values.imageSignedId || null,\n  tagIds: pluck(\"value\", values?.tags),\n});\n","import classnames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { Spinner, Typography } from \"neetoui\";\nimport { ActionBlock, Form } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\nimport { useParams } from \"react-router-dom\";\n\nimport {\n  useFetchTemplate,\n  useUpdateTemplate,\n} from \"hooks/reactQuery/useTemplatesApi\";\nimport {\n  useCreateTemplateTag,\n  useFetchTemplateTags,\n} from \"hooks/reactQuery/useTemplateTagsApi\";\n// eslint-disable-next-line import/extensions\nimport \"stylesheets/application.scss\";\n\nimport FormikImageUploader from \"./Common/FormikImageUploader\";\nimport {\n  PageWrapper,\n  PageHeader,\n  PageContent,\n} from \"./Common/SinglePageLayout\";\nimport Tags from \"./Common/Tags\";\nimport Preview from \"./Preview\";\nimport {\n  buildSelectOptionsBy,\n  buildTagOptions,\n  buildTemplateUpdatePayload,\n} from \"./utils\";\n\nconst TemplateSettings = ({\n  onCancelTemplatePreview = \"\",\n  breadcrumbs = [],\n  className = \"\",\n}) => {\n  const { id: resourceId } = useParams();\n  const { t } = useTranslation();\n\n  const { data, isLoading: isFetchingTemplate } = useFetchTemplate({\n    resourceId,\n  });\n\n  const { mutate: updateTemplate, isPending: isUpdatingTemplate } =\n    useUpdateTemplate({ resourceId });\n\n  const { mutate: createTemplateTag, isPending: isCreatingTags } =\n    useCreateTemplateTag();\n\n  const { data: templateTags = {}, isLoading: isTagsLoading } =\n    useFetchTemplateTags();\n\n  const handleSubmit = values => {\n    updateTemplate({ template: buildTemplateUpdatePayload(values) });\n  };\n\n  const isLoading = isFetchingTemplate || isTagsLoading;\n  const tags = buildTagOptions(data?.tags);\n\n  const resourceInitialValues = { imageUrl: null, ...data, tags };\n\n  return (\n    <PageWrapper {...{ className }}>\n      <PageHeader\n        {...{ breadcrumbs }}\n        title={t(\"neetoTemplate.templateSettings.title\")}\n      />\n      <PageContent\n        className={classnames({\n          \"min-h-0\": !isLoading,\n          \"h-full\": isLoading,\n        })}\n      >\n        {isLoading ? (\n          <div className=\"flex h-full w-full items-center justify-center\">\n            <Spinner />\n          </div>\n        ) : (\n          <>\n            <Typography\n              className=\"mb-1\"\n              data-cy=\"thank-you-action-text\"\n              style=\"h2\"\n              weight=\"semibold\"\n            >\n              {t(\"neetoTemplate.templateSettings.configureTemplates\")}\n            </Typography>\n            <Typography\n              className=\"mb-2\"\n              data-cy=\"thank-you-description-label\"\n              style=\"body2\"\n            >\n              {t(\"neetoTemplate.templateSettings.subText\")}\n            </Typography>\n            <Form\n              formikProps={{\n                enableReinitialize: true,\n                initialValues: resourceInitialValues,\n                onSubmit: handleSubmit,\n              }}\n            >\n              {({ values, setFieldValue }) => (\n                <div className=\"grid grid-cols-2 gap-8 pt-6\">\n                  <div className=\"space-y-4\">\n                    <Typography className=\"mb-3\" style=\"h4\" weight=\"semibold\">\n                      {t(\"neetoTemplate.templateSettings.imageLabel\")}\n                    </Typography>\n                    <FormikImageUploader name=\"imageUrl\" />\n                    <Tags\n                      allTags={buildSelectOptionsBy(\"name\", templateTags.tags)}\n                      className=\"space-y-2\"\n                      isLoading={isCreatingTags}\n                      selectedTags={values.tags}\n                      labelProps={{\n                        label: t(\n                          \"neetoTemplate.templateSettings.categoryLabel\"\n                        ),\n                      }}\n                      onCreate={createTemplateTag}\n                      onUpdate={tags => setFieldValue(\"tags\", tags)}\n                    />\n                    <div className=\"mt-12 flex flex-row items-center justify-start\">\n                      <ActionBlock\n                        isSubmitting={isUpdatingTemplate}\n                        cancelButtonProps={{\n                          to: onCancelTemplatePreview,\n                          \"data-cy\": \"reset-changes-button\",\n                          onClick: noop,\n                        }}\n                      />\n                    </div>\n                  </div>\n                  <div>\n                    <Typography className=\"mb-3\" style=\"h4\" weight=\"semibold\">\n                      {t(\"neetoTemplate.templateSettings.previewLabel\")}\n                    </Typography>\n                    <Preview imageUrl={values.imageUrl} template={data} />\n                  </div>\n                </div>\n              )}\n            </Form>\n          </>\n        )}\n      </PageContent>\n    </PageWrapper>\n  );\n};\n\nexport default TemplateSettings;\n"],"names":["create","payload","axios","post","TEMPLATE_TAGS_URL","tag","showToastr","list","get","templateTagsApi","useCreateTemplateTag","options","useMutation","_objectSpread","mutationFn","onSuccess","refetchTags","useFetchTemplateTags","useQuery","queryKey","QUERY_KEYS","TEMPLATE_TAGS","queryFn","FormikImageUploader","_ref","name","_useField","useField","_useField2","_slicedToArray","field","_","setValue","_useFormikContext","useFormikContext","setFieldValue","handleImageUpload","file","signedId","url","_jsx","ImageUploader","className","src","value","uploadConfig","IMAGE_UPLOAD_CONFIG","onUploadComplete","PageWrapper","children","classnames","PageHeader","_ref2","title","breadcrumbs","Header","size","customPropEqualityCheck","prevProps","nextProps","MemoizedPageHeader","memo","PageContent","_ref3","_ref3$className","Scrollable","Tags","allTags","selectedTags","onUpdate","onCreate","isLoading","_ref$labelProps","labelProps","handleTagSelect","newTag","concat","_toConsumableArray","handleTagRemove","removedTag","updatedTags","removeBy","handleTagCreate","tagName","id","label","_jsxs","Label","TagsComponent","buttonProps","loading","disabled","iconPosition","onTagCreate","onTagDelete","onTagSelect","Preview","template","imageUrl","tabIndex","CLOUDFRONT_BASE_URL","Typography","lineHeight","style","buildSelectOptionsBy","labelField","arguments","length","undefined","valueField","map","option","buildTagOptions","tags","renameKeys","buildTemplateUpdatePayload","values","image","imageSignedId","tagIds","pluck","TemplateSettings","_ref$onCancelTemplate","onCancelTemplatePreview","_ref$breadcrumbs","_ref$className","_useParams","useParams","resourceId","_useTranslation","useTranslation","t","_useFetchTemplate","useFetchTemplate","data","isFetchingTemplate","_useUpdateTemplate","useUpdateTemplate","updateTemplate","mutate","isUpdatingTemplate","isPending","_useCreateTemplateTag","createTemplateTag","isCreatingTags","_useFetchTemplateTags","_useFetchTemplateTags2","templateTags","isTagsLoading","handleSubmit","resourceInitialValues","Spinner","_Fragment","weight","Form","formikProps","enableReinitialize","initialValues","onSubmit","ActionBlock","isSubmitting","cancelButtonProps","to","onClick","noop"],"mappings":"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"}
+{"version":3,"file":"TemplateSettings.js","sources":["../app/javascript/src/apis/template_tags.js","../app/javascript/src/hooks/reactQuery/useTemplateTagsApi.js","../app/javascript/src/components/TemplateSettings/Common/FormikImageUploader.jsx","../app/javascript/src/components/TemplateSettings/Common/SinglePageLayout.jsx","../app/javascript/src/components/TemplateSettings/Common/Tags.jsx","../app/javascript/src/components/TemplateSettings/Preview.jsx","../app/javascript/src/components/TemplateSettings/utils.js","../app/javascript/src/components/TemplateSettings/index.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport { TEMPLATE_TAGS_URL } from \"src/constants\";\n\nconst create = payload =>\n  axios.post(TEMPLATE_TAGS_URL, { tag: payload }, { showToastr: false });\nconst list = () => axios.get(TEMPLATE_TAGS_URL);\n\nconst templateTagsApi = { create, list };\n\nexport default templateTagsApi;\n","import { refetchTags } from \"@bigbinary/neeto-tags-frontend\";\nimport { useQuery, useMutation } from \"@tanstack/react-query\";\n\nimport templateTagsApi from \"src/apis/template_tags\";\nimport { QUERY_KEYS } from \"src/constants/query\";\n\nconst useCreateTemplateTag = options =>\n  useMutation({\n    mutationFn: templateTagsApi.create,\n    ...options,\n    onSuccess: () => {\n      refetchTags();\n      options?.onSuccess?.();\n    },\n  });\n\nconst useFetchTemplateTags = () =>\n  useQuery({\n    queryKey: [QUERY_KEYS.TEMPLATE_TAGS],\n    queryFn: templateTagsApi.list,\n  });\n\nexport { useCreateTemplateTag, useFetchTemplateTags };\n","import { ImageUploader } from \"@bigbinary/neeto-image-uploader-frontend\";\nimport { useField, useFormikContext } from \"formik\";\n\nimport { IMAGE_UPLOAD_CONFIG } from \"src/constants\";\n\nconst FormikImageUploader = ({ name }) => {\n  const [field, _, { setValue }] = useField(name);\n  const { setFieldValue } = useFormikContext();\n\n  const handleImageUpload = file => {\n    setFieldValue(\"imageSignedId\", file.signedId);\n\n    return setValue(file.url);\n  };\n\n  return (\n    <ImageUploader\n      className=\"h-52 w-full md:h-80\"\n      src={field.value}\n      uploadConfig={IMAGE_UPLOAD_CONFIG}\n      onUploadComplete={handleImageUpload}\n    />\n  );\n};\n\nexport default FormikImageUploader;\n","import { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport Container from \"neetomolecules/Container\";\nimport Header from \"neetomolecules/Header\";\n\nconst PageWrapper = ({ children, className }) => (\n  <Container {...{ className }}>{children}</Container>\n);\n\nconst PageHeader = ({ title, breadcrumbs }) => (\n  <Header {...{ breadcrumbs, title }} size=\"small\" />\n);\n\nconst customPropEqualityCheck = (prevProps, nextProps) =>\n  prevProps.title === nextProps.title &&\n  prevProps.breadcrumbs === nextProps.breadcrumbs;\nconst MemoizedPageHeader = memo(PageHeader, customPropEqualityCheck);\n\nconst PageContent = ({ children, className = \"\" }) => (\n  <div className=\"w-full\">\n    <div className={classnames([\"mx-auto max-w-7xl\", className])}>\n      {children}\n    </div>\n  </div>\n);\nexport { PageWrapper, MemoizedPageHeader as PageHeader, PageContent };\n","import { TagsComponent } from \"@bigbinary/neeto-tags-frontend\";\nimport { removeBy } from \"neetocist\";\nimport { Label } from \"neetoui\";\n\nconst Tags = ({\n  allTags,\n  selectedTags,\n  onUpdate,\n  onCreate,\n  isLoading,\n  className,\n  labelProps = {},\n}) => {\n  const handleTagSelect = newTag => onUpdate([...selectedTags, newTag]);\n\n  const handleTagRemove = removedTag => {\n    const updatedTags = removeBy({ value: removedTag.value }, selectedTags);\n    onUpdate(updatedTags);\n  };\n\n  const handleTagCreate = tagName => {\n    onCreate(\n      { name: tagName },\n      {\n        onSuccess: ({ tag }) =>\n          handleTagSelect({ value: tag.id, label: tag.name }),\n      }\n    );\n  };\n\n  return (\n    <div {...{ className }}>\n      {labelProps.label && <Label {...labelProps}>{labelProps.label}</Label>}\n      <div className=\"neeto-ui-border-gray-300 neeto-ui-rounded-lg neeto-ui-bg-white border p-4\">\n        <TagsComponent\n          {...{ allTags, selectedTags }}\n          buttonProps={{\n            loading: isLoading,\n            disabled: isLoading,\n            iconPosition: \"left\",\n          }}\n          onTagCreate={handleTagCreate}\n          onTagDelete={handleTagRemove}\n          onTagSelect={handleTagSelect}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default Tags;\n","import { CLOUDFRONT_BASE_URL } from \"neetocommons/constants\";\nimport { Typography } from \"neetoui\";\n\nconst Preview = ({ template, imageUrl }) => (\n  <div\n    className=\"neeto-template neeto-ui-bg-white neeto-ui-shadow-sm hover:neeto-ui-border-gray-400 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex cursor-pointer flex-col overflow-hidden border outline-none transition-colors duration-300 ease-in-out\"\n    tabIndex={0}\n  >\n    <div className=\"neeto-template__header\">\n      <img\n        className=\"neeto-template__image\"\n        data-cy=\"template-image-preview\"\n        src={\n          imageUrl ||\n          `${CLOUDFRONT_BASE_URL}/images/neetoForm/default-form-template.svg`\n        }\n      />\n    </div>\n    <div className=\"neeto-ui-bg-white flex items-center justify-between gap-2 rounded-b-lg px-2 py-1.5\">\n      <Typography\n        className=\"neeto-ui-text-gray-800\"\n        data-cy=\"template-title-text\"\n        lineHeight=\"normal\"\n        style=\"body2\"\n      >\n        {template.title}\n      </Typography>\n    </div>\n  </div>\n);\n\nexport default Preview;\n","import { renameKeys } from \"neetocist\";\nimport { pluck } from \"ramda\";\n\nexport const buildSelectOptionsBy = (\n  labelField,\n  options = [],\n  valueField = \"id\"\n) =>\n  options.map(option => ({\n    value: option[valueField],\n    label: option[labelField],\n  }));\n\nexport const buildTagOptions = (tags = []) =>\n  renameKeys({ id: \"value\", name: \"label\" }, tags);\n\nexport const buildTemplateUpdatePayload = values => ({\n  image: values.imageSignedId || null,\n  tagIds: pluck(\"value\", values?.tags),\n});\n","import classnames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { Spinner, Typography } from \"neetoui\";\nimport { ActionBlock, Form } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\nimport { useParams } from \"react-router-dom\";\n\nimport {\n  useFetchTemplate,\n  useUpdateTemplate,\n} from \"hooks/reactQuery/useTemplatesApi\";\nimport {\n  useCreateTemplateTag,\n  useFetchTemplateTags,\n} from \"hooks/reactQuery/useTemplateTagsApi\";\n// eslint-disable-next-line import/extensions\nimport \"stylesheets/application.scss\";\n\nimport FormikImageUploader from \"./Common/FormikImageUploader\";\nimport {\n  PageWrapper,\n  PageHeader,\n  PageContent,\n} from \"./Common/SinglePageLayout\";\nimport Tags from \"./Common/Tags\";\nimport Preview from \"./Preview\";\nimport {\n  buildSelectOptionsBy,\n  buildTagOptions,\n  buildTemplateUpdatePayload,\n} from \"./utils\";\n\nconst TemplateSettings = ({\n  onCancelTemplatePreview = \"\",\n  breadcrumbs = [],\n  className = \"\",\n  resourceId = \"id\",\n}) => {\n  const { [resourceId]: id } = useParams();\n  const { t } = useTranslation();\n\n  const { data, isLoading: isFetchingTemplate } = useFetchTemplate({\n    resourceId: id,\n  });\n\n  const { mutate: updateTemplate, isPending: isUpdatingTemplate } =\n    useUpdateTemplate({ resourceId: id });\n\n  const { mutate: createTemplateTag, isPending: isCreatingTags } =\n    useCreateTemplateTag();\n\n  const { data: templateTags = {}, isLoading: isTagsLoading } =\n    useFetchTemplateTags();\n\n  const handleSubmit = values => {\n    updateTemplate({ template: buildTemplateUpdatePayload(values) });\n  };\n\n  const isLoading = isFetchingTemplate || isTagsLoading;\n  const tags = buildTagOptions(data?.tags);\n\n  const resourceInitialValues = { imageUrl: null, ...data, tags };\n\n  return (\n    <PageWrapper {...{ className }}>\n      <PageHeader\n        {...{ breadcrumbs }}\n        title={t(\"neetoTemplate.templateSettings.title\")}\n      />\n      <PageContent\n        className={classnames({\n          \"min-h-0\": !isLoading,\n          \"h-full\": isLoading,\n        })}\n      >\n        {isLoading ? (\n          <div className=\"flex h-full w-full items-center justify-center\">\n            <Spinner />\n          </div>\n        ) : (\n          <>\n            <Typography\n              className=\"mb-1\"\n              data-cy=\"thank-you-action-text\"\n              style=\"h2\"\n              weight=\"semibold\"\n            >\n              {t(\"neetoTemplate.templateSettings.configureTemplates\")}\n            </Typography>\n            <Typography\n              className=\"mb-2\"\n              data-cy=\"thank-you-description-label\"\n              style=\"body2\"\n            >\n              {t(\"neetoTemplate.templateSettings.subText\")}\n            </Typography>\n            <Form\n              formikProps={{\n                enableReinitialize: true,\n                initialValues: resourceInitialValues,\n                onSubmit: handleSubmit,\n              }}\n            >\n              {({ values, setFieldValue }) => (\n                <>\n                  <div className=\"grid grid-cols-2 gap-8 pt-6\">\n                    <div className=\"space-y-4\">\n                      <Typography className=\"mb-3\" style=\"h4\" weight=\"semibold\">\n                        {t(\"neetoTemplate.templateSettings.imageLabel\")}\n                      </Typography>\n                      <FormikImageUploader name=\"imageUrl\" />\n                      <Tags\n                        className=\"space-y-2\"\n                        isLoading={isCreatingTags}\n                        selectedTags={values.tags}\n                        allTags={buildSelectOptionsBy(\n                          \"name\",\n                          templateTags.tags\n                        )}\n                        labelProps={{\n                          label: t(\n                            \"neetoTemplate.templateSettings.categoryLabel\"\n                          ),\n                        }}\n                        onCreate={createTemplateTag}\n                        onUpdate={tags => setFieldValue(\"tags\", tags)}\n                      />\n                    </div>\n                    <div>\n                      <Typography className=\"mb-3\" style=\"h4\" weight=\"semibold\">\n                        {t(\"neetoTemplate.templateSettings.previewLabel\")}\n                      </Typography>\n                      <Preview imageUrl={values.imageUrl} template={data} />\n                    </div>\n                  </div>\n                  <div className=\"neeto-ui-bg-white sticky bottom-0 py-6\">\n                    <ActionBlock\n                      isSubmitting={isUpdatingTemplate}\n                      cancelButtonProps={{\n                        to: onCancelTemplatePreview,\n                        \"data-cy\": \"reset-changes-button\",\n                        onClick: noop,\n                      }}\n                    />\n                  </div>\n                </>\n              )}\n            </Form>\n          </>\n        )}\n      </PageContent>\n    </PageWrapper>\n  );\n};\n\nexport default TemplateSettings;\n"],"names":["create","payload","axios","post","TEMPLATE_TAGS_URL","tag","showToastr","list","get","templateTagsApi","useCreateTemplateTag","options","useMutation","_objectSpread","mutationFn","onSuccess","refetchTags","useFetchTemplateTags","useQuery","queryKey","QUERY_KEYS","TEMPLATE_TAGS","queryFn","FormikImageUploader","_ref","name","_useField","useField","_useField2","_slicedToArray","field","_","setValue","_useFormikContext","useFormikContext","setFieldValue","handleImageUpload","file","signedId","url","_jsx","ImageUploader","className","src","value","uploadConfig","IMAGE_UPLOAD_CONFIG","onUploadComplete","PageWrapper","children","Container","PageHeader","_ref2","title","breadcrumbs","Header","size","customPropEqualityCheck","prevProps","nextProps","MemoizedPageHeader","memo","PageContent","_ref3","_ref3$className","classnames","Tags","allTags","selectedTags","onUpdate","onCreate","isLoading","_ref$labelProps","labelProps","handleTagSelect","newTag","concat","_toConsumableArray","handleTagRemove","removedTag","updatedTags","removeBy","handleTagCreate","tagName","id","label","_jsxs","Label","TagsComponent","buttonProps","loading","disabled","iconPosition","onTagCreate","onTagDelete","onTagSelect","Preview","template","imageUrl","tabIndex","CLOUDFRONT_BASE_URL","Typography","lineHeight","style","buildSelectOptionsBy","labelField","arguments","length","undefined","valueField","map","option","buildTagOptions","tags","renameKeys","buildTemplateUpdatePayload","values","image","imageSignedId","tagIds","pluck","TemplateSettings","_ref$onCancelTemplate","onCancelTemplatePreview","_ref$breadcrumbs","_ref$className","_ref$resourceId","resourceId","_useParams","useParams","_useTranslation","useTranslation","t","_useFetchTemplate","useFetchTemplate","data","isFetchingTemplate","_useUpdateTemplate","useUpdateTemplate","updateTemplate","mutate","isUpdatingTemplate","isPending","_useCreateTemplateTag","createTemplateTag","isCreatingTags","_useFetchTemplateTags","_useFetchTemplateTags2","templateTags","isTagsLoading","handleSubmit","resourceInitialValues","Spinner","_Fragment","weight","Form","formikProps","enableReinitialize","initialValues","onSubmit","ActionBlock","isSubmitting","cancelButtonProps","to","onClick","noop"],"mappings":"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"}

package/dist/cjs/TemplateSettings.js

@@ -19,8 +19,8 @@ var ImageUploader = require('@bigbinary/neeto-image-uploader-frontend/ImageUploa
 var formik = require('formik');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var Container = require('@bigbinary/neeto-molecules/Container');
 var Header = require('@bigbinary/neeto-molecules/Header');
-var Scrollable = require('@bigbinary/neeto-molecules/Scrollable');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var TagsComponent = require('@bigbinary/neeto-tags-frontend/TagsComponent');
 var Label = require('@bigbinary/neetoui/Label');
@@ -85,21 +85,18 @@ var FormikImageUploader = function FormikImageUploader(_ref) {
 var PageWrapper = function PageWrapper(_ref) {
   var children = _ref.children,
     className = _ref.className;
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: classnames("w-full flex-col", className),
+  return /*#__PURE__*/jsxRuntime.jsx(Container, {
+    className: className,
     children: children
   });
 };
 var PageHeader = function PageHeader(_ref2) {
   var title = _ref2.title,
     breadcrumbs = _ref2.breadcrumbs;
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "w-full px-6",
-    children: /*#__PURE__*/jsxRuntime.jsx(Header, {
-      breadcrumbs: breadcrumbs,
-      size: "small",
-      title: title
-    })
+  return /*#__PURE__*/jsxRuntime.jsx(Header, {
+    breadcrumbs: breadcrumbs,
+    title: title,
+    size: "small"
   });
 };
 var customPropEqualityCheck = function customPropEqualityCheck(prevProps, nextProps) {
@@ -110,8 +107,8 @@ var PageContent = function PageContent(_ref3) {
   var children = _ref3.children,
     _ref3$className = _ref3.className,
     className = _ref3$className === void 0 ? "" : _ref3$className;
-  return /*#__PURE__*/jsxRuntime.jsx(Scrollable, {
-    className: "w-full px-6 pb-6",
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "w-full",
     children: /*#__PURE__*/jsxRuntime.jsx("div", {
       className: classnames(["mx-auto max-w-7xl", className]),
       children: children
@@ -232,18 +229,20 @@ var TemplateSettings = function TemplateSettings(_ref) {
     _ref$breadcrumbs = _ref.breadcrumbs,
     breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs,
     _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className;
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$resourceId = _ref.resourceId,
+    resourceId = _ref$resourceId === void 0 ? "id" : _ref$resourceId;
   var _useParams = reactRouterDom.useParams(),
-    resourceId = _useParams.id;
+    id = _useParams[resourceId];
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useFetchTemplate = useTemplatesApi.useFetchTemplate({
-      resourceId: resourceId
+      resourceId: id
     }),
     data = _useFetchTemplate.data,
     isFetchingTemplate = _useFetchTemplate.isLoading;
   var _useUpdateTemplate = useTemplatesApi.useUpdateTemplate({
-      resourceId: resourceId
+      resourceId: id
     }),
     updateTemplate = _useUpdateTemplate.mutate,
     isUpdatingTemplate = _useUpdateTemplate.isPending;
@@ -300,50 +299,52 @@ var TemplateSettings = function TemplateSettings(_ref) {
           children: function children(_ref2) {
             var values = _ref2.values,
               setFieldValue = _ref2.setFieldValue;
-            return /*#__PURE__*/jsxRuntime.jsxs("div", {
-              className: "grid grid-cols-2 gap-8 pt-6",
+            return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
               children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-                className: "space-y-4",
-                children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
-                  className: "mb-3",
-                  style: "h4",
-                  weight: "semibold",
-                  children: t("neetoTemplate.templateSettings.imageLabel")
-                }), /*#__PURE__*/jsxRuntime.jsx(FormikImageUploader, {
-                  name: "imageUrl"
-                }), /*#__PURE__*/jsxRuntime.jsx(Tags, {
-                  allTags: buildSelectOptionsBy("name", templateTags.tags),
-                  className: "space-y-2",
-                  isLoading: isCreatingTags,
-                  selectedTags: values.tags,
-                  labelProps: {
-                    label: t("neetoTemplate.templateSettings.categoryLabel")
-                  },
-                  onCreate: createTemplateTag,
-                  onUpdate: function onUpdate(tags) {
-                    return setFieldValue("tags", tags);
-                  }
-                }), /*#__PURE__*/jsxRuntime.jsx("div", {
-                  className: "mt-12 flex flex-row items-center justify-start",
-                  children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
-                    isSubmitting: isUpdatingTemplate,
-                    cancelButtonProps: {
-                      to: onCancelTemplatePreview,
-                      "data-cy": "reset-changes-button",
-                      onClick: neetoCist.noop
+                className: "grid grid-cols-2 gap-8 pt-6",
+                children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+                  className: "space-y-4",
+                  children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+                    className: "mb-3",
+                    style: "h4",
+                    weight: "semibold",
+                    children: t("neetoTemplate.templateSettings.imageLabel")
+                  }), /*#__PURE__*/jsxRuntime.jsx(FormikImageUploader, {
+                    name: "imageUrl"
+                  }), /*#__PURE__*/jsxRuntime.jsx(Tags, {
+                    className: "space-y-2",
+                    isLoading: isCreatingTags,
+                    selectedTags: values.tags,
+                    allTags: buildSelectOptionsBy("name", templateTags.tags),
+                    labelProps: {
+                      label: t("neetoTemplate.templateSettings.categoryLabel")
+                    },
+                    onCreate: createTemplateTag,
+                    onUpdate: function onUpdate(tags) {
+                      return setFieldValue("tags", tags);
                     }
-                  })
-                })]
-              }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-                children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
-                  className: "mb-3",
-                  style: "h4",
-                  weight: "semibold",
-                  children: t("neetoTemplate.templateSettings.previewLabel")
-                }), /*#__PURE__*/jsxRuntime.jsx(Preview, {
-                  imageUrl: values.imageUrl,
-                  template: data
+                  })]
+                }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+                  children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+                    className: "mb-3",
+                    style: "h4",
+                    weight: "semibold",
+                    children: t("neetoTemplate.templateSettings.previewLabel")
+                  }), /*#__PURE__*/jsxRuntime.jsx(Preview, {
+                    imageUrl: values.imageUrl,
+                    template: data
+                  })]
                 })]
+              }), /*#__PURE__*/jsxRuntime.jsx("div", {
+                className: "neeto-ui-bg-white sticky bottom-0 py-6",
+                children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
+                  isSubmitting: isUpdatingTemplate,
+                  cancelButtonProps: {
+                    to: onCancelTemplatePreview,
+                    "data-cy": "reset-changes-button",
+                    onClick: neetoCist.noop
+                  }
+                })
               })]
             });
           }

package/dist/cjs/TemplateSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateSettings.js","sources":["../../app/javascript/src/apis/template_tags.js","../../app/javascript/src/hooks/reactQuery/useTemplateTagsApi.js","../../app/javascript/src/components/TemplateSettings/Common/FormikImageUploader.jsx","../../app/javascript/src/components/TemplateSettings/Common/SinglePageLayout.jsx","../../app/javascript/src/components/TemplateSettings/Common/Tags.jsx","../../app/javascript/src/components/TemplateSettings/Preview.jsx","../../app/javascript/src/components/TemplateSettings/utils.js","../../app/javascript/src/components/TemplateSettings/index.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport { TEMPLATE_TAGS_URL } from \"src/constants\";\n\nconst create = payload =>\n  axios.post(TEMPLATE_TAGS_URL, { tag: payload }, { showToastr: false });\nconst list = () => axios.get(TEMPLATE_TAGS_URL);\n\nconst templateTagsApi = { create, list };\n\nexport default templateTagsApi;\n","import { refetchTags } from \"@bigbinary/neeto-tags-frontend\";\nimport { useQuery, useMutation } from \"@tanstack/react-query\";\n\nimport templateTagsApi from \"src/apis/template_tags\";\nimport { QUERY_KEYS } from \"src/constants/query\";\n\nconst useCreateTemplateTag = options =>\n  useMutation({\n    mutationFn: templateTagsApi.create,\n    ...options,\n    onSuccess: () => {\n      refetchTags();\n      options?.onSuccess?.();\n    },\n  });\n\nconst useFetchTemplateTags = () =>\n  useQuery({\n    queryKey: [QUERY_KEYS.TEMPLATE_TAGS],\n    queryFn: templateTagsApi.list,\n  });\n\nexport { useCreateTemplateTag, useFetchTemplateTags };\n","import { ImageUploader } from \"@bigbinary/neeto-image-uploader-frontend\";\nimport { useField, useFormikContext } from \"formik\";\n\nimport { IMAGE_UPLOAD_CONFIG } from \"src/constants\";\n\nconst FormikImageUploader = ({ name }) => {\n  const [field, _, { setValue }] = useField(name);\n  const { setFieldValue } = useFormikContext();\n\n  const handleImageUpload = file => {\n    setFieldValue(\"imageSignedId\", file.signedId);\n\n    return setValue(file.url);\n  };\n\n  return (\n    <ImageUploader\n      className=\"h-52 w-full md:h-80\"\n      src={field.value}\n      uploadConfig={IMAGE_UPLOAD_CONFIG}\n      onUploadComplete={handleImageUpload}\n    />\n  );\n};\n\nexport default FormikImageUploader;\n","import { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport Header from \"neetomolecules/Header\";\nimport Scrollable from \"neetomolecules/Scrollable\";\n\nconst PageWrapper = ({ children, className }) => (\n  <div className={classnames(\"w-full flex-col\", className)}>{children}</div>\n);\n\nconst PageHeader = ({ title, breadcrumbs }) => (\n  <div className=\"w-full px-6\">\n    <Header breadcrumbs={breadcrumbs} size=\"small\" {...{ title }} />\n  </div>\n);\n\nconst customPropEqualityCheck = (prevProps, nextProps) =>\n  prevProps.title === nextProps.title &&\n  prevProps.breadcrumbs === nextProps.breadcrumbs;\nconst MemoizedPageHeader = memo(PageHeader, customPropEqualityCheck);\n\nconst PageContent = ({ children, className = \"\" }) => (\n  <Scrollable className=\"w-full px-6 pb-6\">\n    <div className={classnames([\"mx-auto max-w-7xl\", className])}>\n      {children}\n    </div>\n  </Scrollable>\n);\nexport { PageWrapper, MemoizedPageHeader as PageHeader, PageContent };\n","import { TagsComponent } from \"@bigbinary/neeto-tags-frontend\";\nimport { removeBy } from \"neetocist\";\nimport { Label } from \"neetoui\";\n\nconst Tags = ({\n  allTags,\n  selectedTags,\n  onUpdate,\n  onCreate,\n  isLoading,\n  className,\n  labelProps = {},\n}) => {\n  const handleTagSelect = newTag => onUpdate([...selectedTags, newTag]);\n\n  const handleTagRemove = removedTag => {\n    const updatedTags = removeBy({ value: removedTag.value }, selectedTags);\n    onUpdate(updatedTags);\n  };\n\n  const handleTagCreate = tagName => {\n    onCreate(\n      { name: tagName },\n      {\n        onSuccess: ({ tag }) =>\n          handleTagSelect({ value: tag.id, label: tag.name }),\n      }\n    );\n  };\n\n  return (\n    <div {...{ className }}>\n      {labelProps.label && <Label {...labelProps}>{labelProps.label}</Label>}\n      <div className=\"neeto-ui-border-gray-300 neeto-ui-rounded-lg neeto-ui-bg-white border p-4\">\n        <TagsComponent\n          {...{ allTags, selectedTags }}\n          buttonProps={{\n            loading: isLoading,\n            disabled: isLoading,\n            iconPosition: \"left\",\n          }}\n          onTagCreate={handleTagCreate}\n          onTagDelete={handleTagRemove}\n          onTagSelect={handleTagSelect}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default Tags;\n","import { CLOUDFRONT_BASE_URL } from \"neetocommons/constants\";\nimport { Typography } from \"neetoui\";\n\nconst Preview = ({ template, imageUrl }) => (\n  <div\n    className=\"neeto-template neeto-ui-bg-white neeto-ui-shadow-sm hover:neeto-ui-border-gray-400 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex cursor-pointer flex-col overflow-hidden border outline-none transition-colors duration-300 ease-in-out\"\n    tabIndex={0}\n  >\n    <div className=\"neeto-template__header\">\n      <img\n        className=\"neeto-template__image\"\n        data-cy=\"template-image-preview\"\n        src={\n          imageUrl ||\n          `${CLOUDFRONT_BASE_URL}/images/neetoForm/default-form-template.svg`\n        }\n      />\n    </div>\n    <div className=\"neeto-ui-bg-white flex items-center justify-between gap-2 rounded-b-lg px-2 py-1.5\">\n      <Typography\n        className=\"neeto-ui-text-gray-800\"\n        data-cy=\"template-title-text\"\n        lineHeight=\"normal\"\n        style=\"body2\"\n      >\n        {template.title}\n      </Typography>\n    </div>\n  </div>\n);\n\nexport default Preview;\n","import { renameKeys } from \"neetocist\";\nimport { pluck } from \"ramda\";\n\nexport const buildSelectOptionsBy = (\n  labelField,\n  options = [],\n  valueField = \"id\"\n) =>\n  options.map(option => ({\n    value: option[valueField],\n    label: option[labelField],\n  }));\n\nexport const buildTagOptions = (tags = []) =>\n  renameKeys({ id: \"value\", name: \"label\" }, tags);\n\nexport const buildTemplateUpdatePayload = values => ({\n  image: values.imageSignedId || null,\n  tagIds: pluck(\"value\", values?.tags),\n});\n","import classnames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { Spinner, Typography } from \"neetoui\";\nimport { ActionBlock, Form } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\nimport { useParams } from \"react-router-dom\";\n\nimport {\n  useFetchTemplate,\n  useUpdateTemplate,\n} from \"hooks/reactQuery/useTemplatesApi\";\nimport {\n  useCreateTemplateTag,\n  useFetchTemplateTags,\n} from \"hooks/reactQuery/useTemplateTagsApi\";\n// eslint-disable-next-line import/extensions\nimport \"stylesheets/application.scss\";\n\nimport FormikImageUploader from \"./Common/FormikImageUploader\";\nimport {\n  PageWrapper,\n  PageHeader,\n  PageContent,\n} from \"./Common/SinglePageLayout\";\nimport Tags from \"./Common/Tags\";\nimport Preview from \"./Preview\";\nimport {\n  buildSelectOptionsBy,\n  buildTagOptions,\n  buildTemplateUpdatePayload,\n} from \"./utils\";\n\nconst TemplateSettings = ({\n  onCancelTemplatePreview = \"\",\n  breadcrumbs = [],\n  className = \"\",\n}) => {\n  const { id: resourceId } = useParams();\n  const { t } = useTranslation();\n\n  const { data, isLoading: isFetchingTemplate } = useFetchTemplate({\n    resourceId,\n  });\n\n  const { mutate: updateTemplate, isPending: isUpdatingTemplate } =\n    useUpdateTemplate({ resourceId });\n\n  const { mutate: createTemplateTag, isPending: isCreatingTags } =\n    useCreateTemplateTag();\n\n  const { data: templateTags = {}, isLoading: isTagsLoading } =\n    useFetchTemplateTags();\n\n  const handleSubmit = values => {\n    updateTemplate({ template: buildTemplateUpdatePayload(values) });\n  };\n\n  const isLoading = isFetchingTemplate || isTagsLoading;\n  const tags = buildTagOptions(data?.tags);\n\n  const resourceInitialValues = { imageUrl: null, ...data, tags };\n\n  return (\n    <PageWrapper {...{ className }}>\n      <PageHeader\n        {...{ breadcrumbs }}\n        title={t(\"neetoTemplate.templateSettings.title\")}\n      />\n      <PageContent\n        className={classnames({\n          \"min-h-0\": !isLoading,\n          \"h-full\": isLoading,\n        })}\n      >\n        {isLoading ? (\n          <div className=\"flex h-full w-full items-center justify-center\">\n            <Spinner />\n          </div>\n        ) : (\n          <>\n            <Typography\n              className=\"mb-1\"\n              data-cy=\"thank-you-action-text\"\n              style=\"h2\"\n              weight=\"semibold\"\n            >\n              {t(\"neetoTemplate.templateSettings.configureTemplates\")}\n            </Typography>\n            <Typography\n              className=\"mb-2\"\n              data-cy=\"thank-you-description-label\"\n              style=\"body2\"\n            >\n              {t(\"neetoTemplate.templateSettings.subText\")}\n            </Typography>\n            <Form\n              formikProps={{\n                enableReinitialize: true,\n                initialValues: resourceInitialValues,\n                onSubmit: handleSubmit,\n              }}\n            >\n              {({ values, setFieldValue }) => (\n                <div className=\"grid grid-cols-2 gap-8 pt-6\">\n                  <div className=\"space-y-4\">\n                    <Typography className=\"mb-3\" style=\"h4\" weight=\"semibold\">\n                      {t(\"neetoTemplate.templateSettings.imageLabel\")}\n                    </Typography>\n                    <FormikImageUploader name=\"imageUrl\" />\n                    <Tags\n                      allTags={buildSelectOptionsBy(\"name\", templateTags.tags)}\n                      className=\"space-y-2\"\n                      isLoading={isCreatingTags}\n                      selectedTags={values.tags}\n                      labelProps={{\n                        label: t(\n                          \"neetoTemplate.templateSettings.categoryLabel\"\n                        ),\n                      }}\n                      onCreate={createTemplateTag}\n                      onUpdate={tags => setFieldValue(\"tags\", tags)}\n                    />\n                    <div className=\"mt-12 flex flex-row items-center justify-start\">\n                      <ActionBlock\n                        isSubmitting={isUpdatingTemplate}\n                        cancelButtonProps={{\n                          to: onCancelTemplatePreview,\n                          \"data-cy\": \"reset-changes-button\",\n                          onClick: noop,\n                        }}\n                      />\n                    </div>\n                  </div>\n                  <div>\n                    <Typography className=\"mb-3\" style=\"h4\" weight=\"semibold\">\n                      {t(\"neetoTemplate.templateSettings.previewLabel\")}\n                    </Typography>\n                    <Preview imageUrl={values.imageUrl} template={data} />\n                  </div>\n                </div>\n              )}\n            </Form>\n          </>\n        )}\n      </PageContent>\n    </PageWrapper>\n  );\n};\n\nexport default TemplateSettings;\n"],"names":["create","payload","axios","post","TEMPLATE_TAGS_URL","tag","showToastr","list","get","templateTagsApi","useCreateTemplateTag","options","useMutation","_objectSpread","mutationFn","onSuccess","refetchTags","useFetchTemplateTags","useQuery","queryKey","QUERY_KEYS","TEMPLATE_TAGS","queryFn","FormikImageUploader","_ref","name","_useField","useField","_useField2","_slicedToArray","field","_","setValue","_useFormikContext","useFormikContext","setFieldValue","handleImageUpload","file","signedId","url","_jsx","ImageUploader","className","src","value","uploadConfig","IMAGE_UPLOAD_CONFIG","onUploadComplete","PageWrapper","children","classnames","PageHeader","_ref2","title","breadcrumbs","Header","size","customPropEqualityCheck","prevProps","nextProps","MemoizedPageHeader","memo","PageContent","_ref3","_ref3$className","Scrollable","Tags","allTags","selectedTags","onUpdate","onCreate","isLoading","_ref$labelProps","labelProps","handleTagSelect","newTag","concat","_toConsumableArray","handleTagRemove","removedTag","updatedTags","removeBy","handleTagCreate","tagName","id","label","_jsxs","Label","TagsComponent","buttonProps","loading","disabled","iconPosition","onTagCreate","onTagDelete","onTagSelect","Preview","template","imageUrl","tabIndex","CLOUDFRONT_BASE_URL","Typography","lineHeight","style","buildSelectOptionsBy","labelField","arguments","length","undefined","valueField","map","option","buildTagOptions","tags","renameKeys","buildTemplateUpdatePayload","values","image","imageSignedId","tagIds","pluck","TemplateSettings","_ref$onCancelTemplate","onCancelTemplatePreview","_ref$breadcrumbs","_ref$className","_useParams","useParams","resourceId","_useTranslation","useTranslation","t","_useFetchTemplate","useFetchTemplate","data","isFetchingTemplate","_useUpdateTemplate","useUpdateTemplate","updateTemplate","mutate","isUpdatingTemplate","isPending","_useCreateTemplateTag","createTemplateTag","isCreatingTags","_useFetchTemplateTags","_useFetchTemplateTags2","templateTags","isTagsLoading","handleSubmit","resourceInitialValues","Spinner","_Fragment","weight","Form","formikProps","enableReinitialize","initialValues","onSubmit","ActionBlock","isSubmitting","cancelButtonProps","to","onClick","noop"],"mappings":"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"}
+{"version":3,"file":"TemplateSettings.js","sources":["../../app/javascript/src/apis/template_tags.js","../../app/javascript/src/hooks/reactQuery/useTemplateTagsApi.js","../../app/javascript/src/components/TemplateSettings/Common/FormikImageUploader.jsx","../../app/javascript/src/components/TemplateSettings/Common/SinglePageLayout.jsx","../../app/javascript/src/components/TemplateSettings/Common/Tags.jsx","../../app/javascript/src/components/TemplateSettings/Preview.jsx","../../app/javascript/src/components/TemplateSettings/utils.js","../../app/javascript/src/components/TemplateSettings/index.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport { TEMPLATE_TAGS_URL } from \"src/constants\";\n\nconst create = payload =>\n  axios.post(TEMPLATE_TAGS_URL, { tag: payload }, { showToastr: false });\nconst list = () => axios.get(TEMPLATE_TAGS_URL);\n\nconst templateTagsApi = { create, list };\n\nexport default templateTagsApi;\n","import { refetchTags } from \"@bigbinary/neeto-tags-frontend\";\nimport { useQuery, useMutation } from \"@tanstack/react-query\";\n\nimport templateTagsApi from \"src/apis/template_tags\";\nimport { QUERY_KEYS } from \"src/constants/query\";\n\nconst useCreateTemplateTag = options =>\n  useMutation({\n    mutationFn: templateTagsApi.create,\n    ...options,\n    onSuccess: () => {\n      refetchTags();\n      options?.onSuccess?.();\n    },\n  });\n\nconst useFetchTemplateTags = () =>\n  useQuery({\n    queryKey: [QUERY_KEYS.TEMPLATE_TAGS],\n    queryFn: templateTagsApi.list,\n  });\n\nexport { useCreateTemplateTag, useFetchTemplateTags };\n","import { ImageUploader } from \"@bigbinary/neeto-image-uploader-frontend\";\nimport { useField, useFormikContext } from \"formik\";\n\nimport { IMAGE_UPLOAD_CONFIG } from \"src/constants\";\n\nconst FormikImageUploader = ({ name }) => {\n  const [field, _, { setValue }] = useField(name);\n  const { setFieldValue } = useFormikContext();\n\n  const handleImageUpload = file => {\n    setFieldValue(\"imageSignedId\", file.signedId);\n\n    return setValue(file.url);\n  };\n\n  return (\n    <ImageUploader\n      className=\"h-52 w-full md:h-80\"\n      src={field.value}\n      uploadConfig={IMAGE_UPLOAD_CONFIG}\n      onUploadComplete={handleImageUpload}\n    />\n  );\n};\n\nexport default FormikImageUploader;\n","import { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport Container from \"neetomolecules/Container\";\nimport Header from \"neetomolecules/Header\";\n\nconst PageWrapper = ({ children, className }) => (\n  <Container {...{ className }}>{children}</Container>\n);\n\nconst PageHeader = ({ title, breadcrumbs }) => (\n  <Header {...{ breadcrumbs, title }} size=\"small\" />\n);\n\nconst customPropEqualityCheck = (prevProps, nextProps) =>\n  prevProps.title === nextProps.title &&\n  prevProps.breadcrumbs === nextProps.breadcrumbs;\nconst MemoizedPageHeader = memo(PageHeader, customPropEqualityCheck);\n\nconst PageContent = ({ children, className = \"\" }) => (\n  <div className=\"w-full\">\n    <div className={classnames([\"mx-auto max-w-7xl\", className])}>\n      {children}\n    </div>\n  </div>\n);\nexport { PageWrapper, MemoizedPageHeader as PageHeader, PageContent };\n","import { TagsComponent } from \"@bigbinary/neeto-tags-frontend\";\nimport { removeBy } from \"neetocist\";\nimport { Label } from \"neetoui\";\n\nconst Tags = ({\n  allTags,\n  selectedTags,\n  onUpdate,\n  onCreate,\n  isLoading,\n  className,\n  labelProps = {},\n}) => {\n  const handleTagSelect = newTag => onUpdate([...selectedTags, newTag]);\n\n  const handleTagRemove = removedTag => {\n    const updatedTags = removeBy({ value: removedTag.value }, selectedTags);\n    onUpdate(updatedTags);\n  };\n\n  const handleTagCreate = tagName => {\n    onCreate(\n      { name: tagName },\n      {\n        onSuccess: ({ tag }) =>\n          handleTagSelect({ value: tag.id, label: tag.name }),\n      }\n    );\n  };\n\n  return (\n    <div {...{ className }}>\n      {labelProps.label && <Label {...labelProps}>{labelProps.label}</Label>}\n      <div className=\"neeto-ui-border-gray-300 neeto-ui-rounded-lg neeto-ui-bg-white border p-4\">\n        <TagsComponent\n          {...{ allTags, selectedTags }}\n          buttonProps={{\n            loading: isLoading,\n            disabled: isLoading,\n            iconPosition: \"left\",\n          }}\n          onTagCreate={handleTagCreate}\n          onTagDelete={handleTagRemove}\n          onTagSelect={handleTagSelect}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default Tags;\n","import { CLOUDFRONT_BASE_URL } from \"neetocommons/constants\";\nimport { Typography } from \"neetoui\";\n\nconst Preview = ({ template, imageUrl }) => (\n  <div\n    className=\"neeto-template neeto-ui-bg-white neeto-ui-shadow-sm hover:neeto-ui-border-gray-400 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex cursor-pointer flex-col overflow-hidden border outline-none transition-colors duration-300 ease-in-out\"\n    tabIndex={0}\n  >\n    <div className=\"neeto-template__header\">\n      <img\n        className=\"neeto-template__image\"\n        data-cy=\"template-image-preview\"\n        src={\n          imageUrl ||\n          `${CLOUDFRONT_BASE_URL}/images/neetoForm/default-form-template.svg`\n        }\n      />\n    </div>\n    <div className=\"neeto-ui-bg-white flex items-center justify-between gap-2 rounded-b-lg px-2 py-1.5\">\n      <Typography\n        className=\"neeto-ui-text-gray-800\"\n        data-cy=\"template-title-text\"\n        lineHeight=\"normal\"\n        style=\"body2\"\n      >\n        {template.title}\n      </Typography>\n    </div>\n  </div>\n);\n\nexport default Preview;\n","import { renameKeys } from \"neetocist\";\nimport { pluck } from \"ramda\";\n\nexport const buildSelectOptionsBy = (\n  labelField,\n  options = [],\n  valueField = \"id\"\n) =>\n  options.map(option => ({\n    value: option[valueField],\n    label: option[labelField],\n  }));\n\nexport const buildTagOptions = (tags = []) =>\n  renameKeys({ id: \"value\", name: \"label\" }, tags);\n\nexport const buildTemplateUpdatePayload = values => ({\n  image: values.imageSignedId || null,\n  tagIds: pluck(\"value\", values?.tags),\n});\n","import classnames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { Spinner, Typography } from \"neetoui\";\nimport { ActionBlock, Form } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\nimport { useParams } from \"react-router-dom\";\n\nimport {\n  useFetchTemplate,\n  useUpdateTemplate,\n} from \"hooks/reactQuery/useTemplatesApi\";\nimport {\n  useCreateTemplateTag,\n  useFetchTemplateTags,\n} from \"hooks/reactQuery/useTemplateTagsApi\";\n// eslint-disable-next-line import/extensions\nimport \"stylesheets/application.scss\";\n\nimport FormikImageUploader from \"./Common/FormikImageUploader\";\nimport {\n  PageWrapper,\n  PageHeader,\n  PageContent,\n} from \"./Common/SinglePageLayout\";\nimport Tags from \"./Common/Tags\";\nimport Preview from \"./Preview\";\nimport {\n  buildSelectOptionsBy,\n  buildTagOptions,\n  buildTemplateUpdatePayload,\n} from \"./utils\";\n\nconst TemplateSettings = ({\n  onCancelTemplatePreview = \"\",\n  breadcrumbs = [],\n  className = \"\",\n  resourceId = \"id\",\n}) => {\n  const { [resourceId]: id } = useParams();\n  const { t } = useTranslation();\n\n  const { data, isLoading: isFetchingTemplate } = useFetchTemplate({\n    resourceId: id,\n  });\n\n  const { mutate: updateTemplate, isPending: isUpdatingTemplate } =\n    useUpdateTemplate({ resourceId: id });\n\n  const { mutate: createTemplateTag, isPending: isCreatingTags } =\n    useCreateTemplateTag();\n\n  const { data: templateTags = {}, isLoading: isTagsLoading } =\n    useFetchTemplateTags();\n\n  const handleSubmit = values => {\n    updateTemplate({ template: buildTemplateUpdatePayload(values) });\n  };\n\n  const isLoading = isFetchingTemplate || isTagsLoading;\n  const tags = buildTagOptions(data?.tags);\n\n  const resourceInitialValues = { imageUrl: null, ...data, tags };\n\n  return (\n    <PageWrapper {...{ className }}>\n      <PageHeader\n        {...{ breadcrumbs }}\n        title={t(\"neetoTemplate.templateSettings.title\")}\n      />\n      <PageContent\n        className={classnames({\n          \"min-h-0\": !isLoading,\n          \"h-full\": isLoading,\n        })}\n      >\n        {isLoading ? (\n          <div className=\"flex h-full w-full items-center justify-center\">\n            <Spinner />\n          </div>\n        ) : (\n          <>\n            <Typography\n              className=\"mb-1\"\n              data-cy=\"thank-you-action-text\"\n              style=\"h2\"\n              weight=\"semibold\"\n            >\n              {t(\"neetoTemplate.templateSettings.configureTemplates\")}\n            </Typography>\n            <Typography\n              className=\"mb-2\"\n              data-cy=\"thank-you-description-label\"\n              style=\"body2\"\n            >\n              {t(\"neetoTemplate.templateSettings.subText\")}\n            </Typography>\n            <Form\n              formikProps={{\n                enableReinitialize: true,\n                initialValues: resourceInitialValues,\n                onSubmit: handleSubmit,\n              }}\n            >\n              {({ values, setFieldValue }) => (\n                <>\n                  <div className=\"grid grid-cols-2 gap-8 pt-6\">\n                    <div className=\"space-y-4\">\n                      <Typography className=\"mb-3\" style=\"h4\" weight=\"semibold\">\n                        {t(\"neetoTemplate.templateSettings.imageLabel\")}\n                      </Typography>\n                      <FormikImageUploader name=\"imageUrl\" />\n                      <Tags\n                        className=\"space-y-2\"\n                        isLoading={isCreatingTags}\n                        selectedTags={values.tags}\n                        allTags={buildSelectOptionsBy(\n                          \"name\",\n                          templateTags.tags\n                        )}\n                        labelProps={{\n                          label: t(\n                            \"neetoTemplate.templateSettings.categoryLabel\"\n                          ),\n                        }}\n                        onCreate={createTemplateTag}\n                        onUpdate={tags => setFieldValue(\"tags\", tags)}\n                      />\n                    </div>\n                    <div>\n                      <Typography className=\"mb-3\" style=\"h4\" weight=\"semibold\">\n                        {t(\"neetoTemplate.templateSettings.previewLabel\")}\n                      </Typography>\n                      <Preview imageUrl={values.imageUrl} template={data} />\n                    </div>\n                  </div>\n                  <div className=\"neeto-ui-bg-white sticky bottom-0 py-6\">\n                    <ActionBlock\n                      isSubmitting={isUpdatingTemplate}\n                      cancelButtonProps={{\n                        to: onCancelTemplatePreview,\n                        \"data-cy\": \"reset-changes-button\",\n                        onClick: noop,\n                      }}\n                    />\n                  </div>\n                </>\n              )}\n            </Form>\n          </>\n        )}\n      </PageContent>\n    </PageWrapper>\n  );\n};\n\nexport default TemplateSettings;\n"],"names":["create","payload","axios","post","TEMPLATE_TAGS_URL","tag","showToastr","list","get","templateTagsApi","useCreateTemplateTag","options","useMutation","_objectSpread","mutationFn","onSuccess","refetchTags","useFetchTemplateTags","useQuery","queryKey","QUERY_KEYS","TEMPLATE_TAGS","queryFn","FormikImageUploader","_ref","name","_useField","useField","_useField2","_slicedToArray","field","_","setValue","_useFormikContext","useFormikContext","setFieldValue","handleImageUpload","file","signedId","url","_jsx","ImageUploader","className","src","value","uploadConfig","IMAGE_UPLOAD_CONFIG","onUploadComplete","PageWrapper","children","Container","PageHeader","_ref2","title","breadcrumbs","Header","size","customPropEqualityCheck","prevProps","nextProps","MemoizedPageHeader","memo","PageContent","_ref3","_ref3$className","classnames","Tags","allTags","selectedTags","onUpdate","onCreate","isLoading","_ref$labelProps","labelProps","handleTagSelect","newTag","concat","_toConsumableArray","handleTagRemove","removedTag","updatedTags","removeBy","handleTagCreate","tagName","id","label","_jsxs","Label","TagsComponent","buttonProps","loading","disabled","iconPosition","onTagCreate","onTagDelete","onTagSelect","Preview","template","imageUrl","tabIndex","CLOUDFRONT_BASE_URL","Typography","lineHeight","style","buildSelectOptionsBy","labelField","arguments","length","undefined","valueField","map","option","buildTagOptions","tags","renameKeys","buildTemplateUpdatePayload","values","image","imageSignedId","tagIds","pluck","TemplateSettings","_ref$onCancelTemplate","onCancelTemplatePreview","_ref$breadcrumbs","_ref$className","_ref$resourceId","resourceId","_useParams","useParams","_useTranslation","useTranslation","t","_useFetchTemplate","useFetchTemplate","data","isFetchingTemplate","_useUpdateTemplate","useUpdateTemplate","updateTemplate","mutate","isUpdatingTemplate","isPending","_useCreateTemplateTag","createTemplateTag","isCreatingTags","_useFetchTemplateTags","_useFetchTemplateTags2","templateTags","isTagsLoading","handleSubmit","resourceInitialValues","Spinner","_Fragment","weight","Form","formikProps","enableReinitialize","initialValues","onSubmit","ActionBlock","isSubmitting","cancelButtonProps","to","onClick","noop"],"mappings":"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"}

package/dist/cjs/index.js

@@ -31,8 +31,8 @@ require('axios');
 require('../query-De4rM-Up.js');
 require('@bigbinary/neeto-image-uploader-frontend/ImageUploader');
 require('formik');
+require('@bigbinary/neeto-molecules/Container');
 require('@bigbinary/neeto-molecules/Header');
-require('@bigbinary/neeto-molecules/Scrollable');
 require('@bigbinary/neeto-tags-frontend/TagsComponent');
 require('@bigbinary/neetoui/Label');
 require('ramda');

package/dist/index.js

@@ -29,8 +29,8 @@ import 'axios';
 import './query-BGtVO_Eu.js';
 import '@bigbinary/neeto-image-uploader-frontend/ImageUploader';
 import 'formik';
+import '@bigbinary/neeto-molecules/Container';
 import '@bigbinary/neeto-molecules/Header';
-import '@bigbinary/neeto-molecules/Scrollable';
 import '@bigbinary/neeto-tags-frontend/TagsComponent';
 import '@bigbinary/neetoui/Label';
 import 'ramda';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-templates-frontend",
-  "version": "2.2.4",
+  "version": "2.2.6",
   "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",
@@ -63,11 +63,11 @@
     "@bigbinary/babel-preset-neeto": "^1.0.3",
     "@bigbinary/eslint-plugin-neeto": "1.5.6",
     "@bigbinary/neeto-cist": "1.0.14",
-    "@bigbinary/neeto-commons-frontend": "4.13.13",
-    "@bigbinary/neeto-filters-frontend": "4.3.10",
-    "@bigbinary/neeto-icons": "1.20.22",
-    "@bigbinary/neeto-molecules": "3.14.3",
-    "@bigbinary/neetoui": "8.2.48",
+    "@bigbinary/neeto-commons-frontend": "4.13.19",
+    "@bigbinary/neeto-filters-frontend": "4.3.13",
+    "@bigbinary/neeto-icons": "1.20.25",
+    "@bigbinary/neeto-molecules": "3.15.18",
+    "@bigbinary/neetoui": "8.2.60",
     "@emotion/is-prop-valid": "1.2.0",
     "@faker-js/faker": "8.2.0",
     "@honeybadger-io/js": "6.10.1",
@@ -176,11 +176,11 @@
   "peerDependencies": {
     "@babel/runtime": "7.26.0",
     "@bigbinary/neeto-cist": "1.0.14",
-    "@bigbinary/neeto-commons-frontend": "4.13.13",
-    "@bigbinary/neeto-filters-frontend": "4.3.10",
-    "@bigbinary/neeto-icons": "1.20.22",
-    "@bigbinary/neeto-molecules": "3.14.3",
-    "@bigbinary/neetoui": "8.2.48",
+    "@bigbinary/neeto-commons-frontend": "4.13.19",
+    "@bigbinary/neeto-filters-frontend": "4.3.13",
+    "@bigbinary/neeto-icons": "1.20.25",
+    "@bigbinary/neeto-molecules": "3.15.18",
+    "@bigbinary/neetoui": "8.2.60",
     "@honeybadger-io/js": "6.10.1",
     "@honeybadger-io/react": "6.1.25",
     "@tailwindcss/container-queries": "^0.1.1",
@@ -224,7 +224,7 @@
     "string-width": "4.1.0"
   },
   "engines": {
-    "node": ">=18.12",
+    "node": ">=22.13",
     "npm": ">=9",
     "yarn": ">=1.22"
   }

package/types.d.ts

@@ -13,12 +13,12 @@ interface TemplateSettingsProps {
   onCancelTemplatePreview?: () => void;
   breadcrumbs?: any[];
   className?: string;
+  resourceId?: string;
 }
 
 interface TemplateTagsProps {
   breadcrumbs?: any[];
   tagsPath: string;
-
 }
 
 export const CreateTemplateModal: React.FC<CreateTemplateModalProps>;