@bigbinary/neeto-templates-frontend 2.2.12 → 2.2.13

package/app/javascript/src/translations/en.json

@@ -29,7 +29,7 @@
       "subText": "Configure the template preview",
       "imageLabel": "Image",
       "removeImage": "Remove image",
-      "categoryLabel": "Category / Tags",
+      "categoryLabel": "Categories / Tags",
       "previewLabel": "Preview",
       "button": {
         "saveChanges": "Save changes",

package/dist/TemplateSettings.js

@@ -1,8 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import classnames from 'classnames';
 import { removeBy, renameKeys, noop } from '@bigbinary/neeto-cist';
+import MobilePreviewHeader from '@bigbinary/neeto-molecules/MobilePreviewHeader';
 import Spinner from '@bigbinary/neetoui/Spinner';
-import Typography from '@bigbinary/neetoui/Typography';
+import Label from '@bigbinary/neetoui/Label';
 import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
 import Form from '@bigbinary/neetoui/formik/Form';
 import { useTranslation } from 'react-i18next';
@@ -15,14 +16,14 @@ import { b as TEMPLATE_TAGS_URL, Q as QUERY_KEYS, I as IMAGE_UPLOAD_CONFIG } fro
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import ImageUploader from '@bigbinary/neeto-image-uploader-frontend/ImageUploader';
 import { useField, useFormikContext } from 'formik';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo } from 'react';
 import Container from '@bigbinary/neeto-molecules/Container';
 import Header from '@bigbinary/neeto-molecules/Header';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import TagsComponent from '@bigbinary/neeto-tags-frontend/TagsComponent';
-import Label from '@bigbinary/neetoui/Label';
 import { CLOUDFRONT_BASE_URL } from '@bigbinary/neeto-commons-frontend/constants';
+import Typography from '@bigbinary/neetoui/Typography';
 import { pluck } from 'ramda';
 import '@bigbinary/neeto-commons-frontend/react-utils';
 
