@licklist/design 0.78.5-dev.29 → 0.78.5-dev.30

package/.storybook/preview.jsx

@@ -17,7 +17,7 @@ const themeController = (() => {
     themes.map((theme) => [
       theme,
       require(
-        `!style-loader?injectType=lazyStyleTag!css-loader!sass-loader!../src/styles/themes/${theme}/_index.scss`,
+        `!style-loader?injectType=lazyStyleTag!css-loader!sass-loader!../src/styles/themes/${theme}/index.scss`,
       ).default,
     ]),
   )

package/dist/auth/ChangePassword/ChangePasswordComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChangePasswordComponent.d.ts","sourceRoot":"","sources":["../../../src/auth/ChangePassword/ChangePasswordComponent.tsx"],"names":[],"mappings":"AAeA,iBAAS,uBAAuB,4CAmE/B;AAED,OAAO,EAAE,uBAAuB,EAAE,CAAA"}
+{"version":3,"file":"ChangePasswordComponent.d.ts","sourceRoot":"","sources":["../../../src/auth/ChangePassword/ChangePasswordComponent.tsx"],"names":[],"mappings":"AAeA,iBAAS,uBAAuB,4CAkE/B;AAED,OAAO,EAAE,uBAAuB,EAAE,CAAA"}

package/dist/auth/ChangePassword/ChangePasswordComponent.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { showAlert } from '@licklist/plugins/dist/context/app/AlertContext';
 import { useContext, useState, useEffect } from 'react';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
@@ -6,7 +7,6 @@ import { useTranslation } from 'react-i18next';
 import { useLocation, useNavigate } from 'react-router-dom';
 import RequestContext from '@licklist/plugins/dist/context/app/RequestContext';
 import useUserApi from '@licklist/plugins/dist/hooks/Api/useUserApi';
-import useNotification from '@licklist/plugins/dist/context/app/hooks/useNotification';
 import { ROUTES } from '@licklist/core/dist/Config';
 import { ChangePasswordFormComponent } from './ChangePasswordFormComponent.js';
 import FormCard from '../../static/FormCard.js';
@@ -189,7 +189,6 @@ function ChangePasswordComponent() {
         'App'
     ]).t;
     var request = useContext(RequestContext);
-    var notification = useNotification();
     var search = useLocation().search;
     var email = new URLSearchParams(search).get('email');
     var token = new URLSearchParams(search).get('token');
