@enerex/template-studio 1.0.1 → 1.0.2

package/README.md

@@ -1,4 +1,4 @@
-# Template Editor - React Component Library
+# Template Studio - React Component Library
 
 A powerful and customizable editor widget built for React applications. This library simplifies the integration of dynamic template editing within your UI.
 
@@ -24,7 +24,7 @@ Import the component's stylesheet into your main CSS file (typically `App.css`):
 
 ```css
 /* App.css */
-@import "@enerex/template-studio/dist/template-editor.css";
+@import "@enerex/template-studio/dist/template-studio.css";
 ```
 
 ## Usage Example
@@ -33,7 +33,7 @@ Here is a basic example of how to use the `EditorWidget` component:
 
 ```jsx
 import React from "react";
-import { EditorWidget } from "template-editor";
+import { EditorWidget } from "template-studio";
 
 function App() {
   return (

package/dist/enerex-template-editor.es.js

@@ -358,12 +358,12 @@ var tu = ie.createContext(void 0),
       _ie$useState6 = _slicedToArray(_ie$useState5, 2),
       a = _ie$useState6[0],
       u = _ie$useState6[1],
-      _ie$useState7 = ie.useState(t.projectId),
+      _ie$useState7 = ie.useState(t.productId),
       _ie$useState8 = _slicedToArray(_ie$useState7, 2),
       o = _ie$useState8[0],
       c = _ie$useState8[1],
       l = function l(d) {
-        s(d.apiKey), i(d.clientId), c(d.projectId), u(d.enerexIdentifier);
+        s(d.apiKey), i(d.clientId), c(d.productId), u(d.enerexIdentifier);
       };
     return /* @__PURE__ */O.jsx(tu.Provider, {
       value: {
@@ -371,7 +371,7 @@ var tu = ie.createContext(void 0),
         apiKey: n,
         setConfiguration: l,
         enerexIdentifier: a,
-        projectId: o
+        productId: o
       },
       children: e
     });
@@ -8273,7 +8273,7 @@ var Ht = function Ht() {
     var e = Ht(),
       _Ot2 = Ot(),
       t = _Ot2.enerexIdentifier,
-      r = _Ot2.projectId;
+      r = _Ot2.productId;
     return pn({
       queryKey: ["getTemplateTags"],
       queryFn: function () {
@@ -8299,7 +8299,7 @@ var Ht = function Ht() {
     var e = Ht(),
       _Ot3 = Ot(),
       t = _Ot3.enerexIdentifier,
-      r = _Ot3.projectId;
+      r = _Ot3.productId;
     return pn({
       queryKey: ["getExcludeCategory"],
       queryFn: function () {
@@ -8500,7 +8500,7 @@ var Hh = function Hh(e) {
       })
     });
     return /* @__PURE__ */O.jsx(Dh, {
-      trigger: "hover",
+      trigger: ["hover", "focus"],
       placement: r,
       overlay: i,
       containerPadding: 0,
@@ -8574,7 +8574,7 @@ var Hh = function Hh(e) {
     var e = Ht(),
       _Ot4 = Ot(),
       t = _Ot4.enerexIdentifier,
-      r = _Ot4.projectId;
+      r = _Ot4.productId;
     return pn({
       queryKey: ["getTemplatesList"],
       queryFn: function () {
@@ -10503,7 +10503,7 @@ var hg = function hg() {
     var e = Ht(),
       _Ot5 = Ot(),
       t = _Ot5.enerexIdentifier,
-      r = _Ot5.projectId;
+      r = _Ot5.productId;
     return pu({
       mutationKey: ["getTemplate"],
       mutationFn: function () {
@@ -10537,7 +10537,7 @@ var hg = function hg() {
     var e = Ht(),
       _Ot6 = Ot(),
       t = _Ot6.enerexIdentifier,
-      r = _Ot6.projectId;
+      r = _Ot6.productId;
     return pn({
       queryKey: ["getTemplateTypes"],
       queryFn: function () {
@@ -15437,7 +15437,7 @@ var uy = function uy(_ref92) {
     Ui();
     var _Ot7 = Ot(),
       t = _Ot7.enerexIdentifier,
-      r = _Ot7.projectId;
+      r = _Ot7.productId;
     return pu({
       mutationKey: ["saveTemplate"],
       mutationFn: function () {
@@ -15446,7 +15446,7 @@ var uy = function uy(_ref92) {
             while (1) switch (_context22.n) {
               case 0:
                 n.enerexIdentifier = t !== null && t !== void 0 ? t : "";
-                n.projectId = r !== null && r !== void 0 ? r : "";
+                n.productId = r !== null && r !== void 0 ? r : "";
                 _context22.n = 1;
                 return e.post("".concat(kt.SaveTemplate), n);
               case 1:
@@ -15596,7 +15596,7 @@ var uy = function uy(_ref92) {
               case 0:
                 j = {
                   enerexIdentifier: "",
-                  projectId: "",
+                  productId: "",
                   templateId: (_g$id = g === null || g === void 0 ? void 0 : g.id) !== null && _g$id !== void 0 ? _g$id : "",
                   templateType: M.templateType.id,
                   name: M.templateName,
@@ -15681,6 +15681,7 @@ var uy = function uy(_ref92) {
               style: {
                 width: "70px"
               },
+              variant: "primary",
               disabled: f || x || S || E,
               onClick: function onClick() {
                 p(void 0), o(), r();
@@ -15701,6 +15702,7 @@ var uy = function uy(_ref92) {
               }) : "Clear"
             }), /* @__PURE__ */O.jsx(Fi, {
               type: "submit",
+              variant: "primary",
               style: {
                 width: "80px"
               },

package/dist/enerex-template-editor.umd.js

@@ -381,12 +381,12 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         _m$useState6 = _slicedToArray(_m$useState5, 2),
         o = _m$useState6[0],
         u = _m$useState6[1],
-        _m$useState7 = m.useState(t.projectId),
+        _m$useState7 = m.useState(t.productId),
         _m$useState8 = _slicedToArray(_m$useState7, 2),
         a = _m$useState8[0],
         l = _m$useState8[1],
         c = function c(d) {
-          s(d.apiKey), i(d.clientId), l(d.projectId), u(d.enerexIdentifier);
+          s(d.apiKey), i(d.clientId), l(d.productId), u(d.enerexIdentifier);
         };
       return R.jsx(Fs.Provider, {
         value: {
@@ -394,7 +394,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
           apiKey: n,
           setConfiguration: c,
           enerexIdentifier: o,
-          projectId: a
+          productId: a
         },
         children: e
       });
@@ -8006,7 +8006,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       var e = Vt(),
         _ht2 = ht(),
         t = _ht2.enerexIdentifier,
-        r = _ht2.projectId;
+        r = _ht2.productId;
       return Cr({
         queryKey: ["getTemplateTags"],
         queryFn: function () {
@@ -8032,7 +8032,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       var e = Vt(),
         _ht3 = ht(),
         t = _ht3.enerexIdentifier,
-        r = _ht3.projectId;
+        r = _ht3.productId;
       return Cr({
         queryKey: ["getExcludeCategory"],
         queryFn: function () {
@@ -8233,7 +8233,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
         })
       });
       return R.jsx(mh, {
-        trigger: "hover",
+        trigger: ["hover", "focus"],
         placement: r,
         overlay: i,
         containerPadding: 0,
@@ -8307,7 +8307,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       var e = Vt(),
         _ht4 = ht(),
         t = _ht4.enerexIdentifier,
-        r = _ht4.projectId;
+        r = _ht4.productId;
       return Cr({
         queryKey: ["getTemplatesList"],
         queryFn: function () {
@@ -10234,7 +10234,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       var e = Vt(),
         _ht5 = ht(),
         t = _ht5.enerexIdentifier,
-        r = _ht5.projectId;
+        r = _ht5.productId;
       return Qs({
         mutationKey: ["getTemplate"],
         mutationFn: function () {
@@ -10268,7 +10268,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       var e = Vt(),
         _ht6 = ht(),
         t = _ht6.enerexIdentifier,
-        r = _ht6.projectId;
+        r = _ht6.productId;
       return Cr({
         queryKey: ["getTemplateTypes"],
         queryFn: function () {
@@ -15013,7 +15013,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
       Tn();
       var _ht7 = ht(),
         t = _ht7.enerexIdentifier,
-        r = _ht7.projectId;
+        r = _ht7.productId;
       return Qs({
         mutationKey: ["saveTemplate"],
         mutationFn: function () {
@@ -15022,7 +15022,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
               while (1) switch (_context22.n) {
                 case 0:
                   n.enerexIdentifier = t !== null && t !== void 0 ? t : "";
-                  n.projectId = r !== null && r !== void 0 ? r : "";
+                  n.productId = r !== null && r !== void 0 ? r : "";
                   _context22.n = 1;
                   return e.post("".concat(Bt.SaveTemplate), n);
                 case 1:
@@ -15172,7 +15172,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                 case 0:
                   k = {
                     enerexIdentifier: "",
-                    projectId: "",
+                    productId: "",
                     templateId: (_g$id = g === null || g === void 0 ? void 0 : g.id) !== null && _g$id !== void 0 ? _g$id : "",
                     templateType: L.templateType.id,
                     name: L.templateName,
@@ -15257,6 +15257,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                 style: {
                   width: "70px"
                 },
+                variant: "primary",
                 disabled: f || E || T || A,
                 onClick: function onClick() {
                   p(void 0), a(), r();
@@ -15277,6 +15278,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
                 }) : "Clear"
               }), R.jsx(Ci, {
                 type: "submit",
+                variant: "primary",
                 style: {
                   width: "80px"
                 },

package/dist/template-studio.css

@@ -1 +1 @@
-body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ng-star-inserted{display:none}.wraped-text{text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased}.modal-title{margin-top:0}.required:after{content:" *";color:#fa5c7c}.inner-scroll .table-responsive{max-height:calc(100vh - 304px)!important}.inner-scroll-min .table-responsive{max-height:calc(100vh - 375px)!important}.inner-scroll-min-2 .table-responsive{max-height:calc(100vh - 390px)!important}.proposal-view{width:100%;border:1px solid;background:#f6f6f6}body{margin:0;place-items:normal;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}.info-icon{height:14px}.info-icon img{width:100%;height:100%}@media (prefers-color-scheme: light){:root{background-color:#fff}button{background-color:#f9f9f9}}#root{margin:0 auto;text-align:center;--ct-input-border-color: #dee2e6 !important;--ct-input-color: #98a6ad !important}body{--bs-body-font-size: .9rem !important;--bs-body-color: #6c757d !important;scrollbar-gutter:stable}.dark-popover{position:absolute!important;left:50%;transform:translate(-50%) translateY(-8px);z-index:9999;pointer-events:auto;width:50px!important;font-size:.85rem!important;padding:.5rem;background-color:#1e1e1e!important;color:#f1f1f1;border:1px solid #444;transition:opacity .2s ease,transform .2s ease}.dark-popover.bs-popover-top>.popover-arrow:before,.dark-popover.bs-popover-bottom>.popover-arrow:before,.dark-popover.bs-popover-left>.popover-arrow:before,.dark-popover.bs-popover-right>.popover-arrow:before{border-color:transparent!important}.dark-popover.bs-popover-top>.popover-arrow:after{border-top-color:#1e1e1e!important}.dark-popover.bs-popover-bottom>.popover-arrow:after{border-bottom-color:#1e1e1e!important}.dark-popover.bs-popover-left>.popover-arrow:after{border-left-color:#1e1e1e!important}.dark-popover.bs-popover-right>.popover-arrow:after{border-right-color:#1e1e1e!important}.template-list-container{max-height:350px;overflow-y:auto}.react-select__control--is-focused{border-color:var(--ct-input-border-color)!important;box-shadow:none!important}.react-select__option{color:var(--ct-input-color)!important;background-color:#fff!important}.react-select__option:hover,.react-select__option--is-focused,.react-select__option--is-selected{color:var(--ct-input-color)!important;background-color:#deebff!important}label{font-weight:600!important}input{padding-block:1px!important;padding-inline:2px!important}.form-control{display:block!important;outline:none!important;box-shadow:none!important;width:100%!important;padding:.45rem .9rem!important;font-size:.9rem!important;font-weight:400!important;line-height:1.5!important;color:var(--ct-input-color)!important;background-color:var(--ct-input-bg)!important;background-clip:padding-box!important;border:1px solid var(--ct-input-border-color)!important;appearance:none!important;border-radius:.25rem!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out!important}.btn{--bs-btn-padding-x: .9rem !important;--bs-btn-padding-y: .25rem !important;--bs-btn-font-size: .9rem !important;--bs-btn-font-weight: 400 !important;--bs-btn-line-height: 1.5 !important;--bs-btn-color: #6c757d !important;--bs-btn-bg: transparent !important;--bs-btn-border-width: 1px !important;--bs-btn-border-color: transparent !important;--bs-btn-border-radius: .15rem !important;--bs-btn-hover-border-color: transparent !important;--bs-btn-box-shadow: 0px 2px 6px 0px !important;--bs-btn-disabled-opacity: .65 !important;--bs-btn-focus-box-shadow: 0 0 0 .2rem rgba(var(--bs-btn-focus-shadow-rgb), .5) !important;display:inline-block!important;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x)!important;font-family:var(--bs-btn-font-family)!important;font-size:var(--bs-btn-font-size)!important;font-weight:var(--bs-btn-font-weight)!important;line-height:var(--bs-btn-line-height)!important;color:var(--bs-btn-color)!important;text-align:center!important;vertical-align:middle!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color)!important;border-radius:var(--bs-btn-border-radius)!important;background-color:var(--bs-btn-bg)!important;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out!important}.btn-primary{--bs-btn-color: #fff !important;--bs-btn-bg: #131c45 !important;--bs-btn-border-color: #131c45 !important;--bs-btn-hover-color: #fff !important;--bs-btn-hover-bg: #10183b !important;--bs-btn-hover-border-color: #0f1637 !important;--bs-btn-focus-shadow-rgb: 54, 62, 97 !important;--bs-btn-active-color: #fff !important;--bs-btn-active-bg: #0f1637 !important;--bs-btn-active-border-color: #0e1534 !important;--bs-btn-active-shadow: var(--ct-btn-active-box-shadow) !important;--bs-btn-disabled-color: #fff !important;--bs-btn-disabled-bg: #131c45 !important;--bs-btn-disabled-border-color: #131c45 !important}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.requiredField:after{content:"";font-family:FontAwesome;position:absolute;left:10px;top:10px;color:red}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:.3em}.read-the-docs{color:#888}.row{margin:0!important}#stripoEditorContainer{height:calc(100% + -0px)}.editor-container{height:100vh;position:absolute;min-width:1200px;width:100%;overflow:auto}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}
+body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ng-star-inserted{display:none}.wraped-text{text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased}.modal-title{margin-top:0}.required:after{content:" *";color:#fa5c7c}.inner-scroll .table-responsive{max-height:calc(100vh - 304px)!important}.inner-scroll-min .table-responsive{max-height:calc(100vh - 375px)!important}.inner-scroll-min-2 .table-responsive{max-height:calc(100vh - 390px)!important}.proposal-view{width:100%;border:1px solid;background:#f6f6f6}body{margin:0;place-items:normal;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}.info-icon{height:14px}.info-icon img{width:100%;height:100%}@media (prefers-color-scheme: light){:root{background-color:#fff}button{background-color:#f9f9f9}}#root{margin:0 auto;text-align:center;--ct-input-border-color: #dee2e6 !important;--ct-input-color: #98a6ad !important}body{--bs-body-font-size: .9rem !important;--bs-body-color: #6c757d !important;scrollbar-gutter:stable}.dark-popover{position:absolute!important;left:50%;transform:translate(-50%) translateY(-8px);z-index:9999;pointer-events:auto;width:50px!important;font-size:.85rem!important;padding:.5rem;background-color:#1e1e1e!important;color:#f1f1f1;border:1px solid #444}.dark-popover.bs-popover-top>.popover-arrow:before,.dark-popover.bs-popover-bottom>.popover-arrow:before,.dark-popover.bs-popover-left>.popover-arrow:before,.dark-popover.bs-popover-right>.popover-arrow:before{border-color:transparent!important}.dark-popover.bs-popover-top>.popover-arrow:after{border-top-color:#1e1e1e!important}.dark-popover.bs-popover-bottom>.popover-arrow:after{border-bottom-color:#1e1e1e!important}.dark-popover.bs-popover-left>.popover-arrow:after{border-left-color:#1e1e1e!important}.dark-popover.bs-popover-right>.popover-arrow:after{border-right-color:#1e1e1e!important}.template-list-container{max-height:350px;overflow-y:auto}.react-select__control--is-focused{border-color:var(--ct-input-border-color)!important;box-shadow:none!important}.react-select__option{color:var(--ct-input-color)!important;background-color:#fff!important}.react-select__option:hover,.react-select__option--is-focused,.react-select__option--is-selected{color:var(--ct-input-color)!important;background-color:#deebff!important}label{font-weight:600!important}input{padding-block:1px!important;padding-inline:2px!important}.form-control{display:block!important;outline:none!important;box-shadow:none!important;width:100%!important;padding:.45rem .9rem!important;font-size:.9rem!important;font-weight:400!important;line-height:1.5!important;color:var(--ct-input-color)!important;background-color:var(--ct-input-bg)!important;background-clip:padding-box!important;border:1px solid var(--ct-input-border-color)!important;appearance:none!important;border-radius:.25rem!important;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out!important}.btn{--bs-btn-padding-x: .9rem !important;--bs-btn-padding-y: .25rem !important;--bs-btn-font-size: .9rem !important;--bs-btn-font-weight: 400 !important;--bs-btn-line-height: 1.5 !important;--bs-btn-color: #6c757d !important;--bs-btn-bg: transparent !important;--bs-btn-border-width: 1px !important;--bs-btn-border-color: transparent !important;--bs-btn-border-radius: .15rem !important;--bs-btn-hover-border-color: transparent !important;--bs-btn-box-shadow: 0px 2px 6px 0px !important;--bs-btn-disabled-opacity: .65 !important;--bs-btn-focus-box-shadow: 0 0 0 .2rem rgba(var(--bs-btn-focus-shadow-rgb), .5) !important;display:inline-block!important;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x)!important;font-family:var(--bs-btn-font-family)!important;font-size:var(--bs-btn-font-size)!important;font-weight:var(--bs-btn-font-weight)!important;line-height:var(--bs-btn-line-height)!important;color:var(--bs-btn-color)!important;text-align:center!important;vertical-align:middle!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color)!important;border-radius:var(--bs-btn-border-radius)!important;background-color:var(--bs-btn-bg)!important;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out!important}.btn-primary{--bs-btn-color: #fff !important;--bs-btn-bg: #131c45 !important;--bs-btn-border-color: #131c45 !important;--bs-btn-hover-color: #fff !important;--bs-btn-hover-bg: #10183b !important;--bs-btn-hover-border-color: #0f1637 !important;--bs-btn-focus-shadow-rgb: 54, 62, 97 !important;--bs-btn-active-color: #fff !important;--bs-btn-active-bg: #0f1637 !important;--bs-btn-active-border-color: #0e1534 !important;--bs-btn-active-shadow: var(--ct-btn-active-box-shadow) !important;--bs-btn-disabled-color: #fff !important;--bs-btn-disabled-bg: #131c45 !important;--bs-btn-disabled-border-color: #131c45 !important}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.requiredField:after{content:"";font-family:FontAwesome;position:absolute;left:10px;top:10px;color:red}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:.3em}.read-the-docs{color:#888}.row{margin:0!important}#stripoEditorContainer{height:calc(100% + -0px)}.editor-container{height:100vh;position:absolute;min-width:1200px;width:100%;overflow:auto}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;justify-content:center;align-items:center;z-index:1000}

package/dist/types/component/editor/index.d.ts

@@ -1,3 +1,4 @@
+import "./editor-style.css";
 import type { stripoData } from "../../type/application-type";
 interface IproposalEditorProps {
     templateHTML?: stripoData;

package/dist/types/context/configuration-provider.d.ts

@@ -7,7 +7,7 @@ export interface IConfigSettings {
     clientId: string;
     apiKey: string;
     enerexIdentifier?: string;
-    projectId?: string;
+    productId?: string;
 }
 interface ConfigProvidersProp extends SingleChildProp {
     configs: IConfigSettings;

package/dist/types/queries/types.d.ts

@@ -14,7 +14,7 @@ export type ITemplate = {
     css: string;
     active: string;
     enerexIdentifier: string;
-    projectId: string;
+    productId: string;
     templateType: number;
 };
 export type ITemplateTypes = {
@@ -23,7 +23,7 @@ export type ITemplateTypes = {
 };
 export type ISaveTemplate = {
     enerexIdentifier: string;
-    projectId: string;
+    productId: string;
     templateId: string;
     templateType: number;
     name: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enerex/template-studio",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "main": "./dist/enerex-template-editor.umd.js",
   "module": "./dist/enerex-template-editor.es.js",
   "types": "./dist/types/index.d.ts",