@bigbinary/neeto-seo-frontend 3.0.12 → 3.0.14

package/dist/index.js

@@ -15,6 +15,7 @@ import '@bigbinary/neetoui/Pane';
 import '@bigbinary/neetoui/formik/Form';
 import '@bigbinary/neetoui/formik/ActionBlock';
 import 'ramda';
+import './useSeoSettingsApi-BpSjL-Sq.js';
 import '@babel/runtime/helpers/defineProperty';
 import '@tanstack/react-query';
 import '@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation';

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/dist/useSeoSettingsApi-BpSjL-Sq.js

@@ -0,0 +1,41 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useQuery } from '@tanstack/react-query';
+import useMutationWithInvalidation from '@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation';
+import axios from 'axios';
+
+var fetch = function fetch(url) {
+  return axios.get(url);
+};
+var update = function update(_ref) {
+  var url = _ref.url,
+    payload = _ref.payload;
+  return axios.patch(url, payload);
+};
+var seoSettingsApi = {
+  fetch: fetch,
+  update: update
+};
+
+var SEO_SETTINGS_QUERY_KEY = "seo-settings";
+
+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 useFetchSeoSettings = function useFetchSeoSettings(params) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return useQuery(_objectSpread({
+    queryKey: [SEO_SETTINGS_QUERY_KEY, params],
+    queryFn: function queryFn() {
+      return seoSettingsApi.fetch(params);
+    },
+    enabled: !!params
+  }, options));
+};
+var useUpdateSeoSettings = function useUpdateSeoSettings(url) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return useMutationWithInvalidation(seoSettingsApi.update, _objectSpread(_objectSpread({}, options), {}, {
+    keysToInvalidate: [[SEO_SETTINGS_QUERY_KEY, url]]
+  }));
+};
+
+export { useUpdateSeoSettings as a, useFetchSeoSettings as u };
+//# sourceMappingURL=useSeoSettingsApi-BpSjL-Sq.js.map

package/dist/useSeoSettingsApi-BpSjL-Sq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSeoSettingsApi-BpSjL-Sq.js","sources":["../app/javascript/src/apis/seo_settings.js","../app/javascript/src/hooks/reactQuery/constants.js","../app/javascript/src/hooks/reactQuery/useSeoSettingsApi.js"],"sourcesContent":["import axios from \"axios\";\n\nconst fetch = url => axios.get(url);\n\nconst update = ({ url, payload }) => axios.patch(url, payload);\n\nconst seoSettingsApi = { fetch, update };\n\nexport default seoSettingsApi;\n","export const SEO_SETTINGS_QUERY_KEY = \"seo-settings\";\n","import { useQuery } from \"@tanstack/react-query\";\nimport useMutationWithInvalidation from \"neetocommons/react-utils/useMutationWithInvalidation\";\n\nimport seoSettingsApi from \"apis/seo_settings\";\n\nimport { SEO_SETTINGS_QUERY_KEY } from \"./constants\";\n\nconst useFetchSeoSettings = (params, options = {}) =>\n  useQuery({\n    queryKey: [SEO_SETTINGS_QUERY_KEY, params],\n    queryFn: () => seoSettingsApi.fetch(params),\n    enabled: !!params,\n    ...options,\n  });\n\nconst useUpdateSeoSettings = (url, options = {}) =>\n  useMutationWithInvalidation(seoSettingsApi.update, {\n    ...options,\n    keysToInvalidate: [[SEO_SETTINGS_QUERY_KEY, url]],\n  });\n\nexport { useFetchSeoSettings, useUpdateSeoSettings };\n"],"names":["fetch","url","axios","get","update","_ref","payload","patch","seoSettingsApi","SEO_SETTINGS_QUERY_KEY","useFetchSeoSettings","params","options","arguments","length","undefined","useQuery","_objectSpread","queryKey","queryFn","enabled","useUpdateSeoSettings","useMutationWithInvalidation","keysToInvalidate"],"mappings":";;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAGC,GAAG,EAAA;AAAA,EAAA,OAAIC,KAAK,CAACC,GAAG,CAACF,GAAG,CAAC;AAAA,CAAA;AAEnC,IAAMG,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMJ,GAAG,GAAAI,IAAA,CAAHJ,GAAG;IAAEK,OAAO,GAAAD,IAAA,CAAPC,OAAO;AAAA,EAAA,OAAOJ,KAAK,CAACK,KAAK,CAACN,GAAG,EAAEK,OAAO,CAAC;AAAA,CAAA;AAE9D,IAAME,cAAc,GAAG;AAAER,EAAAA,KAAK,EAALA,KAAK;AAAEI,EAAAA,MAAM,EAANA;AAAO,CAAC;;ACNjC,IAAMK,sBAAsB,GAAG,cAAc;;;;ACOpD,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,MAAM,EAAA;AAAA,EAAA,IAAEC,OAAO,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,EAAE;EAAA,OAC/CG,QAAQ,CAAAC,aAAA,CAAA;AACNC,IAAAA,QAAQ,EAAE,CAACT,sBAAsB,EAAEE,MAAM,CAAC;IAC1CQ,OAAO,EAAE,SAATA,OAAOA,GAAA;AAAA,MAAA,OAAQX,cAAc,CAACR,KAAK,CAACW,MAAM,CAAC;AAAA,IAAA,CAAA;IAC3CS,OAAO,EAAE,CAAC,CAACT;GAAM,EACdC,OAAO,CACX,CAAC;AAAA;AAEJ,IAAMS,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIpB,GAAG,EAAA;AAAA,EAAA,IAAEW,OAAO,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,EAAE;EAAA,OAC7CS,2BAA2B,CAACd,cAAc,CAACJ,MAAM,EAAAa,aAAA,CAAAA,aAAA,CAAA,EAAA,EAC5CL,OAAO,CAAA,EAAA,EAAA,EAAA;AACVW,IAAAA,gBAAgB,EAAE,CAAC,CAACd,sBAAsB,EAAER,GAAG,CAAC;AAAC,GAAA,CAClD,CAAC;AAAA;;;;"}

