@bigbinary/neeto-templates-frontend 3.0.6 → 3.0.7

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-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-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=\"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-testid=\"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.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=\"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-testid\": \"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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"}
+{"version":3,"file":"TemplateSettings.js","sources":["../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 { 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-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=\"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-testid=\"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.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=\"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-testid\": \"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":["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","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/TemplateTags.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import NeetoTags from '@bigbinary/neeto-tags-frontend/NeetoTags';
 import { useQueryClient } from '@tanstack/react-query';
 import { noop } from '@bigbinary/neeto-cist';
-import { N as NEETO_TEMPLATES_URL, Q as QUERY_KEYS } from './query-CIe6_co6.js';
+import { N as NEETO_TEMPLATES_URL, Q as QUERY_KEYS } from './query-CI8q_ST0.js';
 import { t } from 'i18next';
 import Typography from '@bigbinary/neetoui/Typography';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -30,7 +30,7 @@ var TAG_TYPES = [{
 
 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), !0).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; }
+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,

package/dist/TemplateTags.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemplateTags.js","sources":["../app/javascript/src/components/TemplateTags/constants.jsx","../app/javascript/src/components/TemplateTags/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { Typography } from \"neetoui\";\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 style=\"body1\"> {templatesCount} </Typography>\n          ) : (\n            \"-\"\n          ),\n      },\n    ],\n  },\n];\n","import { NeetoTags } from \"@bigbinary/neeto-tags-frontend\";\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","style","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,CAAC,CAAC,sCAAsC,CAAC;AAChDC,EAAAA,GAAG,EAAAC,EAAAA,CAAAA,MAAA,CAAKC,mBAAmB,EAAqB,qBAAA,CAAA;AAChDC,EAAAA,OAAO,EAAE,CACP;AACEC,IAAAA,KAAK,EAAEL,CAAC,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,IAAA,CAACC,UAAU,EAAA;AAACC,QAAAA,KAAK,EAAC,OAAO;AAAAC,QAAAA,QAAA,EAAC,CAAA,GAAC,EAACJ,cAAc,EAAC,GAAC;OAAY,CAAC,GAEzD,GACD;AAAA;GACJ;AAEL,CAAC,CACF;;;;;ACnBD,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,cAAc,EAAE;AAEpC,EAAA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,GAAS;IAC3BF,WAAW,CAACG,iBAAiB,CAAC;AAC5BC,MAAAA,QAAQ,EAAE,CAACC,UAAU,CAACC,aAAa;AACrC,KAAC,CAAC;GACH;AAED,EAAA,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA0BA,GAAS;AACvCL,IAAAA,cAAc,EAAE;IAChBF,WAAW,CAACG,iBAAiB,CAAC;AAC5BC,MAAAA,QAAQ,EAAE,CAACC,UAAU,CAACG,cAAc;AACtC,KAAC,CAAC;IAEFR,WAAW,CAACG,iBAAiB,CAAC;AAC5BC,MAAAA,QAAQ,EAAE,CAACC,UAAU,CAACI,QAAQ;AAChC,KAAC,CAAC;GACH;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,IAAI;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,GAAA,CAACC,SAAS,EAAA;AAAOd,IAAAA,MAAM,EAANA;AAAM,GAAK,CAAC;AACtC;;;;"}
+{"version":3,"file":"TemplateTags.js","sources":["../app/javascript/src/components/TemplateTags/constants.jsx","../app/javascript/src/components/TemplateTags/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { Typography } from \"neetoui\";\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 style=\"body1\"> {templatesCount} </Typography>\n          ) : (\n            \"-\"\n          ),\n      },\n    ],\n  },\n];\n","import { NeetoTags } from \"@bigbinary/neeto-tags-frontend\";\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","style","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,CAAC,CAAC,sCAAsC,CAAC;AAChDC,EAAAA,GAAG,EAAA,EAAA,CAAAC,MAAA,CAAKC,mBAAmB,EAAA,qBAAA,CAAqB;AAChDC,EAAAA,OAAO,EAAE,CACP;AACEC,IAAAA,KAAK,EAAEL,CAAC,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,IAAA,CAACC,UAAU,EAAA;AAACC,QAAAA,KAAK,EAAC,OAAO;AAAAC,QAAAA,QAAA,EAAA,CAAC,GAAC,EAACJ,cAAc,EAAC,GAAC;OAAY,CAAC,GAEzD,GACD;AAAA,IAAA;GACJ;AAEL,CAAC,CACF;;;;;ACnBD,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,cAAc,EAAE;AAEpC,EAAA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,GAAS;IAC3BF,WAAW,CAACG,iBAAiB,CAAC;AAC5BC,MAAAA,QAAQ,EAAE,CAACC,UAAU,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,UAAU,CAACG,cAAc;AACtC,KAAC,CAAC;IAEFR,WAAW,CAACG,iBAAiB,CAAC;AAC5BC,MAAAA,QAAQ,EAAE,CAACC,UAAU,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,IAAI;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,GAAA,CAACC,SAAS,EAAA;AAAOd,IAAAA,MAAM,EAANA;AAAM,GAAK,CAAC;AACtC;;;;"}

package/dist/cjs/CreateTemplateModal.js

@@ -4,7 +4,7 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var neetoCist = require('@bigbinary/neeto-cist');
 var Modal = require('@bigbinary/neetoui/Modal');
-var useTemplatesApi = require('../useTemplatesApi-AX5fydv5.js');
+require('../templates-D92QbbVX.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
@@ -16,6 +16,8 @@ var Spinner = require('@bigbinary/neetoui/Spinner');
 var Typography = require('@bigbinary/neetoui/Typography');
 var Accordion = require('@bigbinary/neetoui/Accordion');
 var reactI18next = require('react-i18next');
+var custom = require('../custom-B69ooaxC.js');
+var useTemplatesApi = require('../useTemplatesApi-D0AEqebj.js');
 var jsxRuntime = require('react/jsx-runtime');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
 var classnames = require('classnames');
@@ -23,11 +25,11 @@ var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var ResponsiveDevicePicker = require('@bigbinary/neeto-molecules/ResponsiveDevicePicker');
 var Button = require('@bigbinary/neetoui/Button');
+require('axios');
+require('../query-BHYqZXXl.js');
 require('@bigbinary/neeto-tags-frontend/utils');
 require('@tanstack/react-query');
 require('ramda');
-require('axios');
-require('../query-BHYqZXXl.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -46,7 +48,6 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 var ProductTypefaceLogos__namespace = /*#__PURE__*/_interopNamespaceDefault(ProductTypefaceLogos);
 
 var TEMPLATE_SCREENS = {
@@ -64,234 +65,6 @@ var RESPONSIVE_DEVICES = {
   MOBILE: "mobile"
 };
 
-function createObserverCache() {
-  var cachesByRoot = new Map();
-
-  function getObserver(_ref) {
-    var root = _ref.root,
-        rootMargin = _ref.rootMargin,
-        threshold = _ref.threshold;
-    var cacheByRoot = cachesByRoot.get(root);
-
-    if (!cacheByRoot) {
-      cacheByRoot = new Map();
-      cachesByRoot.set(root, cacheByRoot);
-    }
-
-    var cacheKey = JSON.stringify({
-      rootMargin: rootMargin,
-      threshold: threshold
-    });
-    var cachedObserver = cacheByRoot.get(cacheKey);
-
-    if (!cachedObserver) {
-      var entryCallbacks = new Map();
-      var observer = new IntersectionObserver(function (entries) {
-        entries.forEach(function (entry) {
-          var callback = entryCallbacks.get(entry.target);
-          callback == null ? void 0 : callback(entry);
-        });
-      }, {
-        root: root,
-        rootMargin: rootMargin,
-        threshold: threshold
-      });
-      cachedObserver = {
-        observer: observer,
-        entryCallbacks: entryCallbacks
-      };
-      cacheByRoot.set(cacheKey, cachedObserver);
-    }
-
-    return {
-      observe: function observe(node, callback) {
-        var _cachedObserver, _cachedObserver2;
-
-        (_cachedObserver = cachedObserver) == null ? void 0 : _cachedObserver.entryCallbacks.set(node, callback);
-        (_cachedObserver2 = cachedObserver) == null ? void 0 : _cachedObserver2.observer.observe(node);
-      },
-      unobserve: function unobserve(node) {
-        var _cachedObserver3, _cachedObserver4;
-
-        (_cachedObserver3 = cachedObserver) == null ? void 0 : _cachedObserver3.entryCallbacks["delete"](node);
-        (_cachedObserver4 = cachedObserver) == null ? void 0 : _cachedObserver4.observer.unobserve(node);
-      }
-    };
-  }
-
-  return {
-    getObserver: getObserver
-  };
-}
-
-var DEFAULT_ROOT_MARGIN = '0px';
-var DEFAULT_THRESHOLD = [0];
-var observerCache = /*#__PURE__*/createObserverCache(); // For more info:
-// https://developers.google.com/web/updates/2016/04/intersectionobserver
-// https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API
-
-function useIntersectionObserver(args) {
-  var _args$rootMargin, _args$threshold;
-
-  var rootMargin = (_args$rootMargin = args == null ? void 0 : args.rootMargin) != null ? _args$rootMargin : DEFAULT_ROOT_MARGIN;
-  var threshold = (_args$threshold = args == null ? void 0 : args.threshold) != null ? _args$threshold : DEFAULT_THRESHOLD;
-  var nodeRef = React.useRef(null);
-  var rootRef = React.useRef(null);
-  var observerRef = React.useRef(null);
-
-  var _useState = React.useState(),
-      entry = _useState[0],
-      setEntry = _useState[1];
-
-  var observe = React.useCallback(function () {
-    var node = nodeRef.current;
-
-    if (!node) {
-      setEntry(undefined);
-      return;
-    }
-
-    var observer = observerCache.getObserver({
-      root: rootRef.current,
-      rootMargin: rootMargin,
-      threshold: threshold
-    });
-    observer.observe(node, function (observedEntry) {
-      setEntry(observedEntry);
-    });
-    observerRef.current = observer;
-  }, [rootMargin, threshold]);
-  var unobserve = React.useCallback(function () {
-    var currentObserver = observerRef.current;
-    var node = nodeRef.current;
-
-    if (node) {
-      currentObserver == null ? void 0 : currentObserver.unobserve(node);
-    }
-
-    observerRef.current = null;
-  }, []); // React will call the ref callback with the DOM element when the component mounts,
-  // and call it with null when it unmounts.
-  // So, we don't need an useEffect etc to unobserve nodes.
-  // When nodeRef.current is null, it will be unobserved and observe function
-  // won't do anything.
-
-  var refCallback = React.useCallback(function (node) {
-    unobserve();
-    nodeRef.current = node;
-    observe();
-  }, [observe, unobserve]);
-  var rootRefCallback = React.useCallback(function (rootNode) {
-    unobserve();
-    rootRef.current = rootNode;
-    observe();
-  }, [observe, unobserve]);
-  return [refCallback, {
-    entry: entry,
-    rootRef: rootRefCallback
-  }];
-}
-
-function _extends$1() {
-  _extends$1 = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends$1.apply(this, arguments);
-}
-
-function useTrackVisibility(args) {
-  var _result$entry;
-
-  var _useIntersectionObser = useIntersectionObserver(args),
-      ref = _useIntersectionObser[0],
-      result = _useIntersectionObser[1];
-
-  var isVisible = Boolean((_result$entry = result.entry) == null ? void 0 : _result$entry.isIntersecting);
-
-  var _useState = React.useState(isVisible),
-      wasEverVisible = _useState[0],
-      setWasEverVisible = _useState[1];
-
-  if (isVisible && !wasEverVisible) {
-    setWasEverVisible(true);
-  }
-
-  return [ref, _extends$1({}, result, {
-    isVisible: isVisible,
-    wasEverVisible: wasEverVisible
-  })];
-}
-
-var DEFAULT_DELAY_IN_MS = 100;
-
-function useInfiniteScroll(_ref) {
-  var loading = _ref.loading,
-      hasNextPage = _ref.hasNextPage,
-      onLoadMore = _ref.onLoadMore,
-      rootMargin = _ref.rootMargin,
-      disabled = _ref.disabled,
-      _ref$delayInMs = _ref.delayInMs,
-      delayInMs = _ref$delayInMs === void 0 ? DEFAULT_DELAY_IN_MS : _ref$delayInMs;
-
-  var _useTrackVisibility = useTrackVisibility({
-    rootMargin: rootMargin
-  }),
-      ref = _useTrackVisibility[0],
-      _useTrackVisibility$ = _useTrackVisibility[1],
-      rootRef = _useTrackVisibility$.rootRef,
-      isVisible = _useTrackVisibility$.isVisible;
-
-  var shouldLoadMore = !disabled && !loading && isVisible && hasNextPage; // eslint-disable-next-line consistent-return
-
-  React.useEffect(function () {
-    if (shouldLoadMore) {
-      // When we trigger 'onLoadMore' and new items are added to the list,
-      // right before they become rendered on the screen, 'loading' becomes false
-      // and 'isVisible' can be true for a brief time, based on the scroll position.
-      // So, it triggers 'onLoadMore' just after the first one is finished.
-      // We use a small delay here to prevent this kind of situations.
-      // It can be configured by hook args.
-      var timer = setTimeout(function () {
-        onLoadMore();
-      }, delayInMs);
-      return function () {
-        clearTimeout(timer);
-      };
-    }
-  }, [onLoadMore, shouldLoadMore, delayInMs]);
-  return [ref, {
-    rootRef: rootRef
-  }];
-}
-
-var _circle, _path;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const SvgCustom = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 53,
-  height: 52,
-  fill: "none"
-}, props), _circle || (_circle = /*#__PURE__*/React__namespace.createElement("circle", {
-  cx: 26.603,
-  cy: 25.957,
-  r: 25.957,
-  fill: "rgb(var(--neeto-ui-black))"
-})), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "rgb(var(--neeto-ui-white))",
-  d: "M18.053 26.423v-1.976h7.36v-7.6h1.977v7.6h7.36v1.976h-7.36v7.584h-1.976v-7.584h-7.361Z"
-})));
-
 var BlankCard = function BlankCard(_ref) {
   var Icon = _ref.icon,
     title = _ref.title,
@@ -377,7 +150,7 @@ var CategoryItem = function CategoryItem(_ref) {
 };
 
 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), !0).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; }
+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 List = function List(_ref) {
   var _ProductTypefaceLogos;
   var setCurrentScreen = _ref.setCurrentScreen,
@@ -412,7 +185,7 @@ var List = function List(_ref) {
     isTemplatesLoading = _useFetchTemplates.isLoading,
     _useFetchTemplates$da = _useFetchTemplates.data,
     data = _useFetchTemplates$da === void 0 ? {} : _useFetchTemplates$da;
-  var _useInfiniteScroll = useInfiniteScroll({
+  var _useInfiniteScroll = custom.useInfiniteScroll({
       loading: isTemplatesLoading,
       hasNextPage: hasNextPage,
       onLoadMore: fetchNextPage,
@@ -537,7 +310,7 @@ var List = function List(_ref) {
           children: [/*#__PURE__*/jsxRuntime.jsx(BlankCard, {
             description: t("neetoTemplate.templates.blankCard.description"),
             disabled: isCreating,
-            icon: isCreating ? Spinner : SvgCustom,
+            icon: isCreating ? Spinner : custom.SvgCustom,
             title: t("neetoTemplate.templates.blankCard.title"),
             onClick: onCreate
           }), templates.map(function (template, index) {