@bigbinary/neeto-templates-frontend 3.0.6 → 3.0.7

package/dist/cjs/v2/TemplateSettings.js

@@ -0,0 +1,335 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var formik$1 = require('@bigbinary/neeto-atoms/formik');
+var classnames = require('classnames');
+var neetoCist = require('@bigbinary/neeto-cist');
+var MobilePreviewHeader = require('@bigbinary/neeto-molecules/v2/MobilePreviewHeader');
+var reactI18next = require('react-i18next');
+var reactRouterDom = require('react-router-dom');
+var useTemplatesApi = require('../../useTemplatesApi-CFO1OLfz.js');
+var utils = require('@bigbinary/neeto-tags-frontend/v2/utils');
+var reactQuery = require('@tanstack/react-query');
+var template_tags = require('../../template_tags-DRZa7U5R.js');
+var query = require('../../query-BHYqZXXl.js');
+require('../../templates-D92QbbVX.js');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var ImageUploader = require('@bigbinary/neeto-image-uploader-frontend/v2/ImageUploader');
+var formik = require('formik');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var Container = require('@bigbinary/neeto-molecules/v2/Container');
+var Header = require('@bigbinary/neeto-molecules/v2/Header');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var TagsComponent = require('@bigbinary/neeto-tags-frontend/v2/TagsComponent');
+var constants = require('@bigbinary/neeto-commons-frontend/v2/constants');
+var ramda = require('ramda');
+require('@bigbinary/neeto-commons-frontend/react-utils');
+require('axios');
+
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var useCreateTemplateTag = function useCreateTemplateTag(options) {
+  return reactQuery.useMutation(_objectSpread$1(_objectSpread$1({
+    mutationFn: template_tags.templateTagsApi.create
+  }, options), {}, {
+    onSuccess: function onSuccess() {
+      utils.refetchTags();
+    }
+  }));
+};
+var useFetchTemplateTags = function useFetchTemplateTags() {
+  return reactQuery.useQuery({
+    queryKey: [query.QUERY_KEYS.TEMPLATE_TAGS],
+    queryFn: template_tags.templateTagsApi.list
+  });
+};
+
+var FormikImageUploader = function FormikImageUploader(_ref) {
+  var name = _ref.name;
+  var _useField = formik.useField(name),
+    _useField2 = _slicedToArray(_useField, 3),
+    field = _useField2[0];
+    _useField2[1];
+    var setValue = _useField2[2].setValue;
+  var _useFormikContext = formik.useFormikContext(),
+    setFieldValue = _useFormikContext.setFieldValue;
+  var handleImageUpload = function handleImageUpload(file) {
+    setFieldValue("imageSignedId", file.signedId);
+    return setValue(file.url);
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(ImageUploader, {
+    className: "h-56 w-full",
+    defaultImageSize: {
+      width: 512,
+      height: 288
+    },
+    fixedAspectRatio: {
+      width: 16,
+      height: 9
+    },
+    src: field.value,
+    uploadConfig: query.IMAGE_UPLOAD_CONFIG,
+    onUploadComplete: handleImageUpload
+  });
+};
+
+var PageWrapper = function PageWrapper(_ref) {
+  var children = _ref.children,
+    className = _ref.className;
+  return /*#__PURE__*/jsxRuntime.jsx(Container, {
+    className: className,
+    children: children
+  });
+};
+var PageHeader = function PageHeader(_ref2) {
+  var title = _ref2.title,
+    breadcrumbs = _ref2.breadcrumbs;
+  return /*#__PURE__*/jsxRuntime.jsx(Header, {
+    breadcrumbs: breadcrumbs,
+    title: title,
+    size: "small"
+  });
+};
+var customPropEqualityCheck = function customPropEqualityCheck(prevProps, nextProps) {
+  return prevProps.title === nextProps.title && prevProps.breadcrumbs === nextProps.breadcrumbs;
+};
+var MemoizedPageHeader = /*#__PURE__*/React.memo(PageHeader, customPropEqualityCheck);
+var PageContent = function PageContent(_ref3) {
+  var children = _ref3.children,
+    _ref3$className = _ref3.className,
+    className = _ref3$className === void 0 ? "" : _ref3$className;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "w-full h-full",
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: classnames(["mx-auto max-w-7xl", className]),
+      children: children
+    })
+  });
+};
+
+var Tags = function Tags(_ref) {
+  var allTags = _ref.allTags,
+    selectedTags = _ref.selectedTags,
+    onUpdate = _ref.onUpdate,
+    onCreate = _ref.onCreate,
+    isLoading = _ref.isLoading,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title;
+  var handleTagSelect = function handleTagSelect(newTag) {
+    return onUpdate([].concat(_toConsumableArray(selectedTags), [newTag]));
+  };
+  var handleTagRemove = function handleTagRemove(removedTag) {
+    var updatedTags = neetoCist.removeBy({
+      value: removedTag.value
+    }, selectedTags);
+    onUpdate(updatedTags);
+  };
+  var handleTagCreate = function handleTagCreate(tagName) {
+    onCreate({
+      name: tagName
+    }, {
+      onSuccess: function onSuccess(_ref2) {
+        var tag = _ref2.tag;
+        return handleTagSelect({
+          value: tag.id,
+          label: tag.name
+        });
+      }
+    });
+  };
+  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
+    })
+  });
+};
+
+var Preview = function Preview(_ref) {
+  var template = _ref.template,
+    imageUrl = _ref.imageUrl;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-template bg-background flex flex-col overflow-hidden rounded shadow-xs",
+    tabIndex: 0,
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-template__header",
+      children: /*#__PURE__*/jsxRuntime.jsx("img", {
+        className: "neeto-template__image",
+        "data-testid": "template-image-preview",
+        src: imageUrl || "".concat(constants.CLOUDFRONT_BASE_URL, "/images/neetoForm/default-form-template.svg")
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "bg-background p-3 lg:p-5 flex items-center justify-between gap-2",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+        className: "text-foreground leading-normal",
+        "data-testid": "template-title-text",
+        variant: "body2",
+        weight: "medium",
+        children: template.title
+      })
+    })]
+  });
+};
+
+var buildSelectOptionsBy = function buildSelectOptionsBy(labelField) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var valueField = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "id";
+  return options.map(function (option) {
+    return {
+      value: option[valueField],
+      label: option[labelField]
+    };
+  });
+};
+var buildTagOptions = function buildTagOptions() {
+  var tags = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return neetoCist.renameKeys({
+    id: "value",
+    name: "label"
+  }, tags);
+};
+var buildTemplateUpdatePayload = function buildTemplateUpdatePayload(values) {
+  return {
+    image: values.imageSignedId || null,
+    tagIds: ramda.pluck("value", values === null || values === void 0 ? void 0 : values.tags)
+  };
+};
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var TemplateSettings = function TemplateSettings(_ref) {
+  var _ref$onCancelTemplate = _ref.onCancelTemplatePreview,
+    onCancelTemplatePreview = _ref$onCancelTemplate === void 0 ? "" : _ref$onCancelTemplate,
+    _ref$breadcrumbs = _ref.breadcrumbs,
+    breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$resourceId = _ref.resourceId,
+    resourceId = _ref$resourceId === void 0 ? "id" : _ref$resourceId;
+  var _useParams = reactRouterDom.useParams(),
+    id = _useParams[resourceId];
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useFetchTemplate = useTemplatesApi.useFetchTemplate({
+      resourceId: id
+    }),
+    data = _useFetchTemplate.data,
+    isFetchingTemplate = _useFetchTemplate.isLoading;
+  var _useUpdateTemplate = useTemplatesApi.useUpdateTemplate({
+      resourceId: id
+    }),
+    updateTemplate = _useUpdateTemplate.mutate,
+    isUpdatingTemplate = _useUpdateTemplate.isPending;
+  var _useCreateTemplateTag = useCreateTemplateTag(),
+    createTemplateTag = _useCreateTemplateTag.mutate,
+    isCreatingTags = _useCreateTemplateTag.isPending;
+  var _useFetchTemplateTags = useFetchTemplateTags(),
+    _useFetchTemplateTags2 = _useFetchTemplateTags.data,
+    templateTags = _useFetchTemplateTags2 === void 0 ? {} : _useFetchTemplateTags2,
+    isTagsLoading = _useFetchTemplateTags.isLoading;
+  var handleSubmit = function handleSubmit(values) {
+    updateTemplate({
+      template: buildTemplateUpdatePayload(values)
+    });
+  };
+  var isLoading = isFetchingTemplate || isTagsLoading;
+  var tags = buildTagOptions(data === null || data === void 0 ? void 0 : data.tags);
+  var resourceInitialValues = _objectSpread(_objectSpread({
+    imageUrl: null
+  }, data), {}, {
+    tags: tags
+  });
+  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(neetoAtoms.Spinner, {})
+      }) : /*#__PURE__*/jsxRuntime.jsx(formik$1.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: "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(neetoAtoms.Label, {
+                      children: t("neetoTemplate.templateSettings.imageLabel")
+                    }), /*#__PURE__*/jsxRuntime.jsx(FormikImageUploader, {
+                      name: "imageUrl"
+                    })]
+                  }), /*#__PURE__*/jsxRuntime.jsx(Tags, {
+                    isLoading: isCreatingTags,
+                    selectedTags: values.tags,
+                    allTags: buildSelectOptionsBy("name", templateTags.tags),
+                    title: t("neetoTemplate.templateSettings.categoryLabel"),
+                    onCreate: createTemplateTag,
+                    onUpdate: function onUpdate(tags) {
+                      return setFieldValue("tags", tags);
+                    }
+                  })]
+                })]
+              }), /*#__PURE__*/jsxRuntime.jsx("div", {
+                className: "bg-background sticky bottom-0 py-6 md:px-10 px-5",
+                children: /*#__PURE__*/jsxRuntime.jsx(formik$1.ActionBlock, {
+                  isSubmitting: isUpdatingTemplate,
+                  cancelButtonProps: {
+                    to: onCancelTemplatePreview,
+                    "data-testid": "reset-changes-button",
+                    onClick: neetoCist.noop
+                  }
+                })
+              })]
+            }), /*#__PURE__*/jsxRuntime.jsx(MobilePreviewHeader, {
+              className: "w-full md:hidden"
+            }), /*#__PURE__*/jsxRuntime.jsx("div", {
+              className: "bg-muted 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
+              })
+            })]
+          });
+        }
+      })
+    })
+  });
+};
+
+module.exports = TemplateSettings;
+//# sourceMappingURL=TemplateSettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateSettings.js","sources":["../../../app/javascript/src/v2/hooks/reactQuery/useTemplateTagsApi.js","../../../app/javascript/src/v2/components/TemplateSettings/Common/FormikImageUploader.jsx","../../../app/javascript/src/v2/components/TemplateSettings/Common/SinglePageLayout.jsx","../../../app/javascript/src/v2/components/TemplateSettings/Common/Tags.jsx","../../../app/javascript/src/v2/components/TemplateSettings/Preview.jsx","../../../app/javascript/src/v2/components/TemplateSettings/utils.js","../../../app/javascript/src/v2/components/TemplateSettings/index.jsx"],"sourcesContent":["import { refetchTags } from \"@bigbinary/neeto-tags-frontend/v2\";\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/v2\";\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/v2/Container\";\nimport Header from \"neetomolecules/v2/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/v2\";\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 { Typography } from \"@bigbinary/neeto-atoms\";\nimport { CLOUDFRONT_BASE_URL } from \"neetocommons/v2/constants\";\n\nconst Preview = ({ template, imageUrl }) => (\n  <div\n    className=\"neeto-template bg-background flex flex-col overflow-hidden rounded shadow-xs\"\n    tabIndex={0}\n  >\n    <div className=\"neeto-template__header\">\n      <img\n        className=\"neeto-template__image\"\n        data-testid=\"template-image-preview\"\n        src={\n          imageUrl ||\n          `${CLOUDFRONT_BASE_URL}/images/neetoForm/default-form-template.svg`\n        }\n      />\n    </div>\n    <div className=\"bg-background p-3 lg:p-5 flex items-center justify-between gap-2\">\n      <Typography\n        className=\"text-foreground leading-normal\"\n        data-testid=\"template-title-text\"\n        variant=\"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 { Spinner, Label } from \"@bigbinary/neeto-atoms\";\nimport { ActionBlock, Form } from \"@bigbinary/neeto-atoms/formik\";\nimport classnames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport MobilePreviewHeader from \"neetomolecules/v2/MobilePreviewHeader\";\nimport { useTranslation } from \"react-i18next\";\nimport { useParams } from \"react-router-dom\";\n\nimport {\n  useFetchTemplate,\n  useUpdateTemplate,\n} from \"v2/hooks/reactQuery/useTemplatesApi\";\nimport {\n  useCreateTemplateTag,\n  useFetchTemplateTags,\n} from \"v2/hooks/reactQuery/useTemplateTagsApi\";\n// eslint-disable-next-line import/extensions\nimport \"stylesheets/application.css\";\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=\"bg-background sticky bottom-0 py-6 md:px-10 px-5\">\n                    <ActionBlock\n                      isSubmitting={isUpdatingTemplate}\n                      cancelButtonProps={{\n                        to: onCancelTemplatePreview,\n                        \"data-testid\": \"reset-changes-button\",\n                        onClick: noop,\n                      }}\n                    />\n                  </div>\n                </div>\n                <MobilePreviewHeader className=\"w-full md:hidden\" />\n                <div className=\"bg-muted 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":["useCreateTemplateTag","options","useMutation","_objectSpread","mutationFn","templateTagsApi","create","onSuccess","refetchTags","useFetchTemplateTags","useQuery","queryKey","QUERY_KEYS","TEMPLATE_TAGS","queryFn","list","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","tag","id","label","TagsComponent","bodyProps","titleProps","weight","style","buttonProps","loading","disabled","iconPosition","onTagCreate","onTagDelete","onTagSelect","Preview","template","imageUrl","_jsxs","tabIndex","CLOUDFRONT_BASE_URL","Typography","variant","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/v2/TemplateTags.js