package/dist/useSeoSettingsApi-CDihidUg.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var reactQuery = require('@tanstack/react-query');
+var useMutationWithInvalidation = require('@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation');
+var axios = require('axios');
+
+var fetch = function fetch(url) {
+  return axios.get(url);
+};
+var update = function update(_ref) {
+  var url = _ref.url,
+    payload = _ref.payload;
+  return axios.patch(url, payload);
+};
+var seoSettingsApi = {
+  fetch: fetch,
+  update: update
+};
+
+var SEO_SETTINGS_QUERY_KEY = "seo-settings";
+
+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 useFetchSeoSettings = function useFetchSeoSettings(params) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return reactQuery.useQuery(_objectSpread({
+    queryKey: [SEO_SETTINGS_QUERY_KEY, params],
+    queryFn: function queryFn() {
+      return seoSettingsApi.fetch(params);
+    },
+    enabled: !!params
+  }, options));
+};
+var useUpdateSeoSettings = function useUpdateSeoSettings(url) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return useMutationWithInvalidation(seoSettingsApi.update, _objectSpread(_objectSpread({}, options), {}, {
+    keysToInvalidate: [[SEO_SETTINGS_QUERY_KEY, url]]
+  }));
+};
+
+exports.useFetchSeoSettings = useFetchSeoSettings;
+exports.useUpdateSeoSettings = useUpdateSeoSettings;
+//# sourceMappingURL=useSeoSettingsApi-CDihidUg.js.map

