@bigbinary/neeto-seo-frontend 3.0.0

package/dist/SeoSettingsPane.js

@@ -0,0 +1,393 @@
+import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
+import NeetoUIPane from '@bigbinary/neetoui/Pane';
+import Typography from '@bigbinary/neetoui/Typography';
+import Form from '@bigbinary/neetoui/formik/Form';
+import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
+import { trim, omit } from 'ramda';
+import { useTranslation } from 'react-i18next';
+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';
+import i18next from 'i18next';
+import * as yup from 'yup';
+import ImageUploader from '@bigbinary/neeto-image-uploader-frontend/ImageUploader';
+import classNames from 'classnames';
+import { useFormikContext } from 'formik';
+import { isPresent, isNotPresent, isNot } from '@bigbinary/neeto-cist';
+import HelpPopover from '@bigbinary/neeto-molecules/HelpPopover';
+import Label from '@bigbinary/neetoui/Label';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import Switch$1 from '@bigbinary/neetoui/formik/Switch';
+import Input$1 from '@bigbinary/neetoui/formik/Input';
+import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
+import NeetoUITextarea from '@bigbinary/neetoui/formik/Textarea';
+
+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), !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; }
+var useFetchSeoSettings = function useFetchSeoSettings(params) {
+  return useQuery({
+    queryKey: [SEO_SETTINGS_QUERY_KEY, params],
+    queryFn: function queryFn() {
+      return seoSettingsApi.fetch(params);
+    },
+    enabled: !!params
+  });
+};
+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]]
+  }));
+};
+
+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, {
+      src: values.coverImageUrl,
+      className: classNames({
+        "h-56": isPresent(values.coverImageUrl),
+        "h-[128px]": isNotPresent(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,
+    values = _useFormikContext.values;
+  var handleSwitchChange = function handleSwitchChange() {
+    setGoogleAnalyticsEnabled(!googleAnalyticsEnabled);
+    setFieldValue("googleAnalyticsEnabled", !values.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: {
+        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(NeetoUITextarea, {
+      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: {
+          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: "neeto-ui-text-gray-600 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),
+    _useFetchSeoSettings$ = _useFetchSeoSettings.data,
+    seoSetting = _useFetchSeoSettings$ === void 0 ? {} : _useFetchSeoSettings$,
+    isLoading = _useFetchSeoSettings.isLoading;
+  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(NeetoUIPane, {
+      isOpen: isOpen,
+      onClose: onClose,
+      children: /*#__PURE__*/jsx("div", {
+        className: "flex h-screen w-full items-center justify-center",
+        children: /*#__PURE__*/jsx(PageLoader, {})
+      })
+    });
+  }
+  return /*#__PURE__*/jsx(NeetoUIPane, {
+    isOpen: isOpen,
+    onClose: onClose,
+    children: /*#__PURE__*/jsxs(Form, {
+      className: "w-full",
+      formikProps: {
+        enableReinitialize: true,
+        initialValues: seoSetting || SEO_SETTINGS_INITIAL_VALUES,
+        validationSchema: SEO_SETTINGS_VALIDATION_SCHEMA,
+        onSubmit: handleSubmit
+      },
+      children: [/*#__PURE__*/jsx(NeetoUIPane.Header, {
+        className: "space-y-2",
+        children: /*#__PURE__*/jsx(Typography, {
+          style: "h2",
+          children: t("neetoSeo.title")
+        })
+      }), /*#__PURE__*/jsxs(NeetoUIPane.Body, {
+        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(NeetoUIPane.Footer, {
+        children: /*#__PURE__*/jsx(ActionBlock, {
+          cancelButtonProps: {
+            onClick: onClose
+          }
+        })
+      })]
+    })
+  });
+};
+
+export { Pane as default };
+//# sourceMappingURL=SeoSettingsPane.js.map

package/dist/SeoSettingsPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeoSettingsPane.js","sources":["../app/javascript/src/apis/seo_settings.js","../app/javascript/src/hooks/reactQuery/constants.js","../app/javascript/src/hooks/reactQuery/useSeoSettingsApi.js","../app/javascript/src/components/SeoSettings/Pane/CoverImage.jsx","../app/javascript/src/components/SeoSettings/Pane/GoogleAnalyticsTracking.jsx","../app/javascript/src/components/SeoSettings/Pane/Input.jsx","../app/javascript/src/components/SeoSettings/Pane/Switch.jsx","../app/javascript/src/components/SeoSettings/Pane/utils.js","../app/javascript/src/components/SeoSettings/Pane/Textarea.jsx","../app/javascript/src/components/SeoSettings/Pane/constants.js","../app/javascript/src/components/SeoSettings/Pane/index.jsx"],"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 =>\n  useQuery({\n    queryKey: [SEO_SETTINGS_QUERY_KEY, params],\n    queryFn: () => seoSettingsApi.fetch(params),\n    enabled: !!params,\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","import { ImageUploader } from \"@bigbinary/neeto-image-uploader-frontend\";\nimport classNames from \"classnames\";\nimport { useFormikContext } from \"formik\";\nimport { isNotPresent, isPresent } from \"neetocist\";\nimport HelpPopover from \"neetomolecules/HelpPopover\";\nimport { Label } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst CoverImage = ({ popOverDescription, helpDocUrl, defaultHelpDocUrl }) => {\n  const { t } = useTranslation();\n  const { values, setFieldValue } = useFormikContext();\n\n  const onImageUploadComplete = ({ signedId, url }) => {\n    setFieldValue(\"coverImage\", signedId);\n    setFieldValue(\"coverImageUrl\", url);\n  };\n\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"flex items-center space-x-2\">\n        <Label>{t(\"neetoSeo.labels.coverImage\")}</Label>\n        <HelpPopover\n          helpLinkProps={{ href: helpDocUrl || defaultHelpDocUrl }}\n          description={\n            popOverDescription || t(\"neetoSeo.helpPopovers.coverImage\")\n          }\n        />\n      </div>\n      <ImageUploader\n        src={values.coverImageUrl}\n        className={classNames({\n          \"h-56\": isPresent(values.coverImageUrl),\n          \"h-[128px]\": isNotPresent(values.coverImageUrl),\n        })}\n        onUploadComplete={onImageUploadComplete}\n      />\n    </div>\n  );\n};\n\nexport default CoverImage;\n","import { useState } from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport HelpPopover from \"neetomolecules/HelpPopover\";\nimport { Switch, Input } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\n\nconst GoogleAnalyticsTracking = ({\n  helpDocUrl,\n  popOverDescription,\n  entity,\n  defaultHelpDocUrl,\n  seoSetting,\n}) => {\n  const { t } = useTranslation();\n\n  const [googleAnalyticsEnabled, setGoogleAnalyticsEnabled] = useState(\n    !!seoSetting?.googleAnalyticsTrackingId\n  );\n\n  const { setFieldValue, values } = useFormikContext();\n\n  const handleSwitchChange = () => {\n    setGoogleAnalyticsEnabled(!googleAnalyticsEnabled);\n    setFieldValue(\"googleAnalyticsEnabled\", !values.googleAnalyticsEnabled);\n    setFieldValue(\"googleAnalyticsTrackingId\", \"\");\n  };\n\n  return (\n    <>\n      <div className=\"flex items-center space-x-2\">\n        <Switch\n          checked={googleAnalyticsEnabled}\n          label={t(\"neetoSeo.labels.googleAnalytics\")}\n          name=\"googleAnalyticsEnabled\"\n          onChange={handleSwitchChange}\n        />\n        <HelpPopover\n          helpLinkProps={{ href: helpDocUrl || defaultHelpDocUrl }}\n          description={\n            popOverDescription ||\n            t(\"neetoSeo.helpPopovers.googleAnalytics\", { entity })\n          }\n        />\n      </div>\n      {googleAnalyticsEnabled && (\n        <Input\n          className=\"mt-4\"\n          name=\"googleAnalyticsTrackingId\"\n          placeholder={t(\"neetoSeo.placeholders.googleAnalyticsTrackingId\")}\n        />\n      )}\n    </>\n  );\n};\n\nexport default GoogleAnalyticsTracking;\n","import { withT } from \"neetocommons/react-utils\";\nimport { Input as NeetoUIInput } from \"neetoui/formik\";\n\nconst Input = withT(\n  ({\n    t,\n    name,\n    helpDocUrl,\n    popOverDescription,\n    entity,\n    defaultHelpDocUrl,\n    altLabel,\n    altPlaceholder,\n    maxLength,\n  }) => (\n    <NeetoUIInput\n      {...{ name }}\n      label={altLabel || t(`neetoSeo.labels.${name}`, { entity })}\n      maxLength={maxLength || 160}\n      unlimitedChars={false}\n      labelProps={{\n        helpIconProps: {\n          popoverProps: {\n            description:\n              popOverDescription || t(`neetoSeo.helpPopovers.${name}`),\n            helpLinkProps: {\n              label: t(\"neetoSeo.labels.viewHelpArticle\"),\n              href: helpDocUrl || defaultHelpDocUrl,\n            },\n          },\n        },\n      }}\n      placeholder={\n        altPlaceholder || t(`neetoSeo.placeholders.${name}`, { entity })\n      }\n    />\n  )\n);\n\nexport default Input;\n","import { withT } from \"neetocommons/react-utils\";\nimport HelpPopover from \"neetomolecules/HelpPopover\";\nimport { Switch as NeetoUISwitch } from \"neetoui/formik\";\n\nconst Switch = withT(\n  ({\n    t,\n    name,\n    entity,\n    altLabel,\n    helpDocUrl,\n    defaultHelpDocUrl,\n    popOverDescription,\n  }) => (\n    <div className=\"flex items-center space-x-2\">\n      <NeetoUISwitch\n        {...{ name }}\n        label={altLabel || t(`neetoSeo.labels.${name}`, { entity })}\n      />\n      <HelpPopover\n        helpLinkProps={{ href: helpDocUrl || defaultHelpDocUrl }}\n        description={\n          popOverDescription ||\n          t(\"neetoSeo.helpPopovers.allowSearchEngineCrawl\")\n        }\n      />\n    </div>\n  )\n);\n\nexport default Switch;\n","import { isNot } from \"neetocist\";\nimport { trim } from \"ramda\";\n\nexport const populateKeywords = keywords =>\n  keywords?.map(keyword => keyword?.trim()).join(\", \");\n\nexport const extractKeywords = stringOfKeywords =>\n  stringOfKeywords?.split(\",\").map(trim).filter(isNot(\"\"));\n","import { useState } from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport { Textarea as NeetoUITextarea } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { SEO_FIELDS } from \"./constants\";\nimport { extractKeywords, populateKeywords } from \"./utils\";\n\nconst Textarea = ({\n  name,\n  helpDocUrl,\n  popOverDescription,\n  entity,\n  defaultHelpDocUrl,\n  altLabel,\n  altPlaceholder,\n  maxLength,\n  seoSetting,\n}) => {\n  const { t } = useTranslation();\n  const [keywordString, setKeywordString] = useState(\n    populateKeywords(seoSetting.keywords)\n  );\n  const { setFieldValue, values } = useFormikContext();\n\n  const handleChangeKeyword = event => {\n    const string = event.target.value;\n    setKeywordString(string);\n\n    if (name === SEO_FIELDS.KEYWORDS) {\n      const newKeywords = extractKeywords(string);\n      setFieldValue(name, newKeywords);\n    } else {\n      setFieldValue(name, string);\n    }\n  };\n\n  return (\n    <>\n      <NeetoUITextarea\n        {...{ name }}\n        label={altLabel || t(`neetoSeo.labels.${name}`)}\n        maxLength={maxLength || 150}\n        placeholder={altPlaceholder || t(`neetoSeo.placeholders.${name}`)}\n        value={name === SEO_FIELDS.KEYWORDS ? keywordString : values[name]}\n        labelProps={{\n          helpIconProps: {\n            popoverProps: {\n              description:\n                popOverDescription ||\n                t(`neetoSeo.helpPopovers.${name}`, { entity }),\n              helpLinkProps: {\n                label: t(\"neetoSeo.labels.viewHelpArticle\"),\n                href: helpDocUrl || defaultHelpDocUrl,\n              },\n            },\n          },\n        }}\n        onChange={handleChangeKeyword}\n      />\n      {name === SEO_FIELDS.KEYWORDS && (\n        <span className=\"neeto-ui-text-gray-600 text-xs leading-tight\">\n          {t(\"neetoSeo.subLabels.keywords\")}\n        </span>\n      )}\n    </>\n  );\n};\n\nexport default Textarea;\n","import i18next from \"i18next\";\nimport * as yup from \"yup\";\n\nimport CoverImage from \"./CoverImage\";\nimport GoogleAnalyticsTracking from \"./GoogleAnalyticsTracking\";\nimport Input from \"./Input\";\nimport Switch from \"./Switch\";\nimport Textarea from \"./Textarea\";\n\nconst GOOGLE_ANALYTICS_TRACKING_ID_REGEX =\n  /^((UA|YT|MO)-\\d+-\\d+)$|^(G-[a-zA-Z0-9]+)$/i;\n\nexport const TITLE_MAX_LENGTH = 160;\n\nexport const SEO_FIELDS = {\n  TITLE: \"title\",\n  TITLE_SUFFIX: \"titleSuffix\",\n  DESCRIPTION: \"description\",\n  KEYWORDS: \"keywords\",\n  ALLOW_SEARCH_ENGINE_CRAWL: \"allowSearchEngineCrawl\",\n  GOOGLE_ANALYTICS_TRACKING_ID: \"googleAnalyticsTrackingId\",\n  COVER_IMAGE: \"coverImage\",\n};\n\nexport const SEO_FIELDS_COMPONENT = {\n  [SEO_FIELDS.TITLE]: Input,\n  [SEO_FIELDS.TITLE_SUFFIX]: Input,\n  [SEO_FIELDS.DESCRIPTION]: Textarea,\n  [SEO_FIELDS.KEYWORDS]: Textarea,\n  [SEO_FIELDS.ALLOW_SEARCH_ENGINE_CRAWL]: Switch,\n  [SEO_FIELDS.GOOGLE_ANALYTICS_TRACKING_ID]: GoogleAnalyticsTracking,\n  [SEO_FIELDS.COVER_IMAGE]: CoverImage,\n};\n\nexport const SEO_SETTINGS_INITIAL_VALUES = {\n  title: \"\",\n  titleSuffix: \"\",\n  description: \"\",\n  keywords: [],\n  allowSearchEngineCrawl: false,\n  googleAnalyticsTrackingId: \"\",\n};\n\nexport const SEO_SETTINGS_VALIDATION_SCHEMA = yup.object().shape({\n  googleAnalyticsTrackingId: yup.string().when(\"googleAnalyticsEnabled\", {\n    is: true,\n    then: yup\n      .string()\n      .trim()\n      .required(\n        i18next.t(\"neetoSeo.validations.required\", {\n          what: i18next.t(\"neetoSeo.labels.googleAnalyticsTrackingId\"),\n        })\n      )\n      .matches(\n        GOOGLE_ANALYTICS_TRACKING_ID_REGEX,\n        i18next.t(\"neetoSeo.validations.valid\", {\n          what: i18next.t(\"neetoSeo.labels.googleAnalyticsTrackingId\"),\n        })\n      ),\n    otherwise: yup.string().nullable(),\n  }),\n});\n","import PageLoader from \"neetomolecules/PageLoader\";\nimport { Pane as NeetoUIPane, Typography } from \"neetoui\";\nimport { Form, ActionBlock } from \"neetoui/formik\";\nimport { omit } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  useFetchSeoSettings,\n  useUpdateSeoSettings,\n} from \"hooks/reactQuery/useSeoSettingsApi\";\n\nimport {\n  SEO_FIELDS_COMPONENT,\n  SEO_SETTINGS_VALIDATION_SCHEMA,\n  SEO_SETTINGS_INITIAL_VALUES,\n} from \"./constants\";\n\nconst Pane = ({\n  apiEndpointUrl,\n  isOpen,\n  onClose,\n  entity,\n  defaultHelpDocUrl,\n  seoFormFields,\n  additionalComponent = null,\n}) => {\n  const { t } = useTranslation();\n\n  const { data: seoSetting = {}, isLoading } =\n    useFetchSeoSettings(apiEndpointUrl);\n\n  const { mutate: updateSeoSettings } = useUpdateSeoSettings(apiEndpointUrl, {\n    onSuccess: onClose,\n  });\n\n  const handleSubmit = values => {\n    const payload = omit([\"googleAnalyticsEnabled\"], values);\n    updateSeoSettings({ url: apiEndpointUrl, payload });\n  };\n\n  if (isLoading) {\n    return (\n      <NeetoUIPane {...{ isOpen, onClose }}>\n        <div className=\"flex h-screen w-full items-center justify-center\">\n          <PageLoader />\n        </div>\n      </NeetoUIPane>\n    );\n  }\n\n  return (\n    <NeetoUIPane {...{ isOpen, onClose }}>\n      <Form\n        className=\"w-full\"\n        formikProps={{\n          enableReinitialize: true,\n          initialValues: seoSetting || SEO_SETTINGS_INITIAL_VALUES,\n          validationSchema: SEO_SETTINGS_VALIDATION_SCHEMA,\n          onSubmit: handleSubmit,\n        }}\n      >\n        <NeetoUIPane.Header className=\"space-y-2\">\n          <Typography style=\"h2\">{t(\"neetoSeo.title\")}</Typography>\n        </NeetoUIPane.Header>\n        <NeetoUIPane.Body>\n          {seoFormFields.map(\n            ({\n              name,\n              helpDocUrl,\n              popOverDescription,\n              altLabel,\n              altPlaceholder,\n              maxLength,\n            }) => {\n              const FieldComponent = SEO_FIELDS_COMPONENT[name];\n\n              if (!FieldComponent) {\n                return null;\n              }\n\n              return (\n                <div className=\"mt-4 w-full\" key={name}>\n                  <FieldComponent\n                    {...{\n                      altLabel,\n                      altPlaceholder,\n                      defaultHelpDocUrl,\n                      entity,\n                      helpDocUrl,\n                      maxLength,\n                      name,\n                      popOverDescription,\n                      seoSetting,\n                    }}\n                  />\n                </div>\n              );\n            }\n          )}\n          <div className=\"mt-4 w-full\">{additionalComponent}</div>\n        </NeetoUIPane.Body>\n        <NeetoUIPane.Footer>\n          <ActionBlock cancelButtonProps={{ onClick: onClose }} />\n        </NeetoUIPane.Footer>\n      </Form>\n    </NeetoUIPane>\n  );\n};\n\nexport default Pane;\n"],"names":["fetch","url","axios","get","update","_ref","payload","patch","seoSettingsApi","SEO_SETTINGS_QUERY_KEY","useFetchSeoSettings","params","useQuery","queryKey","queryFn","enabled","useUpdateSeoSettings","options","arguments","length","undefined","useMutationWithInvalidation","_objectSpread","keysToInvalidate","CoverImage","popOverDescription","helpDocUrl","defaultHelpDocUrl","_useTranslation","useTranslation","t","_useFormikContext","useFormikContext","values","setFieldValue","onImageUploadComplete","_ref2","signedId","_jsxs","className","children","_jsx","Label","HelpPopover","helpLinkProps","href","description","ImageUploader","src","coverImageUrl","classNames","isPresent","isNotPresent","onUploadComplete","GoogleAnalyticsTracking","entity","seoSetting","_useState","useState","googleAnalyticsTrackingId","_useState2","_slicedToArray","googleAnalyticsEnabled","setGoogleAnalyticsEnabled","handleSwitchChange","_Fragment","Switch","checked","label","name","onChange","Input","placeholder","withT","altLabel","altPlaceholder","maxLength","NeetoUIInput","concat","unlimitedChars","labelProps","helpIconProps","popoverProps","NeetoUISwitch","populateKeywords","keywords","map","keyword","trim","join","extractKeywords","stringOfKeywords","split","filter","isNot","Textarea","keywordString","setKeywordString","handleChangeKeyword","event","string","target","value","SEO_FIELDS","KEYWORDS","newKeywords","NeetoUITextarea","GOOGLE_ANALYTICS_TRACKING_ID_REGEX","TITLE","TITLE_SUFFIX","DESCRIPTION","ALLOW_SEARCH_ENGINE_CRAWL","GOOGLE_ANALYTICS_TRACKING_ID","COVER_IMAGE","SEO_FIELDS_COMPONENT","_defineProperty","SEO_SETTINGS_INITIAL_VALUES","title","titleSuffix","allowSearchEngineCrawl","SEO_SETTINGS_VALIDATION_SCHEMA","yup","object","shape","when","is","then","required","i18next","what","matches","otherwise","nullable","Pane","apiEndpointUrl","isOpen","onClose","seoFormFields","_ref$additionalCompon","additionalComponent","_useFetchSeoSettings","_useFetchSeoSettings$","data","isLoading","_useUpdateSeoSettings","onSuccess","updateSeoSettings","mutate","handleSubmit","omit","NeetoUIPane","PageLoader","Form","formikProps","enableReinitialize","initialValues","validationSchema","onSubmit","Header","Typography","style","Body","FieldComponent","Footer","ActionBlock","cancelButtonProps","onClick"],"mappings":"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"}

package/dist/WelcomeScreen.js

@@ -0,0 +1,13 @@
+import { useTranslation } from 'react-i18next';
+import { jsx } from 'react/jsx-runtime';
+
+var WelcomeScreen = function WelcomeScreen() {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/jsx("div", {
+    children: t("neetoWheel.welcomeScreen")
+  });
+};
+
+export { WelcomeScreen as default };
+//# sourceMappingURL=WelcomeScreen.js.map

package/dist/WelcomeScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WelcomeScreen.js","sources":["../app/javascript/src/components/WelcomeScreen/index.jsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\n\nconst WelcomeScreen = () => {\n  const { t } = useTranslation();\n\n  return <div>{t(\"neetoWheel.welcomeScreen\")}</div>;\n};\nexport default WelcomeScreen;\n"],"names":["WelcomeScreen","_useTranslation","useTranslation","t","_jsx","children"],"mappings":";;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,GAAS;AAC1B,EAAA,IAAAC,eAAA,GAAcC,cAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AAET,EAAA,oBAAOC,GAAA,CAAA,KAAA,EAAA;IAAAC,QAAA,EAAMF,CAAC,CAAC,0BAA0B;AAAC,GAAM,CAAC;AACnD;;;;"}

package/dist/cjs/SeoSettingsPage.js

@@ -0,0 +1,134 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var react = require('react');
+var Container = require('@bigbinary/neeto-molecules/Container');
+var Typography = require('@bigbinary/neetoui/Typography');
+var Button = require('@bigbinary/neetoui/Button');
+var reactI18next = require('react-i18next');
+var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
+var HelpPopover = require('@bigbinary/neeto-molecules/HelpPopover');
+var jsxRuntime = require('react/jsx-runtime');
+var SeoSettingsPane = require('./SeoSettingsPane.js');
+require('@bigbinary/neeto-molecules/PageLoader');
+require('@bigbinary/neetoui/Pane');
+require('@bigbinary/neetoui/formik/Form');
+require('@bigbinary/neetoui/formik/ActionBlock');
+require('ramda');
+require('@babel/runtime/helpers/defineProperty');
+require('@tanstack/react-query');
+require('@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation');
+require('axios');
+require('i18next');
+require('yup');
+require('@bigbinary/neeto-image-uploader-frontend/ImageUploader');
+require('classnames');
+require('formik');
+require('@bigbinary/neeto-cist');
+require('@bigbinary/neetoui/Label');
+require('@bigbinary/neetoui/formik/Switch');
+require('@bigbinary/neetoui/formik/Input');
+require('@bigbinary/neeto-commons-frontend/react-utils');
+require('@bigbinary/neetoui/formik/Textarea');
+
+var Header = function Header(_ref) {
+  var breadcrumbs = _ref.breadcrumbs,
+    helpDocUrl = _ref.helpDocUrl,
+    _ref$helpPopoverDescr = _ref.helpPopoverDescription,
+    helpPopoverDescription = _ref$helpPopoverDescr === void 0 ? "" : _ref$helpPopoverDescr;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var title = /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex items-center gap-x-2",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+      style: "h2",
+      children: t("neetoSeo.title")
+    }), /*#__PURE__*/jsxRuntime.jsx(HelpPopover, {
+      description: helpPopoverDescription || t("neetoSeo.helpPopovers.seo"),
+      helpLinkProps: {
+        href: helpDocUrl
+      },
+      popoverProps: {
+        position: "top"
+      },
+      title: t("neetoSeo.title")
+    })]
+  });
+  return /*#__PURE__*/jsxRuntime.jsx(NeetoHeader, {
+    breadcrumbs: breadcrumbs,
+    title: title,
+    size: "large"
+  });
+};
+var Header$1 = /*#__PURE__*/react.memo(Header);
+
+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 = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useState = react.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__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs(Container, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Header$1, {
+        breadcrumbs: breadcrumbs,
+        helpDocUrl: helpDocUrl,
+        helpPopoverDescription: helpPopoverDescription
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "mt-10 flex w-full justify-center",
+        children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "neeto-ui-border-gray-300 neeto-ui-rounded w-1/2 space-y-4 border p-6",
+          children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+            style: "h2",
+            children: t("neetoSeo.manageSeoSettings")
+          }), /*#__PURE__*/jsxRuntime.jsx(Button, {
+            label: t("neetoSeo.buttons.configure"),
+            onClick: openPane
+          }), /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "space-y-1"
+          }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+            style: "body2",
+            children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+              i18nKey: "neetoSeo.readHelpArticle",
+              components: {
+                Link: /*#__PURE__*/jsxRuntime.jsx(Button, {
+                  href: helpDocUrl,
+                  rel: "noreferrer",
+                  style: "link",
+                  target: "_blank"
+                })
+              }
+            })
+          })]
+        })
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(SeoSettingsPane, {
+      additionalComponent: additionalComponent,
+      apiEndpointUrl: apiEndpointUrl,
+      entity: entity,
+      seoFormFields: seoFormFields,
+      defaultHelpDocUrl: helpDocUrl,
+      isOpen: isPaneOpen,
+      onClose: closePane
+    })]
+  });
+};
+
+module.exports = Page;
+//# sourceMappingURL=SeoSettingsPage.js.map

