@elementor/editor-current-user 0.1.0 → 0.2.0

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @elementor/editor-current-user@0.1.0 build
+> @elementor/editor-current-user@0.2.0 build
 > tsup --config=../../tsup.build.ts
 
 CLI Building entry: src/index.ts
@@ -10,13 +10,13 @@
 CLI Cleaning output folder
 ESM Build start
 CJS Build start
-CJS dist/index.js     2.53 KB
-CJS dist/index.js.map 3.00 KB
-CJS ⚡️ Build success in 49ms
-ESM dist/index.mjs     1.39 KB
-ESM dist/index.mjs.map 2.80 KB
-ESM ⚡️ Build success in 51ms
+CJS dist/index.js     3.45 KB
+CJS dist/index.js.map 4.88 KB
+CJS ⚡️ Build success in 81ms
+ESM dist/index.mjs     2.34 KB
+ESM dist/index.mjs.map 4.85 KB
+ESM ⚡️ Build success in 84ms
 DTS Build start
-DTS ⚡️ Build success in 9572ms
-DTS dist/index.d.mts 476.00 B
-DTS dist/index.d.ts  476.00 B
+DTS ⚡️ Build success in 13014ms
+DTS dist/index.d.mts 126.00 B
+DTS dist/index.d.ts  126.00 B

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @elementor/editor-current-user
 
+## 0.2.0
+
+### Minor Changes
+
+- dd8654a: Add introduction modal to class manager panel
+
 ## 0.1.0
 
 ### Minor Changes

package/dist/index.d.mts

@@ -1,14 +1,3 @@
-import * as _tanstack_react_query from '@tanstack/react-query';
-import * as axios from 'axios';
+declare const useSuppressedMessage: (messageKey: string) => readonly [boolean, () => void];
 
-type User = {
-    suppressedMessages: string[];
-};
-
-declare const useCurrentUser: () => _tanstack_react_query.UseQueryResult<User, Error>;
-
-declare const useUpdateCurrentUser: () => _tanstack_react_query.UseMutationResult<axios.AxiosResponse<{
-    elementor_introduction: Record<string, boolean>;
-}, any>, Error, User, unknown>;
-
-export { useCurrentUser, useUpdateCurrentUser };
+export { useSuppressedMessage };

package/dist/index.d.ts

@@ -1,14 +1,3 @@
-import * as _tanstack_react_query from '@tanstack/react-query';
-import * as axios from 'axios';
+declare const useSuppressedMessage: (messageKey: string) => readonly [boolean, () => void];
 
-type User = {
-    suppressedMessages: string[];
-};
-
-declare const useCurrentUser: () => _tanstack_react_query.UseQueryResult<User, Error>;
-
-declare const useUpdateCurrentUser: () => _tanstack_react_query.UseMutationResult<axios.AxiosResponse<{
-    elementor_introduction: Record<string, boolean>;
-}, any>, Error, User, unknown>;
-
-export { useCurrentUser, useUpdateCurrentUser };
+export { useSuppressedMessage };

package/dist/index.js

@@ -20,13 +20,15 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  useCurrentUser: () => useCurrentUser,
-  useUpdateCurrentUser: () => useUpdateCurrentUser
+  useSuppressedMessage: () => useSuppressedMessage
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/use-current-user.ts
-var import_query = require("@elementor/query");
+// src/init.ts
+var import_editor = require("@elementor/editor");
+
+// src/components/prefetch-user-data.tsx
+var import_query2 = require("@elementor/query");
 
 // src/api.ts
 var import_http = require("@elementor/http");
@@ -55,26 +57,60 @@ var userToRequest = (user) => {
 };
 
 // src/use-current-user.ts
+var import_query = require("@elementor/query");
 var EDITOR_CURRENT_USER_QUERY_KEY = "editor-current-user";