package/dist/useSeoSettingsApi-CDihidUg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSeoSettingsApi-CDihidUg.js","sources":["../app/javascript/src/apis/seo_settings.js","../app/javascript/src/hooks/reactQuery/constants.js","../app/javascript/src/hooks/reactQuery/useSeoSettingsApi.js"],"sourcesContent":["import axios from \"axios\";\n\nconst fetch = url => axios.get(url);\n\nconst update = ({ url, payload }) => axios.patch(url, payload);\n\nconst seoSettingsApi = { fetch, update };\n\nexport default seoSettingsApi;\n","export const SEO_SETTINGS_QUERY_KEY = \"seo-settings\";\n","import { useQuery } from \"@tanstack/react-query\";\nimport useMutationWithInvalidation from \"neetocommons/react-utils/useMutationWithInvalidation\";\n\nimport seoSettingsApi from \"apis/seo_settings\";\n\nimport { SEO_SETTINGS_QUERY_KEY } from \"./constants\";\n\nconst useFetchSeoSettings = (params, options = {}) =>\n  useQuery({\n    queryKey: [SEO_SETTINGS_QUERY_KEY, params],\n    queryFn: () => seoSettingsApi.fetch(params),\n    enabled: !!params,\n    ...options,\n  });\n\nconst useUpdateSeoSettings = (url, options = {}) =>\n  useMutationWithInvalidation(seoSettingsApi.update, {\n    ...options,\n    keysToInvalidate: [[SEO_SETTINGS_QUERY_KEY, url]],\n  });\n\nexport { useFetchSeoSettings, useUpdateSeoSettings };\n"],"names":["fetch","url","axios","get","update","_ref","payload","patch","seoSettingsApi","SEO_SETTINGS_QUERY_KEY","useFetchSeoSettings","params","options","arguments","length","undefined","useQuery","_objectSpread","queryKey","queryFn","enabled","useUpdateSeoSettings","useMutationWithInvalidation","keysToInvalidate"],"mappings":";;;;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAGC,GAAG,EAAA;AAAA,EAAA,OAAIC,KAAK,CAACC,GAAG,CAACF,GAAG,CAAC;AAAA,CAAA;AAEnC,IAAMG,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMJ,GAAG,GAAAI,IAAA,CAAHJ,GAAG;IAAEK,OAAO,GAAAD,IAAA,CAAPC,OAAO;AAAA,EAAA,OAAOJ,KAAK,CAACK,KAAK,CAACN,GAAG,EAAEK,OAAO,CAAC;AAAA,CAAA;AAE9D,IAAME,cAAc,GAAG;AAAER,EAAAA,KAAK,EAALA,KAAK;AAAEI,EAAAA,MAAM,EAANA;AAAO,CAAC;;ACNjC,IAAMK,sBAAsB,GAAG,cAAc;;;;ACOpD,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,MAAM,EAAA;AAAA,EAAA,IAAEC,OAAO,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,EAAE;EAAA,OAC/CG,mBAAQ,CAAAC,aAAA,CAAA;AACNC,IAAAA,QAAQ,EAAE,CAACT,sBAAsB,EAAEE,MAAM,CAAC;IAC1CQ,OAAO,EAAE,SAATA,OAAOA,GAAA;AAAA,MAAA,OAAQX,cAAc,CAACR,KAAK,CAACW,MAAM,CAAC;AAAA,IAAA,CAAA;IAC3CS,OAAO,EAAE,CAAC,CAACT;GAAM,EACdC,OAAO,CACX,CAAC;AAAA;AAEJ,IAAMS,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIpB,GAAG,EAAA;AAAA,EAAA,IAAEW,OAAO,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,EAAE;EAAA,OAC7CS,2BAA2B,CAACd,cAAc,CAACJ,MAAM,EAAAa,aAAA,CAAAA,aAAA,CAAA,EAAA,EAC5CL,OAAO,CAAA,EAAA,EAAA,EAAA;AACVW,IAAAA,gBAAgB,EAAE,CAAC,CAACd,sBAAsB,EAAER,GAAG,CAAC;AAAC,GAAA,CAClD,CAAC;AAAA;;;;;"}

package/dist/v2/SeoSettingsPage.js