@@ -41,10 +42,10 @@ var templateTagsApi = {
   list: list
 };
 
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useCreateTemplateTag = function useCreateTemplateTag(options) {
-  return useMutation(_objectSpread$2(_objectSpread$2({
+  return useMutation(_objectSpread$1(_objectSpread$1({
     mutationFn: templateTagsApi.create
   }, options), {}, {
     onSuccess: function onSuccess() {
@@ -73,7 +74,7 @@ var FormikImageUploader = function FormikImageUploader(_ref) {
     return setValue(file.url);
   };
   return /*#__PURE__*/jsx(ImageUploader, {
-    className: "h-52 w-full md:h-80",
+    className: "h-56 w-full",
     defaultImageSize: {
       width: 512,
       height: 288
@@ -114,7 +115,7 @@ var PageContent = function PageContent(_ref3) {
     _ref3$className = _ref3.className,
     className = _ref3$className === void 0 ? "" : _ref3$className;
   return /*#__PURE__*/jsx("div", {
-    className: "w-full",
+    className: "w-full h-full",
     children: /*#__PURE__*/jsx("div", {
       className: classnames(["mx-auto max-w-7xl", className]),
       children: children
@@ -122,17 +123,14 @@ var PageContent = function PageContent(_ref3) {
   });
 };
 
-function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Tags = function Tags(_ref) {
   var allTags = _ref.allTags,
     selectedTags = _ref.selectedTags,
     onUpdate = _ref.onUpdate,
     onCreate = _ref.onCreate,
     isLoading = _ref.isLoading,
-    className = _ref.className,
-    _ref$labelProps = _ref.labelProps,
-    labelProps = _ref$labelProps === void 0 ? {} : _ref$labelProps;
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title;
   var handleTagSelect = function handleTagSelect(newTag) {
     return onUpdate([].concat(_toConsumableArray(selectedTags), [newTag]));
   };
@@ -155,25 +153,28 @@ var Tags = function Tags(_ref) {
       }
     });
   };
-  return /*#__PURE__*/jsxs("div", {
-    className: className,
-    children: [labelProps.label && /*#__PURE__*/jsx(Label, _objectSpread$1(_objectSpread$1({}, labelProps), {}, {
-      children: labelProps.label
-    })), /*#__PURE__*/jsx("div", {
-      className: "neeto-ui-border-gray-300 neeto-ui-rounded-lg neeto-ui-bg-white border p-4",
-      children: /*#__PURE__*/jsx(TagsComponent, {
-        allTags: allTags,
-        selectedTags: selectedTags,
-        buttonProps: {
-          loading: isLoading,
-          disabled: isLoading,
-          iconPosition: "left"
-        },
-        onTagCreate: handleTagCreate,
-        onTagDelete: handleTagRemove,
-        onTagSelect: handleTagSelect
-      })
-    })]
+  return /*#__PURE__*/jsx("div", {
+    className: "w-full",
+    children: /*#__PURE__*/jsx(TagsComponent, {
+      allTags: allTags,
+      selectedTags: selectedTags,
+      title: title,
+      bodyProps: {
+        className: "p-0 w-full"
+      },
+      titleProps: {
+        weight: "medium",
+        style: "body2"
+      },
+      buttonProps: {
+        loading: isLoading,
+        disabled: isLoading,
+        iconPosition: "left"
+      },
+      onTagCreate: handleTagCreate,
+      onTagDelete: handleTagRemove,
+      onTagSelect: handleTagSelect
+    })
   });
 };
 
@@ -181,7 +182,7 @@ var Preview = function Preview(_ref) {
   var template = _ref.template,
     imageUrl = _ref.imageUrl;
   return /*#__PURE__*/jsxs("div", {
-    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",
+    className: "neeto-template neeto-ui-bg-white neeto-ui-shadow-xs neeto-ui-rounded flex flex-col overflow-hidden",
     tabIndex: 0,
     children: [/*#__PURE__*/jsx("div", {
       className: "neeto-template__header",
@@ -191,12 +192,13 @@ var Preview = function Preview(_ref) {
         src: imageUrl || "".concat(CLOUDFRONT_BASE_URL, "/images/neetoForm/default-form-template.svg")
       })
     }), /*#__PURE__*/jsx("div", {
-      className: "neeto-ui-bg-white flex items-center justify-between gap-2 rounded-b-lg px-2 py-1.5",
+      className: "neeto-ui-bg-white p-3 lg:p-5 flex items-center justify-between gap-2",
       children: /*#__PURE__*/jsx(Typography, {
         className: "neeto-ui-text-gray-800",
         "data-cy": "template-title-text",
         lineHeight: "normal",
         style: "body2",
+        weight: "medium",
         children: template.title
       })
     })]
@@ -271,78 +273,54 @@ var TemplateSettings = function TemplateSettings(_ref) {
   }, data), {}, {
     tags: tags
   });
-  return /*#__PURE__*/jsxs(PageWrapper, {
-    className: className,
-    children: [/*#__PURE__*/jsx(MemoizedPageHeader, {
-      breadcrumbs: breadcrumbs,
-      title: t("neetoTemplate.templateSettings.title")
-    }), /*#__PURE__*/jsx(PageContent, {
-      className: classnames({
-        "min-h-0": !isLoading,
-        "h-full": isLoading
-      }),
+  return /*#__PURE__*/jsx(PageWrapper, {
+    className: classnames("p-0", className),
+    children: /*#__PURE__*/jsx(PageContent, {
+      className: "h-full max-w-full mx-0",
       children: isLoading ? /*#__PURE__*/jsx("div", {
         className: "flex h-full w-full items-center justify-center",
         children: /*#__PURE__*/jsx(Spinner, {})
-      }) : /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(Typography, {
-          className: "mb-1",
-          "data-cy": "thank-you-action-text",
-          style: "h2",
-          weight: "semibold",
-          children: t("neetoTemplate.templateSettings.configureTemplates")
-        }), /*#__PURE__*/jsx(Typography, {
-          className: "mb-2",
-          "data-cy": "thank-you-description-label",
-          style: "body2",
-          children: t("neetoTemplate.templateSettings.subText")
-        }), /*#__PURE__*/jsx(Form, {
-          formikProps: {
-            enableReinitialize: true,
-            initialValues: resourceInitialValues,
-            onSubmit: handleSubmit
-          },
-          children: function children(_ref2) {
-            var values = _ref2.values,
-              setFieldValue = _ref2.setFieldValue;
-            return /*#__PURE__*/jsxs(Fragment, {
+      }) : /*#__PURE__*/jsx(Form, {
+        className: "h-full",
+        formikProps: {
+          enableReinitialize: true,
+          initialValues: resourceInitialValues,
+          onSubmit: handleSubmit
+        },
+        children: function children(_ref2) {
+          var values = _ref2.values,
+            setFieldValue = _ref2.setFieldValue;
+          return /*#__PURE__*/jsxs("div", {
+            className: "grid md:grid-cols-2 grid-cols-1 h-full",
+            children: [/*#__PURE__*/jsxs("div", {
+              className: "w-full h-full md:overflow-y-auto",
               children: [/*#__PURE__*/jsxs("div", {
-                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"
+                className: "md:px-10 px-5 pb-2",
+                children: [/*#__PURE__*/jsx(MemoizedPageHeader, {
+                  breadcrumbs: breadcrumbs,
+                  title: t("neetoTemplate.templateSettings.title")
+                }), /*#__PURE__*/jsxs("div", {
+                  className: "flex flex-col gap-6",
+                  children: [/*#__PURE__*/jsxs("div", {
+                    className: "flex flex-col gap-2",
+                    children: [/*#__PURE__*/jsx(Label, {
+                      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")
-                    },
+                    title: 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__*/jsx("div", {
-                className: "neeto-ui-bg-white sticky bottom-0 py-6",
+                className: "neeto-ui-bg-white sticky bottom-0 py-6 md:px-10 px-5",
                 children: /*#__PURE__*/jsx(ActionBlock, {
                   isSubmitting: isUpdatingTemplate,
                   cancelButtonProps: {
@@ -352,11 +330,19 @@ var TemplateSettings = function TemplateSettings(_ref) {
                   }
                 })
               })]
-            });
-          }
-        })]
+            }), /*#__PURE__*/jsx(MobilePreviewHeader, {
+              className: "w-full md:hidden"
+            }), /*#__PURE__*/jsx("div", {
+              className: "neeto-ui-bg-gray-50 py-6 md:py-12 px-5 md:px-10 xl:px-16 w-full md:overflow-y-auto",
+              children: /*#__PURE__*/jsx(Preview, {
+                imageUrl: values.imageUrl,
+                template: data
+              })
+            })]
+          });
+        }
       })
-    })]
+    })
   });
 };
 

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","// eslint-disable-next-line @bigbinary/neeto/use-webpack-alias\nimport { 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      defaultImageSize={{ width: 512, height: 288 }}\n      fixedAspectRatio={{ width: 16, height: 9 }}\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","defaultImageSize","width","height","fixedAspectRatio","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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"}
+{"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","// eslint-disable-next-line @bigbinary/neeto/use-webpack-alias\nimport { 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-56 w-full\"\n      defaultImageSize={{ width: 512, height: 288 }}\n      fixedAspectRatio={{ width: 16, height: 9 }}\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 h-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","// eslint-disable-next-line @bigbinary/neeto/use-webpack-alias\nimport { TagsComponent } from \"@bigbinary/neeto-tags-frontend\";\nimport { removeBy } from \"neetocist\";\n\nconst Tags = ({\n  allTags,\n  selectedTags,\n  onUpdate,\n  onCreate,\n  isLoading,\n  title = \"\",\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=\"w-full\">\n      <TagsComponent\n        {...{ allTags, selectedTags, title }}\n        bodyProps={{ className: \"p-0 w-full\" }}\n        titleProps={{ weight: \"medium\", style: \"body2\" }}\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  );\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-xs neeto-ui-rounded flex flex-col overflow-hidden\"\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 p-3 lg:p-5 flex items-center justify-between gap-2\">\n      <Typography\n        className=\"neeto-ui-text-gray-800\"\n        data-cy=\"template-title-text\"\n        lineHeight=\"normal\"\n        style=\"body2\"\n        weight=\"medium\"\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 MobilePreviewHeader from \"neetomolecules/MobilePreviewHeader\";\nimport { Spinner, Label } 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={classnames(\"p-0\", className)}>\n      <PageContent className=\"h-full max-w-full mx-0\">\n        {isLoading ? (\n          <div className=\"flex h-full w-full items-center justify-center\">\n            <Spinner />\n          </div>\n        ) : (\n          <Form\n            className=\"h-full\"\n            formikProps={{\n              enableReinitialize: true,\n              initialValues: resourceInitialValues,\n              onSubmit: handleSubmit,\n            }}\n          >\n            {({ values, setFieldValue }) => (\n              <div className=\"grid md:grid-cols-2 grid-cols-1 h-full\">\n                <div className=\"w-full h-full md:overflow-y-auto\">\n                  <div className=\"md:px-10 px-5 pb-2\">\n                    <PageHeader\n                      {...{ breadcrumbs }}\n                      title={t(\"neetoTemplate.templateSettings.title\")}\n                    />\n                    <div className=\"flex flex-col gap-6\">\n                      <div className=\"flex flex-col gap-2\">\n                        <Label>\n                          {t(\"neetoTemplate.templateSettings.imageLabel\")}\n                        </Label>\n                        <FormikImageUploader name=\"imageUrl\" />\n                      </div>\n                      <Tags\n                        isLoading={isCreatingTags}\n                        selectedTags={values.tags}\n                        allTags={buildSelectOptionsBy(\n                          \"name\",\n                          templateTags.tags\n                        )}\n                        title={t(\n                          \"neetoTemplate.templateSettings.categoryLabel\"\n                        )}\n                        onCreate={createTemplateTag}\n                        onUpdate={tags => setFieldValue(\"tags\", tags)}\n                      />\n                    </div>\n                  </div>\n                  <div className=\"neeto-ui-bg-white sticky bottom-0 py-6 md:px-10 px-5\">\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                <MobilePreviewHeader className=\"w-full md:hidden\" />\n                <div className=\"neeto-ui-bg-gray-50 py-6 md:py-12 px-5 md:px-10 xl:px-16 w-full md:overflow-y-auto\">\n                  <Preview imageUrl={values.imageUrl} template={data} />\n                </div>\n              </div>\n            )}\n          </Form>\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","defaultImageSize","width","height","fixedAspectRatio","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$title","handleTagSelect","newTag","concat","_toConsumableArray","handleTagRemove","removedTag","updatedTags","removeBy","handleTagCreate","tagName","id","label","TagsComponent","bodyProps","titleProps","weight","style","buttonProps","loading","disabled","iconPosition","onTagCreate","onTagDelete","onTagSelect","Preview","template","imageUrl","_jsxs","tabIndex","CLOUDFRONT_BASE_URL","Typography","lineHeight","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","Form","formikProps","enableReinitialize","initialValues","onSubmit","Label","ActionBlock","isSubmitting","cancelButtonProps","to","onClick","noop","MobilePreviewHeader"],"mappings":"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"}

package/dist/cjs/TemplateSettings.js

@@ -3,8 +3,9 @@
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var classnames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
+var MobilePreviewHeader = require('@bigbinary/neeto-molecules/MobilePreviewHeader');
 var Spinner = require('@bigbinary/neetoui/Spinner');
-var Typography = require('@bigbinary/neetoui/Typography');
+var Label = require('@bigbinary/neetoui/Label');
 var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
 var Form = require('@bigbinary/neetoui/formik/Form');
 var reactI18next = require('react-i18next');
@@ -23,8 +24,8 @@ var Container = require('@bigbinary/neeto-molecules/Container');
 var Header = require('@bigbinary/neeto-molecules/Header');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var TagsComponent = require('@bigbinary/neeto-tags-frontend/TagsComponent');
-var Label = require('@bigbinary/neetoui/Label');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
+var Typography = require('@bigbinary/neetoui/Typography');
 var ramda = require('ramda');
 require('@bigbinary/neeto-commons-frontend/react-utils');
 
@@ -43,10 +44,10 @@ var templateTagsApi = {
   list: list
 };
 
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useCreateTemplateTag = function useCreateTemplateTag(options) {
-  return reactQuery.useMutation(_objectSpread$2(_objectSpread$2({
+  return reactQuery.useMutation(_objectSpread$1(_objectSpread$1({
     mutationFn: templateTagsApi.create
   }, options), {}, {
     onSuccess: function onSuccess() {
@@ -75,7 +76,7 @@ var FormikImageUploader = function FormikImageUploader(_ref) {
     return setValue(file.url);
   };
   return /*#__PURE__*/jsxRuntime.jsx(ImageUploader, {
-    className: "h-52 w-full md:h-80",
+    className: "h-56 w-full",
     defaultImageSize: {
       width: 512,
       height: 288
@@ -116,7 +117,7 @@ var PageContent = function PageContent(_ref3) {
     _ref3$className = _ref3.className,
     className = _ref3$className === void 0 ? "" : _ref3$className;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "w-full",
+    className: "w-full h-full",
     children: /*#__PURE__*/jsxRuntime.jsx("div", {
       className: classnames(["mx-auto max-w-7xl", className]),
       children: children
@@ -124,17 +125,14 @@ var PageContent = function PageContent(_ref3) {
   });
 };
 
-function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Tags = function Tags(_ref) {
   var allTags = _ref.allTags,
     selectedTags = _ref.selectedTags,
     onUpdate = _ref.onUpdate,
     onCreate = _ref.onCreate,
     isLoading = _ref.isLoading,
-    className = _ref.className,
-    _ref$labelProps = _ref.labelProps,
-    labelProps = _ref$labelProps === void 0 ? {} : _ref$labelProps;
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title;
   var handleTagSelect = function handleTagSelect(newTag) {
     return onUpdate([].concat(_toConsumableArray(selectedTags), [newTag]));
   };
@@ -157,25 +155,28 @@ var Tags = function Tags(_ref) {
       }
     });
   };
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: className,
-    children: [labelProps.label && /*#__PURE__*/jsxRuntime.jsx(Label, _objectSpread$1(_objectSpread$1({}, labelProps), {}, {
-      children: labelProps.label
-    })), /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "neeto-ui-border-gray-300 neeto-ui-rounded-lg neeto-ui-bg-white border p-4",
-      children: /*#__PURE__*/jsxRuntime.jsx(TagsComponent, {
-        allTags: allTags,
-        selectedTags: selectedTags,
-        buttonProps: {
-          loading: isLoading,
-          disabled: isLoading,
-          iconPosition: "left"
-        },
-        onTagCreate: handleTagCreate,
-        onTagDelete: handleTagRemove,
-        onTagSelect: handleTagSelect
-      })
-    })]
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "w-full",
+    children: /*#__PURE__*/jsxRuntime.jsx(TagsComponent, {
+      allTags: allTags,
+      selectedTags: selectedTags,
+      title: title,
+      bodyProps: {
+        className: "p-0 w-full"
+      },
+      titleProps: {
+        weight: "medium",
+        style: "body2"
+      },
+      buttonProps: {
+        loading: isLoading,
+        disabled: isLoading,
+        iconPosition: "left"
+      },
+      onTagCreate: handleTagCreate,
+      onTagDelete: handleTagRemove,
+      onTagSelect: handleTagSelect
+    })
   });
 };
 
@@ -183,7 +184,7 @@ var Preview = function Preview(_ref) {
   var template = _ref.template,
     imageUrl = _ref.imageUrl;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    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",
+    className: "neeto-template neeto-ui-bg-white neeto-ui-shadow-xs neeto-ui-rounded flex flex-col overflow-hidden",
     tabIndex: 0,
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "neeto-template__header",
@@ -193,12 +194,13 @@ var Preview = function Preview(_ref) {
         src: imageUrl || "".concat(constants.CLOUDFRONT_BASE_URL, "/images/neetoForm/default-form-template.svg")
       })
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "neeto-ui-bg-white flex items-center justify-between gap-2 rounded-b-lg px-2 py-1.5",
+      className: "neeto-ui-bg-white p-3 lg:p-5 flex items-center justify-between gap-2",
       children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
         className: "neeto-ui-text-gray-800",
         "data-cy": "template-title-text",
         lineHeight: "normal",
         style: "body2",
+        weight: "medium",
         children: template.title
       })
     })]
@@ -273,78 +275,54 @@ var TemplateSettings = function TemplateSettings(_ref) {
   }, data), {}, {
     tags: tags
   });
-  return /*#__PURE__*/jsxRuntime.jsxs(PageWrapper, {
-    className: className,
-    children: [/*#__PURE__*/jsxRuntime.jsx(MemoizedPageHeader, {
-      breadcrumbs: breadcrumbs,
-      title: t("neetoTemplate.templateSettings.title")
-    }), /*#__PURE__*/jsxRuntime.jsx(PageContent, {
-      className: classnames({
-        "min-h-0": !isLoading,
-        "h-full": isLoading
-      }),
+  return /*#__PURE__*/jsxRuntime.jsx(PageWrapper, {
+    className: classnames("p-0", className),
+    children: /*#__PURE__*/jsxRuntime.jsx(PageContent, {
+      className: "h-full max-w-full mx-0",
       children: isLoading ? /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "flex h-full w-full items-center justify-center",
         children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
-      }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
-          className: "mb-1",
-          "data-cy": "thank-you-action-text",
-          style: "h2",
-          weight: "semibold",
-          children: t("neetoTemplate.templateSettings.configureTemplates")
-        }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
-          className: "mb-2",
-          "data-cy": "thank-you-description-label",
-          style: "body2",
-          children: t("neetoTemplate.templateSettings.subText")
-        }), /*#__PURE__*/jsxRuntime.jsx(Form, {
-          formikProps: {
-            enableReinitialize: true,
-            initialValues: resourceInitialValues,
-            onSubmit: handleSubmit
-          },
-          children: function children(_ref2) {
-            var values = _ref2.values,
-              setFieldValue = _ref2.setFieldValue;
-            return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      }) : /*#__PURE__*/jsxRuntime.jsx(Form, {
+        className: "h-full",
+        formikProps: {
+          enableReinitialize: true,
+          initialValues: resourceInitialValues,
+          onSubmit: handleSubmit
+        },
+        children: function children(_ref2) {
+          var values = _ref2.values,
+            setFieldValue = _ref2.setFieldValue;
+          return /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "grid md:grid-cols-2 grid-cols-1 h-full",
+            children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "w-full h-full md:overflow-y-auto",
               children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-                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"
+                className: "md:px-10 px-5 pb-2",
+                children: [/*#__PURE__*/jsxRuntime.jsx(MemoizedPageHeader, {
+                  breadcrumbs: breadcrumbs,
+                  title: t("neetoTemplate.templateSettings.title")
+                }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+                  className: "flex flex-col gap-6",
+                  children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+                    className: "flex flex-col gap-2",
+                    children: [/*#__PURE__*/jsxRuntime.jsx(Label, {
+                      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")
-                    },
+                    title: 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.jsx("div", {
-                className: "neeto-ui-bg-white sticky bottom-0 py-6",
+                className: "neeto-ui-bg-white sticky bottom-0 py-6 md:px-10 px-5",
                 children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
                   isSubmitting: isUpdatingTemplate,
                   cancelButtonProps: {
@@ -354,11 +332,19 @@ var TemplateSettings = function TemplateSettings(_ref) {
                   }
                 })
               })]
-            });
-          }
-        })]
+            }), /*#__PURE__*/jsxRuntime.jsx(MobilePreviewHeader, {
+              className: "w-full md:hidden"
+            }), /*#__PURE__*/jsxRuntime.jsx("div", {
+              className: "neeto-ui-bg-gray-50 py-6 md:py-12 px-5 md:px-10 xl:px-16 w-full md:overflow-y-auto",
+              children: /*#__PURE__*/jsxRuntime.jsx(Preview, {
+                imageUrl: values.imageUrl,
+                template: data
+              })
+            })]
+          });
+        }
       })
-    })]
+    })
   });
 };
 

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","// eslint-disable-next-line @bigbinary/neeto/use-webpack-alias\nimport { 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      defaultImageSize={{ width: 512, height: 288 }}\n      fixedAspectRatio={{ width: 16, height: 9 }}\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","defaultImageSize","width","height","fixedAspectRatio","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,MAAM,GAAG,SAATA,MAAMA,CAAGC,OAAO,EAAA;AAAA,EAAA,OACpBC,KAAK,CAACC,IAAI,CAACC,uBAAiB,EAAE;AAAEC,IAAAA,GAAG,EAAEJ;AAAQ,GAAC,EAAE;AAAEK,IAAAA,UAAU,EAAE;AAAM,GAAC,CAAC;AAAA,CAAA;AACxE,IAAMC,IAAI,GAAG,SAAPA,IAAIA,GAAA;AAAA,EAAA,OAASL,KAAK,CAACM,GAAG,CAACJ,uBAAiB,CAAC;AAAA,CAAA;AAE/C,IAAMK,eAAe,GAAG;AAAET,EAAAA,MAAM,EAANA,MAAM;AAAEO,EAAAA,IAAI,EAAJA;AAAK,CAAC;;;;ACFxC,IAAMG,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAGC,OAAO,EAAA;AAAA,EAAA,OAClCC,sBAAW,CAAAC,eAAA,CAAAA,eAAA,CAAA;IACTC,UAAU,EAAEL,eAAe,CAACT;AAAM,GAAA,EAC/BW,OAAO,CAAA,EAAA,EAAA,EAAA;AACVI,IAAAA,SAAS,EAAE,SAAXA,SAASA,GAAQ;AACfC,MAAAA,iBAAW,EAAE;AAEf;AAAC,GAAA,CACF,CAAC;AAAA,CAAA;AAEJ,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,GAAA;AAAA,EAAA,OACxBC,mBAAQ,CAAC;AACPC,IAAAA,QAAQ,EAAE,CAACC,gBAAU,CAACC,aAAa,CAAC;IACpCC,OAAO,EAAEb,eAAe,CAACF;AAC3B,GAAC,CAAC;AAAA,CAAA;;ACdJ,IAAMgB,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAiB;AAAA,EAAA,IAAXC,IAAI,GAAAD,IAAA,CAAJC,IAAI;AACjC,EAAA,IAAAC,SAAA,GAAiCC,eAAQ,CAACF,IAAI,CAAC;IAAAG,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAxCI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAACH,UAAA,CAAA,CAAA,CAAA;QAAII,QAAQ,GAAAJ,UAAA,CAAA,CAAA,CAAA,CAARI;AACnB,EAAA,IAAAC,iBAAA,GAA0BC,uBAAgB,EAAE;IAApCC,aAAa,GAAAF,iBAAA,CAAbE,aAAa;AAErB,EAAA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAGC,IAAI,EAAI;AAChCF,IAAAA,aAAa,CAAC,eAAe,EAAEE,IAAI,CAACC,QAAQ,CAAC;AAE7C,IAAA,OAAON,QAAQ,CAACK,IAAI,CAACE,GAAG,CAAC;GAC1B;EAED,oBACEC,cAAA,CAACC,aAAa,EAAA;AACZC,IAAAA,SAAS,EAAC,qBAAqB;AAC/BC,IAAAA,gBAAgB,EAAE;AAAEC,MAAAA,KAAK,EAAE,GAAG;AAAEC,MAAAA,MAAM,EAAE;KAAM;AAC9CC,IAAAA,gBAAgB,EAAE;AAAEF,MAAAA,KAAK,EAAE,EAAE;AAAEC,MAAAA,MAAM,EAAE;KAAI;IAC3CE,GAAG,EAAEjB,KAAK,CAACkB,KAAM;AACjBC,IAAAA,YAAY,EAAEC,yBAAoB;AAClCC,IAAAA,gBAAgB,EAAEf;AAAkB,GACrC,CAAC;AAEN,CAAC;;ACpBD,IAAMgB,WAAW,GAAG,SAAdA,WAAWA,CAAA5B,IAAA,EAAA;AAAA,EAAA,IAAM6B,QAAQ,GAAA7B,IAAA,CAAR6B,QAAQ;IAAEX,SAAS,GAAAlB,IAAA,CAATkB,SAAS;EAAA,oBACxCF,cAAA,CAACc,SAAS,EAAA;AAAOZ,IAAAA,SAAS,EAATA,SAAS;AAAAW,IAAAA,QAAA,EAAKA;AAAQ,GAAY,CAAC;AAAA,CACrD;AAED,IAAME,UAAU,GAAG,SAAbA,UAAUA,CAAAC,KAAA,EAAA;AAAA,EAAA,IAAMC,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAEC,WAAW,GAAAF,KAAA,CAAXE,WAAW;EAAA,oBACtClB,cAAA,CAACmB,MAAM,EAAA;AAAOD,IAAAA,WAAW,EAAXA,WAAW;AAAED,IAAAA,KAAK,EAALA,KAAK;AAAIG,IAAAA,IAAI,EAAC;AAAO,GAAE,CAAC;AAAA,CACpD;AAED,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,SAAS,EAAEC,SAAS,EAAA;AAAA,EAAA,OACnDD,SAAS,CAACL,KAAK,KAAKM,SAAS,CAACN,KAAK,IACnCK,SAAS,CAACJ,WAAW,KAAKK,SAAS,CAACL,WAAW;AAAA,CAAA;AACjD,IAAMM,kBAAkB,gBAAGC,UAAI,CAACV,UAAU,EAAEM,uBAAuB,CAAC;AAEpE,IAAMK,WAAW,GAAG,SAAdA,WAAWA,CAAAC,KAAA,EAAA;AAAA,EAAA,IAAMd,QAAQ,GAAAc,KAAA,CAARd,QAAQ;IAAAe,eAAA,GAAAD,KAAA,CAAEzB,SAAS;AAATA,IAAAA,SAAS,GAAA0B,eAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,eAAA;AAAA,EAAA,oBAC7C5B,cAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,QAAQ;AAAAW,IAAAA,QAAA,eACrBb,cAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAE2B,UAAU,CAAC,CAAC,mBAAmB,EAAE3B,SAAS,CAAC,CAAE;AAAAW,MAAAA,QAAA,EAC1DA;KACE;AAAC,GACH,CAAC;AAAA,CACP;;;;ACrBD,IAAMiB,IAAI,GAAG,SAAPA,IAAIA,CAAA9C,IAAA,EAQJ;AAAA,EAAA,IAPJ+C,OAAO,GAAA/C,IAAA,CAAP+C,OAAO;IACPC,YAAY,GAAAhD,IAAA,CAAZgD,YAAY;IACZC,QAAQ,GAAAjD,IAAA,CAARiD,QAAQ;IACRC,QAAQ,GAAAlD,IAAA,CAARkD,QAAQ;IACRC,SAAS,GAAAnD,IAAA,CAATmD,SAAS;IACTjC,SAAS,GAAAlB,IAAA,CAATkB,SAAS;IAAAkC,eAAA,GAAApD,IAAA,CACTqD,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,eAAA;AAEf,EAAA,IAAME,eAAe,GAAG,SAAlBA,eAAeA,CAAGC,MAAM,EAAA;IAAA,OAAIN,QAAQ,CAAAO,EAAAA,CAAAA,MAAA,CAAAC,kBAAA,CAAKT,YAAY,CAAA,EAAA,CAAEO,MAAM,CAAA,CAAC,CAAC;AAAA,GAAA;AAErE,EAAA,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAGC,UAAU,EAAI;IACpC,IAAMC,WAAW,GAAGC,kBAAQ,CAAC;MAAErC,KAAK,EAAEmC,UAAU,CAACnC;KAAO,EAAEwB,YAAY,CAAC;IACvEC,QAAQ,CAACW,WAAW,CAAC;GACtB;AAED,EAAA,IAAME,eAAe,GAAG,SAAlBA,eAAeA,CAAGC,OAAO,EAAI;AACjCb,IAAAA,QAAQ,CACN;AAAEjD,MAAAA,IAAI,EAAE8D;AAAQ,KAAC,EACjB;AACExE,MAAAA,SAAS,EAAE,SAAXA,SAASA,CAAAyC,KAAA,EAAA;AAAA,QAAA,IAAKnD,GAAG,GAAAmD,KAAA,CAAHnD,GAAG;AAAA,QAAA,OACfyE,eAAe,CAAC;UAAE9B,KAAK,EAAE3C,GAAG,CAACmF,EAAE;UAAEC,KAAK,EAAEpF,GAAG,CAACoB;AAAK,SAAC,CAAC;AAAA;AACvD,KACF,CAAC;GACF;AAED,EAAA,oBACEiE,eAAA,CAAA,KAAA,EAAA;AAAWhD,IAAAA,SAAS,EAATA,SAAS;AAAAW,IAAAA,QAAA,EACjBwB,CAAAA,UAAU,CAACY,KAAK,iBAAIjD,cAAA,CAACmD,KAAK,EAAA9E,eAAA,CAAAA,eAAA,KAAKgE,UAAU,CAAA,EAAA,EAAA,EAAA;MAAAxB,QAAA,EAAGwB,UAAU,CAACY;KAAa,CAAA,CAAC,eACtEjD,cAAA,CAAA,KAAA,EAAA;AAAKE,MAAAA,SAAS,EAAC,2EAA2E;MAAAW,QAAA,eACxFb,cAAA,CAACoD,aAAa,EAAA;AACNrB,QAAAA,OAAO,EAAPA,OAAO;AAAEC,QAAAA,YAAY,EAAZA,YAAY;AAC3BqB,QAAAA,WAAW,EAAE;AACXC,UAAAA,OAAO,EAAEnB,SAAS;AAClBoB,UAAAA,QAAQ,EAAEpB,SAAS;AACnBqB,UAAAA,YAAY,EAAE;SACd;AACFC,QAAAA,WAAW,EAAEX,eAAgB;AAC7BY,QAAAA,WAAW,EAAEhB,eAAgB;AAC7BiB,QAAAA,WAAW,EAAErB;OACd;AAAC,KACC,CAAC;AAAA,GACH,CAAC;AAEV,CAAC;;AC7CD,IAAMsB,OAAO,GAAG,SAAVA,OAAOA,CAAA5E,IAAA,EAAA;AAAA,EAAA,IAAM6E,QAAQ,GAAA7E,IAAA,CAAR6E,QAAQ;IAAEC,QAAQ,GAAA9E,IAAA,CAAR8E,QAAQ;AAAA,EAAA,oBACnCZ,eAAA,CAAA,KAAA,EAAA;AACEhD,IAAAA,SAAS,EAAC,mPAAmP;AAC7P6D,IAAAA,QAAQ,EAAE,CAAE;AAAAlD,IAAAA,QAAA,gBAEZb,cAAA,CAAA,KAAA,EAAA;AAAKE,MAAAA,SAAS,EAAC,wBAAwB;AAAAW,MAAAA,QAAA,eACrCb,cAAA,CAAA,KAAA,EAAA;AACEE,QAAAA,SAAS,EAAC,uBAAuB;AACjC,QAAA,SAAA,EAAQ,wBAAwB;AAChCK,QAAAA,GAAG,EACDuD,QAAQ,IAAAtB,EAAAA,CAAAA,MAAA,CACLwB,6BAAmB,EAAA,6CAAA;OAEzB;KACE,CAAC,eACNhE,cAAA,CAAA,KAAA,EAAA;AAAKE,MAAAA,SAAS,EAAC,oFAAoF;MAAAW,QAAA,eACjGb,cAAA,CAACiE,UAAU,EAAA;AACT/D,QAAAA,SAAS,EAAC,wBAAwB;AAClC,QAAA,SAAA,EAAQ,qBAAqB;AAC7BgE,QAAAA,UAAU,EAAC,QAAQ;AACnBC,QAAAA,KAAK,EAAC,OAAO;QAAAtD,QAAA,EAEZgD,QAAQ,CAAC5C;OACA;AAAC,KACV,CAAC;AAAA,GACH,CAAC;AAAA,CACP;;AC1BM,IAAMmD,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAC/BC,UAAU,EAAA;AAAA,EAAA,IACVlG,OAAO,GAAAmG,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,EAAE;AAAA,EAAA,IACZG,UAAU,GAAAH,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,IAAI;AAAA,EAAA,OAEjBnG,OAAO,CAACuG,GAAG,CAAC,UAAAC,MAAM,EAAA;IAAA,OAAK;AACrBnE,MAAAA,KAAK,EAAEmE,MAAM,CAACF,UAAU,CAAC;MACzBxB,KAAK,EAAE0B,MAAM,CAACN,UAAU;KACzB;AAAA,GAAC,CAAC;AAAA,CAAA;AAEE,IAAMO,eAAe,GAAG,SAAlBA,eAAeA,GAAA;AAAA,EAAA,IAAIC,IAAI,GAAAP,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,EAAE;AAAA,EAAA,OACvCQ,oBAAU,CAAC;AAAE9B,IAAAA,EAAE,EAAE,OAAO;AAAE/D,IAAAA,IAAI,EAAE;GAAS,EAAE4F,IAAI,CAAC;AAAA,CAAA;AAE3C,IAAME,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAGC,MAAM,EAAA;EAAA,OAAK;AACnDC,IAAAA,KAAK,EAAED,MAAM,CAACE,aAAa,IAAI,IAAI;IACnCC,MAAM,EAAEC,WAAK,CAAC,OAAO,EAAEJ,MAAM,KAAA,IAAA,IAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAEH,IAAI;GACpC;AAAA,CAAC;;;;ACaF,IAAMQ,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAArG,IAAA,EAKhB;AAAA,EAAA,IAAAsG,qBAAA,GAAAtG,IAAA,CAJJuG,uBAAuB;AAAvBA,IAAAA,uBAAuB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,qBAAA;IAAAE,gBAAA,GAAAxG,IAAA,CAC5BkC,WAAW;AAAXA,IAAAA,WAAW,GAAAsE,gBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,gBAAA;IAAAC,cAAA,GAAAzG,IAAA,CAChBkB,SAAS;AAATA,IAAAA,SAAS,GAAAuF,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAC,eAAA,GAAA1G,IAAA,CACd2G,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;AAEjB,EAAA,IAAAE,UAAA,GAA6BC,wBAAS,EAAE;IAAlB7C,EAAE,GAAA4C,UAAA,CAAfD,UAAU,CAAA;AACnB,EAAA,IAAAG,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;EAET,IAAAC,iBAAA,GAAgDC,gCAAgB,CAAC;AAC/DP,MAAAA,UAAU,EAAE3C;AACd,KAAC,CAAC;IAFMmD,IAAI,GAAAF,iBAAA,CAAJE,IAAI;IAAaC,kBAAkB,GAAAH,iBAAA,CAA7B9D,SAAS;EAIvB,IAAAkE,kBAAA,GACEC,iCAAiB,CAAC;AAAEX,MAAAA,UAAU,EAAE3C;AAAG,KAAC,CAAC;IADvBuD,cAAc,GAAAF,kBAAA,CAAtBG,MAAM;IAA6BC,kBAAkB,GAAAJ,kBAAA,CAA7BK,SAAS;AAGzC,EAAA,IAAAC,qBAAA,GACEzI,oBAAoB,EAAE;IADR0I,iBAAiB,GAAAD,qBAAA,CAAzBH,MAAM;IAAgCK,cAAc,GAAAF,qBAAA,CAAzBD,SAAS;AAG5C,EAAA,IAAAI,qBAAA,GACErI,oBAAoB,EAAE;IAAAsI,sBAAA,GAAAD,qBAAA,CADhBX,IAAI;AAAEa,IAAAA,YAAY,GAAAD,sBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,sBAAA;IAAaE,aAAa,GAAAH,qBAAA,CAAxB3E,SAAS;AAG1C,EAAA,IAAM+E,YAAY,GAAG,SAAfA,YAAYA,CAAGlC,MAAM,EAAI;AAC7BuB,IAAAA,cAAc,CAAC;MAAE1C,QAAQ,EAAEkB,0BAA0B,CAACC,MAAM;AAAE,KAAC,CAAC;GACjE;AAED,EAAA,IAAM7C,SAAS,GAAGiE,kBAAkB,IAAIa,aAAa;EACrD,IAAMpC,IAAI,GAAGD,eAAe,CAACuB,IAAI,KAAJA,IAAAA,IAAAA,IAAI,KAAJA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,IAAI,CAAEtB,IAAI,CAAC;AAExC,EAAA,IAAMsC,qBAAqB,GAAA9I,aAAA,CAAAA,aAAA,CAAA;AAAKyF,IAAAA,QAAQ,EAAE;AAAI,GAAA,EAAKqC,IAAI,CAAA,EAAA,EAAA,EAAA;AAAEtB,IAAAA,IAAI,EAAJA;GAAM,CAAA;EAE/D,oBACE3B,eAAA,CAACtC,WAAW,EAAA;AAAOV,IAAAA,SAAS,EAATA,SAAS;IAAAW,QAAA,EAAA,cAC1Bb,cAAA,CAACe,kBAAU,EAAA;AACHG,MAAAA,WAAW,EAAXA,WAAW;MACjBD,KAAK,EAAE+E,CAAC,CAAC,sCAAsC;AAAE,KAClD,CAAC,eACFhG,cAAA,CAAC0B,WAAW,EAAA;MACVxB,SAAS,EAAE2B,UAAU,CAAC;QACpB,SAAS,EAAE,CAACM,SAAS;AACrB,QAAA,QAAQ,EAAEA;AACZ,OAAC,CAAE;MAAAtB,QAAA,EAEFsB,SAAS,gBACRnC,cAAA,CAAA,KAAA,EAAA;AAAKE,QAAAA,SAAS,EAAC,gDAAgD;AAAAW,QAAAA,QAAA,eAC7Db,cAAA,CAACoH,OAAO,EAAE,EAAA;AAAC,OACR,CAAC,gBAENlE,eAAA,CAAAmE,mBAAA,EAAA;QAAAxG,QAAA,EAAA,cACEb,cAAA,CAACiE,UAAU,EAAA;AACT/D,UAAAA,SAAS,EAAC,MAAM;AAChB,UAAA,SAAA,EAAQ,uBAAuB;AAC/BiE,UAAAA,KAAK,EAAC,IAAI;AACVmD,UAAAA,MAAM,EAAC,UAAU;UAAAzG,QAAA,EAEhBmF,CAAC,CAAC,mDAAmD;AAAC,SAC7C,CAAC,eACbhG,cAAA,CAACiE,UAAU,EAAA;AACT/D,UAAAA,SAAS,EAAC,MAAM;AAChB,UAAA,SAAA,EAAQ,6BAA6B;AACrCiE,UAAAA,KAAK,EAAC,OAAO;UAAAtD,QAAA,EAEZmF,CAAC,CAAC,wCAAwC;AAAC,SAClC,CAAC,eACbhG,cAAA,CAACuH,IAAI,EAAA;AACHC,UAAAA,WAAW,EAAE;AACXC,YAAAA,kBAAkB,EAAE,IAAI;AACxBC,YAAAA,aAAa,EAAEP,qBAAqB;AACpCQ,YAAAA,QAAQ,EAAET;WACV;UAAArG,QAAA,EAED,SAAAA,QAAAA,CAAAG,KAAA,EAAA;AAAA,YAAA,IAAGgE,MAAM,GAAAhE,KAAA,CAANgE,MAAM;cAAErF,aAAa,GAAAqB,KAAA,CAAbrB,aAAa;YAAA,oBACvBuD,eAAA,CAAAmE,mBAAA,EAAA;AAAAxG,cAAAA,QAAA,gBACEqC,eAAA,CAAA,KAAA,EAAA;AAAKhD,gBAAAA,SAAS,EAAC,6BAA6B;AAAAW,gBAAAA,QAAA,gBAC1CqC,eAAA,CAAA,KAAA,EAAA;AAAKhD,kBAAAA,SAAS,EAAC,WAAW;kBAAAW,QAAA,EAAA,cACxBb,cAAA,CAACiE,UAAU,EAAA;AAAC/D,oBAAAA,SAAS,EAAC,MAAM;AAACiE,oBAAAA,KAAK,EAAC,IAAI;AAACmD,oBAAAA,MAAM,EAAC,UAAU;oBAAAzG,QAAA,EACtDmF,CAAC,CAAC,2CAA2C;AAAC,mBACrC,CAAC,eACbhG,cAAA,CAACjB,mBAAmB,EAAA;AAACE,oBAAAA,IAAI,EAAC;AAAU,mBAAE,CAAC,eACvCe,cAAA,CAAC8B,IAAI,EAAA;AACH5B,oBAAAA,SAAS,EAAC,WAAW;AACrBiC,oBAAAA,SAAS,EAAE0E,cAAe;oBAC1B7E,YAAY,EAAEgD,MAAM,CAACH,IAAK;oBAC1B9C,OAAO,EAAEqC,oBAAoB,CAC3B,MAAM,EACN4C,YAAY,CAACnC,IACf,CAAE;AACFxC,oBAAAA,UAAU,EAAE;sBACVY,KAAK,EAAE+C,CAAC,CACN,8CACF;qBACA;AACF9D,oBAAAA,QAAQ,EAAE0E,iBAAkB;AAC5B3E,oBAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAE4C,IAAI,EAAA;AAAA,sBAAA,OAAIlF,aAAa,CAAC,MAAM,EAAEkF,IAAI,CAAC;AAAA;AAAC,mBAC/C,CAAC;iBACC,CAAC,eACN3B,eAAA,CAAA,KAAA,EAAA;kBAAArC,QAAA,EAAA,cACEb,cAAA,CAACiE,UAAU,EAAA;AAAC/D,oBAAAA,SAAS,EAAC,MAAM;AAACiE,oBAAAA,KAAK,EAAC,IAAI;AAACmD,oBAAAA,MAAM,EAAC,UAAU;oBAAAzG,QAAA,EACtDmF,CAAC,CAAC,6CAA6C;AAAC,mBACvC,CAAC,eACbhG,cAAA,CAAC4D,OAAO,EAAA;oBAACE,QAAQ,EAAEkB,MAAM,CAAClB,QAAS;AAACD,oBAAAA,QAAQ,EAAEsC;AAAK,mBAAE,CAAC;AAAA,iBACnD,CAAC;eACH,CAAC,eACNnG,cAAA,CAAA,KAAA,EAAA;AAAKE,gBAAAA,SAAS,EAAC,wCAAwC;gBAAAW,QAAA,eACrDb,cAAA,CAAC4H,WAAW,EAAA;AACVC,kBAAAA,YAAY,EAAEpB,kBAAmB;AACjCqB,kBAAAA,iBAAiB,EAAE;AACjBC,oBAAAA,EAAE,EAAExC,uBAAuB;AAC3B,oBAAA,SAAS,EAAE,sBAAsB;AACjCyC,oBAAAA,OAAO,EAAEC;AACX;iBACD;AAAC,eACC,CAAC;AAAA,aACN,CAAC;AAAA;AACJ,SACG,CAAC;OACP;AACH,KACU,CAAC;AAAA,GACH,CAAC;AAElB;;;;"}
+{"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","// eslint-disable-next-line @bigbinary/neeto/use-webpack-alias\nimport { 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-56 w-full\"\n      defaultImageSize={{ width: 512, height: 288 }}\n      fixedAspectRatio={{ width: 16, height: 9 }}\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 h-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","// eslint-disable-next-line @bigbinary/neeto/use-webpack-alias\nimport { TagsComponent } from \"@bigbinary/neeto-tags-frontend\";\nimport { removeBy } from \"neetocist\";\n\nconst Tags = ({\n  allTags,\n  selectedTags,\n  onUpdate,\n  onCreate,\n  isLoading,\n  title = \"\",\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=\"w-full\">\n      <TagsComponent\n        {...{ allTags, selectedTags, title }}\n        bodyProps={{ className: \"p-0 w-full\" }}\n        titleProps={{ weight: \"medium\", style: \"body2\" }}\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  );\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-xs neeto-ui-rounded flex flex-col overflow-hidden\"\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 p-3 lg:p-5 flex items-center justify-between gap-2\">\n      <Typography\n        className=\"neeto-ui-text-gray-800\"\n        data-cy=\"template-title-text\"\n        lineHeight=\"normal\"\n        style=\"body2\"\n        weight=\"medium\"\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 MobilePreviewHeader from \"neetomolecules/MobilePreviewHeader\";\nimport { Spinner, Label } 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={classnames(\"p-0\", className)}>\n      <PageContent className=\"h-full max-w-full mx-0\">\n        {isLoading ? (\n          <div className=\"flex h-full w-full items-center justify-center\">\n            <Spinner />\n          </div>\n        ) : (\n          <Form\n            className=\"h-full\"\n            formikProps={{\n              enableReinitialize: true,\n              initialValues: resourceInitialValues,\n              onSubmit: handleSubmit,\n            }}\n          >\n            {({ values, setFieldValue }) => (\n              <div className=\"grid md:grid-cols-2 grid-cols-1 h-full\">\n                <div className=\"w-full h-full md:overflow-y-auto\">\n                  <div className=\"md:px-10 px-5 pb-2\">\n                    <PageHeader\n                      {...{ breadcrumbs }}\n                      title={t(\"neetoTemplate.templateSettings.title\")}\n                    />\n                    <div className=\"flex flex-col gap-6\">\n                      <div className=\"flex flex-col gap-2\">\n                        <Label>\n                          {t(\"neetoTemplate.templateSettings.imageLabel\")}\n                        </Label>\n                        <FormikImageUploader name=\"imageUrl\" />\n                      </div>\n                      <Tags\n                        isLoading={isCreatingTags}\n                        selectedTags={values.tags}\n                        allTags={buildSelectOptionsBy(\n                          \"name\",\n                          templateTags.tags\n                        )}\n                        title={t(\n                          \"neetoTemplate.templateSettings.categoryLabel\"\n                        )}\n                        onCreate={createTemplateTag}\n                        onUpdate={tags => setFieldValue(\"tags\", tags)}\n                      />\n                    </div>\n                  </div>\n                  <div className=\"neeto-ui-bg-white sticky bottom-0 py-6 md:px-10 px-5\">\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                <MobilePreviewHeader className=\"w-full md:hidden\" />\n                <div className=\"neeto-ui-bg-gray-50 py-6 md:py-12 px-5 md:px-10 xl:px-16 w-full md:overflow-y-auto\">\n                  <Preview imageUrl={values.imageUrl} template={data} />\n                </div>\n              </div>\n            )}\n          </Form>\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","defaultImageSize","width","height","fixedAspectRatio","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$title","handleTagSelect","newTag","concat","_toConsumableArray","handleTagRemove","removedTag","updatedTags","removeBy","handleTagCreate","tagName","id","label","TagsComponent","bodyProps","titleProps","weight","style","buttonProps","loading","disabled","iconPosition","onTagCreate","onTagDelete","onTagSelect","Preview","template","imageUrl","_jsxs","tabIndex","CLOUDFRONT_BASE_URL","Typography","lineHeight","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","Form","formikProps","enableReinitialize","initialValues","onSubmit","Label","ActionBlock","isSubmitting","cancelButtonProps","to","onClick","noop","MobilePreviewHeader"],"mappings":"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"}

package/dist/cjs/index.js

@@ -22,6 +22,8 @@ require('@bigbinary/neeto-commons-frontend/utils');
 require('@bigbinary/neeto-commons-frontend/react-utils');
 require('@bigbinary/neeto-molecules/ResponsiveDevicePicker');
 require('@bigbinary/neetoui/Button');
+require('@bigbinary/neeto-molecules/MobilePreviewHeader');
+require('@bigbinary/neetoui/Label');
 require('@bigbinary/neetoui/formik/ActionBlock');
 require('@bigbinary/neetoui/formik/Form');
 require('react-router-dom');
@@ -34,7 +36,6 @@ require('formik');
 require('@bigbinary/neeto-molecules/Container');
 require('@bigbinary/neeto-molecules/Header');
 require('@bigbinary/neeto-tags-frontend/TagsComponent');
-require('@bigbinary/neetoui/Label');
 require('ramda');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('@bigbinary/neeto-tags-frontend/NeetoTags');

package/dist/cjs/index.js.map

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

package/dist/index.js

@@ -20,6 +20,8 @@ import '@bigbinary/neeto-commons-frontend/utils';
 import '@bigbinary/neeto-commons-frontend/react-utils';
 import '@bigbinary/neeto-molecules/ResponsiveDevicePicker';
 import '@bigbinary/neetoui/Button';
+import '@bigbinary/neeto-molecules/MobilePreviewHeader';
+import '@bigbinary/neetoui/Label';
 import '@bigbinary/neetoui/formik/ActionBlock';
 import '@bigbinary/neetoui/formik/Form';
 import 'react-router-dom';
@@ -32,7 +34,6 @@ import 'formik';
 import '@bigbinary/neeto-molecules/Container';
 import '@bigbinary/neeto-molecules/Header';
 import '@bigbinary/neeto-tags-frontend/TagsComponent';
-import '@bigbinary/neetoui/Label';
 import 'ramda';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@bigbinary/neeto-tags-frontend/NeetoTags';

package/dist/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-templates-frontend",
-  "version": "2.2.12",
+  "version": "2.2.13",
   "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.7.0",
     "@bigbinary/neeto-cist": "1.0.17",
-    "@bigbinary/neeto-commons-frontend": "4.13.48",
+    "@bigbinary/neeto-commons-frontend": "4.13.51",
     "@bigbinary/neeto-filters-frontend": "4.3.23",
-    "@bigbinary/neeto-icons": "1.20.53",
-    "@bigbinary/neeto-molecules": "3.16.94",
-    "@bigbinary/neetoui": "8.3.17",
+    "@bigbinary/neeto-icons": "1.20.54",
+    "@bigbinary/neeto-molecules": "3.16.96",
+    "@bigbinary/neetoui": "8.3.19",
     "@emotion/is-prop-valid": "1.2.0",
     "@faker-js/faker": "8.2.0",
     "@honeybadger-io/js": "6.10.1",
@@ -136,7 +136,7 @@
     "postcss-loader": "^7.0.1",
     "postcss-preset-env": "7.8.2",
     "prettier": "3",
-    "prettier-plugin-tailwindcss": "0.1.10",
+    "prettier-plugin-tailwindcss": "0.6.14",
     "process": "0.11.10",
     "qs": "^6.11.2",
     "ramda": "0.29.0",
@@ -177,11 +177,11 @@
   "peerDependencies": {
     "@babel/runtime": "7.26.10",
     "@bigbinary/neeto-cist": "1.0.17",
-    "@bigbinary/neeto-commons-frontend": "4.13.48",
+    "@bigbinary/neeto-commons-frontend": "4.13.51",
     "@bigbinary/neeto-filters-frontend": "4.3.23",
-    "@bigbinary/neeto-icons": "1.20.53",
-    "@bigbinary/neeto-molecules": "3.16.94",
-    "@bigbinary/neetoui": "8.3.17",
+    "@bigbinary/neeto-icons": "1.20.54",
+    "@bigbinary/neeto-molecules": "3.16.96",
+    "@bigbinary/neetoui": "8.3.19",
     "@honeybadger-io/js": "6.10.1",
     "@honeybadger-io/react": "6.1.25",
     "@tailwindcss/container-queries": "^0.1.1",