@bigbinary/neeto-templates-frontend 2.0.2 → 2.2.0

package/dist/index.js

@@ -1,1301 +1,38 @@
-import * as React from 'react';
-import { useState, useRef, useCallback, useEffect, createElement, memo } from 'react';
-import { noop, removeBy, renameKeys } from '@bigbinary/neeto-cist';
-import Modal from '@bigbinary/neetoui/Modal';
-import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
-import Search from '@bigbinary/neeto-molecules/Search';
-import Spinner from '@bigbinary/neetoui/Spinner';
-import Typography from '@bigbinary/neetoui/Typography';
-import { useTranslation } from 'react-i18next';
-import { refetchTags, TagsComponent, NeetoTags } from '@bigbinary/neeto-tags-frontend';
-import { useQuery, useInfiniteQuery, keepPreviousData, useMutation, useQueryClient } from '@tanstack/react-query';
-import { useMutationWithInvalidation, useBreakpoints } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { prop, pluck } from 'ramda';
-import axios from 'axios';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import classnames from 'classnames';
-import { joinHyphenCase } from '@bigbinary/neeto-commons-frontend/utils';
-import ResponsiveDevicePicker from '@bigbinary/neeto-molecules/ResponsiveDevicePicker';
-import Button from '@bigbinary/neetoui/Button';
-import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
-import Form from '@bigbinary/neetoui/formik/Form';
-import { useParams } from 'react-router-dom';
-import { ImageUploader } from '@bigbinary/neeto-image-uploader-frontend';
-import { useField, useFormikContext } from 'formik';
-import Header from '@bigbinary/neeto-molecules/Header';
-import Scrollable from '@bigbinary/neeto-molecules/Scrollable';
-import Label from '@bigbinary/neetoui/Label';
-import { t as t$1 } from 'i18next';
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-var TEMPLATE_SCREENS = {
-  LIST: "List",
-  PREVIEW: "Preview"
-};
-var DEFAULT_CATEGORY = {
-  id: "all",
-  name: "All"
-};
-var INFINITE_SCROLL_DELAY = 500;
-var RESPONSIVE_DEVICES = {
-  DESKTOP: "desktop",
-  TABLET: "tablet",
-  MOBILE: "mobile"
-};
-
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-
-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 = useRef(null);
-  var rootRef = useRef(null);
-  var observerRef = useRef(null);
-
-  var _useState = useState(),
-      entry = _useState[0],
-      setEntry = _useState[1];
-
-  var observe = 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 = 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 = useCallback(function (node) {
-    unobserve();
-    nodeRef.current = node;
-    observe();
-  }, [observe, unobserve]);
-  var rootRefCallback = 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 = 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
-
-  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 _rect, _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.createElement("svg", _extends({
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 46,
-  height: 46,
-  fill: "none"
-}, props), _rect || (_rect = /*#__PURE__*/React.createElement("rect", {
-  width: 40,
-  height: 40,
-  x: 3,
-  y: 2,
-  fill: "#008068",
-  rx: 2
-})), _path || (_path = /*#__PURE__*/React.createElement("path", {
-  fill: "#fff",
-  fillRule: "evenodd",
-  d: "M23.75 16a.75.75 0 0 0-1.5 0v5.25H17a.75.75 0 0 0 0 1.5h5.25V28a.75.75 0 0 0 1.5 0v-5.25H29a.75.75 0 0 0 0-1.5h-5.25V16Z",
-  clipRule: "evenodd"
-})));
-
-var IMAGE_SIZE_LIMIT_IN_MEGABYTES = 1;
-var NEETO_TEMPLATES_URL = "/neeto_templates_engine/api/v1";
-var TEMPLATE_TAGS_URL = "".concat(NEETO_TEMPLATES_URL, "/tags/template_tags");
-
-//routes of the host
-var TEMPLATES_URL = "/api/v1/templates";
-var TEMPLATES_SETTINGS_URL = "/api/v1/settings";
-var IMAGE_UPLOAD_CONFIG = {
-  maxImageSize: IMAGE_SIZE_LIMIT_IN_MEGABYTES
-};
-
-var list$1 = function list(params) {
-  return axios.get(TEMPLATES_URL, {
-    params: params
-  });
-};
-var create$1 = function create(_ref) {
-  var id = _ref.id;
-  return axios.post(TEMPLATES_URL, {
-    template: {
-      id: id
-    }
-  }, {
-    showToastr: false
-  });
-};
-var fetch = function fetch(_ref2) {
-  var templateId = _ref2.templateId;
-  return axios.get("".concat(TEMPLATES_SETTINGS_URL, "/").concat(templateId));
-};
-var update = function update(_ref3) {
-  var resourceId = _ref3.resourceId,
-    payload = _ref3.payload;
-  return axios.put("".concat(TEMPLATES_SETTINGS_URL, "/").concat(resourceId), payload);
-};
-var templatesApi = {
-  list: list$1,
-  create: create$1,
-  update: update,
-  fetch: fetch
-};
-
-var QUERY_KEYS = {
-  TEMPLATES_LIST: "templates-list",
-  TEMPLATE: "templates-detail",
-  TEMPLATE_TAGS: "tag-key"
-};
-
-function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var useFetchTemplates = function useFetchTemplates(_ref) {
-  var searchTerm = _ref.searchTerm,
-    category = _ref.category;
-  return useInfiniteQuery({
-    queryKey: [QUERY_KEYS.TEMPLATES_LIST, searchTerm, category],
-    queryFn: function queryFn(_ref2) {
-      var _ref2$pageParam = _ref2.pageParam,
-        pageParam = _ref2$pageParam === void 0 ? 1 : _ref2$pageParam;
-      return templatesApi.list({
-        page: pageParam,
-        searchTerm: searchTerm,
-        category: category
-      });
-    },
-    getNextPageParam: function getNextPageParam(lastPage) {
-      return lastPage.hasNextPage ? lastPage.page + 1 : undefined;
-    },
-    select: function select(data) {
-      var templates = data.pages.flatMap(prop("templates"));
-      var lastPage = data.pages[data.pages.length - 1];
-      return {
-        templates: templates,
-        hasNextPage: lastPage.hasNextPage,
-        page: lastPage.page,
-        tags: lastPage.tags,
-        templatesCount: lastPage.templatesCount
-      };
-    },
-    initialPageParam: 1,
-    placeholderData: keepPreviousData
-  });
-};
-var useCreateTemplate = function useCreateTemplate() {
-  return useMutation({
-    mutationFn: templatesApi.create
-  });
-};
-var useFetchTemplate = function useFetchTemplate(_ref3, options) {
-  var resourceId = _ref3.resourceId;
-  return useQuery(_objectSpread$5({
-    queryKey: [QUERY_KEYS.TEMPLATE, resourceId],
-    queryFn: function queryFn() {
-      return templatesApi.fetch({
-        templateId: resourceId
-      });
-    }
-  }, options));
-};
-var useUpdateTemplate = function useUpdateTemplate(_ref4) {
-  var resourceId = _ref4.resourceId;
-  return useMutationWithInvalidation(function (_ref5) {
-    var template = _ref5.template;
-    return templatesApi.update({
-      resourceId: resourceId,
-      payload: {
-        template: template
-      }
-    });
-  }, {
-    keysToInvalidate: [[QUERY_KEYS.TEMPLATES_LIST], [QUERY_KEYS.TEMPLATE, resourceId]],
-    onSuccess: function onSuccess() {
-      refetchTags();
-    }
-  });
-};
-
-var BlankCard = function BlankCard(_ref) {
-  var Icon = _ref.icon,
-    title = _ref.title,
-    description = _ref.description,
-    _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? noop : _ref$onClick,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
-  return /*#__PURE__*/jsxs("div", {
-    className: "neeto-ui-rounded-lg neeto-ui-bg-white hover:neeto-ui-bg-white neeto-ui-border-primary-500 flex cursor-pointer flex-col items-center justify-center border border-dashed p-6 outline-none transition-all duration-300 ease-in-out hover:border-solid focus:border-solid",
-    "data-cy": "start-from-scratch-button",
-    tabIndex: 0,
-    onClick: !disabled ? onClick : noop,
-    children: [/*#__PURE__*/jsx("div", {
-      className: "neeto-ui-text-primary-500 mb-4",
-      children: /*#__PURE__*/jsx(Icon, {
-        size: 40
-      })
-    }), /*#__PURE__*/jsx(Typography, {
-      className: "text-center",
-      lineHeight: "normal",
-      style: "h5",
-      weight: "semibold",
-      children: title
-    }), /*#__PURE__*/jsx(Typography, {
-      className: "neeto-ui-text-gray-600 text-center",
-      lineHeight: "leading-4",
-      style: "body3",
-      children: description
-    })]
-  });
-};
-
-var Card = function Card(_ref) {
-  var template = _ref.template,
-    onClick = _ref.onClick;
-  return /*#__PURE__*/jsxs("div", {
-    onClick: onClick,
-    className: "neeto-template neeto-template-thumbnail neeto-ui-bg-white neeto-ui-shadow-xs hover:neeto-ui-border-gray-500 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex cursor-pointer flex-col overflow-hidden border outline-none transition-colors duration-300 ease-in-out",
-    "data-cy": "template-card",
-    tabIndex: 0,
-    children: [/*#__PURE__*/jsx("div", {
-      className: "neeto-template__header relative overflow-hidden",
-      children: /*#__PURE__*/jsx("img", {
-        className: "neeto-template__image",
-        "data-cy": "template-thumbnail-image",
-        src: template.imageUrl || "https://d2v7kzglnr2dnh.cloudfront.net/images/neetoForm/default-form-template.svg"
-      })
-    }), /*#__PURE__*/jsx("div", {
-      className: "neeto-template__description neeto-ui-bg-white flex items-center justify-between gap-2 rounded-b-lg px-3 py-1.5",
-      children: /*#__PURE__*/jsx(Typography, {
-        className: "neeto-template-thumbnail__title line-clamp-2",
-        "data-cy": "template-card-title",
-        lineHeight: "normal",
-        style: "h5",
-        children: template.title
-      })
-    })]
-  });
-};
-
-var CategoryItem = function CategoryItem(_ref) {
-  var label = _ref.label,
-    count = _ref.count,
-    isActive = _ref.isActive,
-    setCurrentCategory = _ref.setCurrentCategory;
-  return /*#__PURE__*/jsxs("button", {
-    "data-cy": "category-".concat(joinHyphenCase(label)),
-    tabIndex: 0,
-    className: classnames("neeto-ui-rounded-lg outline-none flex w-full items-center justify-between gap-2 border border-solid px-3 py-2 text-sm font-medium leading-4 transition-all duration-300 ease-in-out", {
-      "neeto-ui-text-gray-700 hover:neeto-ui-bg-gray-200 focus:neeto-ui-bg-gray-200 border-transparent": !isActive,
-      "neeto-ui-text-gray-800 neeto-ui-bg-white neeto-ui-border-gray-300 focus:neeto-ui-border-gray-500": isActive
-    }),
-    onClick: setCurrentCategory,
-    children: [/*#__PURE__*/jsx("span", {
-      children: label
-    }), /*#__PURE__*/jsx("span", {
-      children: count
-    })]
-  });
-};
-
-function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var List = function List(_ref) {
-  var setCurrentScreen = _ref.setCurrentScreen,
-    setSelectedTemplate = _ref.setSelectedTemplate,
-    onCreate = _ref.onCreate,
-    isCreating = _ref.isCreating,
-    afterCreate = _ref.afterCreate,
-    refetchResource = _ref.refetchResource;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(DEFAULT_CATEGORY),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentCategory = _useState2[0],
-    _setCurrentCategory = _useState2[1];
-  var _useState3 = useState(""),
-    _useState4 = _slicedToArray(_useState3, 2),
-    searchTerm = _useState4[0],
-    setSearchTerm = _useState4[1];
-  var _useFetchTemplates = useFetchTemplates({
-      searchTerm: searchTerm,
-      category: currentCategory
-    }),
-    _useFetchTemplates$ha = _useFetchTemplates.hasNextPage,
-    hasNextPage = _useFetchTemplates$ha === void 0 ? false : _useFetchTemplates$ha,
-    fetchNextPage = _useFetchTemplates.fetchNextPage,
-    isTemplatesLoading = _useFetchTemplates.isLoading,
-    _useFetchTemplates$da = _useFetchTemplates.data,
-    data = _useFetchTemplates$da === void 0 ? {} : _useFetchTemplates$da;
-  var _useInfiniteScroll = useInfiniteScroll({
-      loading: isTemplatesLoading,
-      hasNextPage: hasNextPage,
-      onLoadMore: fetchNextPage,
-      rootMargin: "0px 0px 700px 0px",
-      delayInMs: INFINITE_SCROLL_DELAY
-    }),
-    _useInfiniteScroll2 = _slicedToArray(_useInfiniteScroll, 2),
-    sentryRef = _useInfiniteScroll2[0],
-    rootRef = _useInfiniteScroll2[1].rootRef;
-  var handleCardClick = function handleCardClick(template) {
-    setCurrentScreen(TEMPLATE_SCREENS.PREVIEW);
-    setSelectedTemplate(template);
-  };
-  if (isTemplatesLoading) {
-    return /*#__PURE__*/jsx(PageLoader, {});
-  }
-  var _data$tags = data.tags,
-    tags = _data$tags === void 0 ? [] : _data$tags,
-    _data$templates = data.templates,
-    templates = _data$templates === void 0 ? [] : _data$templates,
-    _data$templatesCount = data.templatesCount,
-    templatesCount = _data$templatesCount === void 0 ? 0 : _data$templatesCount;
-  var categories = [_objectSpread$4(_objectSpread$4({}, DEFAULT_CATEGORY), {}, {
-    count: templatesCount
-  })].concat(_toConsumableArray(tags));
-  return /*#__PURE__*/jsxs("div", {
-    className: "neeto-ui-bg-gray-100 relative flex min-h-full items-start",
-    children: [/*#__PURE__*/jsxs("div", {
-      className: "sticky left-0 top-0 w-52 flex-shrink-0 space-y-8 py-6 pl-4 md:w-72 md:pl-10 lg:w-80 xl:pl-16",
-      children: [/*#__PURE__*/jsxs("div", {
-        className: "space-y-4",
-        children: [/*#__PURE__*/jsxs("div", {
-          className: "space-y-1",
-          children: [/*#__PURE__*/jsx(Typography, {
-            "data-cy": "create-new-form-title",
-            style: "h2",
-            weight: "semibold",
-            children: t("neetoTemplate.templates.createNewEntity")
-          }), /*#__PURE__*/jsx(Typography, {
-            lineHeight: "normal",
-            style: "body2",
-            children: t("neetoTemplate.templates.description")
-          })]
-        }), /*#__PURE__*/jsx(Search, {
-          autoFocus: true,
-          disableTrimOnBlur: true,
-          "data-cy": "template-search-input",
-          placeholder: t("neetoTemplate.templates.search"),
-          onSearch: function onSearch(value) {
-            return setSearchTerm(value);
-          }
-        })]
-      }), /*#__PURE__*/jsxs("div", {
-        className: "space-y-3",
-        children: [/*#__PURE__*/jsx(Typography, {
-          className: "uppercase",
-          "data-cy": "template-categories-label",
-          style: "h6",
-          children: t("neetoTemplate.templates.categories")
-        }), /*#__PURE__*/jsx("div", {
-          className: "space-y-2",
-          children: categories.map(function (_ref2) {
-            var id = _ref2.id,
-              name = _ref2.name,
-              count = _ref2.count;
-            return /*#__PURE__*/createElement(CategoryItem, {
-              count: count,
-              isActive: currentCategory.id === id,
-              key: id,
-              label: name,
-              setCurrentCategory: function setCurrentCategory() {
-                return _setCurrentCategory({
-                  id: id,
-                  name: name
-                });
-              }
-            });
-          })
-        })]
-      })]
-    }), /*#__PURE__*/jsx("div", {
-      className: "h-screen w-full overflow-y-auto py-8 pl-5 pr-4 md:pl-8 md:pr-20 xl:px-20",
-      ref: rootRef,
-      children: /*#__PURE__*/jsxs("div", {
-        className: "flex-grow space-y-6",
-        children: [/*#__PURE__*/jsxs("div", {
-          className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 lg:gap-5 xl:gap-6 2xl:grid-cols-4",
-          children: [/*#__PURE__*/jsx(BlankCard, {
-            description: t("neetoTemplate.templates.blankCard.description"),
-            disabled: isCreating,
-            icon: isCreating ? Spinner : SvgCustom,
-            title: t("neetoTemplate.templates.blankCard.title"),
-            onClick: onCreate
-          }), templates.map(function (template, index) {
-            return /*#__PURE__*/createElement(Card, {
-              afterCreate: afterCreate,
-              refetchResource: refetchResource,
-              template: template,
-              key: index,
-              onClick: function onClick() {
-                return handleCardClick(template);
-              }
-            });
-          })]
-        }), hasNextPage && /*#__PURE__*/jsx("div", {
-          className: "my-10 text-center",
-          ref: sentryRef,
-          children: /*#__PURE__*/jsx(Spinner, {})
-        })]
-      })
-    })]
-  });
-};
-
-var Preview$1 = function Preview(_ref) {
-  var selectedTemplate = _ref.selectedTemplate,
-    setCurrentScreen = _ref.setCurrentScreen,
-    afterCreate = _ref.afterCreate,
-    refetchResource = _ref.refetchResource;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useBreakpoints = useBreakpoints(),
-    isSize = _useBreakpoints.isSize;
-  var _useCreateTemplate = useCreateTemplate(),
-    createTemplate = _useCreateTemplate.mutate,
-    isCreating = _useCreateTemplate.isPending;
-  var _useState = useState(RESPONSIVE_DEVICES.DESKTOP),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedDevice = _useState2[0],
-    setSelectedDevice = _useState2[1];
-  var handleCreateTemplate = function handleCreateTemplate() {
-    createTemplate({
-      id: selectedTemplate.id
-    }, {
-      onSuccess: function onSuccess(response) {
-        afterCreate(response);
-        refetchResource();
-      }
-    });
-  };
-  var title = selectedTemplate.title,
-    previewUrl = selectedTemplate.previewUrl;
-  return /*#__PURE__*/jsxs("div", {
-    className: "neeto-templates-full-page-preview flex h-full w-full flex-col",
-    children: [/*#__PURE__*/jsx("div", {
-      className: "neeto-templates-full-page-preview__header neeto-ui-border-gray-200 border-b px-4",
-      children: /*#__PURE__*/jsxs("div", {
-        className: "mx-auto flex w-full max-w-6xl items-center justify-between py-[9px]",
-        children: [/*#__PURE__*/jsx("div", {
-          className: "w-1/3",
-          children: /*#__PURE__*/jsx(Typography, {
-            className: "truncate leading-tight",
-            "data-cy": "preview-template-title",
-            style: "h3",
-            weight: "semibold",
-            children: title
-          })
-        }), /*#__PURE__*/jsx("div", {
-          className: "hidden flex-shrink-0 lg:flex",
-          children: /*#__PURE__*/jsx(ResponsiveDevicePicker, {
-            selectedDevice: selectedDevice,
-            onDeviceChange: setSelectedDevice
-          })
-        }), /*#__PURE__*/jsxs("div", {
-          className: "flex w-1/3 items-center justify-end gap-2",
-          children: [/*#__PURE__*/jsx(Button, {
-            className: "flex-shrink-0",
-            "data-cy": "preview-template-back-button",
-            style: "secondary",
-            label: isSize("mobile") ? t("neetoTemplate.templates.back") : t("neetoTemplate.templates.backToTemplates"),
-            onClick: function onClick() {
-              return setCurrentScreen(TEMPLATE_SCREENS.LIST);
-            }
-          }), /*#__PURE__*/jsx(Button, {
-            className: "flex-shrink-0",
-            "data-cy": "preview-use-template-button",
-            disabled: isCreating,
-            label: t("neetoTemplate.templates.editTemplate"),
-            loading: isCreating,
-            onClick: handleCreateTemplate
-          })]
-        })]
-      })
-    }), /*#__PURE__*/jsx("div", {
-      className: "neeto-ui-bg-gray-200 neeto-templates-full-page-preview__holder-wrapper min-h-0 flex-grow",
-      children: /*#__PURE__*/jsx("div", {
-        className: classnames("neeto-templates-full-page-preview__holder m-auto", {
-          "neeto-templates-full-page-preview__holder--desktop": selectedDevice === RESPONSIVE_DEVICES.DESKTOP,
-          "neeto-templates-full-page-preview__holder--tablet": selectedDevice === RESPONSIVE_DEVICES.TABLET,
-          "neeto-templates-full-page-preview__holder--mobile": selectedDevice === RESPONSIVE_DEVICES.MOBILE
-        }),
-        children: /*#__PURE__*/jsx("div", {
-          className: "neeto-templates-full-page-preview__device-border h-full w-full",
-          children: /*#__PURE__*/jsx("iframe", {
-            className: "neeto-templates-full-page-preview__iframe h-full w-full border-none",
-            "data-cy": "iframe-id",
-            src: previewUrl
-          })
-        })
-      })
-    })]
-  });
-};
-
-var CreateTemplateModal = function CreateTemplateModal(_ref) {
-  var isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
-    isCreating = _ref.isCreating,
-    refetchResource = _ref.refetchResource,
-    _ref$onCreate = _ref.onCreate,
-    onCreate = _ref$onCreate === void 0 ? noop : _ref$onCreate,
-    _ref$afterCreate = _ref.afterCreate,
-    afterCreate = _ref$afterCreate === void 0 ? noop : _ref$afterCreate;
-  var _useState = useState(TEMPLATE_SCREENS.LIST),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentScreen = _useState2[0],
-    setCurrentScreen = _useState2[1];
-  var _useState3 = useState({}),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedTemplate = _useState4[0],
-    setSelectedTemplate = _useState4[1];
-  var onModalClose = function onModalClose() {
-    onClose();
-    setTimeout(function () {
-      setCurrentScreen(TEMPLATE_SCREENS.LIST);
-    }, 300); //To accommodate the animation duration.
-  };
-
-  return /*#__PURE__*/jsx(Modal, {
-    isOpen: isOpen,
-    className: "neeto-template-list h-screen w-screen overflow-y-auto",
-    closeButton: currentScreen === TEMPLATE_SCREENS.LIST,
-    size: "fullScreen",
-    onClose: onModalClose,
-    children: currentScreen === TEMPLATE_SCREENS.LIST ? /*#__PURE__*/jsx(List, {
-      afterCreate: afterCreate,
-      isCreating: isCreating,
-      onCreate: onCreate,
-      refetchResource: refetchResource,
-      setCurrentScreen: setCurrentScreen,
-      setSelectedTemplate: setSelectedTemplate
-    }) : /*#__PURE__*/jsx(Preview$1, {
-      afterCreate: afterCreate,
-      refetchResource: refetchResource,
-      selectedTemplate: selectedTemplate,
-      setCurrentScreen: setCurrentScreen
-    })
-  });
-};
-
-var create = function create(payload) {
-  return axios.post(TEMPLATE_TAGS_URL, {
-    tag: payload
-  }, {
-    showToastr: false
-  });
-};
-var list = function list() {
-  return axios.get(TEMPLATE_TAGS_URL);
-};
-var templateTagsApi = {
-  create: create,
-  list: list
-};
-
-function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var useCreateTemplateTag = function useCreateTemplateTag(options) {
-  return useMutation(_objectSpread$3(_objectSpread$3({
-    mutationFn: templateTagsApi.create
-  }, options), {}, {
-    onSuccess: function onSuccess() {
-      var _options$onSuccess;
-      refetchTags();
-      options === null || options === void 0 || (_options$onSuccess = options.onSuccess) === null || _options$onSuccess === void 0 || _options$onSuccess.call(options);
-    }
-  }));
-};
-var useFetchTemplateTags = function useFetchTemplateTags() {
-  return useQuery({
-    queryKey: [QUERY_KEYS.TEMPLATE_TAGS],
-    queryFn: templateTagsApi.list
-  });
-};
-
-var FormikImageUploader = function FormikImageUploader(_ref) {
-  var name = _ref.name;
-  var _useField = useField(name),
-    _useField2 = _slicedToArray(_useField, 3),
-    field = _useField2[0];
-    _useField2[1];
-    var setValue = _useField2[2].setValue;
-  var _useFormikContext = useFormikContext(),
-    setFieldValue = _useFormikContext.setFieldValue;
-  var handleImageUpload = function handleImageUpload(file) {
-    setFieldValue("imageSignedId", file.signedId);
-    return setValue(file.url);
-  };
-  return /*#__PURE__*/jsx(ImageUploader, {
-    className: "h-52 w-full md:h-80",
-    src: field.value,
-    uploadConfig: IMAGE_UPLOAD_CONFIG,
-    onUploadComplete: handleImageUpload
-  });
-};
-
-var PageWrapper = function PageWrapper(_ref) {
-  var children = _ref.children,
-    className = _ref.className;
-  return /*#__PURE__*/jsx("div", {
-    className: classnames("w-full flex-col", className),
-    children: children
-  });
-};
-var PageHeader = function PageHeader(_ref2) {
-  var title = _ref2.title,
-    breadcrumbs = _ref2.breadcrumbs;
-  return /*#__PURE__*/jsx("div", {
-    className: "w-full px-6",
-    children: /*#__PURE__*/jsx(Header, {
-      breadcrumbs: breadcrumbs,
-      size: "small",
-      title: title
-    })
-  });
-};
-var customPropEqualityCheck = function customPropEqualityCheck(prevProps, nextProps) {
-  return prevProps.title === nextProps.title && prevProps.breadcrumbs === nextProps.breadcrumbs;
-};
-var MemoizedPageHeader = /*#__PURE__*/memo(PageHeader, customPropEqualityCheck);
-var PageContent = function PageContent(_ref3) {
-  var children = _ref3.children,
-    _ref3$className = _ref3.className,
-    className = _ref3$className === void 0 ? "" : _ref3$className;
-  return /*#__PURE__*/jsx(Scrollable, {
-    className: "w-full px-6 pb-6",
-    children: /*#__PURE__*/jsx("div", {
-      className: classnames(["mx-auto max-w-7xl", className]),
-      children: children
-    })
-  });
-};
-
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Tags = function Tags(_ref) {
-  var allTags = _ref.allTags,
-    selectedTags = _ref.selectedTags,
-    onUpdate = _ref.onUpdate,
-    onCreate = _ref.onCreate,
-    isLoading = _ref.isLoading,
-    className = _ref.className,
-    _ref$labelProps = _ref.labelProps,
-    labelProps = _ref$labelProps === void 0 ? {} : _ref$labelProps;
-  var handleTagSelect = function handleTagSelect(newTag) {
-    return onUpdate([].concat(_toConsumableArray(selectedTags), [newTag]));
-  };
-  var handleTagRemove = function handleTagRemove(removedTag) {
-    var updatedTags = removeBy({
-      value: removedTag.value
-    }, selectedTags);
-    onUpdate(updatedTags);
-  };
-  var handleTagCreate = function handleTagCreate(tagName) {
-    onCreate({
-      name: tagName
-    }, {
-      onSuccess: function onSuccess(_ref2) {
-        var tag = _ref2.tag;
-        return handleTagSelect({
-          value: tag.id,
-          label: tag.name
-        });
-      }
-    });
-  };
-  return /*#__PURE__*/jsxs("div", {
-    className: className,
-    children: [labelProps.label && /*#__PURE__*/jsx(Label, _objectSpread$2(_objectSpread$2({}, labelProps), {}, {
-      children: labelProps.label
-    })), /*#__PURE__*/jsx("div", {
-      className: "neeto-ui-border-gray-300 neeto-ui-rounded-lg neeto-ui-bg-white border p-4",
-      children: /*#__PURE__*/jsx(TagsComponent, {
-        allTags: allTags,
-        selectedTags: selectedTags,
-        buttonProps: {
-          loading: isLoading,
-          disabled: isLoading,
-          iconPosition: "left"
-        },
-        onTagCreate: handleTagCreate,
-        onTagDelete: handleTagRemove,
-        onTagSelect: handleTagSelect
-      })
-    })]
-  });
-};
-
-var Preview = function Preview(_ref) {
-  var template = _ref.template,
-    imageUrl = _ref.imageUrl;
-  return /*#__PURE__*/jsxs("div", {
-    className: "neeto-template neeto-ui-bg-white outline-none neeto-ui-shadow-sm hover:neeto-ui-border-gray-400 focus:neeto-ui-border-gray-500 neeto-ui-rounded-lg flex cursor-pointer flex-col overflow-hidden border transition-colors duration-300 ease-in-out",
-    tabIndex: 0,
-    children: [/*#__PURE__*/jsx("div", {
-      className: "neeto-template__header",
-      children: /*#__PURE__*/jsx("img", {
-        className: "neeto-template__image",
-        "data-cy": "template-image-preview",
-        src: imageUrl || "https://d2v7kzglnr2dnh.cloudfront.net/images/neetoForm/default-form-template.svg"
-      })
-    }), /*#__PURE__*/jsx("div", {
-      className: "neeto-ui-bg-white flex items-center justify-between gap-2 rounded-b-lg px-2 py-1.5",
-      children: /*#__PURE__*/jsx(Typography, {
-        className: "neeto-ui-text-gray-800",
-        "data-cy": "template-title-text",
-        lineHeight: "normal",
-        style: "body2",
-        children: template.title
-      })
-    })]
-  });
-};
-
-var buildSelectOptionsBy = function buildSelectOptionsBy(labelField) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var valueField = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "id";
-  return options.map(function (option) {
-    return {
-      value: option[valueField],
-      label: option[labelField]
-    };
-  });
-};
-var buildTagOptions = function buildTagOptions() {
-  var tags = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  return renameKeys({
-    id: "value",
-    name: "label"
-  }, tags);
-};
-var buildTemplateUpdatePayload = function buildTemplateUpdatePayload(values) {
-  return {
-    image: values.imageSignedId || null,
-    tagIds: pluck("value", values === null || values === void 0 ? void 0 : values.tags)
-  };
-};
-
-function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var TemplateSettings = function TemplateSettings(_ref) {
-  var _ref$onCancelTemplate = _ref.onCancelTemplatePreview,
-    onCancelTemplatePreview = _ref$onCancelTemplate === void 0 ? "" : _ref$onCancelTemplate,
-    _ref$breadcrumbs = _ref.breadcrumbs,
-    breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className;
-  var _useParams = useParams(),
-    resourceId = _useParams.id;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useFetchTemplate = useFetchTemplate({
-      resourceId: resourceId
-    }),
-    data = _useFetchTemplate.data,
-    isFetchingTemplate = _useFetchTemplate.isLoading;
-  var _useUpdateTemplate = useUpdateTemplate({
-      resourceId: resourceId
-    }),
-    updateTemplate = _useUpdateTemplate.mutate,
-    isUpdatingTemplate = _useUpdateTemplate.isPending;
-  var _useCreateTemplateTag = useCreateTemplateTag(),
-    createTemplateTag = _useCreateTemplateTag.mutate,
-    isCreatingTags = _useCreateTemplateTag.isPending;
-  var _useFetchTemplateTags = useFetchTemplateTags(),
-    _useFetchTemplateTags2 = _useFetchTemplateTags.data,
-    templateTags = _useFetchTemplateTags2 === void 0 ? {} : _useFetchTemplateTags2,
-    isTagsLoading = _useFetchTemplateTags.isLoading;
-  var handleSubmit = function handleSubmit(values) {
-    updateTemplate({
-      template: buildTemplateUpdatePayload(values)
-    });
-  };
-  var isLoading = isFetchingTemplate || isTagsLoading;
-  var tags = buildTagOptions(data === null || data === void 0 ? void 0 : data.tags);
-  var resourceInitialValues = _objectSpread$1(_objectSpread$1({
-    imageUrl: null
-  }, data), {}, {
-    tags: tags
-  });
-  return /*#__PURE__*/jsxs(PageWrapper, {
-    className: className,
-    children: [/*#__PURE__*/jsx(MemoizedPageHeader, {
-      breadcrumbs: breadcrumbs,
-      title: t("neetoTemplate.templateSettings.title")
-    }), /*#__PURE__*/jsx(PageContent, {
-      className: classnames({
-        "min-h-0": !isLoading,
-        "h-full": isLoading
-      }),
-      children: isLoading ? /*#__PURE__*/jsx(PageLoader, {}) : /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(Typography, {
-          className: "mb-1",
-          "data-cy": "thank-you-action-text",
-          style: "h2",
-          weight: "semibold",
-          children: t("neetoTemplate.templateSettings.configureTemplates")
-        }), /*#__PURE__*/jsx(Typography, {
-          className: "mb-2",
-          "data-cy": "thank-you-description-label",
-          style: "body2",
-          children: t("neetoTemplate.templateSettings.subText")
-        }), /*#__PURE__*/jsx(Form, {
-          formikProps: {
-            enableReinitialize: true,
-            initialValues: resourceInitialValues,
-            onSubmit: handleSubmit
-          },
-          children: function children(_ref2) {
-            var values = _ref2.values,
-              setFieldValue = _ref2.setFieldValue;
-            return /*#__PURE__*/jsxs("div", {
-              className: "grid grid-cols-2 gap-8 pt-6",
-              children: [/*#__PURE__*/jsxs("div", {
-                className: "space-y-4",
-                children: [/*#__PURE__*/jsx(Typography, {
-                  className: "mb-3",
-                  style: "h4",
-                  weight: "semibold",
-                  children: t("neetoTemplate.templateSettings.imageLabel")
-                }), /*#__PURE__*/jsx(FormikImageUploader, {
-                  name: "imageUrl"
-                }), /*#__PURE__*/jsx(Tags, {
-                  allTags: buildSelectOptionsBy("name", templateTags.tags),
-                  className: "space-y-2",
-                  isLoading: isCreatingTags,
-                  selectedTags: values.tags,
-                  labelProps: {
-                    label: t("neetoTemplate.templateSettings.categoryLabel")
-                  },
-                  onCreate: createTemplateTag,
-                  onUpdate: function onUpdate(tags) {
-                    return setFieldValue("tags", tags);
-                  }
-                }), /*#__PURE__*/jsx("div", {
-                  className: "mt-12 flex flex-row items-center justify-start",
-                  children: /*#__PURE__*/jsx(ActionBlock, {
-                    isSubmitting: isUpdatingTemplate,
-                    cancelButtonProps: {
-                      to: onCancelTemplatePreview,
-                      "data-cy": "reset-changes-button",
-                      onClick: noop
-                    }
-                  })
-                })]
-              }), /*#__PURE__*/jsxs("div", {
-                children: [/*#__PURE__*/jsx(Typography, {
-                  className: "mb-3",
-                  style: "h4",
-                  weight: "semibold",
-                  children: t("neetoTemplate.templateSettings.previewLabel")
-                }), /*#__PURE__*/jsx(Preview, {
-                  imageUrl: values.imageUrl,
-                  template: data
-                })]
-              })]
-            });
-          }
-        })]
-      })
-    })]
-  });
-};
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-
-var TAG_TYPES = [{
-  id: 1,
-  label: t$1("neetoTemplate.templatesTags.template"),
-  url: "".concat(NEETO_TEMPLATES_URL, "/tags/template_tags"),
-  columns: [{
-    title: t$1("neetoTemplate.templatesTags.numberOfActiveTemplates"),
-    key: "templates_count",
-    dataIndex: "templatesCount",
-    align: "center",
-    width: 300,
-    sorter: true,
-    render: function render(templatesCount) {
-      return templatesCount !== 0 ? /*#__PURE__*/jsxs(Typography, {
-        style: "body1",
-        children: [" ", templatesCount, " "]
-      }) : "-";
-    }
-  }]
-}];
-
-var _excluded = ["breadcrumbs", "tagsPath"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !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 TemplateTags = function TemplateTags(_ref) {
-  var breadcrumbs = _ref.breadcrumbs,
-    tagsPath = _ref.tagsPath,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  var queryClient = useQueryClient();
-  var invalidateTags = function invalidateTags() {
-    queryClient.invalidateQueries({
-      queryKey: [QUERY_KEYS.TEMPLATE_TAGS]
-    });
-  };
-  var invalidateTagsAndTemplates = function invalidateTagsAndTemplates() {
-    invalidateTags();
-    queryClient.invalidateQueries({
-      queryKey: [QUERY_KEYS.TEMPLATES_LIST]
-    });
-    queryClient.invalidateQueries({
-      queryKey: [QUERY_KEYS.TEMPLATE]
-    });
-  };
-  var config = _objectSpread({
-    tagTypes: TAG_TYPES,
-    tagsMergable: true,
-    breadcrumbs: breadcrumbs,
-    displayMenu: false,
-    tagsPath: tagsPath,
-    onTagRowClick: noop,
-    createTags: {
-      onSuccess: {
-        callback: invalidateTags
-      }
-    },
-    updateTags: {
-      onSuccess: {
-        callback: invalidateTagsAndTemplates
-      }
-    },
-    deleteTags: {
-      onSuccess: {
-        callback: invalidateTagsAndTemplates
-      }
-    },
-    mergeTags: {
-      onSuccess: {
-        callback: invalidateTagsAndTemplates
-      }
-    }
-  }, otherProps);
-  return /*#__PURE__*/jsx(NeetoTags, {
-    config: config
-  });
-};
+export { default as CreateTemplateModal } from './CreateTemplateModal.js';
+export { default as TemplateSettings } from './TemplateSettings.js';
+export { default as TemplateTags } from './TemplateTags.js';
+import './useTemplatesApi-81e0a50f.js';
+import './query-ddc455b2.js';
+import '@bigbinary/neeto-tags-frontend';
+import '@tanstack/react-query';
+import '@bigbinary/neeto-commons-frontend/react-utils';
+import 'ramda';
+import 'axios';
+import 'react';
+import '@bigbinary/neeto-cist';
+import '@bigbinary/neetoui/Modal';
+import '@bigbinary/neeto-molecules/PageLoader';
+import '@bigbinary/neeto-molecules/Search';
+import '@bigbinary/neetoui/Spinner';
+import '@bigbinary/neetoui/Typography';
+import 'react-i18next';
+import 'react/jsx-runtime';
+import 'classnames';
+import '@bigbinary/neeto-commons-frontend/utils';
+import '@bigbinary/neeto-molecules/ResponsiveDevicePicker';
+import '@bigbinary/neetoui/Button';
+import '@bigbinary/neetoui/formik/ActionBlock';
+import '@bigbinary/neetoui/formik/Form';
+import 'react-router-dom';
+import '@bigbinary/neeto-image-uploader-frontend';
+import 'formik';
+import '@bigbinary/neeto-molecules/Header';
+import '@bigbinary/neeto-molecules/Scrollable';
+import '@bigbinary/neetoui/Label';
+import 'i18next';
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
 var css = ".neeto-template-list .neeto-ui-modal__close{z-index:1}.neeto-template__header{flex-grow:1;min-height:120px}.neeto-template__image{aspect-ratio:16/9;max-height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;width:100%}.neeto-template__description{min-height:54px}.neeto-template-thumbnail .neeto-template__image{transition:transform .5s ease}.neeto-template-thumbnail .neeto-template-thumbnail__title{transition:color .5s ease}.neeto-template-thumbnail:hover .neeto-template__image{transform:scale(1.08)}.neeto-template-thumbnail:hover .neeto-template-thumbnail__title{color:rgb(var(--neeto-ui-black))!important}.neeto-templates-full-page-preview__holder{transition:all .2s ease-in-out}.neeto-templates-full-page-preview__holder--desktop{height:100%;max-width:100%;width:100%}.neeto-templates-full-page-preview__holder--tablet{height:1024px;margin-top:16px!important;max-height:calc(100% - 32px);max-width:768px}.neeto-templates-full-page-preview__holder--tablet .neeto-templates-full-page-preview__iframe{border:1px solid rgb(var(--neeto-ui-gray-300))!important}.neeto-templates-full-page-preview__holder--mobile{height:896px;margin-top:16px!important;max-height:calc(100% - 32px);max-width:384px}.neeto-templates-full-page-preview__holder--mobile .neeto-templates-full-page-preview__iframe{border:1px solid rgb(var(--neeto-ui-gray-300))!important}.neeto-templates-share-preview{background-color:rgb(var(--neeto-ui-white));border:thin solid rgb(var(--neeto-ui-gray-300));box-shadow:var(--neeto-ui-shadow-m);display:flex;flex-direction:column;height:calc(100vh - 104px);width:100%}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL3RlbXBsYXRlcy9fdGVtcGxhdGUtbGlzdC5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvYXBwbGljYXRpb24uc2NzcyIsImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL3RlbXBsYXRlcy9fc2hhcmUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDRSw0Q0FDRSxTQ0FKLENES0Usd0JBRUUsV0FBQSxDQURBLGdCQ0RKLENES0UsdUJBRUUsaUJBQUEsQ0FHQSxlQUFBLENBREEsY0FBQSxDQURBLG1CQUFBLENBQUEsZ0JBQUEsQ0FGQSxVQ0NKLENES0UsNkJBQ0UsZUNISixDRFFFLGlEQUNFLDZCQ0xKLENET0UsMkRBQ0UseUJDTEosQ0RRSSx1REFDRSxxQkNOTixDRFFJLGlFQUNFLDBDQ05OLENEV0EsMkNBQ0UsOEJDUkYsQ0RXQSxvREFFRSxXQUFBLENBQ0EsY0FBQSxDQUZBLFVDTkYsQ0RXQSxtREFFRSxhQUFBLENBRUEseUJBQUEsQ0FEQSw0QkFBQSxDQUZBLGVDTEYsQ0RVRSw4RkFDRSx3RENSSixDRFlBLG1EQUVFLFlBQUEsQ0FFQSx5QkFBQSxDQURBLDRCQUFBLENBRkEsZUNORixDRFdFLDhGQUNFLHdEQ1RKLENDNURBLCtCQU9FLDJDQUFBLENBSkEsK0NBQUEsQ0FDQSxtQ0FBQSxDQUNBLFlBQUEsQ0FDQSxxQkFBQSxDQUpBLDBCQUFBLENBREEsVURxRUYiLCJzb3VyY2VzQ29udGVudCI6WyIubmVldG8tdGVtcGxhdGUtbGlzdCB7XG4gIC5uZWV0by11aS1tb2RhbF9fY2xvc2Uge1xuICAgIHotaW5kZXg6IDE7XG4gIH1cbn1cblxuLm5lZXRvLXRlbXBsYXRlIHtcbiAgJl9faGVhZGVyIHtcbiAgICBtaW4taGVpZ2h0OiAkbmVldG8tdGVtcGxhdGUtaGVhZGVyLW1pbi1oZWlnaHQ7XG4gICAgZmxleC1ncm93OiAxO1xuICB9XG5cbiAgJl9faW1hZ2Uge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGFzcGVjdC1yYXRpbzogMTYgLyA5O1xuICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgIG1heC13aWR0aDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAxMDAlO1xuICB9XG4gICZfX2Rlc2NyaXB0aW9uIHtcbiAgICBtaW4taGVpZ2h0OiAkbmVldG8tdGVtcGxhdGUtZGVzY3JpcHRpb24tbWluLWhlaWdodDtcbiAgfVxufVxuXG4ubmVldG8tdGVtcGxhdGUtdGh1bWJuYWlsIHtcbiAgLm5lZXRvLXRlbXBsYXRlX19pbWFnZSB7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuNXMgZWFzZTtcbiAgfVxuICAubmVldG8tdGVtcGxhdGUtdGh1bWJuYWlsX190aXRsZSB7XG4gICAgdHJhbnNpdGlvbjogY29sb3IgMC41cyBlYXNlO1xuICB9XG4gICY6aG92ZXIge1xuICAgIC5uZWV0by10ZW1wbGF0ZV9faW1hZ2Uge1xuICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxLjA4KTtcbiAgICB9XG4gICAgLm5lZXRvLXRlbXBsYXRlLXRodW1ibmFpbF9fdGl0bGUge1xuICAgICAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ibGFjaykpICFpbXBvcnRhbnQ7XG4gICAgfVxuICB9XG59XG5cbi5uZWV0by10ZW1wbGF0ZXMtZnVsbC1wYWdlLXByZXZpZXdfX2hvbGRlciB7XG4gIHRyYW5zaXRpb246IGFsbCAwLjJzIGVhc2UtaW4tb3V0O1xufVxuXG4ubmVldG8tdGVtcGxhdGVzLWZ1bGwtcGFnZS1wcmV2aWV3X19ob2xkZXItLWRlc2t0b3Age1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBtYXgtd2lkdGg6IDEwMCU7XG59XG5cbi5uZWV0by10ZW1wbGF0ZXMtZnVsbC1wYWdlLXByZXZpZXdfX2hvbGRlci0tdGFibGV0IHtcbiAgbWF4LXdpZHRoOiA3NjhweDtcbiAgaGVpZ2h0OiAxMDI0cHg7XG4gIG1heC1oZWlnaHQ6IGNhbGMoMTAwJSAtIDMycHgpO1xuICBtYXJnaW4tdG9wOiAxNnB4ICFpbXBvcnRhbnQ7XG5cbiAgLm5lZXRvLXRlbXBsYXRlcy1mdWxsLXBhZ2UtcHJldmlld19faWZyYW1lIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKSAhaW1wb3J0YW50O1xuICB9XG59XG5cbi5uZWV0by10ZW1wbGF0ZXMtZnVsbC1wYWdlLXByZXZpZXdfX2hvbGRlci0tbW9iaWxlIHtcbiAgbWF4LXdpZHRoOiAzODRweDtcbiAgaGVpZ2h0OiA4OTZweDtcbiAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gMzJweCk7XG4gIG1hcmdpbi10b3A6IDE2cHggIWltcG9ydGFudDtcblxuICAubmVldG8tdGVtcGxhdGVzLWZ1bGwtcGFnZS1wcmV2aWV3X19pZnJhbWUge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTMwMCkpICFpbXBvcnRhbnQ7XG4gIH1cbn1cbiIsIi5uZWV0by10ZW1wbGF0ZS1saXN0IC5uZWV0by11aS1tb2RhbF9fY2xvc2Uge1xuICB6LWluZGV4OiAxO1xufVxuXG4ubmVldG8tdGVtcGxhdGVfX2hlYWRlciB7XG4gIG1pbi1oZWlnaHQ6IDEyMHB4O1xuICBmbGV4LWdyb3c6IDE7XG59XG4ubmVldG8tdGVtcGxhdGVfX2ltYWdlIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGFzcGVjdC1yYXRpbzogMTYvOTtcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgbWF4LWhlaWdodDogMTAwJTtcbn1cbi5uZWV0by10ZW1wbGF0ZV9fZGVzY3JpcHRpb24ge1xuICBtaW4taGVpZ2h0OiA1NHB4O1xufVxuXG4ubmVldG8tdGVtcGxhdGUtdGh1bWJuYWlsIC5uZWV0by10ZW1wbGF0ZV9faW1hZ2Uge1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC41cyBlYXNlO1xufVxuLm5lZXRvLXRlbXBsYXRlLXRodW1ibmFpbCAubmVldG8tdGVtcGxhdGUtdGh1bWJuYWlsX190aXRsZSB7XG4gIHRyYW5zaXRpb246IGNvbG9yIDAuNXMgZWFzZTtcbn1cbi5uZWV0by10ZW1wbGF0ZS10aHVtYm5haWw6aG92ZXIgLm5lZXRvLXRlbXBsYXRlX19pbWFnZSB7XG4gIHRyYW5zZm9ybTogc2NhbGUoMS4wOCk7XG59XG4ubmVldG8tdGVtcGxhdGUtdGh1bWJuYWlsOmhvdmVyIC5uZWV0by10ZW1wbGF0ZS10aHVtYm5haWxfX3RpdGxlIHtcbiAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ibGFjaykpICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by10ZW1wbGF0ZXMtZnVsbC1wYWdlLXByZXZpZXdfX2hvbGRlciB7XG4gIHRyYW5zaXRpb246IGFsbCAwLjJzIGVhc2UtaW4tb3V0O1xufVxuXG4ubmVldG8tdGVtcGxhdGVzLWZ1bGwtcGFnZS1wcmV2aWV3X19ob2xkZXItLWRlc2t0b3Age1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBtYXgtd2lkdGg6IDEwMCU7XG59XG5cbi5uZWV0by10ZW1wbGF0ZXMtZnVsbC1wYWdlLXByZXZpZXdfX2hvbGRlci0tdGFibGV0IHtcbiAgbWF4LXdpZHRoOiA3NjhweDtcbiAgaGVpZ2h0OiAxMDI0cHg7XG4gIG1heC1oZWlnaHQ6IGNhbGMoMTAwJSAtIDMycHgpO1xuICBtYXJnaW4tdG9wOiAxNnB4ICFpbXBvcnRhbnQ7XG59XG4ubmVldG8tdGVtcGxhdGVzLWZ1bGwtcGFnZS1wcmV2aWV3X19ob2xkZXItLXRhYmxldCAubmVldG8tdGVtcGxhdGVzLWZ1bGwtcGFnZS1wcmV2aWV3X19pZnJhbWUge1xuICBib3JkZXI6IDFweCBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKSAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGVtcGxhdGVzLWZ1bGwtcGFnZS1wcmV2aWV3X19ob2xkZXItLW1vYmlsZSB7XG4gIG1heC13aWR0aDogMzg0cHg7XG4gIGhlaWdodDogODk2cHg7XG4gIG1heC1oZWlnaHQ6IGNhbGMoMTAwJSAtIDMycHgpO1xuICBtYXJnaW4tdG9wOiAxNnB4ICFpbXBvcnRhbnQ7XG59XG4ubmVldG8tdGVtcGxhdGVzLWZ1bGwtcGFnZS1wcmV2aWV3X19ob2xkZXItLW1vYmlsZSAubmVldG8tdGVtcGxhdGVzLWZ1bGwtcGFnZS1wcmV2aWV3X19pZnJhbWUge1xuICBib3JkZXI6IDFweCBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKSAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGVtcGxhdGVzLXNoYXJlLXByZXZpZXcge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMTA0cHgpO1xuICBib3JkZXI6IHRoaW4gc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG4gIGJveC1zaGFkb3c6IHZhcigtLW5lZXRvLXVpLXNoYWRvdy1tKTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXdoaXRlKSk7XG59IiwiLm5lZXRvLXRlbXBsYXRlcy1zaGFyZS1wcmV2aWV3IHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogY2FsYygxMDB2aCAtIDEwNHB4KTtcbiAgYm9yZGVyOiB0aGluIHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTMwMCkpO1xuICBib3gtc2hhZG93OiB2YXIoLS1uZWV0by11aS1zaGFkb3ctbSk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS13aGl0ZSkpO1xufVxuIl19 */";
 n(css,{});
-
-export { CreateTemplateModal, TemplateSettings, TemplateTags };
 //# sourceMappingURL=index.js.map