@@ -0,0 +1,113 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { memo, useState } from 'react';
+import { Typography, Button } from '@bigbinary/neeto-atoms';
+import CardLayout from '@bigbinary/neeto-molecules/v2/CardLayout';
+import Container from '@bigbinary/neeto-molecules/v2/Container';
+import { useTranslation, Trans } from 'react-i18next';
+import { withT } from '@bigbinary/neeto-commons-frontend/v2/react-utils';
+import NeetoHeader from '@bigbinary/neeto-molecules/v2/Header';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import Pane from './SeoSettingsPane.js';
+import '@bigbinary/neeto-atoms/formik';
+import '@bigbinary/neeto-molecules/v2/PageLoader';
+import 'ramda';
+import '../useSeoSettingsApi-BpSjL-Sq.js';
+import '@babel/runtime/helpers/defineProperty';
+import '@tanstack/react-query';
+import '@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation';
+import 'axios';
+import 'i18next';
+import 'yup';
+import '@bigbinary/neeto-image-uploader-frontend/ImageUploader';
+import 'formik';
+import '@bigbinary/neeto-molecules/v2/HelpPopover';
+import '@bigbinary/neeto-cist';
+
+var Header$1 = withT(function (_ref) {
+  var t = _ref.t,
+    breadcrumbs = _ref.breadcrumbs,
+    helpDocUrl = _ref.helpDocUrl,
+    _ref$helpPopoverDescr = _ref.helpPopoverDescription,
+    helpPopoverDescription = _ref$helpPopoverDescr === void 0 ? "" : _ref$helpPopoverDescr;
+  return /*#__PURE__*/jsx(NeetoHeader, {
+    breadcrumbs: breadcrumbs,
+    size: "small",
+    title: t("neetoSeo.title"),
+    titleHelpPopoverProps: {
+      title: t("neetoSeo.title"),
+      description: helpPopoverDescription || t("neetoSeo.helpPopovers.seo"),
+      helpLinkProps: {
+        href: helpDocUrl
+      }
+    }
+  });
+});
+var Header = /*#__PURE__*/memo(Header$1);
+
+var Page = function Page(_ref) {
+  var breadcrumbs = _ref.breadcrumbs,
+    helpDocUrl = _ref.helpDocUrl,
+    entity = _ref.entity,
+    seoFormFields = _ref.seoFormFields,
+    apiEndpointUrl = _ref.apiEndpointUrl,
+    _ref$helpPopoverDescr = _ref.helpPopoverDescription,
+    helpPopoverDescription = _ref$helpPopoverDescr === void 0 ? "" : _ref$helpPopoverDescr,
+    _ref$additionalCompon = _ref.additionalComponent,
+    additionalComponent = _ref$additionalCompon === void 0 ? null : _ref$additionalCompon;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isPaneOpen = _useState2[0],
+    setIsPaneOpen = _useState2[1];
+  var openPane = function openPane() {
+    return setIsPaneOpen(true);
+  };
+  var closePane = function closePane() {
+    return setIsPaneOpen(false);
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs(Container, {
+      children: [/*#__PURE__*/jsx(Header, {
+        breadcrumbs: breadcrumbs,
+        helpDocUrl: helpDocUrl,
+        helpPopoverDescription: helpPopoverDescription
+      }), /*#__PURE__*/jsx(CardLayout, {
+        title: t("neetoSeo.manageSeoSettings"),
+        actionBlock: /*#__PURE__*/jsx(Button, {
+          "data-testid": "neeto-seo-configure-button",
+          label: t("neetoSeo.buttons.configure"),
+          onClick: openPane
+        }),
+        children: /*#__PURE__*/jsx(Typography, {
+          "data-testid": "neeto-seo-help-text",
+          variant: "body1",
+          children: /*#__PURE__*/jsx(Trans, {
+            i18nKey: "neetoSeo.readHelpArticle",
+            components: {
+              Link: /*#__PURE__*/jsx(Button, {
+                "data-testid": "neeto-seo-read-help-article-button",
+                href: helpDocUrl,
+                rel: "noreferrer",
+                size: "lg",
+                target: "_blank",
+                variant: "link"
+              })
+            }
+          })
+        })
+      })]
+    }), /*#__PURE__*/jsx(Pane, {
+      additionalComponent: additionalComponent,
+      apiEndpointUrl: apiEndpointUrl,
+      entity: entity,
+      seoFormFields: seoFormFields,
+      defaultHelpDocUrl: helpDocUrl,
+      isOpen: isPaneOpen,
+      onClose: closePane
+    })]
+  });
+};
+
+export { Page as default };
+//# sourceMappingURL=SeoSettingsPage.js.map