@@ -0,0 +1,89 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var NeetoTags = require('@bigbinary/neeto-tags-frontend/v2/NeetoTags');
+var reactQuery = require('@tanstack/react-query');
+var neetoCist = require('@bigbinary/neeto-cist');
+var query = require('../../query-BHYqZXXl.js');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var i18next = require('i18next');
+var jsxRuntime = require('react/jsx-runtime');
+
+var TAG_TYPES = [{
+  id: 1,
+  label: i18next.t("neetoTemplate.templatesTags.template"),
+  url: "".concat(query.NEETO_TEMPLATES_URL, "/tags/template_tags"),
+  columns: [{
+    title: i18next.t("neetoTemplate.templatesTags.numberOfActiveTemplates"),
+    key: "templates_count",
+    dataIndex: "templatesCount",
+    align: "center",
+    width: 300,
+    sorter: true,
+    render: function render(templatesCount) {
+      return templatesCount !== 0 ? /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Typography, {
+        variant: "body1",
+        children: [" ", templatesCount, " "]
+      }) : "-";
+    }
+  }]
+}];
+
+var _excluded = ["breadcrumbs", "tagsPath"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var TemplateTags = function TemplateTags(_ref) {
+  var breadcrumbs = _ref.breadcrumbs,
+    tagsPath = _ref.tagsPath,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var queryClient = reactQuery.useQueryClient();
+  var invalidateTags = function invalidateTags() {
+    queryClient.invalidateQueries({
+      queryKey: [query.QUERY_KEYS.TEMPLATE_TAGS]
+    });
+  };
+  var invalidateTagsAndTemplates = function invalidateTagsAndTemplates() {
+    invalidateTags();
+    queryClient.invalidateQueries({
+      queryKey: [query.QUERY_KEYS.TEMPLATES_LIST]
+    });
+    queryClient.invalidateQueries({
+      queryKey: [query.QUERY_KEYS.TEMPLATE]
+    });
+  };
+  var config = _objectSpread({
+    tagTypes: TAG_TYPES,
+    tagsMergable: true,
+    breadcrumbs: breadcrumbs,
+    displayMenu: false,
+    tagsPath: tagsPath,
+    onTagRowClick: neetoCist.noop,
+    createTags: {
+      onSuccess: {
+        callback: invalidateTags
+      }
+    },
+    updateTags: {
+      onSuccess: {
+        callback: invalidateTagsAndTemplates
+      }
+    },
+    deleteTags: {
+      onSuccess: {
+        callback: invalidateTagsAndTemplates
+      }
+    },
+    mergeTags: {
+      onSuccess: {
+        callback: invalidateTagsAndTemplates
+      }
+    }
+  }, otherProps);
+  return /*#__PURE__*/jsxRuntime.jsx(NeetoTags, {
+    config: config
+  });
+};
+
+module.exports = TemplateTags;
+//# sourceMappingURL=TemplateTags.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateTags.js","sources":["../../../app/javascript/src/v2/components/TemplateTags/constants.jsx","../../../app/javascript/src/v2/components/TemplateTags/index.jsx"],"sourcesContent":["import { Typography } from \"@bigbinary/neeto-atoms\";\nimport { t } from \"i18next\";\n\nimport { NEETO_TEMPLATES_URL } from \"src/constants\";\n\nexport const TAG_TYPES = [\n  {\n    id: 1,\n    label: t(\"neetoTemplate.templatesTags.template\"),\n    url: `${NEETO_TEMPLATES_URL}/tags/template_tags`,\n    columns: [\n      {\n        title: t(\"neetoTemplate.templatesTags.numberOfActiveTemplates\"),\n        key: \"templates_count\",\n        dataIndex: \"templatesCount\",\n        align: \"center\",\n        width: 300,\n        sorter: true,\n        render: templatesCount =>\n          templatesCount !== 0 ? (\n            <Typography variant=\"body1\"> {templatesCount} </Typography>\n          ) : (\n            \"-\"\n          ),\n      },\n    ],\n  },\n];\n","// eslint-disable-next-line @bigbinary/neeto/use-webpack-alias\nimport { NeetoTags } from \"@bigbinary/neeto-tags-frontend/v2\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { noop } from \"neetocist\";\n\nimport { QUERY_KEYS } from \"src/constants/query\";\n\nimport { TAG_TYPES } from \"./constants\";\n\nconst TemplateTags = ({ breadcrumbs, tagsPath, ...otherProps }) => {\n  const queryClient = useQueryClient();\n\n  const invalidateTags = () => {\n    queryClient.invalidateQueries({\n      queryKey: [QUERY_KEYS.TEMPLATE_TAGS],\n    });\n  };\n\n  const invalidateTagsAndTemplates = () => {\n    invalidateTags();\n    queryClient.invalidateQueries({\n      queryKey: [QUERY_KEYS.TEMPLATES_LIST],\n    });\n\n    queryClient.invalidateQueries({\n      queryKey: [QUERY_KEYS.TEMPLATE],\n    });\n  };\n\n  const config = {\n    tagTypes: TAG_TYPES,\n    tagsMergable: true,\n    breadcrumbs,\n    displayMenu: false,\n    tagsPath,\n    onTagRowClick: noop,\n    createTags: { onSuccess: { callback: invalidateTags } },\n    updateTags: { onSuccess: { callback: invalidateTagsAndTemplates } },\n    deleteTags: { onSuccess: { callback: invalidateTagsAndTemplates } },\n    mergeTags: { onSuccess: { callback: invalidateTagsAndTemplates } },\n    ...otherProps,\n  };\n\n  return <NeetoTags {...{ config }} />;\n};\n\nexport default TemplateTags;\n"],"names":["TAG_TYPES","id","label","t","url","concat","NEETO_TEMPLATES_URL","columns","title","key","dataIndex","align","width","sorter","render","templatesCount","_jsxs","Typography","variant","children","TemplateTags","_ref","breadcrumbs","tagsPath","otherProps","_objectWithoutProperties","_excluded","queryClient","useQueryClient","invalidateTags","invalidateQueries","queryKey","QUERY_KEYS","TEMPLATE_TAGS","invalidateTagsAndTemplates","TEMPLATES_LIST","TEMPLATE","config","_objectSpread","tagTypes","tagsMergable","displayMenu","onTagRowClick","noop","createTags","onSuccess","callback","updateTags","deleteTags","mergeTags","_jsx","NeetoTags"],"mappings":";;;;;;;;;;;;AAKO,IAAMA,SAAS,GAAG,CACvB;AACEC,EAAAA,EAAE,EAAE,CAAC;AACLC,EAAAA,KAAK,EAAEC,SAAC,CAAC,sCAAsC,CAAC;AAChDC,EAAAA,GAAG,EAAA,EAAA,CAAAC,MAAA,CAAKC,yBAAmB,EAAA,qBAAA,CAAqB;AAChDC,EAAAA,OAAO,EAAE,CACP;AACEC,IAAAA,KAAK,EAAEL,SAAC,CAAC,qDAAqD,CAAC;AAC/DM,IAAAA,GAAG,EAAE,iBAAiB;AACtBC,IAAAA,SAAS,EAAE,gBAAgB;AAC3BC,IAAAA,KAAK,EAAE,QAAQ;AACfC,IAAAA,KAAK,EAAE,GAAG;AACVC,IAAAA,MAAM,EAAE,IAAI;AACZC,IAAAA,MAAM,EAAE,SAARA,MAAMA,CAAEC,cAAc,EAAA;AAAA,MAAA,OACpBA,cAAc,KAAK,CAAC,gBAClBC,eAAA,CAACC,qBAAU,EAAA;AAACC,QAAAA,OAAO,EAAC,OAAO;AAAAC,QAAAA,QAAA,EAAA,CAAC,GAAC,EAACJ,cAAc,EAAC,GAAC;OAAY,CAAC,GAE3D,GACD;AAAA,IAAA;GACJ;AAEL,CAAC,CACF;;;;;AClBD,IAAMK,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAiD;AAAA,EAAA,IAA3CC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;AAAKC,IAAAA,UAAU,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA;AAC1D,EAAA,IAAMC,WAAW,GAAGC,yBAAc,EAAE;AAEpC,EAAA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,GAAS;IAC3BF,WAAW,CAACG,iBAAiB,CAAC;AAC5BC,MAAAA,QAAQ,EAAE,CAACC,gBAAU,CAACC,aAAa;AACrC,KAAC,CAAC;EACJ,CAAC;AAED,EAAA,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA0BA,GAAS;AACvCL,IAAAA,cAAc,EAAE;IAChBF,WAAW,CAACG,iBAAiB,CAAC;AAC5BC,MAAAA,QAAQ,EAAE,CAACC,gBAAU,CAACG,cAAc;AACtC,KAAC,CAAC;IAEFR,WAAW,CAACG,iBAAiB,CAAC;AAC5BC,MAAAA,QAAQ,EAAE,CAACC,gBAAU,CAACI,QAAQ;AAChC,KAAC,CAAC;EACJ,CAAC;EAED,IAAMC,MAAM,GAAAC,aAAA,CAAA;AACVC,IAAAA,QAAQ,EAAEvC,SAAS;AACnBwC,IAAAA,YAAY,EAAE,IAAI;AAClBlB,IAAAA,WAAW,EAAXA,WAAW;AACXmB,IAAAA,WAAW,EAAE,KAAK;AAClBlB,IAAAA,QAAQ,EAARA,QAAQ;AACRmB,IAAAA,aAAa,EAAEC,cAAI;AACnBC,IAAAA,UAAU,EAAE;AAAEC,MAAAA,SAAS,EAAE;AAAEC,QAAAA,QAAQ,EAAEjB;AAAe;KAAG;AACvDkB,IAAAA,UAAU,EAAE;AAAEF,MAAAA,SAAS,EAAE;AAAEC,QAAAA,QAAQ,EAAEZ;AAA2B;KAAG;AACnEc,IAAAA,UAAU,EAAE;AAAEH,MAAAA,SAAS,EAAE;AAAEC,QAAAA,QAAQ,EAAEZ;AAA2B;KAAG;AACnEe,IAAAA,SAAS,EAAE;AAAEJ,MAAAA,SAAS,EAAE;AAAEC,QAAAA,QAAQ,EAAEZ;AAA2B;AAAE;AAAC,GAAA,EAC/DV,UAAU,CACd;EAED,oBAAO0B,cAAA,CAACC,SAAS,EAAA;AAAOd,IAAAA,MAAM,EAANA;AAAM,GAAK,CAAC;AACtC;;;;"}

package/dist/cjs/v2/index.js

@@ -0,0 +1,51 @@
+'use strict';
+
+require('../../templates-D92QbbVX.js');
+var v2_CreateTemplateModal = require('./CreateTemplateModal.js');
+var v2_TemplateSettings = require('./TemplateSettings.js');
+var v2_TemplateTags = require('./TemplateTags.js');
+require('axios');
+require('../../query-BHYqZXXl.js');
+require('@babel/runtime/helpers/slicedToArray');
+require('react');
+require('@bigbinary/neeto-atoms');
+require('@bigbinary/neeto-cist');
+require('@babel/runtime/helpers/defineProperty');
+require('@babel/runtime/helpers/toConsumableArray');
+require('@bigbinary/neeto-commons-frontend/v2/initializers');
+require('@bigbinary/neeto-icons/typeface-logos/Neeto');
+require('@bigbinary/neeto-icons/typeface-logos');
+require('@bigbinary/neeto-molecules/v2/HelpPopover');
+require('@bigbinary/neeto-molecules/v2/Search');
+require('react-i18next');
+require('../../custom-B69ooaxC.js');
+require('../../useTemplatesApi-CFO1OLfz.js');
+require('@bigbinary/neeto-tags-frontend/v2/utils');
+require('@tanstack/react-query');
+require('@bigbinary/neeto-commons-frontend/react-utils');
+require('ramda');
+require('react/jsx-runtime');
+require('@bigbinary/neeto-commons-frontend/v2/constants');
+require('classnames');
+require('@bigbinary/neeto-commons-frontend/v2/utils');
+require('@bigbinary/neeto-commons-frontend/v2/react-utils');
+require('@bigbinary/neeto-molecules/v2/ResponsiveDevicePicker');
+require('@bigbinary/neeto-atoms/formik');
+require('@bigbinary/neeto-molecules/v2/MobilePreviewHeader');
+require('react-router-dom');
+require('../../template_tags-DRZa7U5R.js');
+require('@bigbinary/neeto-image-uploader-frontend/v2/ImageUploader');
+require('formik');
+require('@bigbinary/neeto-molecules/v2/Container');
+require('@bigbinary/neeto-molecules/v2/Header');
+require('@bigbinary/neeto-tags-frontend/v2/TagsComponent');
+require('@babel/runtime/helpers/objectWithoutProperties');
+require('@bigbinary/neeto-tags-frontend/v2/NeetoTags');
+require('i18next');
+
+
+
+exports.CreateTemplateModal = v2_CreateTemplateModal;
+exports.TemplateSettings = v2_TemplateSettings;
+exports.TemplateTags = v2_TemplateTags;
+//# sourceMappingURL=index.js.map

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

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