@@ -198,7 +197,8 @@ function ChangePasswordComponent() {
     var userApiService = useUserApi(request);
     var handleError = function(error) {
         var _error_response_data, _error_response;
-        notification.danger({
+        showAlert({
+            type: 'error',
             title: t('App:error'),
             message: (_error_response = error.response) === null || _error_response === void 0 ? void 0 : (_error_response_data = _error_response.data) === null || _error_response_data === void 0 ? void 0 : _error_response_data.message
         });
@@ -234,7 +234,8 @@ function ChangePasswordComponent() {
                                 2
                             ];
                         }
-                        notification.success({
+                        showAlert({
+                            type: 'success',
                             title: 'Success',
                             message: t('Notification:passwordChangedSuccessfully')
                         });

package/dist/auth/Register/RegisterComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RegisterComponent.d.ts","sourceRoot":"","sources":["../../../src/auth/Register/RegisterComponent.tsx"],"names":[],"mappings":"AAmBA,KAAK,sBAAsB,GAAG;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,iBAAS,iBAAiB,CAAC,EACzB,eAAuB,GACxB,EAAE,sBAAsB,2CA2GxB;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"RegisterComponent.d.ts","sourceRoot":"","sources":["../../../src/auth/Register/RegisterComponent.tsx"],"names":[],"mappings":"AAmBA,KAAK,sBAAsB,GAAG;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,iBAAS,iBAAiB,CAAC,EACzB,eAAuB,GACxB,EAAE,sBAAsB,2CA0GxB;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/auth/Register/RegisterComponent.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { showAlert } from '@licklist/plugins/dist/context/app/AlertContext';
 import { useContext, useState } from 'react';
 import { useTranslation, Trans } from 'react-i18next';
 import { useNavigate, Link } from 'react-router-dom';
 import { Row, Col } from 'react-bootstrap';
 import RequestContext from '@licklist/plugins/dist/context/app/RequestContext';
-import useNotification from '@licklist/plugins/dist/context/app/hooks/useNotification';
 import useUser from '@licklist/plugins/dist/context/user/hooks/useUser';
 import useAuth from '@licklist/plugins/dist/context/user/hooks/useAuth';
 import useInvite from '@licklist/plugins/dist/context/user/hooks/useInvite';
@@ -195,7 +195,6 @@ function RegisterComponent(param) {
     var _param_showSocialLinks = param.showSocialLinks, showSocialLinks = _param_showSocialLinks === void 0 ? false : _param_showSocialLinks;
     var t = useTranslation('User').t;
     var request = useContext(RequestContext);
-    var notification = useNotification();
     var auth = useAuth();
     var user = useUser();
     var invite = useInvite();
@@ -212,7 +211,8 @@ function RegisterComponent(param) {
         }
     };
     var handleError = function(error) {
-        notification.danger({
+        showAlert({
+            type: 'error',
             title: 'Error',
             message: error.message
         });
@@ -278,7 +278,8 @@ function RegisterComponent(param) {
                         // Store user profile
                         user.login(profile.message);
                         invite.clearInvitation();
-                        notification.success({
+                        showAlert({
+                            type: 'success',
                             title: 'Success',
                             message: t('Notification:registeredSuccessfully')
                         });

package/dist/auth/ResetPassword/ResetPasswordComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResetPasswordComponent.d.ts","sourceRoot":"","sources":["../../../src/auth/ResetPassword/ResetPasswordComponent.tsx"],"names":[],"mappings":"AAeA,iBAAS,sBAAsB,4CAoD9B;AAED,OAAO,EAAE,sBAAsB,EAAE,CAAA"}
+{"version":3,"file":"ResetPasswordComponent.d.ts","sourceRoot":"","sources":["../../../src/auth/ResetPassword/ResetPasswordComponent.tsx"],"names":[],"mappings":"AAeA,iBAAS,sBAAsB,4CAmD9B;AAED,OAAO,EAAE,sBAAsB,EAAE,CAAA"}

package/dist/auth/ResetPassword/ResetPasswordComponent.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { showAlert } from '@licklist/plugins/dist/context/app/AlertContext';
 import { useContext, useState } from 'react';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import { useTranslation } from 'react-i18next';
 import RequestContext from '@licklist/plugins/dist/context/app/RequestContext';
 import useUserApi from '@licklist/plugins/dist/hooks/Api/useUserApi';
-import useNotification from '@licklist/plugins/dist/context/app/hooks/useNotification';
 import { ROUTES } from '@licklist/core/dist/Config';
 import { useNavigate } from 'react-router-dom';
 import { ResetPasswordFormComponent } from './ResetPasswordFormComponent.js';
@@ -189,13 +189,13 @@ function ResetPasswordComponent() {
         'App'
     ]).t;
     var request = useContext(RequestContext);
-    var notification = useNotification();
     var navigate = useNavigate();
     var _useState = _sliced_to_array(useState(false), 2), isLoading = _useState[0], setIsLoading = _useState[1];
     var userApiService = useUserApi(request);
     var handleError = function(error) {
         var _error_response_data, _error_response;
-        notification.danger({
+        showAlert({
+            type: 'error',
             title: t('App:error'),
             message: (_error_response = error.response) === null || _error_response === void 0 ? void 0 : (_error_response_data = _error_response.data) === null || _error_response_data === void 0 ? void 0 : _error_response_data.message
         });
@@ -230,7 +230,8 @@ function ResetPasswordComponent() {
                                 2
                             ];
                         }
-                        notification.success({
+                        showAlert({
+                            type: 'success',
                             title: 'Success',
                             message: t('Notification:passwordResetedSuccessfully')
                         });

package/dist/auth/Social/SocialCallbackComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SocialCallbackComponent.d.ts","sourceRoot":"","sources":["../../../src/auth/Social/SocialCallbackComponent.tsx"],"names":[],"mappings":"AAqBA,iBAAS,uBAAuB,4CA2G/B;AAED,OAAO,EAAE,uBAAuB,EAAE,CAAA"}
+{"version":3,"file":"SocialCallbackComponent.d.ts","sourceRoot":"","sources":["../../../src/auth/Social/SocialCallbackComponent.tsx"],"names":[],"mappings":"AAsBA,iBAAS,uBAAuB,4CA2G/B;AAED,OAAO,EAAE,uBAAuB,EAAE,CAAA"}

package/dist/auth/Social/SocialCallbackComponent.js

@@ -1,4 +1,5 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
+import { showAlert } from '@licklist/plugins/dist/context/app/AlertContext';
 import { useState, useContext, useEffect } from 'react';
 import RequestContext from '@licklist/plugins/dist/context/app/RequestContext';
 import useNotification from '@licklist/plugins/dist/context/app/hooks/useNotification';
@@ -203,7 +204,8 @@ function SocialCallbackComponent() {
     // Handle social callback
     useEffect(function() {
         var handleError = function(error) {
-            notification.danger({
+            showAlert({
+                type: 'error',
                 title: 'Error',
                 message: error.message
             });
@@ -252,7 +254,8 @@ function SocialCallbackComponent() {
                             }
                             // Store user profile
                             user.login(profile.message);
-                            notification.success({
+                            showAlert({
+                                type: 'success',
                                 title: 'Success',
                                 message: t('Notification:loggedSuccessfully')
                             });

package/dist/auth/Social/SocialFormComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SocialFormComponent.d.ts","sourceRoot":"","sources":["../../../src/auth/Social/SocialFormComponent.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,QAAQ,CAAA;CACvB;AAED,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA8E3D;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"SocialFormComponent.d.ts","sourceRoot":"","sources":["../../../src/auth/Social/SocialFormComponent.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,OAAO,CAAA;IAClB,YAAY,EAAE,QAAQ,CAAA;CACvB;AAED,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA6E3D;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/auth/Social/SocialFormComponent.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import useNotification from '@licklist/plugins/dist/context/app/hooks/useNotification';
+import { showAlert } from '@licklist/plugins/dist/context/app/AlertContext';
 import RequestContext from '@licklist/plugins/dist/context/app/RequestContext';
 import useSocialApi from '@licklist/plugins/dist/hooks/Api/useSocialApi';
 import RouteService from '@licklist/plugins/dist/services/Route/RouteService';
@@ -9,7 +9,7 @@ import { useTranslation } from 'react-i18next';
 import { LoaderIndicator } from '../../static/loader/LoaderIndicator.js';
 import SocialButton from '../../static/SocialButton.js';
 
-/* eslint-disable @typescript-eslint/ban-ts-comment */ /* eslint-disable @typescript-eslint/ban-types */ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     try {
         var info = gen[key](arg);
         var value = info.value;
@@ -136,13 +136,13 @@ function _ts_generator(thisArg, body) {
 function SocialFormComponent(props) {
     var isLoading = props.isLoading, setIsLoading = props.setIsLoading;
     var request = useContext(RequestContext);
-    var notification = useNotification();
     var t = useTranslation([
         'App'
     ]).t;
     var socialService = useSocialApi(request);
     var handleError = function(error) {
-        notification.danger({
+        showAlert({
+            type: 'error',
             title: 'Error',
             message: error.message
         });

package/dist/custom-fields/field-set/components/CustomFieldSet/CustomFieldSet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomFieldSet.d.ts","sourceRoot":"","sources":["../../../../../src/custom-fields/field-set/components/CustomFieldSet/CustomFieldSet.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AAEtF,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAI3E,OAAO,EAGL,YAAY,EACb,MAAM,2BAA2B,CAAA;AAKlC,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAW9E,KAAK,mBAAmB,GAAG,iBAAiB,GAAG;IAC7C,YAAY,EAAE,oBAAoB,CAAC,cAAc,CAAC,CAAA;IAClD,IAAI,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAA;IACpC,WAAW,EAAE,gBAAgB,EAAE,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,gBAAgB,EAAE,oBAAoB,CAAC,kBAAkB,CAAC,CAAA;IAC1D,gBAAgB,EAAE,oBAAoB,CAAC,kBAAkB,CAAC,CAAA;IAC1D,YAAY,CAAC,EAAE,WAAW,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,wHAS5B,mBAAmB,4CAgNrB,CAAA"}
+{"version":3,"file":"CustomFieldSet.d.ts","sourceRoot":"","sources":["../../../../../src/custom-fields/field-set/components/CustomFieldSet/CustomFieldSet.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AAEtF,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAG3E,OAAO,EAGL,YAAY,EACb,MAAM,2BAA2B,CAAA;AAKlC,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAW9E,KAAK,mBAAmB,GAAG,iBAAiB,GAAG;IAC7C,YAAY,EAAE,oBAAoB,CAAC,cAAc,CAAC,CAAA;IAClD,IAAI,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAA;IACpC,WAAW,EAAE,gBAAgB,EAAE,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,gBAAgB,EAAE,oBAAoB,CAAC,kBAAkB,CAAC,CAAA;IAC1D,gBAAgB,EAAE,oBAAoB,CAAC,kBAAkB,CAAC,CAAA;IAC1D,YAAY,CAAC,EAAE,WAAW,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,wHAS5B,mBAAmB,4CAiNrB,CAAA"}

package/dist/custom-fields/field-set/components/CustomFieldSet/CustomFieldSet.js

@@ -1,4 +1,5 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { showAlert } from '@licklist/plugins/dist/context/app/AlertContext';
 import { useContext, useState, useEffect, createElement } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Form, Button } from 'react-bootstrap';
@@ -7,7 +8,6 @@ import { isEqual } from 'lodash';
 import { CUSTOM_FIELD_TYPE_INPUT, CUSTOM_FIELD_TYPE_DROPDOWN } from '@licklist/core/dist/DataMapper/Order/CustomFieldDataMapper';
 import FormErrorService from '@licklist/plugins/dist/services/Form/FormErrorService';
 import HookFormService from '@licklist/plugins/dist/services/Form/HookFormService';
-import useNotification from '@licklist/plugins/dist/context/app/hooks/useNotification';
 import { CreateSortableListItem } from '../../../../sortable-list/CreateSortableListItem.js';
 import { SORTABLE_ID_KEY } from '../../../../sortable-list/SortableList.js';
 import { SortableTreeItem } from '../../../../sortable-tree/SortableTreeItem.js';
@@ -271,7 +271,6 @@ var CustomFieldSet = function(param) {
         serverErrors,
         setError
     ]);
-    var notification = useNotification();
     var _useFieldArray = useFieldArray({
         control: control,
         name: CUSTOM_FIELDS
@@ -295,11 +294,13 @@ var CustomFieldSet = function(param) {
                         if (!response) return [
                             2
                         ];
-                        notification.success({
+                        showAlert({
+                            type: 'success',
                             title: t('App:success'),
                             message: t('Notification:createSuccessfully', {
                                 argument: t('customField')
-                            })
+                            }),
+                            mount: 'global'
                         });
                         setFieldSets(function(prevFieldSets) {
                             var nextFieldSets = _to_consumable_array(prevFieldSets);
@@ -333,11 +334,13 @@ var CustomFieldSet = function(param) {
                         ];
                     case 1:
                         _state.sent();
-                        notification.success({
+                        showAlert({
+                            type: 'success',
                             title: t('App:success'),
                             message: t('Notification:theRemovedSuccessfully', {
                                 argument: t('customField')
-                            })
+                            }),
+                            mount: 'global'
                         });
                         _state.label = 2;
                     case 2:

package/dist/events/edit-event-modal/component/SelectEventProductSet/component/EditEventProductSet.js

@@ -32,7 +32,7 @@ import 'react-bootstrap/Collapse';
 import '@licklist/plugins/dist/hooks/Media/useImages';
 import '@licklist/core/dist/DataMapper/Media/ImageDataMapper';
 import 'react-select';
-import '@licklist/plugins/dist/context/app/hooks/useNotification';
+import '@licklist/plugins/dist/context/app/AlertContext';
 import '../../../../../static/index.js';
 import '../../../../../tiptap-editor/TipTapEditor.js';
 import '@licklist/core/dist/DataMapper/Product/ProductDataMapper';

package/dist/file-upload/FileUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../src/file-upload/FileUpload.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,MAAM,sDAAsD,CAAA;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,kEAAkE,CAAA;AAC7F,OAAO,EAAE,kBAAkB,EAAE,MAAM,0EAA0E,CAAA;AAQ7G,KAAK,YAAY,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;AAEtE,UAAU,eAAe;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IACtC,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,iBAAiB,EAAE,MAAM,EAAE,CAAA;IAC3B,YAAY,CAAC,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,UAAU,CAAC,EACzB,aAAqB,EACrB,aAAa,EACb,iBAAiB,EACjB,SAAS,EACT,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,KAAwB,EACxB,QAAa,EACb,cAAc,EACd,SAAiB,EACjB,QAAgB,EAChB,QAAgB,GACjB,EAAE,eAAe,2CA4FjB;AAED,UAAU,iBAAiB;IACzB,iBAAiB,EAAE,MAAM,EAAE,CAAA;IAC3B,aAAa,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B;AAED,eAAO,MAAM,aAAa,GAAI,qDAI3B,iBAAiB;0CAsB2B,QAAQ;2BAqB/C,MAAM,GAAG,MAAM,SACZ,MAAM,SACN,MAAM;;;;;CAmBhB,CAAA"}
+{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../src/file-upload/FileUpload.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,MAAM,sDAAsD,CAAA;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,kEAAkE,CAAA;AAC7F,OAAO,EAAE,kBAAkB,EAAE,MAAM,0EAA0E,CAAA;AAQ7G,KAAK,YAAY,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;AAEtE,UAAU,eAAe;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IACtC,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,iBAAiB,EAAE,MAAM,EAAE,CAAA;IAC3B,YAAY,CAAC,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,UAAU,CAAC,EACzB,aAAqB,EACrB,aAAa,EACb,iBAAiB,EACjB,SAAS,EACT,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,KAAwB,EACxB,QAAa,EACb,cAAc,EACd,SAAiB,EACjB,QAAgB,EAChB,QAAgB,GACjB,EAAE,eAAe,2CA4FjB;AAED,UAAU,iBAAiB;IACzB,iBAAiB,EAAE,MAAM,EAAE,CAAA;IAC3B,aAAa,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B;AAED,eAAO,MAAM,aAAa,GAAI,qDAI3B,iBAAiB;0CAqB2B,QAAQ;2BAqB/C,MAAM,GAAG,MAAM,SACZ,MAAM,SACN,MAAM;;;;;CAmBhB,CAAA"}

package/dist/file-upload/FileUpload.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { showAlert } from '@licklist/plugins/dist/context/app/AlertContext';
 import { useEffect, useState } from 'react';
 import clsx from 'clsx';
-import useNotification from '@licklist/plugins/dist/context/app/hooks/useNotification';
 import { useTranslation } from 'react-i18next';
 import { Form } from 'react-bootstrap';
 import '../static/index.js';
@@ -10,7 +10,7 @@ import { ReactComponent as SvgAddImage } from '../assets/dashboard/addImage.svg.
 import { LoaderIndicator } from '../static/loader/LoaderIndicator.js';
 import '@licklist/plugins/dist/hooks/Media/useWindowDimensions';
 
-/* eslint-disable no-return-assign */ /* eslint-disable react-hooks/exhaustive-deps */ function _array_like_to_array(arr, len) {
+function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
     return arr2;
@@ -163,7 +163,6 @@ var useFileUpload = function(param) {
     var allowMultiple = param.allowMultiple, allowedExtensions = param.allowedExtensions, onFileRemove = param.onFileRemove;
     var _useState = _sliced_to_array(useState(null), 2), files = _useState[0], setFiles = _useState[1];
     var _useState1 = _sliced_to_array(useState(false), 2), isDragged = _useState1[0], setIsDragged = _useState1[1];
-    var notification = useNotification();
     var t = useTranslation('Design').t;
     var uploadFile = function(file) {
         var sameFile = files === null || files === void 0 ? void 0 : files.find(function(uploadedFile) {
@@ -190,7 +189,8 @@ var useFileUpload = function(param) {
             if (isExtensionValid) {
                 uploadFile(file);
             } else {
-                notification.danger({
+                showAlert({
+                    type: 'error',
                     title: t('fileNotUploaded', {
                         fileName: file.name
                     }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.78.5-dev.29",
+  "version": "0.78.5-dev.30",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -42,9 +42,9 @@
     ]
   },
   "peerDependencies": {
-    "@licklist/core": "0.36.3-stage.8",
+    "@licklist/core": "0.36.1-dev.7",
     "@licklist/eslint-config": "0.5.6",
-    "@licklist/plugins": "0.36.4-stage.18",
+    "@licklist/plugins": "0.36.4-dev.10",
     "clsx": "2.1.1",
     "i18next": "25.3.2",
     "lodash": "4.17.21",
@@ -64,9 +64,9 @@
     "@dnd-kit/utilities": "2.0.0",
     "@fortawesome/fontawesome-svg-core": "1.2.34",
     "@fortawesome/free-solid-svg-icons": "5.15.2",
-    "@licklist/core": "0.36.3-stage.8",
+    "@licklist/core": "0.36.1-dev.7",
     "@licklist/eslint-config": "0.5.6",
-    "@licklist/plugins": "0.36.4-stage.18",
+    "@licklist/plugins": "0.36.4-dev.10",
     "@mantine/core": "6.0.22",
     "@mantine/hooks": "6.0.22",
     "@mdx-js/react": "1.6.22",
@@ -222,5 +222,6 @@
     "node": "20.9.0",
     "yarn": "4.4.0"
   },
-  "packageManager": "yarn@4.8.0+sha512.85ec3149b1ec48f47c2690e13b29197a8a84b09c2c936cc596dddfb49c517e3bc3b1881ec52b5d35ca4b7c437c3f0daae3a80e39438c93bbcc5fcece2df5f15a"
-}
+  "packageManager": "yarn@4.8.0",
+  "stableVersion": "0.78.5-dev.30"
+}

package/src/auth/ChangePassword/ChangePasswordComponent.tsx

@@ -1,3 +1,4 @@
+import { showAlert } from '@licklist/plugins/dist/context/app/AlertContext'
 import { useContext, useEffect, useState } from 'react'
 import Row from 'react-bootstrap/Row'
 import Col from 'react-bootstrap/Col'
@@ -6,7 +7,6 @@ import { useLocation, useNavigate } from 'react-router-dom'
 import { ApiServiceError } from '@licklist/core/dist/Api/ApiService'
 import RequestContext from '@licklist/plugins/dist/context/app/RequestContext'
 import useUserApi from '@licklist/plugins/dist/hooks/Api/useUserApi'
-import useNotification from '@licklist/plugins/dist/context/app/hooks/useNotification'
 import { UserChangePasswordRequest } from '@licklist/plugins/dist/types/Request/UserChangePasswordRequest'
 import { ROUTES } from '@licklist/core/dist/Config'
 import { ChangePasswordFormComponent } from './ChangePasswordFormComponent'
@@ -16,7 +16,6 @@ import { LoaderIndicator } from '../../static/loader/LoaderIndicator'
 function ChangePasswordComponent() {
   const { t } = useTranslation(['Notification', 'User', 'App'])
   const request = useContext(RequestContext)
-  const notification = useNotification()
   const { search } = useLocation()
   const email = new URLSearchParams(search).get('email')
   const token = new URLSearchParams(search).get('token')
@@ -27,7 +26,7 @@ function ChangePasswordComponent() {
   const userApiService = useUserApi(request)
 
   const handleError = (error: ApiServiceError<{ message: string }>) => {
-    notification.danger({
+    showAlert({ type: 'error',
       title: t('App:error'),
       message: error.response?.data?.message,
     })
@@ -45,7 +44,7 @@ function ChangePasswordComponent() {
       return
     }
 
-    notification.success({
+    showAlert({ type: 'success',
       title: 'Success',
       message: t('Notification:passwordChangedSuccessfully'),
     })

package/src/auth/Register/RegisterComponent.tsx

@@ -1,9 +1,9 @@
+import { showAlert } from '@licklist/plugins/dist/context/app/AlertContext'
 import { useContext, useState } from 'react'
 import { Trans, useTranslation } from 'react-i18next'
 import { Link, useNavigate } from 'react-router-dom'
 import { Row, Col } from 'react-bootstrap'
 import RequestContext from '@licklist/plugins/dist/context/app/RequestContext'
-import useNotification from '@licklist/plugins/dist/context/app/hooks/useNotification'
 import useUser from '@licklist/plugins/dist/context/user/hooks/useUser'
 import useAuth from '@licklist/plugins/dist/context/user/hooks/useAuth'
 import useInvite from '@licklist/plugins/dist/context/user/hooks/useInvite'
@@ -26,7 +26,6 @@ function RegisterComponent({
 }: RegisterComponentProps) {
   const { t } = useTranslation('User')
   const request = useContext(RequestContext)
-  const notification = useNotification()
   const auth = useAuth()
   const user = useUser()
   const invite = useInvite()
@@ -48,7 +47,7 @@ function RegisterComponent({
   }
 
   const handleError = (error: Error) => {
-    notification.danger({
+    showAlert({ type: 'error',
       title: 'Error',
       message: error.message,
     })
@@ -85,7 +84,7 @@ function RegisterComponent({
 
     invite.clearInvitation()
 
-    notification.success({
+    showAlert({ type: 'success',
       title: 'Success',
       message: t('Notification:registeredSuccessfully'),
     })

package/src/auth/ResetPassword/ResetPasswordComponent.tsx

@@ -1,3 +1,4 @@
+import { showAlert } from '@licklist/plugins/dist/context/app/AlertContext'
 import { useContext, useState } from 'react'
 import Row from 'react-bootstrap/Row'
 import Col from 'react-bootstrap/Col'
@@ -5,7 +6,6 @@ import { useTranslation } from 'react-i18next'
 import { ApiServiceError } from '@licklist/core/dist/Api/ApiService'
 import RequestContext from '@licklist/plugins/dist/context/app/RequestContext'
 import useUserApi from '@licklist/plugins/dist/hooks/Api/useUserApi'
-import useNotification from '@licklist/plugins/dist/context/app/hooks/useNotification'
 import { UserResetPasswordRequest } from '@licklist/plugins/dist/types/Request/UserResetPasswordRequest'
 import { ROUTES } from '@licklist/core/dist/Config'
 import { useNavigate } from 'react-router-dom'
@@ -16,7 +16,6 @@ import { LoaderIndicator } from '../../static/loader/LoaderIndicator'
 function ResetPasswordComponent() {
   const { t } = useTranslation(['Notification', 'User', 'App'])
   const request = useContext(RequestContext)
-  const notification = useNotification()
   const navigate = useNavigate()
 
   const [isLoading, setIsLoading] = useState<boolean>(false)
@@ -24,7 +23,7 @@ function ResetPasswordComponent() {
   const userApiService = useUserApi(request)
 
   const handleError = (error: ApiServiceError<{ message: string }>) => {
-    notification.danger({
+    showAlert({ type: 'error',
       title: t('App:error'),
       message: error.response?.data?.message,
     })
@@ -40,7 +39,7 @@ function ResetPasswordComponent() {
       return
     }
 
-    notification.success({
+    showAlert({ type: 'success',
       title: 'Success',
       message: t('Notification:passwordResetedSuccessfully'),
     })

package/src/auth/Social/SocialCallbackComponent.tsx

@@ -1,3 +1,4 @@
+import { showAlert } from '@licklist/plugins/dist/context/app/AlertContext'
 import { useContext, useEffect, useState } from 'react'
 import RequestContext from '@licklist/plugins/dist/context/app/RequestContext'
 import useNotification from '@licklist/plugins/dist/context/app/hooks/useNotification'
@@ -39,7 +40,7 @@ function SocialCallbackComponent() {
   // Handle social callback
   useEffect(() => {
     const handleError = (error: Error) => {
-      notification.danger({
+      showAlert({ type: 'error',
         title: 'Error',
         message: error.message,
       })
@@ -72,7 +73,7 @@ function SocialCallbackComponent() {
       // Store user profile
       user.login(profile.message as IUser)
 
-      notification.success({
+      showAlert({ type: 'success',
         title: 'Success',
         message: t('Notification:loggedSuccessfully'),
       })

package/src/auth/Social/SocialFormComponent.tsx

@@ -1,6 +1,6 @@
+import { showAlert } from '@licklist/plugins/dist/context/app/AlertContext'
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 /* eslint-disable @typescript-eslint/ban-types */
-import useNotification from '@licklist/plugins/dist/context/app/hooks/useNotification'
 import RequestContext from '@licklist/plugins/dist/context/app/RequestContext'
 import useSocialApi from '@licklist/plugins/dist/hooks/Api/useSocialApi'
 import RouteService from '@licklist/plugins/dist/services/Route/RouteService'
@@ -20,13 +20,12 @@ function SocialFormComponent(props: SocialFormComponentProps) {
   const { isLoading, setIsLoading } = props
 
   const request = useContext(RequestContext)
-  const notification = useNotification()
   const { t } = useTranslation(['App'])
 
   const socialService = useSocialApi(request)
 
   const handleError = (error: Error) => {
-    notification.danger({
+    showAlert({ type: 'error',
       title: 'Error',
       message: error.message,
     })

package/src/custom-fields/field-set/components/CustomFieldSet/CustomFieldSet.tsx

@@ -1,3 +1,4 @@
+import { showAlert } from '@licklist/plugins/dist/context/app/AlertContext'
 import { createElement, useState, useEffect, useContext } from 'react'
 import { useTranslation } from 'react-i18next'
 import { Button, Form } from 'react-bootstrap'
@@ -17,7 +18,6 @@ import { HasPermissionProp } from '@licklist/plugins/dist/types/permission/Permi
 import FormErrorService from '@licklist/plugins/dist/services/Form/FormErrorService'
 import { ServerError } from '@licklist/plugins/dist/hooks/Api/useHttpQuery'
 import HookFormService from '@licklist/plugins/dist/services/Form/HookFormService'
-import useNotification from '@licklist/plugins/dist/context/app/hooks/useNotification'
 
 import {
   CreateSortableListItem,
@@ -85,7 +85,6 @@ export const CustomFieldSet = ({
   useEffect(() => {
     FormErrorService.handleServerErrors(serverErrors, setError)
   }, [serverErrors, setError])
-  const notification = useNotification()
   const { fields, append, remove } = useFieldArray({
     control,
     name: CUSTOM_FIELDS,
@@ -98,11 +97,12 @@ export const CustomFieldSet = ({
 
     if (!response) return
 
-    notification.success({
+    showAlert({ type: 'success',
       title: t('App:success'),
       message: t('Notification:createSuccessfully', {
         argument: t('customField'),
       }),
+      mount: 'global'
     })
 
     setFieldSets((prevFieldSets) => {
@@ -124,11 +124,12 @@ export const CustomFieldSet = ({
     if (fieldSet.id !== null) {
       await onFieldSetDelete(fieldSet)
 
-      notification.success({
+      showAlert({ type: 'success',
         title: t('App:success'),
         message: t('Notification:theRemovedSuccessfully', {
           argument: t('customField'),
         }),
+        mount: 'global'
       })
     }
 

package/src/file-upload/FileUpload.tsx

@@ -1,8 +1,8 @@
+import { showAlert } from '@licklist/plugins/dist/context/app/AlertContext'
 /* eslint-disable no-return-assign */
 /* eslint-disable react-hooks/exhaustive-deps */
 import { useEffect, useState } from 'react'
 import clsx from 'clsx'
-import useNotification from '@licklist/plugins/dist/context/app/hooks/useNotification'
 import { Image } from '@licklist/core/dist/DataMapper/Media/ImageDataMapper'
 import { Attachment } from '@licklist/core/dist/DataMapper/Notification/AttachmentDataMapper'
 import { AttachmentMetadata } from '@licklist/core/dist/DataMapper/Notification/AttachmentMetadataDataMapper'
@@ -153,7 +153,6 @@ export const useFileUpload = ({
   const [files, setFiles] = useState<File[] | null>(null)
   const [isDragged, setIsDragged] = useState(false)
 
-  const notification = useNotification()
   const { t } = useTranslation('Design')
 
   const uploadFile = (file: File) => {
@@ -183,7 +182,7 @@ export const useFileUpload = ({
       if (isExtensionValid) {
         uploadFile(file)
       } else {
-        notification.danger({
+        showAlert({ type: 'error',
           title: t('fileNotUploaded', { fileName: file.name }),
           message: t('invalidExtension', { extension: fileExtension }),
         })