package/dist/v2/SeoSettingsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeoSettingsPage.js","sources":["../../app/javascript/src/v2/components/SeoSettings/Header.jsx","../../app/javascript/src/v2/components/SeoSettings/Page.jsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { withT } from \"neetocommons/v2/react-utils\";\nimport NeetoHeader from \"neetomolecules/v2/Header\";\n\nconst Header = withT(\n  ({ t, breadcrumbs, helpDocUrl, helpPopoverDescription = \"\" }) => (\n    <NeetoHeader\n      {...{ breadcrumbs }}\n      size=\"small\"\n      title={t(\"neetoSeo.title\")}\n      titleHelpPopoverProps={{\n        title: t(\"neetoSeo.title\"),\n        description: helpPopoverDescription || t(\"neetoSeo.helpPopovers.seo\"),\n        helpLinkProps: { href: helpDocUrl },\n      }}\n    />\n  )\n);\n\nexport default memo(Header);\n","import { useState } from \"react\";\n\nimport { Typography, Button } from \"@bigbinary/neeto-atoms\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport Container from \"neetomolecules/v2/Container\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport Header from \"./Header\";\nimport Pane from \"./Pane\";\n\nconst Page = ({\n  breadcrumbs,\n  helpDocUrl,\n  entity,\n  seoFormFields,\n  apiEndpointUrl,\n  helpPopoverDescription = \"\",\n  additionalComponent = null,\n}) => {\n  const { t } = useTranslation();\n\n  const [isPaneOpen, setIsPaneOpen] = useState(false);\n\n  const openPane = () => setIsPaneOpen(true);\n  const closePane = () => setIsPaneOpen(false);\n\n  return (\n    <>\n      <Container>\n        <Header {...{ breadcrumbs, helpDocUrl, helpPopoverDescription }} />\n        <CardLayout\n          title={t(\"neetoSeo.manageSeoSettings\")}\n          actionBlock={\n            <Button\n              data-testid=\"neeto-seo-configure-button\"\n              label={t(\"neetoSeo.buttons.configure\")}\n              onClick={openPane}\n            />\n          }\n        >\n          <Typography data-testid=\"neeto-seo-help-text\" variant=\"body1\">\n            <Trans\n              i18nKey=\"neetoSeo.readHelpArticle\"\n              components={{\n                Link: (\n                  <Button\n                    data-testid=\"neeto-seo-read-help-article-button\"\n                    href={helpDocUrl}\n                    rel=\"noreferrer\"\n                    size=\"lg\"\n                    target=\"_blank\"\n                    variant=\"link\"\n                  />\n                ),\n              }}\n            />\n          </Typography>\n        </CardLayout>\n      </Container>\n      <Pane\n        {...{ additionalComponent, apiEndpointUrl, entity, seoFormFields }}\n        defaultHelpDocUrl={helpDocUrl}\n        isOpen={isPaneOpen}\n        onClose={closePane}\n      />\n    </>\n  );\n};\n\nexport default Page;\n"],"names":["Header","withT","_ref","t","breadcrumbs","helpDocUrl","_ref$helpPopoverDescr","helpPopoverDescription","_jsx","NeetoHeader","size","title","titleHelpPopoverProps","description","helpLinkProps","href","memo","Page","entity","seoFormFields","apiEndpointUrl","_ref$additionalCompon","additionalComponent","_useTranslation","useTranslation","_useState","useState","_useState2","_slicedToArray","isPaneOpen","setIsPaneOpen","openPane","closePane","_jsxs","_Fragment","children","Container","CardLayout","actionBlock","Button","label","onClick","Typography","variant","Trans","i18nKey","components","Link","rel","target","Pane","defaultHelpDocUrl","isOpen","onClose"],"mappings":"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"}

package/dist/v2/SeoSettingsPane.js

