@bigbinary/neeto-themes-frontend 2.1.7 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/app/javascript/src/translations/en.json +6 -1
- package/dist/NeetoThemesBuilder.js +138 -20
- package/dist/NeetoThemesBuilder.js.map +1 -1
- package/dist/cjs/NeetoThemesBuilder.js +138 -20
- package/dist/cjs/NeetoThemesBuilder.js.map +1 -1
- package/dist/cjs/hooks.js +1 -1
- package/dist/cjs/index.js +4 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/hooks.js +1 -1
- package/dist/index.js +4 -2
- package/dist/index.js.map +1 -1
- package/dist/{useThemeUtils-j1OwYSmN.js → useThemeUtils-BCO-i9ZG.js} +4 -2
- package/dist/useThemeUtils-BCO-i9ZG.js.map +1 -0
- package/dist/{useThemeUtils-VrVvqk7M.js → useThemeUtils-P5tn1h2B.js} +4 -2
- package/dist/useThemeUtils-P5tn1h2B.js.map +1 -0
- package/package.json +5 -5
- package/dist/useThemeUtils-VrVvqk7M.js.map +0 -1
- package/dist/useThemeUtils-j1OwYSmN.js.map +0 -1
|
@@ -60,7 +60,12 @@
|
|
|
60
60
|
"customThemes": "Custom themes",
|
|
61
61
|
"themeOptions": {
|
|
62
62
|
"clone": "Clone",
|
|
63
|
-
"delete": "Delete"
|
|
63
|
+
"delete": "Delete",
|
|
64
|
+
"setAsGlobalTheme": {
|
|
65
|
+
"label": "Set as global theme",
|
|
66
|
+
"helpText": "Enabling this will set this theme as the default theme, automatically applying it to all your future {{entityType}}s.",
|
|
67
|
+
"tooltipContent": "This theme is currently set as the global theme. Select another theme to change it."
|
|
68
|
+
}
|
|
64
69
|
},
|
|
65
70
|
"themeCard": {
|
|
66
71
|
"primary": "Primary",
|
|
@@ -7,7 +7,7 @@ import Spinner from '@bigbinary/neetoui/Spinner';
|
|
|
7
7
|
import { useQuery } from '@tanstack/react-query';
|
|
8
8
|
import axios from 'axios';
|
|
9
9
|
import { B as BASE_URL, b as scrollElementIntoView, c as setCustomCSS, g as getDominantColorFromUrl, i as isFunction } from './index-CvV1tFYS.js';
|
|
10
|
-
import { Q as QUERY_KEYS, a as useConfigStore, b as useThemeStore, u as useThemeUtils } from './useThemeUtils-
|
|
10
|
+
import { Q as QUERY_KEYS, a as useConfigStore, b as useThemeStore, u as useThemeUtils } from './useThemeUtils-BCO-i9ZG.js';
|
|
11
11
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
12
12
|
import classnames from 'classnames';
|
|
13
13
|
import Collapse from '@bigbinary/neeto-icons/Collapse';
|
|
@@ -19,6 +19,8 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
|
19
19
|
import Close from '@bigbinary/neeto-icons/Close';
|
|
20
20
|
import Popover from '@bigbinary/neetoui/Popover';
|
|
21
21
|
import Typography from '@bigbinary/neetoui/Typography';
|
|
22
|
+
import Switch from '@bigbinary/neetoui/Switch';
|
|
23
|
+
import Tooltip from '@bigbinary/neetoui/Tooltip';
|
|
22
24
|
import Form from '@bigbinary/neetoui/formik/Form';
|
|
23
25
|
import * as yup from 'yup';
|
|
24
26
|
import Editor from '@monaco-editor/react';
|
|
@@ -37,19 +39,19 @@ import LeftAlign from '@bigbinary/neeto-icons/LeftAlign';
|
|
|
37
39
|
import ColorPicker from '@bigbinary/neetoui/ColorPicker';
|
|
38
40
|
import { Slider } from 'antd';
|
|
39
41
|
import HelpPopover from '@bigbinary/neeto-molecules/HelpPopover';
|
|
40
|
-
import Switch from '@bigbinary/neetoui/Switch';
|
|
41
42
|
import Input from '@bigbinary/neetoui/formik/Input';
|
|
42
43
|
import Search from '@bigbinary/neeto-molecules/Search';
|
|
44
|
+
import Rating from '@bigbinary/neeto-icons/Rating';
|
|
43
45
|
import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
|
|
44
46
|
import LeftArrow from '@bigbinary/neeto-icons/LeftArrow';
|
|
45
47
|
import Plus from '@bigbinary/neeto-icons/Plus';
|
|
46
48
|
import 'zustand';
|
|
47
49
|
|
|
48
|
-
var show$
|
|
50
|
+
var show$2 = function show(entityId) {
|
|
49
51
|
return axios.get("".concat(BASE_URL, "/api/v1/entities/").concat(entityId));
|
|
50
52
|
};
|
|
51
53
|
var entitiesApi = {
|
|
52
|
-
show: show$
|
|
54
|
+
show: show$2
|
|
53
55
|
};
|
|
54
56
|
|
|
55
57
|
var useShowThemeEntity = function useShowThemeEntity(entityId) {
|
|
@@ -64,7 +66,7 @@ var useShowThemeEntity = function useShowThemeEntity(entityId) {
|
|
|
64
66
|
|
|
65
67
|
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}}
|
|
66
68
|
|
|
67
|
-
var css = ".neeto-themes__wrapper{display:flex;width:100%}.neeto-themes__wrapper .neeto-themes-sidebar{background-color:rgb(var(--neeto-ui-white));height:100%;left:0;padding-top:24px;position:fixed;top:0;transition:none;width:100%;z-index:102}.neeto-themes__wrapper .neeto-themes-sidebar--expanded{max-width:100%;width:520px!important}@media screen and (min-width:576px){.neeto-themes__wrapper .neeto-themes-sidebar{width:280px}}@media screen and (min-width:767px){.neeto-themes__wrapper .neeto-themes-sidebar{height:calc(100vh - 64px);padding-top:0;position:relative}}@media screen and (min-width:1024px){.neeto-themes__wrapper .neeto-themes-sidebar{width:320px}}@media screen and (min-width:1280px){.neeto-themes__wrapper .neeto-themes-sidebar{width:340px}}.neeto-themes__wrapper .neeto-themes-sidebar--collapsed{max-width:0;min-width:0;width:0}.neeto-themes__wrapper .neeto-themes-sidebar--collapsed .neeto-themes-sidebar__toggler{transform:scale(-1)}@media screen and (max-width:767px){.neeto-themes__wrapper .neeto-themes-sidebar--collapsed .neeto-themes-sidebar__toggler{top:109px}}@media screen and (max-width:576px){.neeto-themes__wrapper .neeto-themes-sidebar--collapsed .neeto-themes-sidebar__toggler{left:8px;right:auto}}.neeto-themes__wrapper .neeto-themes-sidebar--collapsed .neeto-themes-sidebar__header{display:none}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__header{padding-bottom:8px;padding-top:16px}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__scroll{display:flex;flex-direction:column;height:calc(100vh - 120px);overflow-y:auto}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__scroll .neeto-ui-colorpicker__target .neeto-ui-colorpicker-target__code{display:none}.neeto-themes__wrapper .css-editor-height__expanded{height:calc(100vh - 300px)}.neeto-themes__wrapper .css-editor-height__regular{height:384px}.neeto-themes__wrapper .neeto-themes-preview__wrapper{flex-grow:1;height:calc(100vh - 64px);position:relative}.neeto-themes-theme-thumbnail--preview-active{border-color:rgb(var(--neeto-ui-gray-600))!important;outline:1px solid rgb(var(--neeto-ui-gray-600))!important}.neeto-themes-theme-thumbnail--active{border-color:rgb(var(--neeto-ui-primary-500))!important;outline:2px solid rgb(var(--neeto-ui-primary-500))!important}.neeto-themes-theme-thumbnail--highlight-active{border-color:rgb(var(--neeto-ui-gray-400))!important;outline:2px solid rgb(var(--neeto-ui-gray-400))!important}.neeto-themes-theme-thumbnail__apply-btn{--neeto-ui-btn-padding-x:12px;--neeto-ui-btn-border-radius:100px}.neeto-themes-theme-thumbnail__apply-btn:disabled,.neeto-themes-theme-thumbnail__apply-btn[disabled]{opacity:1!important}.neeto-themes-sidebar__custom-css-editor-header{background-color:#1e1e1e;border-top-left-radius:var(--neeto-ui-rounded-lg);border-top-right-radius:var(--neeto-ui-rounded-lg);display:flex}@media screen and (max-width:576px){.neeto-themes-sidebar__custom-css-editor-header{display:none}}.neeto-themes-sidebar .monaco-editor,.neeto-themes-sidebar .overflow-guard{border-bottom-left-radius:var(--neeto-ui-rounded-lg);border-bottom-right-radius:var(--neeto-ui-rounded-lg)}.neeto-themes-sidebar__custom-css-wrapper .neeto-themes-nano-section{border-bottom:0!important}.neeto-themes-sidebar__backdrop{background-color:rgba(var(--neeto-ui-black),.4);display:none;height:100%;left:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:101}@media screen and (max-width:767px){.neeto-themes-sidebar__backdrop{display:block;visibility:visible}}.neeto-themes-sidebar__toggler{flex-shrink:0;left:calc(100% + 8px);position:absolute;top:8px;transition:color .3s ease-in-out}@media screen and (min-width:1024px){.neeto-themes-sidebar__toggler{opacity:0;pointer-events:none}}@media screen and (max-width:576px){.neeto-themes-sidebar__toggler{left:auto;right:24px}}.neeto-themes-nano-alignment-block{border-radius:6px}.neeto-themes-nano-alignment-button{--neeto-ui-btn-padding-x:12px!important}.neeto-themes-nano-alignment-button__alignment-left{border-bottom-right-radius:0!important;border-top-right-radius:0!important}.neeto-themes-nano-alignment-button__alignment-center{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.neeto-themes-nano-alignment-button.neeto-ui-btn--style-primary{--neeto-ui-btn-bg-color:rgb(var(--neeto-ui-primary-100))!important;--neeto-ui-btn-hover-bg-color:rgb(var(--neeto-ui-primary-100))!important}.neeto-themes-nano-alignment-divider{background:rgb(var(--neeto-ui-gray-200));height:32px;width:1px}.neeto-themes-nano-section__content--open{max-height:1500px;opacity:1;padding-top:4px;visibility:visible}.neeto-themes-nano-section__content--closed{max-height:0;opacity:0;visibility:hidden}.neeto-themes-nano-section__title:focus-visible{box-shadow:0 0 0 3px rgba(var(--neeto-ui-primary-500),15%)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvdGhlbWVzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsdUJBRUUsWUFBQSxDQURBLFVBQUYsQ0FHRSw2Q0FHRSwyQ0FBQSxDQURBLFdBQUEsQ0FJQSxNQUFBLENBR0EsZ0JBQUEsQ0FMQSxjQUFBLENBQ0EsS0FBQSxDQUVBLGVBQUEsQ0FOQSxVQUFBLENBT0EsV0FBSixDQUdJLHVEQUVFLGNBQUEsQ0FEQSxxQkFBTixDQUlJLG9DQWhCRiw2Q0FpQkksV0FESixDQUNGLENBR0ksb0NBcEJGLDZDQXVCSSx5QkFBQSxDQUZBLGFBQUEsQ0FDQSxpQkFDSixDQUNGLENBRUkscUNBMUJGLDZDQTJCSSxXQUNKLENBQ0YsQ0FDSSxxQ0E5QkYsNkNBK0JJLFdBRUosQ0FDRixDQUFJLHdEQUVFLFdBQUEsQ0FDQSxXQUFBLENBRkEsT0FJTixDQUFNLHVGQUNFLG1CQUVSLENBQVEsb0NBSEYsdUZBSUksU0FHUixDQUNGLENBRFEsb0NBUEYsdUZBU0ksUUFBQSxDQURBLFVBS1IsQ0FDRixDQURNLHNGQUNFLFlBR1IsQ0FDSSwyRUFFRSxrQkFBQSxDQURBLGdCQUVOLENBRUksMkVBR0UsWUFBQSxDQUNBLHFCQUFBLENBSEEsMEJBQUEsQ0FDQSxlQUVOLENBR1EsNElBQ0UsWUFEVixDQU9FLG9EQUNFLDBCQUxKLENBUUUsbURBQ0UsWUFOSixDQVNFLHNEQUdFLFdBQUEsQ0FEQSx5QkFBQSxDQURBLGlCQUxKLENBV0EsOENBQ0Usb0RBQUEsQ0FDQSx5REFSRixDQVdBLHNDQUNFLHVEQUFBLENBQ0EsNERBUkYsQ0FXQSxnREFDRSxvREFBQSxDQUNBLHlEQVJGLENBV0EseUNBQ0UsNkJBQUEsQ0FDQSxrQ0FSRixDQVNFLHFHQUVFLG1CQVJKLENBWUEsZ0RBRUUsd0JBQUEsQ0FDQSxpREFBQSxDQUNBLGtEQUFBLENBSEEsWUFORixDQVVFLG9DQUxGLGdEQU1JLFlBUEYsQ0FDRixDQVdFLDJFQUVFLG9EQUFBLENBQ0EscURBUkosQ0FhRSxxRUFDRSx5QkFWSixDQWNBLGdDQU1FLCtDQUFBLENBQ0EsWUFBQSxDQUZBLFdBQUEsQ0FGQSxNQUFBLENBRkEsY0FBQSxDQUNBLEtBQUEsQ0FNQSxpQkFBQSxDQUpBLFVBQUEsQ0FLQSxXQVhGLENBYUUsb0NBWEYsZ0NBWUksYUFBQSxDQUNBLGtCQVZGLENBQ0YsQ0FhQSwrQkFJRSxhQUFBLENBREEscUJBQUEsQ0FGQSxpQkFBQSxDQUNBLE9BQUEsQ0FHQSxnQ0FWRixDQVlFLHFDQVBGLCtCQVFJLFNBQUEsQ0FDQSxtQkFURixDQUNGLENBV0Usb0NBWkYsK0JBYUksU0FBQSxDQUNBLFVBUkYsQ0FDRixDQVdBLG1DQUNFLGlCQVJGLENBV0Esb0NBQ0UsdUNBUkYsQ0FVRSxvREFFRSxzQ0FBQSxDQURBLG1DQVBKLENBV0Usc0RBRUUscUNBQUEsQ0FEQSxrQ0FSSixDQVlFLGdFQUNFLGtFQUFBLENBQ0Esd0VBVkosQ0FjQSxxQ0FHRSx3Q0FBQSxDQURBLFdBQUEsQ0FEQSxTQVRGLENBZUUsMENBQ0UsaUJBQUEsQ0FDQSxTQUFBLENBRUEsZUFBQSxDQURBLGtCQVhKLENBY0UsNENBQ0UsWUFBQSxDQUNBLFNBQUEsQ0FDQSxpQkFaSixDQWdCQSxnREFDRSwwREFiRiIsInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgXCIuLi9hYnN0cmFjdHMvdmFyaWFibGVzXCI7XG5cbi5uZWV0by10aGVtZXNfX3dyYXBwZXIge1xuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcblxuICAubmVldG8tdGhlbWVzLXNpZGViYXIge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktd2hpdGUpKTtcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgdHJhbnNpdGlvbjogbm9uZTtcbiAgICB6LWluZGV4OiAxMDI7XG4gICAgcGFkZGluZy10b3A6IDI0cHg7XG5cbiAgICAmLS1leHBhbmRlZCB7XG4gICAgICB3aWR0aDogJHRoZW1lcy1zaWRlYmFyLWV4cGFuZGVkICFpbXBvcnRhbnQ7XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgfVxuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNTc2cHgpIHtcbiAgICAgIHdpZHRoOiAkdGhlbWVzLXNpZGViYXItd2lkdGgtc207XG4gICAgfVxuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogNzY3cHgpIHtcbiAgICAgIHBhZGRpbmctdG9wOiAwO1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgaGVpZ2h0OiBjYWxjKDEwMHZoIC0gI3skYnVpbGRlci1oZWFkZXItaGVpZ2h0fSk7XG4gICAgfVxuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gICAgICB3aWR0aDogJHRoZW1lcy1zaWRlYmFyLXdpZHRoLWxnO1xuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDEyODBweCkge1xuICAgICAgd2lkdGg6ICR0aGVtZXMtc2lkZWJhci13aWR0aC14bDtcbiAgICB9XG5cbiAgICAmLS1jb2xsYXBzZWQge1xuICAgICAgd2lkdGg6IDBweDtcbiAgICAgIG1heC13aWR0aDogMHB4O1xuICAgICAgbWluLXdpZHRoOiAwcHg7XG5cbiAgICAgIC5uZWV0by10aGVtZXMtc2lkZWJhcl9fdG9nZ2xlciB7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoLTEpO1xuXG4gICAgICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gICAgICAgICAgdG9wOiAxMDlweDtcbiAgICAgICAgfVxuXG4gICAgICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDU3NnB4KSB7XG4gICAgICAgICAgcmlnaHQ6IGF1dG87XG4gICAgICAgICAgbGVmdDogOHB4O1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIC5uZWV0by10aGVtZXMtc2lkZWJhcl9faGVhZGVyIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAubmVldG8tdGhlbWVzLXNpZGViYXJfX2hlYWRlciB7XG4gICAgICBwYWRkaW5nLXRvcDogMTZweDtcbiAgICAgIHBhZGRpbmctYm90dG9tOiA4cHg7XG4gICAgfVxuXG4gICAgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19zY3JvbGwge1xuICAgICAgaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMTIwcHgpO1xuICAgICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG4gICAgICAubmVldG8tdWktY29sb3JwaWNrZXJfX3RhcmdldCB7XG4gICAgICAgIC5uZWV0by11aS1jb2xvcnBpY2tlci10YXJnZXRfX2NvZGUge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICAuY3NzLWVkaXRvci1oZWlnaHRfX2V4cGFuZGVkIHtcbiAgICBoZWlnaHQ6IGNhbGMoMTAwdmggLSAzMDBweCk7XG4gIH1cblxuICAuY3NzLWVkaXRvci1oZWlnaHRfX3JlZ3VsYXIge1xuICAgIGhlaWdodDogMzg0cHg7XG4gIH1cblxuICAubmVldG8tdGhlbWVzLXByZXZpZXdfX3dyYXBwZXIge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBoZWlnaHQ6IGNhbGMoMTAwdmggLSAjeyRidWlsZGVyLWhlYWRlci1oZWlnaHR9KTtcbiAgICBmbGV4LWdyb3c6IDE7XG4gIH1cbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWwtLXByZXZpZXctYWN0aXZlIHtcbiAgYm9yZGVyLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS02MDApKSAhaW1wb3J0YW50O1xuICBvdXRsaW5lOiAxcHggc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNjAwKSkgIWltcG9ydGFudDtcbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWwtLWFjdGl2ZSB7XG4gIGJvcmRlci1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktNTAwKSkgIWltcG9ydGFudDtcbiAgb3V0bGluZTogMnB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1wcmltYXJ5LTUwMCkpICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by10aGVtZXMtdGhlbWUtdGh1bWJuYWlsLS1oaWdobGlnaHQtYWN0aXZlIHtcbiAgYm9yZGVyLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS00MDApKSAhaW1wb3J0YW50O1xuICBvdXRsaW5lOiAycHggc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNDAwKSkgIWltcG9ydGFudDtcbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWxfX2FwcGx5LWJ0biB7XG4gIC0tbmVldG8tdWktYnRuLXBhZGRpbmcteDogMTJweDtcbiAgLS1uZWV0by11aS1idG4tYm9yZGVyLXJhZGl1czogMTAwcHg7XG4gICY6ZGlzYWJsZWQsXG4gICZbZGlzYWJsZWRdIHtcbiAgICBvcGFjaXR5OiAxICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19jdXN0b20tY3NzLWVkaXRvci1oZWFkZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMWUxZTFlO1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiB2YXIoLS1uZWV0by11aS1yb3VuZGVkLWxnKTtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQtbGcpO1xuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA1NzZweCkge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cblxuLm5lZXRvLXRoZW1lcy1zaWRlYmFyIHtcbiAgLm92ZXJmbG93LWd1YXJkLFxuICAubW9uYWNvLWVkaXRvciB7XG4gICAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogdmFyKC0tbmVldG8tdWktcm91bmRlZC1sZyk7XG4gICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQtbGcpO1xuICB9XG59XG5cbi5uZWV0by10aGVtZXMtc2lkZWJhcl9fY3VzdG9tLWNzcy13cmFwcGVyIHtcbiAgLm5lZXRvLXRoZW1lcy1uYW5vLXNlY3Rpb24ge1xuICAgIGJvcmRlci1ib3R0b206IDAgIWltcG9ydGFudDtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzLXNpZGViYXJfX2JhY2tkcm9wIHtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEodmFyKC0tbmVldG8tdWktYmxhY2spLCAwLjQpO1xuICBkaXNwbGF5OiBub25lO1xuICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gIHotaW5kZXg6IDEwMTtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjdweCkge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHZpc2liaWxpdHk6IHZpc2libGU7XG4gIH1cbn1cblxuLm5lZXRvLXRoZW1lcy1zaWRlYmFyX190b2dnbGVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDhweDtcbiAgbGVmdDogY2FsYygxMDAlICsgOHB4KTtcbiAgZmxleC1zaHJpbms6IDA7XG4gIHRyYW5zaXRpb246IGNvbG9yIDAuM3MgZWFzZS1pbi1vdXQ7XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDU3NnB4KSB7XG4gICAgbGVmdDogYXV0bztcbiAgICByaWdodDogMjRweDtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzLW5hbm8tYWxpZ25tZW50LWJsb2NrIHtcbiAgYm9yZGVyLXJhZGl1czogNnB4O1xufVxuXG4ubmVldG8tdGhlbWVzLW5hbm8tYWxpZ25tZW50LWJ1dHRvbiB7XG4gIC0tbmVldG8tdWktYnRuLXBhZGRpbmcteDogMTJweCAhaW1wb3J0YW50O1xuXG4gICZfX2FsaWdubWVudC1sZWZ0IHtcbiAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMHB4ICFpbXBvcnRhbnQ7XG4gICAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDBweCAhaW1wb3J0YW50O1xuICB9XG5cbiAgJl9fYWxpZ25tZW50LWNlbnRlciB7XG4gICAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMHB4ICFpbXBvcnRhbnQ7XG4gICAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMHB4ICFpbXBvcnRhbnQ7XG4gIH1cblxuICAmLm5lZXRvLXVpLWJ0bi0tc3R5bGUtcHJpbWFyeSB7XG4gICAgLS1uZWV0by11aS1idG4tYmctY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1wcmltYXJ5LTEwMCkpICFpbXBvcnRhbnQ7XG4gICAgLS1uZWV0by11aS1idG4taG92ZXItYmctY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1wcmltYXJ5LTEwMCkpICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuLm5lZXRvLXRoZW1lcy1uYW5vLWFsaWdubWVudC1kaXZpZGVyIHtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAzMnB4O1xuICBiYWNrZ3JvdW5kOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0yMDApKTtcbn1cblxuLm5lZXRvLXRoZW1lcy1uYW5vLXNlY3Rpb25fX2NvbnRlbnQge1xuICAmLS1vcGVuIHtcbiAgICBtYXgtaGVpZ2h0OiAxNTAwcHg7XG4gICAgb3BhY2l0eTogMTtcbiAgICB2aXNpYmlsaXR5OiB2aXNpYmxlO1xuICAgIHBhZGRpbmctdG9wOiA0cHg7XG4gIH1cbiAgJi0tY2xvc2VkIHtcbiAgICBtYXgtaGVpZ2h0OiAwcHg7XG4gICAgb3BhY2l0eTogMDtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gIH1cbn1cblxuLm5lZXRvLXRoZW1lcy1uYW5vLXNlY3Rpb25fX3RpdGxlOmZvY3VzLXZpc2libGUge1xuICBib3gtc2hhZG93OiAwIDAgMCAzcHggcmdiYSh2YXIoLS1uZWV0by11aS1wcmltYXJ5LTUwMCksIDE1JSk7XG59XG4iXX0= */";
|
|
69
|
+
var css = ".neeto-themes__wrapper{display:flex;width:100%}.neeto-themes__wrapper .neeto-themes-sidebar{background-color:rgb(var(--neeto-ui-white));height:100%;left:0;padding-top:24px;position:fixed;top:0;transition:none;width:100%;z-index:102}.neeto-themes__wrapper .neeto-themes-sidebar--expanded{max-width:100%;width:520px!important}@media screen and (min-width:576px){.neeto-themes__wrapper .neeto-themes-sidebar{width:280px}}@media screen and (min-width:767px){.neeto-themes__wrapper .neeto-themes-sidebar{height:calc(100vh - 64px);padding-top:0;position:relative}}@media screen and (min-width:1024px){.neeto-themes__wrapper .neeto-themes-sidebar{width:320px}}@media screen and (min-width:1280px){.neeto-themes__wrapper .neeto-themes-sidebar{width:340px}}.neeto-themes__wrapper .neeto-themes-sidebar--collapsed{max-width:0;min-width:0;width:0}.neeto-themes__wrapper .neeto-themes-sidebar--collapsed .neeto-themes-sidebar__toggler{transform:scale(-1)}@media screen and (max-width:767px){.neeto-themes__wrapper .neeto-themes-sidebar--collapsed .neeto-themes-sidebar__toggler{top:109px}}@media screen and (max-width:576px){.neeto-themes__wrapper .neeto-themes-sidebar--collapsed .neeto-themes-sidebar__toggler{left:8px;right:auto}}.neeto-themes__wrapper .neeto-themes-sidebar--collapsed .neeto-themes-sidebar__header{display:none}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__header{padding-bottom:8px;padding-top:16px}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__scroll{display:flex;flex-direction:column;height:calc(100vh - 120px);overflow-y:auto}.neeto-themes__wrapper .neeto-themes-sidebar .neeto-themes-sidebar__scroll .neeto-ui-colorpicker__target .neeto-ui-colorpicker-target__code{display:none}.neeto-themes__wrapper .css-editor-height__expanded{height:calc(100vh - 300px)}.neeto-themes__wrapper .css-editor-height__regular{height:384px}.neeto-themes__wrapper .neeto-themes-preview__wrapper{flex-grow:1;height:calc(100vh - 64px);position:relative}.neeto-themes-theme-thumbnail--preview-active{border-color:rgb(var(--neeto-ui-gray-600))!important;outline:1px solid rgb(var(--neeto-ui-gray-600))!important}.neeto-themes-theme-thumbnail--active{border-color:rgb(var(--neeto-ui-primary-500))!important;outline:2px solid rgb(var(--neeto-ui-primary-500))!important}.neeto-themes-theme-thumbnail--highlight-active{border-color:rgb(var(--neeto-ui-gray-400))!important;outline:2px solid rgb(var(--neeto-ui-gray-400))!important}.neeto-themes-theme-thumbnail__apply-btn{--neeto-ui-btn-padding-x:12px;--neeto-ui-btn-border-radius:100px}.neeto-themes-theme-thumbnail__apply-btn:disabled,.neeto-themes-theme-thumbnail__apply-btn[disabled]{opacity:1!important}.neeto-themes-sidebar__custom-css-editor-header{background-color:#1e1e1e;border-top-left-radius:var(--neeto-ui-rounded-lg);border-top-right-radius:var(--neeto-ui-rounded-lg);display:flex}@media screen and (max-width:576px){.neeto-themes-sidebar__custom-css-editor-header{display:none}}.neeto-themes-sidebar .monaco-editor,.neeto-themes-sidebar .overflow-guard{border-bottom-left-radius:var(--neeto-ui-rounded-lg);border-bottom-right-radius:var(--neeto-ui-rounded-lg)}.neeto-themes-sidebar__custom-css-wrapper .neeto-themes-nano-section{border-bottom:0!important}.neeto-themes-sidebar__backdrop{background-color:rgba(var(--neeto-ui-black),.4);display:none;height:100%;left:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:101}@media screen and (max-width:767px){.neeto-themes-sidebar__backdrop{display:block;visibility:visible}}.neeto-themes-sidebar__toggler{flex-shrink:0;left:calc(100% + 8px);position:absolute;top:8px;transition:color .3s ease-in-out}@media screen and (min-width:1024px){.neeto-themes-sidebar__toggler{opacity:0;pointer-events:none}}@media screen and (max-width:576px){.neeto-themes-sidebar__toggler{left:auto;right:24px}}.neeto-themes-nano-alignment-block{border-radius:6px}.neeto-themes-nano-alignment-button{--neeto-ui-btn-padding-x:12px!important}.neeto-themes-nano-alignment-button__alignment-left{border-bottom-right-radius:0!important;border-top-right-radius:0!important}.neeto-themes-nano-alignment-button__alignment-center{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.neeto-themes-nano-alignment-button.neeto-ui-btn--style-primary{--neeto-ui-btn-bg-color:rgb(var(--neeto-ui-primary-100))!important;--neeto-ui-btn-hover-bg-color:rgb(var(--neeto-ui-primary-100))!important}.neeto-themes-nano-alignment-divider{background:rgb(var(--neeto-ui-gray-200));height:32px;width:1px}.neeto-themes-nano-section__content--open{max-height:1500px;opacity:1;padding-top:4px;visibility:visible}.neeto-themes-nano-section__content--closed{max-height:0;opacity:0;visibility:hidden}.neeto-themes-nano-section__title:focus-visible{box-shadow:0 0 0 3px rgba(var(--neeto-ui-primary-500),15%)}.neeto-themes-nano-global-theme-icon{fill:rgb(var(--neeto-ui-warning-100));color:rgb(var(--neeto-ui-warning-500))}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvdGhlbWVzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsdUJBRUUsWUFBQSxDQURBLFVBQUYsQ0FHRSw2Q0FHRSwyQ0FBQSxDQURBLFdBQUEsQ0FJQSxNQUFBLENBR0EsZ0JBQUEsQ0FMQSxjQUFBLENBQ0EsS0FBQSxDQUVBLGVBQUEsQ0FOQSxVQUFBLENBT0EsV0FBSixDQUdJLHVEQUVFLGNBQUEsQ0FEQSxxQkFBTixDQUlJLG9DQWhCRiw2Q0FpQkksV0FESixDQUNGLENBR0ksb0NBcEJGLDZDQXVCSSx5QkFBQSxDQUZBLGFBQUEsQ0FDQSxpQkFDSixDQUNGLENBRUkscUNBMUJGLDZDQTJCSSxXQUNKLENBQ0YsQ0FDSSxxQ0E5QkYsNkNBK0JJLFdBRUosQ0FDRixDQUFJLHdEQUVFLFdBQUEsQ0FDQSxXQUFBLENBRkEsT0FJTixDQUFNLHVGQUNFLG1CQUVSLENBQVEsb0NBSEYsdUZBSUksU0FHUixDQUNGLENBRFEsb0NBUEYsdUZBU0ksUUFBQSxDQURBLFVBS1IsQ0FDRixDQURNLHNGQUNFLFlBR1IsQ0FDSSwyRUFFRSxrQkFBQSxDQURBLGdCQUVOLENBRUksMkVBR0UsWUFBQSxDQUNBLHFCQUFBLENBSEEsMEJBQUEsQ0FDQSxlQUVOLENBR1EsNElBQ0UsWUFEVixDQU9FLG9EQUNFLDBCQUxKLENBUUUsbURBQ0UsWUFOSixDQVNFLHNEQUdFLFdBQUEsQ0FEQSx5QkFBQSxDQURBLGlCQUxKLENBV0EsOENBQ0Usb0RBQUEsQ0FDQSx5REFSRixDQVdBLHNDQUNFLHVEQUFBLENBQ0EsNERBUkYsQ0FXQSxnREFDRSxvREFBQSxDQUNBLHlEQVJGLENBV0EseUNBQ0UsNkJBQUEsQ0FDQSxrQ0FSRixDQVNFLHFHQUVFLG1CQVJKLENBWUEsZ0RBRUUsd0JBQUEsQ0FDQSxpREFBQSxDQUNBLGtEQUFBLENBSEEsWUFORixDQVVFLG9DQUxGLGdEQU1JLFlBUEYsQ0FDRixDQVdFLDJFQUVFLG9EQUFBLENBQ0EscURBUkosQ0FhRSxxRUFDRSx5QkFWSixDQWNBLGdDQU1FLCtDQUFBLENBQ0EsWUFBQSxDQUZBLFdBQUEsQ0FGQSxNQUFBLENBRkEsY0FBQSxDQUNBLEtBQUEsQ0FNQSxpQkFBQSxDQUpBLFVBQUEsQ0FLQSxXQVhGLENBYUUsb0NBWEYsZ0NBWUksYUFBQSxDQUNBLGtCQVZGLENBQ0YsQ0FhQSwrQkFJRSxhQUFBLENBREEscUJBQUEsQ0FGQSxpQkFBQSxDQUNBLE9BQUEsQ0FHQSxnQ0FWRixDQVlFLHFDQVBGLCtCQVFJLFNBQUEsQ0FDQSxtQkFURixDQUNGLENBV0Usb0NBWkYsK0JBYUksU0FBQSxDQUNBLFVBUkYsQ0FDRixDQVdBLG1DQUNFLGlCQVJGLENBV0Esb0NBQ0UsdUNBUkYsQ0FVRSxvREFFRSxzQ0FBQSxDQURBLG1DQVBKLENBV0Usc0RBRUUscUNBQUEsQ0FEQSxrQ0FSSixDQVlFLGdFQUNFLGtFQUFBLENBQ0Esd0VBVkosQ0FjQSxxQ0FHRSx3Q0FBQSxDQURBLFdBQUEsQ0FEQSxTQVRGLENBZUUsMENBQ0UsaUJBQUEsQ0FDQSxTQUFBLENBRUEsZUFBQSxDQURBLGtCQVhKLENBY0UsNENBQ0UsWUFBQSxDQUNBLFNBQUEsQ0FDQSxpQkFaSixDQWdCQSxnREFDRSwwREFiRixDQWdCQSxxQ0FFRSxxQ0FBQSxDQURBLHNDQVpGIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCBcIi4uL2Fic3RyYWN0cy92YXJpYWJsZXNcIjtcblxuLm5lZXRvLXRoZW1lc19fd3JhcHBlciB7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuXG4gIC5uZWV0by10aGVtZXMtc2lkZWJhciB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS13aGl0ZSkpO1xuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB0cmFuc2l0aW9uOiBub25lO1xuICAgIHotaW5kZXg6IDEwMjtcbiAgICBwYWRkaW5nLXRvcDogMjRweDtcblxuICAgICYtLWV4cGFuZGVkIHtcbiAgICAgIHdpZHRoOiAkdGhlbWVzLXNpZGViYXItZXhwYW5kZWQgIWltcG9ydGFudDtcbiAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICB9XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA1NzZweCkge1xuICAgICAgd2lkdGg6ICR0aGVtZXMtc2lkZWJhci13aWR0aC1zbTtcbiAgICB9XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjdweCkge1xuICAgICAgcGFkZGluZy10b3A6IDA7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBoZWlnaHQ6IGNhbGMoMTAwdmggLSAjeyRidWlsZGVyLWhlYWRlci1oZWlnaHR9KTtcbiAgICB9XG5cbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDI0cHgpIHtcbiAgICAgIHdpZHRoOiAkdGhlbWVzLXNpZGViYXItd2lkdGgtbGc7XG4gICAgfVxuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTI4MHB4KSB7XG4gICAgICB3aWR0aDogJHRoZW1lcy1zaWRlYmFyLXdpZHRoLXhsO1xuICAgIH1cblxuICAgICYtLWNvbGxhcHNlZCB7XG4gICAgICB3aWR0aDogMHB4O1xuICAgICAgbWF4LXdpZHRoOiAwcHg7XG4gICAgICBtaW4td2lkdGg6IDBweDtcblxuICAgICAgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX190b2dnbGVyIHtcbiAgICAgICAgdHJhbnNmb3JtOiBzY2FsZSgtMSk7XG5cbiAgICAgICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY3cHgpIHtcbiAgICAgICAgICB0b3A6IDEwOXB4O1xuICAgICAgICB9XG5cbiAgICAgICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNTc2cHgpIHtcbiAgICAgICAgICByaWdodDogYXV0bztcbiAgICAgICAgICBsZWZ0OiA4cHg7XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19oZWFkZXIge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgfVxuICAgIH1cblxuICAgIC5uZWV0by10aGVtZXMtc2lkZWJhcl9faGVhZGVyIHtcbiAgICAgIHBhZGRpbmctdG9wOiAxNnB4O1xuICAgICAgcGFkZGluZy1ib3R0b206IDhweDtcbiAgICB9XG5cbiAgICAubmVldG8tdGhlbWVzLXNpZGViYXJfX3Njcm9sbCB7XG4gICAgICBoZWlnaHQ6IGNhbGMoMTAwdmggLSAxMjBweCk7XG4gICAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cbiAgICAgIC5uZWV0by11aS1jb2xvcnBpY2tlcl9fdGFyZ2V0IHtcbiAgICAgICAgLm5lZXRvLXVpLWNvbG9ycGlja2VyLXRhcmdldF9fY29kZSB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC5jc3MtZWRpdG9yLWhlaWdodF9fZXhwYW5kZWQge1xuICAgIGhlaWdodDogY2FsYygxMDB2aCAtIDMwMHB4KTtcbiAgfVxuXG4gIC5jc3MtZWRpdG9yLWhlaWdodF9fcmVndWxhciB7XG4gICAgaGVpZ2h0OiAzODRweDtcbiAgfVxuXG4gIC5uZWV0by10aGVtZXMtcHJldmlld19fd3JhcHBlciB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogY2FsYygxMDB2aCAtICN7JGJ1aWxkZXItaGVhZGVyLWhlaWdodH0pO1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbC0tcHJldmlldy1hY3RpdmUge1xuICBib3JkZXItY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTYwMCkpICFpbXBvcnRhbnQ7XG4gIG91dGxpbmU6IDFweCBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS02MDApKSAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbC0tYWN0aXZlIHtcbiAgYm9yZGVyLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktcHJpbWFyeS01MDApKSAhaW1wb3J0YW50O1xuICBvdXRsaW5lOiAycHggc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktNTAwKSkgIWltcG9ydGFudDtcbn1cblxuLm5lZXRvLXRoZW1lcy10aGVtZS10aHVtYm5haWwtLWhpZ2hsaWdodC1hY3RpdmUge1xuICBib3JkZXItY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTQwMCkpICFpbXBvcnRhbnQ7XG4gIG91dGxpbmU6IDJweCBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS00MDApKSAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tdGhlbWVzLXRoZW1lLXRodW1ibmFpbF9fYXBwbHktYnRuIHtcbiAgLS1uZWV0by11aS1idG4tcGFkZGluZy14OiAxMnB4O1xuICAtLW5lZXRvLXVpLWJ0bi1ib3JkZXItcmFkaXVzOiAxMDBweDtcbiAgJjpkaXNhYmxlZCxcbiAgJltkaXNhYmxlZF0ge1xuICAgIG9wYWNpdHk6IDEgIWltcG9ydGFudDtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzLXNpZGViYXJfX2N1c3RvbS1jc3MtZWRpdG9yLWhlYWRlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJhY2tncm91bmQtY29sb3I6ICMxZTFlMWU7XG4gIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQtbGcpO1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogdmFyKC0tbmVldG8tdWktcm91bmRlZC1sZyk7XG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDU3NnB4KSB7XG4gICAgZGlzcGxheTogbm9uZTtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzLXNpZGViYXIge1xuICAub3ZlcmZsb3ctZ3VhcmQsXG4gIC5tb25hY28tZWRpdG9yIHtcbiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiB2YXIoLS1uZWV0by11aS1yb3VuZGVkLWxnKTtcbiAgICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogdmFyKC0tbmVldG8tdWktcm91bmRlZC1sZyk7XG4gIH1cbn1cblxuLm5lZXRvLXRoZW1lcy1zaWRlYmFyX19jdXN0b20tY3NzLXdyYXBwZXIge1xuICAubmVldG8tdGhlbWVzLW5hbm8tc2VjdGlvbiB7XG4gICAgYm9yZGVyLWJvdHRvbTogMCAhaW1wb3J0YW50O1xuICB9XG59XG5cbi5uZWV0by10aGVtZXMtc2lkZWJhcl9fYmFja2Ryb3Age1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSh2YXIoLS1uZWV0by11aS1ibGFjayksIDAuNCk7XG4gIGRpc3BsYXk6IG5vbmU7XG4gIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgei1pbmRleDogMTAxO1xuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdmlzaWJpbGl0eTogdmlzaWJsZTtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzLXNpZGViYXJfX3RvZ2dsZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogOHB4O1xuICBsZWZ0OiBjYWxjKDEwMCUgKyA4cHgpO1xuICBmbGV4LXNocmluazogMDtcbiAgdHJhbnNpdGlvbjogY29sb3IgMC4zcyBlYXNlLWluLW91dDtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMDI0cHgpIHtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNTc2cHgpIHtcbiAgICBsZWZ0OiBhdXRvO1xuICAgIHJpZ2h0OiAyNHB4O1xuICB9XG59XG5cbi5uZWV0by10aGVtZXMtbmFuby1hbGlnbm1lbnQtYmxvY2sge1xuICBib3JkZXItcmFkaXVzOiA2cHg7XG59XG5cbi5uZWV0by10aGVtZXMtbmFuby1hbGlnbm1lbnQtYnV0dG9uIHtcbiAgLS1uZWV0by11aS1idG4tcGFkZGluZy14OiAxMnB4ICFpbXBvcnRhbnQ7XG5cbiAgJl9fYWxpZ25tZW50LWxlZnQge1xuICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwcHggIWltcG9ydGFudDtcbiAgICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMHB4ICFpbXBvcnRhbnQ7XG4gIH1cblxuICAmX19hbGlnbm1lbnQtY2VudGVyIHtcbiAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwcHggIWltcG9ydGFudDtcbiAgICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiAwcHggIWltcG9ydGFudDtcbiAgfVxuXG4gICYubmVldG8tdWktYnRuLS1zdHlsZS1wcmltYXJ5IHtcbiAgICAtLW5lZXRvLXVpLWJ0bi1iZy1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktMTAwKSkgIWltcG9ydGFudDtcbiAgICAtLW5lZXRvLXVpLWJ0bi1ob3Zlci1iZy1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktMTAwKSkgIWltcG9ydGFudDtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzLW5hbm8tYWxpZ25tZW50LWRpdmlkZXIge1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDMycHg7XG4gIGJhY2tncm91bmQ6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTIwMCkpO1xufVxuXG4ubmVldG8tdGhlbWVzLW5hbm8tc2VjdGlvbl9fY29udGVudCB7XG4gICYtLW9wZW4ge1xuICAgIG1heC1oZWlnaHQ6IDE1MDBweDtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHZpc2liaWxpdHk6IHZpc2libGU7XG4gICAgcGFkZGluZy10b3A6IDRweDtcbiAgfVxuICAmLS1jbG9zZWQge1xuICAgIG1heC1oZWlnaHQ6IDBweDtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgfVxufVxuXG4ubmVldG8tdGhlbWVzLW5hbm8tc2VjdGlvbl9fdGl0bGU6Zm9jdXMtdmlzaWJsZSB7XG4gIGJveC1zaGFkb3c6IDAgMCAwIDNweCByZ2JhKHZhcigtLW5lZXRvLXVpLXByaW1hcnktNTAwKSwgMTUlKTtcbn1cblxuLm5lZXRvLXRoZW1lcy1uYW5vLWdsb2JhbC10aGVtZS1pY29uIHtcbiAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS13YXJuaW5nLTUwMCkpO1xuICBmaWxsOiByZ2IodmFyKC0tbmVldG8tdWktd2FybmluZy0xMDApKTtcbn1cbiJdfQ== */";
|
|
68
70
|
n(css,{});
|
|
69
71
|
|
|
70
72
|
var _excluded$1 = ["themeId"];
|
|
@@ -75,7 +77,7 @@ var list = function list(entityId) {
|
|
|
75
77
|
}
|
|
76
78
|
});
|
|
77
79
|
};
|
|
78
|
-
var show = function show(id) {
|
|
80
|
+
var show$1 = function show(id) {
|
|
79
81
|
return axios.get("".concat(BASE_URL, "/api/v1/themes/").concat(id));
|
|
80
82
|
};
|
|
81
83
|
var create = function create(payload) {
|
|
@@ -103,14 +105,22 @@ var apply = function apply(_ref2) {
|
|
|
103
105
|
entity: payload
|
|
104
106
|
});
|
|
105
107
|
};
|
|
108
|
+
var applyGlobalTheme = function applyGlobalTheme(_ref3) {
|
|
109
|
+
var themeId = _ref3.themeId,
|
|
110
|
+
payload = _ref3.payload;
|
|
111
|
+
return axios.post("".concat(BASE_URL, "/api/v1/themes/").concat(themeId, "/apply_global_theme"), {
|
|
112
|
+
theme: payload
|
|
113
|
+
});
|
|
114
|
+
};
|
|
106
115
|
var themesApi = {
|
|
107
116
|
list: list,
|
|
108
|
-
show: show,
|
|
117
|
+
show: show$1,
|
|
109
118
|
create: create,
|
|
110
119
|
update: update,
|
|
111
120
|
destroy: destroy,
|
|
112
121
|
clone: clone,
|
|
113
|
-
apply: apply
|
|
122
|
+
apply: apply,
|
|
123
|
+
applyGlobalTheme: applyGlobalTheme
|
|
114
124
|
};
|
|
115
125
|
|
|
116
126
|
var useListThemes = function useListThemes(entityId) {
|
|
@@ -130,7 +140,7 @@ var useListThemes = function useListThemes(entityId) {
|
|
|
130
140
|
};
|
|
131
141
|
var useCreateTheme = function useCreateTheme() {
|
|
132
142
|
return useMutationWithInvalidation(themesApi.create, {
|
|
133
|
-
keysToInvalidate: [QUERY_KEYS.THEMES_LIST]
|
|
143
|
+
keysToInvalidate: [[QUERY_KEYS.THEMES_LIST], [QUERY_KEYS.GLOBAL_THEME_DETAILS]]
|
|
134
144
|
});
|
|
135
145
|
};
|
|
136
146
|
var useUpdateTheme = function useUpdateTheme(themeId) {
|
|
@@ -140,7 +150,7 @@ var useUpdateTheme = function useUpdateTheme(themeId) {
|
|
|
140
150
|
payload: payload
|
|
141
151
|
});
|
|
142
152
|
}, {
|
|
143
|
-
keysToInvalidate: [[QUERY_KEYS.THEMES_LIST], [QUERY_KEYS.THEME_ENTITY_DETAILS], [QUERY_KEYS.THEME_DETAILS, themeId]]
|
|
153
|
+
keysToInvalidate: [[QUERY_KEYS.THEMES_LIST], [QUERY_KEYS.THEME_ENTITY_DETAILS], [QUERY_KEYS.THEME_DETAILS, themeId], [QUERY_KEYS.GLOBAL_THEME_DETAILS]]
|
|
144
154
|
});
|
|
145
155
|
};
|
|
146
156
|
var useDeleteTheme = function useDeleteTheme() {
|
|
@@ -160,6 +170,32 @@ var useApplyTheme = function useApplyTheme(_ref) {
|
|
|
160
170
|
onSuccess: onSuccess
|
|
161
171
|
});
|
|
162
172
|
};
|
|
173
|
+
var useApplyGlobalTheme = function useApplyGlobalTheme() {
|
|
174
|
+
return useMutationWithInvalidation(themesApi.applyGlobalTheme, {
|
|
175
|
+
keysToInvalidate: [[QUERY_KEYS.GLOBAL_THEME_DETAILS]]
|
|
176
|
+
});
|
|
177
|
+
};
|
|
178
|
+
|
|
179
|
+
var show = function show(entityType) {
|
|
180
|
+
return axios.get("".concat(BASE_URL, "/api/v1/global_theme"), {
|
|
181
|
+
params: {
|
|
182
|
+
entity_type: entityType
|
|
183
|
+
}
|
|
184
|
+
});
|
|
185
|
+
};
|
|
186
|
+
var globalThemesApi = {
|
|
187
|
+
show: show
|
|
188
|
+
};
|
|
189
|
+
|
|
190
|
+
var useShowGlobalTheme = function useShowGlobalTheme(entityType) {
|
|
191
|
+
return useQuery({
|
|
192
|
+
queryKey: [QUERY_KEYS.GLOBAL_THEME_DETAILS, entityType],
|
|
193
|
+
queryFn: function queryFn() {
|
|
194
|
+
return globalThemesApi.show(entityType);
|
|
195
|
+
},
|
|
196
|
+
enabled: !!entityType
|
|
197
|
+
});
|
|
198
|
+
};
|
|
163
199
|
|
|
164
200
|
var POSITION_OPTIONS = [{
|
|
165
201
|
label: "Left",
|
|
@@ -1078,6 +1114,12 @@ var Customize = function Customize(_ref) {
|
|
|
1078
1114
|
entityType = _useConfigStore.entityType;
|
|
1079
1115
|
var _useThemeUtils = useThemeUtils(),
|
|
1080
1116
|
currentTheme = _useThemeUtils.currentTheme;
|
|
1117
|
+
var _useShowGlobalTheme = useShowGlobalTheme(entityType),
|
|
1118
|
+
_useShowGlobalTheme$d = _useShowGlobalTheme.data,
|
|
1119
|
+
_useShowGlobalTheme$d2 = _useShowGlobalTheme$d === void 0 ? {} : _useShowGlobalTheme$d,
|
|
1120
|
+
_useShowGlobalTheme$d3 = _useShowGlobalTheme$d2.globalTheme,
|
|
1121
|
+
globalTheme = _useShowGlobalTheme$d3 === void 0 ? {} : _useShowGlobalTheme$d3;
|
|
1122
|
+
var isThemeGlobalTheme = (globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.id) === themeId;
|
|
1081
1123
|
var isEditingCurrentlyAppliedTheme = themeId === (currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme.id);
|
|
1082
1124
|
var submitBtnRef = useRef(null);
|
|
1083
1125
|
var _useCreateTheme = useCreateTheme(),
|
|
@@ -1088,12 +1130,17 @@ var Customize = function Customize(_ref) {
|
|
|
1088
1130
|
isUpdating = _useUpdateTheme.isPending;
|
|
1089
1131
|
var isSubmitting = isCreating || isUpdating;
|
|
1090
1132
|
var isCustomCssScreen = isScreenCustomCSS(currentScreen);
|
|
1133
|
+
var handleGlobalThemeSwitchChange = function handleGlobalThemeSwitchChange(e, setFieldValue) {
|
|
1134
|
+
setFieldValue("shouldSetAsGlobalTheme", e.target.checked);
|
|
1135
|
+
};
|
|
1091
1136
|
var onSubmit = function onSubmit(values, _ref2) {
|
|
1092
1137
|
var resetForm = _ref2.resetForm;
|
|
1093
1138
|
var imageData = buildImageData(values, themePropertiesSchema);
|
|
1094
1139
|
var themeToSave = _objectSpread$1({
|
|
1095
1140
|
propertiesAttributes: values.properties,
|
|
1096
|
-
name: values.name
|
|
1141
|
+
name: values.name,
|
|
1142
|
+
shouldSetAsGlobalTheme: values.shouldSetAsGlobalTheme,
|
|
1143
|
+
entityType: values.entityType
|
|
1097
1144
|
}, imageData);
|
|
1098
1145
|
if (!themeId) {
|
|
1099
1146
|
return createTheme(themeToSave, {
|
|
@@ -1117,12 +1164,18 @@ var Customize = function Customize(_ref) {
|
|
|
1117
1164
|
};
|
|
1118
1165
|
return /*#__PURE__*/jsx(Form, {
|
|
1119
1166
|
formikProps: {
|
|
1120
|
-
initialValues: buildInitialValues(theme, themePropertiesSchema),
|
|
1167
|
+
initialValues: _objectSpread$1(_objectSpread$1({}, buildInitialValues(theme, themePropertiesSchema)), {}, {
|
|
1168
|
+
shouldSetAsGlobalTheme: isThemeGlobalTheme,
|
|
1169
|
+
entityType: entityType
|
|
1170
|
+
}),
|
|
1121
1171
|
validationSchema: THEME_VALIDATION_SCHEMA,
|
|
1172
|
+
enableReinitialize: true,
|
|
1122
1173
|
onSubmit: onSubmit
|
|
1123
1174
|
},
|
|
1124
1175
|
children: function children(_ref4) {
|
|
1125
|
-
var dirty = _ref4.dirty
|
|
1176
|
+
var dirty = _ref4.dirty,
|
|
1177
|
+
values = _ref4.values,
|
|
1178
|
+
setFieldValue = _ref4.setFieldValue;
|
|
1126
1179
|
return /*#__PURE__*/jsxs("div", {
|
|
1127
1180
|
className: "neeto-themes-sidebar__scroll",
|
|
1128
1181
|
children: [/*#__PURE__*/jsxs("div", {
|
|
@@ -1149,6 +1202,27 @@ var Customize = function Customize(_ref) {
|
|
|
1149
1202
|
}), /*#__PURE__*/jsx(CustomCSS, {
|
|
1150
1203
|
currentScreen: currentScreen,
|
|
1151
1204
|
onEditCSSClick: onEditCSSClick
|
|
1205
|
+
}), /*#__PURE__*/jsxs("div", {
|
|
1206
|
+
className: "neeto-ui-bg-gray-50 neeto-ui-border-gray-200 mt-2 flex flex-col space-y-2 border p-2",
|
|
1207
|
+
children: [/*#__PURE__*/jsx(Tooltip, {
|
|
1208
|
+
disabled: !isThemeGlobalTheme,
|
|
1209
|
+
content: t("neetoThemes.build.leftSideBar.themes.themeOptions.setAsGlobalTheme.tooltipContent"),
|
|
1210
|
+
children: /*#__PURE__*/jsx(Switch, {
|
|
1211
|
+
checked: values.shouldSetAsGlobalTheme,
|
|
1212
|
+
disabled: isThemeGlobalTheme,
|
|
1213
|
+
name: "shouldSetAsGlobalTheme",
|
|
1214
|
+
label: t("neetoThemes.build.leftSideBar.themes.themeOptions.setAsGlobalTheme.label"),
|
|
1215
|
+
onChange: function onChange(e) {
|
|
1216
|
+
return handleGlobalThemeSwitchChange(e, setFieldValue);
|
|
1217
|
+
}
|
|
1218
|
+
})
|
|
1219
|
+
}), /*#__PURE__*/jsx(Typography, {
|
|
1220
|
+
className: "text-sm",
|
|
1221
|
+
style: "body2",
|
|
1222
|
+
children: t("neetoThemes.build.leftSideBar.themes.themeOptions.setAsGlobalTheme.helpText", {
|
|
1223
|
+
entityType: entityType
|
|
1224
|
+
})
|
|
1225
|
+
})]
|
|
1152
1226
|
})]
|
|
1153
1227
|
}), /*#__PURE__*/jsxs("div", {
|
|
1154
1228
|
className: "neeto-ui-bg-white neeto-ui-shadow-s sticky bottom-0 left-0 right-0 flex justify-end gap-x-2 px-4 py-6 lg:px-5 xl:px-6",
|
|
@@ -1374,7 +1448,9 @@ var Card = function Card(_ref) {
|
|
|
1374
1448
|
isApplyingTheme = _ref.isApplyingTheme,
|
|
1375
1449
|
onCloneTheme = _ref.onCloneTheme,
|
|
1376
1450
|
isHighLightedTheme = _ref.isHighLightedTheme,
|
|
1451
|
+
isGlobalTheme = _ref.isGlobalTheme,
|
|
1377
1452
|
onApplyTheme = _ref.onApplyTheme,
|
|
1453
|
+
onApplyGlobalTheme = _ref.onApplyGlobalTheme,
|
|
1378
1454
|
Thumbnail$1 = _ref.thumbnail;
|
|
1379
1455
|
var _useTranslation = useTranslation(),
|
|
1380
1456
|
t = _useTranslation.t;
|
|
@@ -1390,6 +1466,9 @@ var Card = function Card(_ref) {
|
|
|
1390
1466
|
var handleDeleteTheme = function handleDeleteTheme() {
|
|
1391
1467
|
return onDeleteTheme(id, name, appliedCount);
|
|
1392
1468
|
};
|
|
1469
|
+
var handleApplyGlobalTheme = function handleApplyGlobalTheme() {
|
|
1470
|
+
return onApplyGlobalTheme(id);
|
|
1471
|
+
};
|
|
1393
1472
|
return /*#__PURE__*/jsx("div", {
|
|
1394
1473
|
className: "group space-y-2 pt-0.5",
|
|
1395
1474
|
"data-cy": active ? "active-theme-card" : "theme-card",
|
|
@@ -1442,12 +1521,18 @@ var Card = function Card(_ref) {
|
|
|
1442
1521
|
})]
|
|
1443
1522
|
}), /*#__PURE__*/jsxs("div", {
|
|
1444
1523
|
className: "neeto-ui-border-gray-100 flex items-start justify-between gap-1 border-t p-2",
|
|
1445
|
-
children: [/*#__PURE__*/
|
|
1446
|
-
className: "
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1524
|
+
children: [/*#__PURE__*/jsxs("div", {
|
|
1525
|
+
className: "flex items-center space-x-2",
|
|
1526
|
+
children: [/*#__PURE__*/jsx(Typography, {
|
|
1527
|
+
className: "line-clamp-2 min-w-0 flex-grow break-words pt-1",
|
|
1528
|
+
"data-cy": "theme-name",
|
|
1529
|
+
lineHeight: "snug",
|
|
1530
|
+
style: "body2",
|
|
1531
|
+
children: name
|
|
1532
|
+
}), isGlobalTheme && /*#__PURE__*/jsx(Rating, {
|
|
1533
|
+
className: "neeto-themes-nano-global-theme-icon",
|
|
1534
|
+
size: 18
|
|
1535
|
+
})]
|
|
1451
1536
|
}), /*#__PURE__*/jsx(MoreDropdown, {
|
|
1452
1537
|
dropdownButtonProps: {
|
|
1453
1538
|
size: "small"
|
|
@@ -1469,6 +1554,12 @@ var Card = function Card(_ref) {
|
|
|
1469
1554
|
"data-cy": "clone-theme-menu-item",
|
|
1470
1555
|
label: t("neetoThemes.build.leftSideBar.themes.themeOptions.clone"),
|
|
1471
1556
|
onClick: handleCloneTheme
|
|
1557
|
+
}, {
|
|
1558
|
+
key: "set-as-global-theme",
|
|
1559
|
+
"data-cy": "set-as-global-theme-menu-item",
|
|
1560
|
+
label: t("neetoThemes.build.leftSideBar.themes.themeOptions.setAsGlobalTheme.label"),
|
|
1561
|
+
isVisible: !isGlobalTheme,
|
|
1562
|
+
onClick: handleApplyGlobalTheme
|
|
1472
1563
|
}, {
|
|
1473
1564
|
key: "divider",
|
|
1474
1565
|
type: "divider",
|
|
@@ -1518,12 +1609,26 @@ var Themes = function Themes(_ref) {
|
|
|
1518
1609
|
}, shallow),
|
|
1519
1610
|
setThemeState = _useThemeStore.setThemeState,
|
|
1520
1611
|
previewingTheme = _useThemeStore.previewingTheme;
|
|
1612
|
+
var _useConfigStore = useConfigStore(function (store) {
|
|
1613
|
+
return {
|
|
1614
|
+
entityType: store["entityType"]
|
|
1615
|
+
};
|
|
1616
|
+
}, shallow),
|
|
1617
|
+
entityType = _useConfigStore.entityType;
|
|
1521
1618
|
var _useState = useState(""),
|
|
1522
1619
|
_useState2 = _slicedToArray(_useState, 2),
|
|
1523
1620
|
searchQuery = _useState2[0],
|
|
1524
1621
|
setSearchQuery = _useState2[1];
|
|
1525
1622
|
var _useCloneTheme = useCloneTheme(),
|
|
1526
1623
|
cloneTheme = _useCloneTheme.mutate;
|
|
1624
|
+
var _useApplyGlobalTheme = useApplyGlobalTheme(),
|
|
1625
|
+
applyGlobalTheme = _useApplyGlobalTheme.mutate;
|
|
1626
|
+
var _useShowGlobalTheme = useShowGlobalTheme(entityType),
|
|
1627
|
+
_useShowGlobalTheme$d = _useShowGlobalTheme.data,
|
|
1628
|
+
_useShowGlobalTheme$d2 = _useShowGlobalTheme$d === void 0 ? {} : _useShowGlobalTheme$d,
|
|
1629
|
+
_useShowGlobalTheme$d3 = _useShowGlobalTheme$d2.globalTheme,
|
|
1630
|
+
globalTheme = _useShowGlobalTheme$d3 === void 0 ? {} : _useShowGlobalTheme$d3,
|
|
1631
|
+
isLoadingGlobalTheme = _useShowGlobalTheme.isLoading;
|
|
1527
1632
|
useEffect(function () {
|
|
1528
1633
|
if (didScrollActiveThemeIntoView.current || !(currentTheme !== null && currentTheme !== void 0 && currentTheme.id)) return;
|
|
1529
1634
|
didScrollActiveThemeIntoView.current = true;
|
|
@@ -1552,7 +1657,16 @@ var Themes = function Themes(_ref) {
|
|
|
1552
1657
|
}
|
|
1553
1658
|
});
|
|
1554
1659
|
};
|
|
1555
|
-
|
|
1660
|
+
var handleApplyGlobalTheme = function handleApplyGlobalTheme(themeId) {
|
|
1661
|
+
var payload = {
|
|
1662
|
+
entityType: entityType
|
|
1663
|
+
};
|
|
1664
|
+
applyGlobalTheme({
|
|
1665
|
+
themeId: themeId,
|
|
1666
|
+
payload: payload
|
|
1667
|
+
});
|
|
1668
|
+
};
|
|
1669
|
+
if (isLoading || isCurrentThemeLoading || isLoadingGlobalTheme) {
|
|
1556
1670
|
return /*#__PURE__*/jsx("div", {
|
|
1557
1671
|
className: "flex h-full w-full items-center justify-center",
|
|
1558
1672
|
children: /*#__PURE__*/jsx(Spinner, {})
|
|
@@ -1588,9 +1702,11 @@ var Themes = function Themes(_ref) {
|
|
|
1588
1702
|
theme: theme,
|
|
1589
1703
|
thumbnail: thumbnail,
|
|
1590
1704
|
active: (currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme.id) === theme.id,
|
|
1705
|
+
isGlobalTheme: (globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.id) === theme.id,
|
|
1591
1706
|
isPreviewing: (previewingTheme === null || previewingTheme === void 0 ? void 0 : previewingTheme.id) === theme.id,
|
|
1592
1707
|
key: theme.id,
|
|
1593
1708
|
isApplyingTheme: isApplyingTheme && (themeBeingApplied === null || themeBeingApplied === void 0 ? void 0 : themeBeingApplied.id) === theme.id,
|
|
1709
|
+
onApplyGlobalTheme: handleApplyGlobalTheme,
|
|
1594
1710
|
onCloneTheme: handleCloneTheme,
|
|
1595
1711
|
onSetPreviewTheme: setPreviewTheme
|
|
1596
1712
|
});
|
|
@@ -1618,9 +1734,11 @@ var Themes = function Themes(_ref) {
|
|
|
1618
1734
|
theme: theme,
|
|
1619
1735
|
thumbnail: thumbnail,
|
|
1620
1736
|
active: isActive,
|
|
1737
|
+
isGlobalTheme: (globalTheme === null || globalTheme === void 0 ? void 0 : globalTheme.id) === theme.id,
|
|
1621
1738
|
isHighLightedTheme: theme.id === themeToHighlight,
|
|
1622
1739
|
key: theme.id,
|
|
1623
1740
|
isApplyingTheme: isApplyingTheme && (themeBeingApplied === null || themeBeingApplied === void 0 ? void 0 : themeBeingApplied.id) === theme.id,
|
|
1741
|
+
onApplyGlobalTheme: handleApplyGlobalTheme,
|
|
1624
1742
|
onCloneTheme: handleCloneTheme,
|
|
1625
1743
|
onDeleteTheme: !isActive && onDeleteTheme,
|
|
1626
1744
|
onSetPreviewTheme: setPreviewTheme
|