-var useCurrentUser = () => {
-  return (0, import_query.useQuery)({
+var useCurrentUser = () => (0, import_query.useQuery)({
+  queryKey: [EDITOR_CURRENT_USER_QUERY_KEY],
+  queryFn: apiClient.get
+});
+
+// src/components/prefetch-user-data.tsx
+function PrefetchUserData() {
+  const queryClient = (0, import_query2.useQueryClient)();
+  queryClient.prefetchQuery({
     queryKey: [EDITOR_CURRENT_USER_QUERY_KEY],
     queryFn: apiClient.get
   });
+  return null;
+}
+
+// src/init.ts
+var init = () => {
+  (0, import_editor.injectIntoLogic)({
+    id: "current-user-data",
+    component: PrefetchUserData
+  });
 };
 
 // src/use-update-current-user.ts
-var import_query2 = require("@elementor/query");
+var import_query3 = require("@elementor/query");
 var useUpdateCurrentUser = () => {
-  const queryClient = (0, import_query2.useQueryClient)();
-  return (0, import_query2.useMutation)({
+  const queryClient = (0, import_query3.useQueryClient)();
+  return (0, import_query3.useMutation)({
     mutationFn: apiClient.update,
     onSuccess: () => queryClient.invalidateQueries({ queryKey: [EDITOR_CURRENT_USER_QUERY_KEY] })
   });
 };
+
+// src/use-suppressed-message.ts
+var useSuppressedMessage = (messageKey) => {
+  const { data } = useCurrentUser();
+  const { mutate } = useUpdateCurrentUser();
+  const isMessageSuppressed = !!data?.suppressedMessages.includes(messageKey);
+  const suppressMessage = () => {
+    if (!isMessageSuppressed) {
+      mutate({
+        suppressedMessages: [...data?.suppressedMessages ?? [], messageKey]
+      });
+    }
+  };
+  return [isMessageSuppressed, suppressMessage];
+};
+
+// src/index.ts
+init();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  useCurrentUser,
-  useUpdateCurrentUser
+  useSuppressedMessage
 });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/use-current-user.ts","../src/api.ts","../src/use-update-current-user.ts"],"sourcesContent":["export { useCurrentUser } from './use-current-user';\nexport { useUpdateCurrentUser } from './use-update-current-user';\n","import { useQuery } from '@elementor/query';\n\nimport { apiClient } from './api';\n\nexport const EDITOR_CURRENT_USER_QUERY_KEY = 'editor-current-user';\n\nexport const useCurrentUser = () => {\n\treturn useQuery( {\n\t\tqueryKey: [ EDITOR_CURRENT_USER_QUERY_KEY ],\n\t\tqueryFn: apiClient.get,\n\t} );\n};\n","import { httpService } from '@elementor/http';\n\nimport { type User } from './types';\n\nconst RESOURCE_URL = '/users/me';\n\ntype UserModel = {\n\telementor_introduction: Record< string, boolean >;\n};\n\nexport const apiClient = {\n\tget: () =>\n\t\thttpService()\n\t\t\t.get< UserModel >( 'wp/v2' + RESOURCE_URL )\n\t\t\t.then( ( res ) => {\n\t\t\t\treturn responseToUser( res.data );\n\t\t\t} ),\n\tupdate: ( data: User ) => httpService().patch< UserModel >( 'wp/v2' + RESOURCE_URL, userToRequest( data ) ),\n};\n\nconst responseToUser = ( response: UserModel ): User => {\n\treturn {\n\t\tsuppressedMessages: Object.entries( response.elementor_introduction )\n\t\t\t.filter( ( [ , value ] ) => value )\n\t\t\t.map( ( [ message ] ) => message ),\n\t};\n};\n\nconst userToRequest = ( user: User ): UserModel => {\n\treturn {\n\t\telementor_introduction: user.suppressedMessages.reduce(\n\t\t\t( acc, message ) => {\n\t\t\t\tacc[ message ] = true;\n\n\t\t\t\treturn acc;\n\t\t\t},\n\t\t\t{} as Record< string, boolean >\n\t\t),\n\t};\n};\n","import { useMutation, useQueryClient } from '@elementor/query';\n\nimport { apiClient } from './api';\nimport { EDITOR_CURRENT_USER_QUERY_KEY } from './use-current-user';\n\nexport const useUpdateCurrentUser = () => {\n\tconst queryClient = useQueryClient();\n\n\treturn useMutation( {\n\t\tmutationFn: apiClient.update,\n\t\tonSuccess: () => queryClient.invalidateQueries( { queryKey: [ EDITOR_CURRENT_USER_QUERY_KEY ] } ),\n\t} );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAyB;;;ACAzB,kBAA4B;AAI5B,IAAM,eAAe;AAMd,IAAM,YAAY;AAAA,EACxB,KAAK,UACJ,yBAAY,EACV,IAAkB,UAAU,YAAa,EACzC,KAAM,CAAE,QAAS;AACjB,WAAO,eAAgB,IAAI,IAAK;AAAA,EACjC,CAAE;AAAA,EACJ,QAAQ,CAAE,aAAgB,yBAAY,EAAE,MAAoB,UAAU,cAAc,cAAe,IAAK,CAAE;AAC3G;AAEA,IAAM,iBAAiB,CAAE,aAA+B;AACvD,SAAO;AAAA,IACN,oBAAoB,OAAO,QAAS,SAAS,sBAAuB,EAClE,OAAQ,CAAE,CAAE,EAAE,KAAM,MAAO,KAAM,EACjC,IAAK,CAAE,CAAE,OAAQ,MAAO,OAAQ;AAAA,EACnC;AACD;AAEA,IAAM,gBAAgB,CAAE,SAA2B;AAClD,SAAO;AAAA,IACN,wBAAwB,KAAK,mBAAmB;AAAA,MAC/C,CAAE,KAAK,YAAa;AACnB,YAAK,OAAQ,IAAI;AAEjB,eAAO;AAAA,MACR;AAAA,MACA,CAAC;AAAA,IACF;AAAA,EACD;AACD;;;ADnCO,IAAM,gCAAgC;AAEtC,IAAM,iBAAiB,MAAM;AACnC,aAAO,uBAAU;AAAA,IAChB,UAAU,CAAE,6BAA8B;AAAA,IAC1C,SAAS,UAAU;AAAA,EACpB,CAAE;AACH;;;AEXA,IAAAA,gBAA4C;AAKrC,IAAM,uBAAuB,MAAM;AACzC,QAAM,kBAAc,8BAAe;AAEnC,aAAO,2BAAa;AAAA,IACnB,YAAY,UAAU;AAAA,IACtB,WAAW,MAAM,YAAY,kBAAmB,EAAE,UAAU,CAAE,6BAA8B,EAAE,CAAE;AAAA,EACjG,CAAE;AACH;","names":["import_query"]}
+{"version":3,"sources":["../src/index.ts","../src/init.ts","../src/components/prefetch-user-data.tsx","../src/api.ts","../src/use-current-user.ts","../src/use-update-current-user.ts","../src/use-suppressed-message.ts"],"sourcesContent":["import { init } from './init';\n\nexport { useSuppressedMessage } from './use-suppressed-message';\n\ninit();\n","import { injectIntoLogic } from '@elementor/editor';\n\nimport { PrefetchUserData } from './components/prefetch-user-data';\n\nexport const init = () => {\n\tinjectIntoLogic( {\n\t\tid: 'current-user-data',\n\t\tcomponent: PrefetchUserData,\n\t} );\n};\n","import { useQueryClient } from '@elementor/query';\n\nimport { apiClient } from '../api';\nimport { EDITOR_CURRENT_USER_QUERY_KEY } from '../use-current-user';\n\nexport function PrefetchUserData() {\n\tconst queryClient = useQueryClient();\n\n\tqueryClient.prefetchQuery( {\n\t\tqueryKey: [ EDITOR_CURRENT_USER_QUERY_KEY ],\n\t\tqueryFn: apiClient.get,\n\t} );\n\n\treturn null;\n}\n","import { httpService } from '@elementor/http';\n\nimport { type User } from './types';\n\nconst RESOURCE_URL = '/users/me';\n\ntype UserModel = {\n\telementor_introduction: Record< string, boolean >;\n};\n\nexport const apiClient = {\n\tget: () =>\n\t\thttpService()\n\t\t\t.get< UserModel >( 'wp/v2' + RESOURCE_URL )\n\t\t\t.then( ( res ) => {\n\t\t\t\treturn responseToUser( res.data );\n\t\t\t} ),\n\tupdate: ( data: User ) => httpService().patch< UserModel >( 'wp/v2' + RESOURCE_URL, userToRequest( data ) ),\n};\n\nconst responseToUser = ( response: UserModel ): User => {\n\treturn {\n\t\tsuppressedMessages: Object.entries( response.elementor_introduction )\n\t\t\t.filter( ( [ , value ] ) => value )\n\t\t\t.map( ( [ message ] ) => message ),\n\t};\n};\n\nconst userToRequest = ( user: User ): UserModel => {\n\treturn {\n\t\telementor_introduction: user.suppressedMessages.reduce(\n\t\t\t( acc, message ) => {\n\t\t\t\tacc[ message ] = true;\n\n\t\t\t\treturn acc;\n\t\t\t},\n\t\t\t{} as Record< string, boolean >\n\t\t),\n\t};\n};\n","import { useQuery } from '@elementor/query';\n\nimport { apiClient } from './api';\n\nexport const EDITOR_CURRENT_USER_QUERY_KEY = 'editor-current-user';\n\nexport const useCurrentUser = () =>\n\tuseQuery( {\n\t\tqueryKey: [ EDITOR_CURRENT_USER_QUERY_KEY ],\n\t\tqueryFn: apiClient.get,\n\t} );\n","import { useMutation, useQueryClient } from '@elementor/query';\n\nimport { apiClient } from './api';\nimport { EDITOR_CURRENT_USER_QUERY_KEY } from './use-current-user';\n\nexport const useUpdateCurrentUser = () => {\n\tconst queryClient = useQueryClient();\n\n\treturn useMutation( {\n\t\tmutationFn: apiClient.update,\n\t\tonSuccess: () => queryClient.invalidateQueries( { queryKey: [ EDITOR_CURRENT_USER_QUERY_KEY ] } ),\n\t} );\n};\n","import { useCurrentUser } from './use-current-user';\nimport { useUpdateCurrentUser } from './use-update-current-user';\n\nexport const useSuppressedMessage = ( messageKey: string ) => {\n\tconst { data } = useCurrentUser();\n\tconst { mutate } = useUpdateCurrentUser();\n\n\tconst isMessageSuppressed = !! data?.suppressedMessages.includes( messageKey );\n\n\tconst suppressMessage = () => {\n\t\tif ( ! isMessageSuppressed ) {\n\t\t\tmutate( {\n\t\t\t\tsuppressedMessages: [ ...( data?.suppressedMessages ?? [] ), messageKey ],\n\t\t\t} );\n\t\t}\n\t};\n\n\treturn [ isMessageSuppressed, suppressMessage ] as const;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBAAgC;;;ACAhC,IAAAA,gBAA+B;;;ACA/B,kBAA4B;AAI5B,IAAM,eAAe;AAMd,IAAM,YAAY;AAAA,EACxB,KAAK,UACJ,yBAAY,EACV,IAAkB,UAAU,YAAa,EACzC,KAAM,CAAE,QAAS;AACjB,WAAO,eAAgB,IAAI,IAAK;AAAA,EACjC,CAAE;AAAA,EACJ,QAAQ,CAAE,aAAgB,yBAAY,EAAE,MAAoB,UAAU,cAAc,cAAe,IAAK,CAAE;AAC3G;AAEA,IAAM,iBAAiB,CAAE,aAA+B;AACvD,SAAO;AAAA,IACN,oBAAoB,OAAO,QAAS,SAAS,sBAAuB,EAClE,OAAQ,CAAE,CAAE,EAAE,KAAM,MAAO,KAAM,EACjC,IAAK,CAAE,CAAE,OAAQ,MAAO,OAAQ;AAAA,EACnC;AACD;AAEA,IAAM,gBAAgB,CAAE,SAA2B;AAClD,SAAO;AAAA,IACN,wBAAwB,KAAK,mBAAmB;AAAA,MAC/C,CAAE,KAAK,YAAa;AACnB,YAAK,OAAQ,IAAI;AAEjB,eAAO;AAAA,MACR;AAAA,MACA,CAAC;AAAA,IACF;AAAA,EACD;AACD;;;ACvCA,mBAAyB;AAIlB,IAAM,gCAAgC;AAEtC,IAAM,iBAAiB,UAC7B,uBAAU;AAAA,EACT,UAAU,CAAE,6BAA8B;AAAA,EAC1C,SAAS,UAAU;AACpB,CAAE;;;AFLI,SAAS,mBAAmB;AAClC,QAAM,kBAAc,8BAAe;AAEnC,cAAY,cAAe;AAAA,IAC1B,UAAU,CAAE,6BAA8B;AAAA,IAC1C,SAAS,UAAU;AAAA,EACpB,CAAE;AAEF,SAAO;AACR;;;ADVO,IAAM,OAAO,MAAM;AACzB,qCAAiB;AAAA,IAChB,IAAI;AAAA,IACJ,WAAW;AAAA,EACZ,CAAE;AACH;;;AITA,IAAAC,gBAA4C;AAKrC,IAAM,uBAAuB,MAAM;AACzC,QAAM,kBAAc,8BAAe;AAEnC,aAAO,2BAAa;AAAA,IACnB,YAAY,UAAU;AAAA,IACtB,WAAW,MAAM,YAAY,kBAAmB,EAAE,UAAU,CAAE,6BAA8B,EAAE,CAAE;AAAA,EACjG,CAAE;AACH;;;ACTO,IAAM,uBAAuB,CAAE,eAAwB;AAC7D,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,EAAE,OAAO,IAAI,qBAAqB;AAExC,QAAM,sBAAsB,CAAC,CAAE,MAAM,mBAAmB,SAAU,UAAW;AAE7E,QAAM,kBAAkB,MAAM;AAC7B,QAAK,CAAE,qBAAsB;AAC5B,aAAQ;AAAA,QACP,oBAAoB,CAAE,GAAK,MAAM,sBAAsB,CAAC,GAAK,UAAW;AAAA,MACzE,CAAE;AAAA,IACH;AAAA,EACD;AAEA,SAAO,CAAE,qBAAqB,eAAgB;AAC/C;;;ANdA,KAAK;","names":["import_query","import_query"]}

package/dist/index.mjs

@@ -1,5 +1,8 @@
-// src/use-current-user.ts
-import { useQuery } from "@elementor/query";
+// src/init.ts
+import { injectIntoLogic } from "@elementor/editor";
+
+// src/components/prefetch-user-data.tsx
+import { useQueryClient } from "@elementor/query";
 
 // src/api.ts
 import { httpService } from "@elementor/http";
@@ -28,25 +31,59 @@ var userToRequest = (user) => {
 };
 
 // src/use-current-user.ts
+import { useQuery } from "@elementor/query";
 var EDITOR_CURRENT_USER_QUERY_KEY = "editor-current-user";
-var useCurrentUser = () => {
-  return useQuery({
+var useCurrentUser = () => useQuery({
+  queryKey: [EDITOR_CURRENT_USER_QUERY_KEY],
+  queryFn: apiClient.get
+});
+
+// src/components/prefetch-user-data.tsx
+function PrefetchUserData() {
+  const queryClient = useQueryClient();
+  queryClient.prefetchQuery({
     queryKey: [EDITOR_CURRENT_USER_QUERY_KEY],
     queryFn: apiClient.get
   });
+  return null;
+}
+
+// src/init.ts
+var init = () => {
+  injectIntoLogic({
+    id: "current-user-data",
+    component: PrefetchUserData
+  });
 };
 
 // src/use-update-current-user.ts
-import { useMutation, useQueryClient } from "@elementor/query";
+import { useMutation, useQueryClient as useQueryClient2 } from "@elementor/query";
 var useUpdateCurrentUser = () => {
-  const queryClient = useQueryClient();
+  const queryClient = useQueryClient2();
   return useMutation({
     mutationFn: apiClient.update,
     onSuccess: () => queryClient.invalidateQueries({ queryKey: [EDITOR_CURRENT_USER_QUERY_KEY] })
   });
 };
+
+// src/use-suppressed-message.ts
+var useSuppressedMessage = (messageKey) => {
+  const { data } = useCurrentUser();
+  const { mutate } = useUpdateCurrentUser();
+  const isMessageSuppressed = !!data?.suppressedMessages.includes(messageKey);
+  const suppressMessage = () => {
+    if (!isMessageSuppressed) {
+      mutate({
+        suppressedMessages: [...data?.suppressedMessages ?? [], messageKey]
+      });
+    }
+  };
+  return [isMessageSuppressed, suppressMessage];
+};
+
+// src/index.ts
+init();
 export {
-  useCurrentUser,
-  useUpdateCurrentUser
+  useSuppressedMessage
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/use-current-user.ts","../src/api.ts","../src/use-update-current-user.ts"],"sourcesContent":["import { useQuery } from '@elementor/query';\n\nimport { apiClient } from './api';\n\nexport const EDITOR_CURRENT_USER_QUERY_KEY = 'editor-current-user';\n\nexport const useCurrentUser = () => {\n\treturn useQuery( {\n\t\tqueryKey: [ EDITOR_CURRENT_USER_QUERY_KEY ],\n\t\tqueryFn: apiClient.get,\n\t} );\n};\n","import { httpService } from '@elementor/http';\n\nimport { type User } from './types';\n\nconst RESOURCE_URL = '/users/me';\n\ntype UserModel = {\n\telementor_introduction: Record< string, boolean >;\n};\n\nexport const apiClient = {\n\tget: () =>\n\t\thttpService()\n\t\t\t.get< UserModel >( 'wp/v2' + RESOURCE_URL )\n\t\t\t.then( ( res ) => {\n\t\t\t\treturn responseToUser( res.data );\n\t\t\t} ),\n\tupdate: ( data: User ) => httpService().patch< UserModel >( 'wp/v2' + RESOURCE_URL, userToRequest( data ) ),\n};\n\nconst responseToUser = ( response: UserModel ): User => {\n\treturn {\n\t\tsuppressedMessages: Object.entries( response.elementor_introduction )\n\t\t\t.filter( ( [ , value ] ) => value )\n\t\t\t.map( ( [ message ] ) => message ),\n\t};\n};\n\nconst userToRequest = ( user: User ): UserModel => {\n\treturn {\n\t\telementor_introduction: user.suppressedMessages.reduce(\n\t\t\t( acc, message ) => {\n\t\t\t\tacc[ message ] = true;\n\n\t\t\t\treturn acc;\n\t\t\t},\n\t\t\t{} as Record< string, boolean >\n\t\t),\n\t};\n};\n","import { useMutation, useQueryClient } from '@elementor/query';\n\nimport { apiClient } from './api';\nimport { EDITOR_CURRENT_USER_QUERY_KEY } from './use-current-user';\n\nexport const useUpdateCurrentUser = () => {\n\tconst queryClient = useQueryClient();\n\n\treturn useMutation( {\n\t\tmutationFn: apiClient.update,\n\t\tonSuccess: () => queryClient.invalidateQueries( { queryKey: [ EDITOR_CURRENT_USER_QUERY_KEY ] } ),\n\t} );\n};\n"],"mappings":";AAAA,SAAS,gBAAgB;;;ACAzB,SAAS,mBAAmB;AAI5B,IAAM,eAAe;AAMd,IAAM,YAAY;AAAA,EACxB,KAAK,MACJ,YAAY,EACV,IAAkB,UAAU,YAAa,EACzC,KAAM,CAAE,QAAS;AACjB,WAAO,eAAgB,IAAI,IAAK;AAAA,EACjC,CAAE;AAAA,EACJ,QAAQ,CAAE,SAAgB,YAAY,EAAE,MAAoB,UAAU,cAAc,cAAe,IAAK,CAAE;AAC3G;AAEA,IAAM,iBAAiB,CAAE,aAA+B;AACvD,SAAO;AAAA,IACN,oBAAoB,OAAO,QAAS,SAAS,sBAAuB,EAClE,OAAQ,CAAE,CAAE,EAAE,KAAM,MAAO,KAAM,EACjC,IAAK,CAAE,CAAE,OAAQ,MAAO,OAAQ;AAAA,EACnC;AACD;AAEA,IAAM,gBAAgB,CAAE,SAA2B;AAClD,SAAO;AAAA,IACN,wBAAwB,KAAK,mBAAmB;AAAA,MAC/C,CAAE,KAAK,YAAa;AACnB,YAAK,OAAQ,IAAI;AAEjB,eAAO;AAAA,MACR;AAAA,MACA,CAAC;AAAA,IACF;AAAA,EACD;AACD;;;ADnCO,IAAM,gCAAgC;AAEtC,IAAM,iBAAiB,MAAM;AACnC,SAAO,SAAU;AAAA,IAChB,UAAU,CAAE,6BAA8B;AAAA,IAC1C,SAAS,UAAU;AAAA,EACpB,CAAE;AACH;;;AEXA,SAAS,aAAa,sBAAsB;AAKrC,IAAM,uBAAuB,MAAM;AACzC,QAAM,cAAc,eAAe;AAEnC,SAAO,YAAa;AAAA,IACnB,YAAY,UAAU;AAAA,IACtB,WAAW,MAAM,YAAY,kBAAmB,EAAE,UAAU,CAAE,6BAA8B,EAAE,CAAE;AAAA,EACjG,CAAE;AACH;","names":[]}
+{"version":3,"sources":["../src/init.ts","../src/components/prefetch-user-data.tsx","../src/api.ts","../src/use-current-user.ts","../src/use-update-current-user.ts","../src/use-suppressed-message.ts","../src/index.ts"],"sourcesContent":["import { injectIntoLogic } from '@elementor/editor';\n\nimport { PrefetchUserData } from './components/prefetch-user-data';\n\nexport const init = () => {\n\tinjectIntoLogic( {\n\t\tid: 'current-user-data',\n\t\tcomponent: PrefetchUserData,\n\t} );\n};\n","import { useQueryClient } from '@elementor/query';\n\nimport { apiClient } from '../api';\nimport { EDITOR_CURRENT_USER_QUERY_KEY } from '../use-current-user';\n\nexport function PrefetchUserData() {\n\tconst queryClient = useQueryClient();\n\n\tqueryClient.prefetchQuery( {\n\t\tqueryKey: [ EDITOR_CURRENT_USER_QUERY_KEY ],\n\t\tqueryFn: apiClient.get,\n\t} );\n\n\treturn null;\n}\n","import { httpService } from '@elementor/http';\n\nimport { type User } from './types';\n\nconst RESOURCE_URL = '/users/me';\n\ntype UserModel = {\n\telementor_introduction: Record< string, boolean >;\n};\n\nexport const apiClient = {\n\tget: () =>\n\t\thttpService()\n\t\t\t.get< UserModel >( 'wp/v2' + RESOURCE_URL )\n\t\t\t.then( ( res ) => {\n\t\t\t\treturn responseToUser( res.data );\n\t\t\t} ),\n\tupdate: ( data: User ) => httpService().patch< UserModel >( 'wp/v2' + RESOURCE_URL, userToRequest( data ) ),\n};\n\nconst responseToUser = ( response: UserModel ): User => {\n\treturn {\n\t\tsuppressedMessages: Object.entries( response.elementor_introduction )\n\t\t\t.filter( ( [ , value ] ) => value )\n\t\t\t.map( ( [ message ] ) => message ),\n\t};\n};\n\nconst userToRequest = ( user: User ): UserModel => {\n\treturn {\n\t\telementor_introduction: user.suppressedMessages.reduce(\n\t\t\t( acc, message ) => {\n\t\t\t\tacc[ message ] = true;\n\n\t\t\t\treturn acc;\n\t\t\t},\n\t\t\t{} as Record< string, boolean >\n\t\t),\n\t};\n};\n","import { useQuery } from '@elementor/query';\n\nimport { apiClient } from './api';\n\nexport const EDITOR_CURRENT_USER_QUERY_KEY = 'editor-current-user';\n\nexport const useCurrentUser = () =>\n\tuseQuery( {\n\t\tqueryKey: [ EDITOR_CURRENT_USER_QUERY_KEY ],\n\t\tqueryFn: apiClient.get,\n\t} );\n","import { useMutation, useQueryClient } from '@elementor/query';\n\nimport { apiClient } from './api';\nimport { EDITOR_CURRENT_USER_QUERY_KEY } from './use-current-user';\n\nexport const useUpdateCurrentUser = () => {\n\tconst queryClient = useQueryClient();\n\n\treturn useMutation( {\n\t\tmutationFn: apiClient.update,\n\t\tonSuccess: () => queryClient.invalidateQueries( { queryKey: [ EDITOR_CURRENT_USER_QUERY_KEY ] } ),\n\t} );\n};\n","import { useCurrentUser } from './use-current-user';\nimport { useUpdateCurrentUser } from './use-update-current-user';\n\nexport const useSuppressedMessage = ( messageKey: string ) => {\n\tconst { data } = useCurrentUser();\n\tconst { mutate } = useUpdateCurrentUser();\n\n\tconst isMessageSuppressed = !! data?.suppressedMessages.includes( messageKey );\n\n\tconst suppressMessage = () => {\n\t\tif ( ! isMessageSuppressed ) {\n\t\t\tmutate( {\n\t\t\t\tsuppressedMessages: [ ...( data?.suppressedMessages ?? [] ), messageKey ],\n\t\t\t} );\n\t\t}\n\t};\n\n\treturn [ isMessageSuppressed, suppressMessage ] as const;\n};\n","import { init } from './init';\n\nexport { useSuppressedMessage } from './use-suppressed-message';\n\ninit();\n"],"mappings":";AAAA,SAAS,uBAAuB;;;ACAhC,SAAS,sBAAsB;;;ACA/B,SAAS,mBAAmB;AAI5B,IAAM,eAAe;AAMd,IAAM,YAAY;AAAA,EACxB,KAAK,MACJ,YAAY,EACV,IAAkB,UAAU,YAAa,EACzC,KAAM,CAAE,QAAS;AACjB,WAAO,eAAgB,IAAI,IAAK;AAAA,EACjC,CAAE;AAAA,EACJ,QAAQ,CAAE,SAAgB,YAAY,EAAE,MAAoB,UAAU,cAAc,cAAe,IAAK,CAAE;AAC3G;AAEA,IAAM,iBAAiB,CAAE,aAA+B;AACvD,SAAO;AAAA,IACN,oBAAoB,OAAO,QAAS,SAAS,sBAAuB,EAClE,OAAQ,CAAE,CAAE,EAAE,KAAM,MAAO,KAAM,EACjC,IAAK,CAAE,CAAE,OAAQ,MAAO,OAAQ;AAAA,EACnC;AACD;AAEA,IAAM,gBAAgB,CAAE,SAA2B;AAClD,SAAO;AAAA,IACN,wBAAwB,KAAK,mBAAmB;AAAA,MAC/C,CAAE,KAAK,YAAa;AACnB,YAAK,OAAQ,IAAI;AAEjB,eAAO;AAAA,MACR;AAAA,MACA,CAAC;AAAA,IACF;AAAA,EACD;AACD;;;ACvCA,SAAS,gBAAgB;AAIlB,IAAM,gCAAgC;AAEtC,IAAM,iBAAiB,MAC7B,SAAU;AAAA,EACT,UAAU,CAAE,6BAA8B;AAAA,EAC1C,SAAS,UAAU;AACpB,CAAE;;;AFLI,SAAS,mBAAmB;AAClC,QAAM,cAAc,eAAe;AAEnC,cAAY,cAAe;AAAA,IAC1B,UAAU,CAAE,6BAA8B;AAAA,IAC1C,SAAS,UAAU;AAAA,EACpB,CAAE;AAEF,SAAO;AACR;;;ADVO,IAAM,OAAO,MAAM;AACzB,kBAAiB;AAAA,IAChB,IAAI;AAAA,IACJ,WAAW;AAAA,EACZ,CAAE;AACH;;;AITA,SAAS,aAAa,kBAAAA,uBAAsB;AAKrC,IAAM,uBAAuB,MAAM;AACzC,QAAM,cAAcC,gBAAe;AAEnC,SAAO,YAAa;AAAA,IACnB,YAAY,UAAU;AAAA,IACtB,WAAW,MAAM,YAAY,kBAAmB,EAAE,UAAU,CAAE,6BAA8B,EAAE,CAAE;AAAA,EACjG,CAAE;AACH;;;ACTO,IAAM,uBAAuB,CAAE,eAAwB;AAC7D,QAAM,EAAE,KAAK,IAAI,eAAe;AAChC,QAAM,EAAE,OAAO,IAAI,qBAAqB;AAExC,QAAM,sBAAsB,CAAC,CAAE,MAAM,mBAAmB,SAAU,UAAW;AAE7E,QAAM,kBAAkB,MAAM;AAC7B,QAAK,CAAE,qBAAsB;AAC5B,aAAQ;AAAA,QACP,oBAAoB,CAAE,GAAK,MAAM,sBAAsB,CAAC,GAAK,UAAW;AAAA,MACzE,CAAE;AAAA,IACH;AAAA,EACD;AAEA,SAAO,CAAE,qBAAqB,eAAgB;AAC/C;;;ACdA,KAAK;","names":["useQueryClient","useQueryClient"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-current-user",
   "description": "Elementor Editor Current User",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -20,7 +20,7 @@
   "repository": {
     "type": "git",
     "url": "https://github.com/elementor/elementor-packages.git",
-    "directory": "packages/libs/editor-current-user"
+    "directory": "packages/core/editor-current-user"
   },
   "bugs": {
     "url": "https://github.com/elementor/elementor-packages/issues"
@@ -37,6 +37,7 @@
   },
   "dependencies": {
     "@elementor/http": "0.1.3",
+    "@elementor/editor": "0.18.0",
     "@elementor/query": "0.2.4"
   },
   "devDependencies": {

package/src/__tests__/use-suppressed-message.test.ts

@@ -0,0 +1,61 @@
+import { type UseQueryResult } from '@elementor/query';
+import { act, renderHook } from '@testing-library/react';
+
+import { type User } from '../types';
+import { useCurrentUser } from '../use-current-user';
+import { useSuppressedMessage } from '../use-suppressed-message';
+import { useUpdateCurrentUser } from '../use-update-current-user';
+
+jest.mock( '../use-current-user' );
+jest.mock( '../use-update-current-user' );
+
+describe( 'useSuppressedMessage', () => {
+	it( 'returns false and suppressMessage function when message is not suppressed', () => {
+		// Arrange.
+		jest.mocked( useCurrentUser ).mockReturnValue( {
+			data: { suppressedMessages: [ 'non-existing-message' ] },
+		} as UseQueryResult< User, Error > );
+
+		const mutate = jest.fn();
+		jest.mocked( useUpdateCurrentUser ).mockReturnValue( { mutate } as never );
+
+		// Act.
+		const { result } = renderHook( () => useSuppressedMessage( 'test-message' ) );
+
+		// Assert.
+		const [ isMessageSuppressed, suppressMessage ] = result.current;
+
+		expect( isMessageSuppressed ).toBe( false );
+
+		act( () => {
+			suppressMessage();
+		} );
+
+		expect( mutate ).toHaveBeenCalledWith( { suppressedMessages: [ 'non-existing-message', 'test-message' ] } );
+	} );
+
+	it( 'returns true and suppressMessage function when message is already suppressed', () => {
+		// Arrange.
+		jest.mocked( useCurrentUser ).mockReturnValue( {
+			data: { suppressedMessages: [ 'test-message' ] },
+		} as UseQueryResult< User, Error > );
+
+		const mutate = jest.fn();
+
+		jest.mocked( useUpdateCurrentUser ).mockReturnValue( { mutate } as never );
+
+		// Act.
+		const { result } = renderHook( () => useSuppressedMessage( 'test-message' ) );
+
+		// Assert.
+		const [ isMessageSuppressed, suppressMessage ] = result.current;
+
+		expect( isMessageSuppressed ).toBe( true );
+
+		act( () => {
+			suppressMessage();
+		} );
+
+		expect( mutate ).not.toHaveBeenCalled();
+	} );
+} );

package/src/components/prefetch-user-data.tsx

@@ -0,0 +1,15 @@
+import { useQueryClient } from '@elementor/query';
+
+import { apiClient } from '../api';
+import { EDITOR_CURRENT_USER_QUERY_KEY } from '../use-current-user';
+
+export function PrefetchUserData() {
+	const queryClient = useQueryClient();
+
+	queryClient.prefetchQuery( {
+		queryKey: [ EDITOR_CURRENT_USER_QUERY_KEY ],
+		queryFn: apiClient.get,
+	} );
+
+	return null;
+}

package/src/index.ts

@@ -1,2 +1,5 @@
-export { useCurrentUser } from './use-current-user';
-export { useUpdateCurrentUser } from './use-update-current-user';
+import { init } from './init';
+
+export { useSuppressedMessage } from './use-suppressed-message';
+
+init();

package/src/init.ts

@@ -0,0 +1,10 @@
+import { injectIntoLogic } from '@elementor/editor';
+
+import { PrefetchUserData } from './components/prefetch-user-data';
+
+export const init = () => {
+	injectIntoLogic( {
+		id: 'current-user-data',
+		component: PrefetchUserData,
+	} );
+};

package/src/use-current-user.ts

@@ -4,9 +4,8 @@ import { apiClient } from './api';
 
 export const EDITOR_CURRENT_USER_QUERY_KEY = 'editor-current-user';
 
-export const useCurrentUser = () => {
-	return useQuery( {
+export const useCurrentUser = () =>
+	useQuery( {
 		queryKey: [ EDITOR_CURRENT_USER_QUERY_KEY ],
 		queryFn: apiClient.get,
 	} );
-};

package/src/use-suppressed-message.ts

@@ -0,0 +1,19 @@
+import { useCurrentUser } from './use-current-user';
+import { useUpdateCurrentUser } from './use-update-current-user';
+
+export const useSuppressedMessage = ( messageKey: string ) => {
+	const { data } = useCurrentUser();
+	const { mutate } = useUpdateCurrentUser();
+
+	const isMessageSuppressed = !! data?.suppressedMessages.includes( messageKey );
+
+	const suppressMessage = () => {
+		if ( ! isMessageSuppressed ) {
+			mutate( {
+				suppressedMessages: [ ...( data?.suppressedMessages ?? [] ), messageKey ],
+			} );
+		}
+	};
+
+	return [ isMessageSuppressed, suppressMessage ] as const;
+};