@@ -0,0 +1,371 @@
+import { useState, useEffect } from 'react';
+import { Label, Sheet, Typography } from '@bigbinary/neeto-atoms';
+import { Switch as Switch$1, Input as Input$1, Textarea as Textarea$1, Form, ActionBlock } from '@bigbinary/neeto-atoms/formik';
+import PageLoader from '@bigbinary/neeto-molecules/v2/PageLoader';
+import { trim, omit } from 'ramda';
+import { useTranslation } from 'react-i18next';
+import { u as useFetchSeoSettings, a as useUpdateSeoSettings } from '../useSeoSettingsApi-BpSjL-Sq.js';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import i18next from 'i18next';
+import * as yup from 'yup';
+import ImageUploader from '@bigbinary/neeto-image-uploader-frontend/ImageUploader';
+import { useFormikContext } from 'formik';
+import HelpPopover from '@bigbinary/neeto-molecules/v2/HelpPopover';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { withT } from '@bigbinary/neeto-commons-frontend/v2/react-utils';
+import { isNot } from '@bigbinary/neeto-cist';
+import '@tanstack/react-query';
+import '@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation';
+import 'axios';
+
+var CoverImage = function CoverImage(_ref) {
+  var popOverDescription = _ref.popOverDescription,
+    helpDocUrl = _ref.helpDocUrl,
+    defaultHelpDocUrl = _ref.defaultHelpDocUrl;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useFormikContext = useFormikContext(),
+    values = _useFormikContext.values,
+    setFieldValue = _useFormikContext.setFieldValue;
+  var onImageUploadComplete = function onImageUploadComplete(_ref2) {
+    var signedId = _ref2.signedId,
+      url = _ref2.url;
+    setFieldValue("coverImage", signedId);
+    setFieldValue("coverImageUrl", url);
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: "space-y-2",
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "flex items-center space-x-2",
+      children: [/*#__PURE__*/jsx(Label, {
+        children: t("neetoSeo.labels.coverImage")
+      }), /*#__PURE__*/jsx(HelpPopover, {
+        helpLinkProps: {
+          href: helpDocUrl || defaultHelpDocUrl
+        },
+        description: popOverDescription || t("neetoSeo.helpPopovers.coverImage")
+      })]
+    }), /*#__PURE__*/jsx(ImageUploader, {
+      className: "h-56",
+      defaultImageSize: {
+        width: 1200,
+        height: 628
+      },
+      fixedAspectRatio: {
+        width: 1.91,
+        height: 1
+      },
+      src: values.coverImageUrl,
+      onUploadComplete: onImageUploadComplete
+    })]
+  });
+};
+
+var GoogleAnalyticsTracking = function GoogleAnalyticsTracking(_ref) {
+  var helpDocUrl = _ref.helpDocUrl,
+    popOverDescription = _ref.popOverDescription,
+    entity = _ref.entity,
+    defaultHelpDocUrl = _ref.defaultHelpDocUrl,
+    seoSetting = _ref.seoSetting;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(!!(seoSetting !== null && seoSetting !== void 0 && seoSetting.googleAnalyticsTrackingId)),
+    _useState2 = _slicedToArray(_useState, 2),
+    googleAnalyticsEnabled = _useState2[0],
+    setGoogleAnalyticsEnabled = _useState2[1];
+  var _useFormikContext = useFormikContext(),
+    setFieldValue = _useFormikContext.setFieldValue;
+  var handleSwitchChange = function handleSwitchChange() {
+    setGoogleAnalyticsEnabled(!googleAnalyticsEnabled);
+    setFieldValue("googleAnalyticsEnabled", !googleAnalyticsEnabled);
+    setFieldValue("googleAnalyticsTrackingId", "");
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "flex items-center space-x-2",
+      children: [/*#__PURE__*/jsx(Switch$1, {
+        checked: googleAnalyticsEnabled,
+        label: t("neetoSeo.labels.googleAnalytics"),
+        name: "googleAnalyticsEnabled",
+        onChange: handleSwitchChange
+      }), /*#__PURE__*/jsx(HelpPopover, {
+        helpLinkProps: {
+          href: helpDocUrl || defaultHelpDocUrl
+        },
+        description: popOverDescription || t("neetoSeo.helpPopovers.googleAnalytics", {
+          entity: entity
+        })
+      })]
+    }), googleAnalyticsEnabled && /*#__PURE__*/jsx(Input$1, {
+      className: "mt-4",
+      name: "googleAnalyticsTrackingId",
+      placeholder: t("neetoSeo.placeholders.googleAnalyticsTrackingId")
+    })]
+  });
+};
+
+var Input = withT(function (_ref) {
+  var t = _ref.t,
+    name = _ref.name,
+    helpDocUrl = _ref.helpDocUrl,
+    popOverDescription = _ref.popOverDescription,
+    entity = _ref.entity,
+    defaultHelpDocUrl = _ref.defaultHelpDocUrl,
+    altLabel = _ref.altLabel,
+    altPlaceholder = _ref.altPlaceholder,
+    maxLength = _ref.maxLength;
+  return /*#__PURE__*/jsx(Input$1, {
+    name: name,
+    label: altLabel || t("neetoSeo.labels.".concat(name), {
+      entity: entity
+    }),
+    maxLength: maxLength || 160,
+    unlimitedChars: false,
+    labelProps: {
+      helpIconProps: {
+        "data-testid": "help-popover-button",
+        popoverProps: {
+          description: popOverDescription || t("neetoSeo.helpPopovers.".concat(name)),
+          helpLinkProps: {
+            label: t("neetoSeo.labels.viewHelpArticle"),
+            href: helpDocUrl || defaultHelpDocUrl
+          }
+        }
+      }
+    },
+    placeholder: altPlaceholder || t("neetoSeo.placeholders.".concat(name), {
+      entity: entity
+    })
+  });
+});
+
+var Switch = withT(function (_ref) {
+  var t = _ref.t,
+    name = _ref.name,
+    entity = _ref.entity,
+    altLabel = _ref.altLabel,
+    helpDocUrl = _ref.helpDocUrl,
+    defaultHelpDocUrl = _ref.defaultHelpDocUrl,
+    popOverDescription = _ref.popOverDescription;
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex items-center space-x-2",
+    children: [/*#__PURE__*/jsx(Switch$1, {
+      name: name,
+      label: altLabel || t("neetoSeo.labels.".concat(name), {
+        entity: entity
+      })
+    }), /*#__PURE__*/jsx(HelpPopover, {
+      helpLinkProps: {
+        href: helpDocUrl || defaultHelpDocUrl
+      },
+      description: popOverDescription || t("neetoSeo.helpPopovers.allowSearchEngineCrawl")
+    })]
+  });
+});
+
+var populateKeywords = function populateKeywords(keywords) {
+  return keywords === null || keywords === void 0 ? void 0 : keywords.map(function (keyword) {
+    return keyword === null || keyword === void 0 ? void 0 : keyword.trim();
+  }).join(", ");
+};
+var extractKeywords = function extractKeywords(stringOfKeywords) {
+  return stringOfKeywords === null || stringOfKeywords === void 0 ? void 0 : stringOfKeywords.split(",").map(trim).filter(isNot(""));
+};
+
+var Textarea = function Textarea(_ref) {
+  var name = _ref.name,
+    helpDocUrl = _ref.helpDocUrl,
+    popOverDescription = _ref.popOverDescription,
+    entity = _ref.entity,
+    defaultHelpDocUrl = _ref.defaultHelpDocUrl,
+    altLabel = _ref.altLabel,
+    altPlaceholder = _ref.altPlaceholder,
+    maxLength = _ref.maxLength,
+    seoSetting = _ref.seoSetting;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(populateKeywords(seoSetting.keywords)),
+    _useState2 = _slicedToArray(_useState, 2),
+    keywordString = _useState2[0],
+    setKeywordString = _useState2[1];
+  var _useFormikContext = useFormikContext(),
+    setFieldValue = _useFormikContext.setFieldValue,
+    values = _useFormikContext.values;
+  var handleChangeKeyword = function handleChangeKeyword(event) {
+    var string = event.target.value;
+    setKeywordString(string);
+    if (name === SEO_FIELDS.KEYWORDS) {
+      var newKeywords = extractKeywords(string);
+      setFieldValue(name, newKeywords);
+    } else {
+      setFieldValue(name, string);
+    }
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Textarea$1, {
+      name: name,
+      label: altLabel || t("neetoSeo.labels.".concat(name)),
+      maxLength: maxLength || 150,
+      placeholder: altPlaceholder || t("neetoSeo.placeholders.".concat(name)),
+      value: name === SEO_FIELDS.KEYWORDS ? keywordString : values[name],
+      labelProps: {
+        helpIconProps: {
+          "data-testid": "help-popover-button",
+          popoverProps: {
+            description: popOverDescription || t("neetoSeo.helpPopovers.".concat(name), {
+              entity: entity
+            }),
+            helpLinkProps: {
+              label: t("neetoSeo.labels.viewHelpArticle"),
+              href: helpDocUrl || defaultHelpDocUrl
+            }
+          }
+        }
+      },
+      onChange: handleChangeKeyword
+    }), name === SEO_FIELDS.KEYWORDS && /*#__PURE__*/jsx("span", {
+      className: "text-muted-foreground text-xs leading-tight",
+      children: t("neetoSeo.subLabels.keywords")
+    })]
+  });
+};
+
+var GOOGLE_ANALYTICS_TRACKING_ID_REGEX = /^((UA|YT|MO)-\d+-\d+)$|^(G-[a-zA-Z0-9]+)$/i;
+var SEO_FIELDS = {
+  TITLE: "title",
+  TITLE_SUFFIX: "titleSuffix",
+  DESCRIPTION: "description",
+  KEYWORDS: "keywords",
+  ALLOW_SEARCH_ENGINE_CRAWL: "allowSearchEngineCrawl",
+  GOOGLE_ANALYTICS_TRACKING_ID: "googleAnalyticsTrackingId",
+  COVER_IMAGE: "coverImage"
+};
+var SEO_FIELDS_COMPONENT = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, SEO_FIELDS.TITLE, Input), SEO_FIELDS.TITLE_SUFFIX, Input), SEO_FIELDS.DESCRIPTION, Textarea), SEO_FIELDS.KEYWORDS, Textarea), SEO_FIELDS.ALLOW_SEARCH_ENGINE_CRAWL, Switch), SEO_FIELDS.GOOGLE_ANALYTICS_TRACKING_ID, GoogleAnalyticsTracking), SEO_FIELDS.COVER_IMAGE, CoverImage);
+var SEO_SETTINGS_INITIAL_VALUES = {
+  title: "",
+  titleSuffix: "",
+  description: "",
+  keywords: [],
+  allowSearchEngineCrawl: false,
+  googleAnalyticsTrackingId: ""
+};
+var SEO_SETTINGS_VALIDATION_SCHEMA = yup.object().shape({
+  googleAnalyticsTrackingId: yup.string().when("googleAnalyticsEnabled", {
+    is: true,
+    then: yup.string().trim().required(i18next.t("neetoSeo.validations.required", {
+      what: i18next.t("neetoSeo.labels.googleAnalyticsTrackingId")
+    })).matches(GOOGLE_ANALYTICS_TRACKING_ID_REGEX, i18next.t("neetoSeo.validations.valid", {
+      what: i18next.t("neetoSeo.labels.googleAnalyticsTrackingId")
+    })),
+    otherwise: yup.string().nullable()
+  })
+});
+
+var Pane = function Pane(_ref) {
+  var apiEndpointUrl = _ref.apiEndpointUrl,
+    isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    entity = _ref.entity,
+    defaultHelpDocUrl = _ref.defaultHelpDocUrl,
+    seoFormFields = _ref.seoFormFields,
+    _ref$additionalCompon = _ref.additionalComponent,
+    additionalComponent = _ref$additionalCompon === void 0 ? null : _ref$additionalCompon;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useFetchSeoSettings = useFetchSeoSettings(apiEndpointUrl, {
+      enabled: isOpen
+    }),
+    _useFetchSeoSettings$ = _useFetchSeoSettings.data,
+    seoSetting = _useFetchSeoSettings$ === void 0 ? {} : _useFetchSeoSettings$,
+    isLoading = _useFetchSeoSettings.isLoading,
+    refetch = _useFetchSeoSettings.refetch;
+  useEffect(function () {
+    if (isOpen) {
+      refetch();
+    }
+  }, [isOpen, refetch]);
+  var _useUpdateSeoSettings = useUpdateSeoSettings(apiEndpointUrl, {
+      onSuccess: onClose
+    }),
+    updateSeoSettings = _useUpdateSeoSettings.mutate;
+  var handleSubmit = function handleSubmit(values) {
+    var payload = omit(["googleAnalyticsEnabled"], values);
+    updateSeoSettings({
+      url: apiEndpointUrl,
+      payload: payload
+    });
+  };
+  if (isLoading) {
+    return /*#__PURE__*/jsx(Sheet, {
+      isOpen: isOpen,
+      onClose: onClose,
+      children: /*#__PURE__*/jsx("div", {
+        className: "flex h-screen w-full items-center justify-center",
+        children: /*#__PURE__*/jsx(PageLoader, {})
+      })
+    });
+  }
+  return /*#__PURE__*/jsxs(Sheet, {
+    isOpen: isOpen,
+    onClose: onClose,
+    children: [/*#__PURE__*/jsx(Sheet.Header, {
+      className: "space-y-2",
+      children: /*#__PURE__*/jsx(Sheet.Title, {
+        children: /*#__PURE__*/jsx(Typography, {
+          variant: "h2",
+          children: t("neetoSeo.title")
+        })
+      })
+    }), /*#__PURE__*/jsxs(Form, {
+      className: "w-full",
+      formikProps: {
+        enableReinitialize: true,
+        initialValues: seoSetting || SEO_SETTINGS_INITIAL_VALUES,
+        validationSchema: SEO_SETTINGS_VALIDATION_SCHEMA,
+        onSubmit: handleSubmit
+      },
+      children: [/*#__PURE__*/jsxs(Sheet.Body, {
+        className: "pb-6",
+        children: [seoFormFields.map(function (_ref2) {
+          var name = _ref2.name,
+            helpDocUrl = _ref2.helpDocUrl,
+            popOverDescription = _ref2.popOverDescription,
+            altLabel = _ref2.altLabel,
+            altPlaceholder = _ref2.altPlaceholder,
+            maxLength = _ref2.maxLength;
+          var FieldComponent = SEO_FIELDS_COMPONENT[name];
+          if (!FieldComponent) {
+            return null;
+          }
+          return /*#__PURE__*/jsx("div", {
+            className: "mt-4 w-full",
+            children: /*#__PURE__*/jsx(FieldComponent, {
+              altLabel: altLabel,
+              altPlaceholder: altPlaceholder,
+              defaultHelpDocUrl: defaultHelpDocUrl,
+              entity: entity,
+              helpDocUrl: helpDocUrl,
+              maxLength: maxLength,
+              name: name,
+              popOverDescription: popOverDescription,
+              seoSetting: seoSetting
+            })
+          }, name);
+        }), /*#__PURE__*/jsx("div", {
+          className: "mt-4 w-full",
+          children: additionalComponent
+        })]
+      }), /*#__PURE__*/jsx(Sheet.Footer, {
+        children: /*#__PURE__*/jsx(ActionBlock, {
+          cancelButtonProps: {
+            onClick: onClose
+          }
+        })
+      })]
+    })]
+  });
+};
+
+export { Pane as default };
+//# sourceMappingURL=SeoSettingsPane.js.map