package/dist/cjs/SeoSettingsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeoSettingsPage.js","sources":["../../app/javascript/src/components/SeoSettings/Header.jsx","../../app/javascript/src/components/SeoSettings/Page.jsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport NeetoHeader from \"neetomolecules/Header\";\nimport HelpPopover from \"neetomolecules/HelpPopover\";\nimport { Typography } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst Header = ({ breadcrumbs, helpDocUrl, helpPopoverDescription = \"\" }) => {\n  const { t } = useTranslation();\n\n  const title = (\n    <div className=\"flex items-center gap-x-2\">\n      <Typography style=\"h2\">{t(\"neetoSeo.title\")}</Typography>\n      <HelpPopover\n        description={helpPopoverDescription || t(\"neetoSeo.helpPopovers.seo\")}\n        helpLinkProps={{ href: helpDocUrl }}\n        popoverProps={{ position: \"top\" }}\n        title={t(\"neetoSeo.title\")}\n      />\n    </div>\n  );\n\n  return <NeetoHeader {...{ breadcrumbs, title }} size=\"large\" />;\n};\n\nexport default memo(Header);\n","import { useState } from \"react\";\n\nimport Container from \"neetomolecules/Container\";\nimport { Typography, Button } from \"neetoui\";\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        <div className=\"mt-10 flex w-full justify-center\">\n          <div className=\"neeto-ui-border-gray-300 neeto-ui-rounded w-1/2 space-y-4 border p-6\">\n            <Typography style=\"h2\">\n              {t(\"neetoSeo.manageSeoSettings\")}\n            </Typography>\n            <Button\n              label={t(\"neetoSeo.buttons.configure\")}\n              onClick={openPane}\n            />\n            <div className=\"space-y-1\" />\n            <Typography style=\"body2\">\n              <Trans\n                i18nKey=\"neetoSeo.readHelpArticle\"\n                components={{\n                  Link: (\n                    <Button\n                      href={helpDocUrl}\n                      rel=\"noreferrer\"\n                      style=\"link\"\n                      target=\"_blank\"\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n          </div>\n        </div>\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","_ref","breadcrumbs","helpDocUrl","_ref$helpPopoverDescr","helpPopoverDescription","_useTranslation","useTranslation","t","title","_jsxs","className","children","_jsx","Typography","style","HelpPopover","description","helpLinkProps","href","popoverProps","position","NeetoHeader","size","memo","Page","entity","seoFormFields","apiEndpointUrl","_ref$additionalCompon","additionalComponent","_useState","useState","_useState2","_slicedToArray","isPaneOpen","setIsPaneOpen","openPane","closePane","_Fragment","Container","Button","label","onClick","Trans","i18nKey","components","Link","rel","target","Pane","defaultHelpDocUrl","isOpen","onClose"],"mappings":"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"}