sitero 0.1.6 → 0.2.0

package/dist/src/cms/client/applications/create-applications.js

@@ -1,18 +1,20 @@
 import 'mime-types';
 import 'sitero-domain';
 import { createBuildTranslations } from '../../../shared/translation/create-build-translations.js';
+import 'react';
+import 'ua-parser-js';
+import '../../../shared/client/react-query/client.js';
+import 'react/jsx-runtime';
+import '@tanstack/react-query';
 import 'clsx';
 import 'tailwind-merge';
 import 'zod';
-import 'react';
 import { getImgIdsFromHtmls } from './form/get-img-ids-from-htmls.js';
 import { processContentHtml } from './form/process-content-html.js';
 import { createUseAdminCreateFormData } from './resources/admin/use-admin-create-form-data.js';
 import { createUseAdminUpdateFormData } from './resources/admin/use-admin-update-form-data.js';
 import { createUseFileCreateFormData } from './resources/file/use-file-create-form-data.js';
 import { createUseFileUpdateFormData } from './resources/file/use-file-update-form-data.js';
-import { createUseFolderCreateFormData } from './resources/folder/use-folder-create-form-data.js';
-import { createUseFolderUpdateFormData } from './resources/folder/use-folder-update-form-data.js';
 import { createUsePostCreateFormData } from './resources/post/use-create-form-data.js';
 import { createUsePostUpdateFormData } from './resources/post/use-update-form-data.js';
 import { createUseSeoMetadataUpsertFormData } from './resources/seo-metadata/use-upsert-form-data.js';
@@ -35,8 +37,6 @@ function createApplications(input) {
   const useFileUpdateFormData = createUseFileUpdateFormData({
     buildTranslations
   });
-  const useFolderCreateFormData = createUseFolderCreateFormData();
-  const useFolderUpdateFormData = createUseFolderUpdateFormData();
   const usePostCreateFormData = createUsePostCreateFormData({
     buildTranslations
   });
@@ -66,8 +66,6 @@ function createApplications(input) {
       useAdminUpdateFormData,
       useFileCreateFormData,
       useFileUpdateFormData,
-      useFolderCreateFormData,
-      useFolderUpdateFormData,
       usePostCreateFormData,
       usePostUpdateFormData,
       useSeoMetadataUpsertFormData,

package/dist/src/cms/client/applications/resources/admin/use-admin-create-form-data.js

@@ -1,5 +1,7 @@
 import { useState } from 'react';
 import { ADMIN_ROLES } from 'sitero-domain';
+import '../../../../../constants/paths/redirect.js';
+import { CMS_DEFAULT_LOCALE } from '../../../../../constants/cms-locale.js';
 
 function createUseAdminCreateFormData({
   buildTranslations
@@ -11,6 +13,8 @@ function createUseAdminCreateFormData({
         role: ADMIN_ROLES.ADMIN,
         email: "",
         password: "",
+        preferredLocale: CMS_DEFAULT_LOCALE,
+        receivesInquiryNotifications: false,
         // ----------------------------------------------------------------------------
         // relations
         // ----------------------------------------------------------------------------

package/dist/src/cms/client/applications/resources/admin/use-admin-update-form-data.js

@@ -1,5 +1,7 @@
 import { useState, useRef, useEffect } from 'react';
 import { ADMIN_ROLES } from 'sitero-domain';
+import '../../../../../constants/paths/redirect.js';
+import { CMS_DEFAULT_LOCALE } from '../../../../../constants/cms-locale.js';
 
 function createUseAdminUpdateFormData({
   buildTranslations
@@ -11,6 +13,8 @@ function createUseAdminUpdateFormData({
         // core
         role: ADMIN_ROLES.ADMIN,
         email: "",
+        preferredLocale: CMS_DEFAULT_LOCALE,
+        receivesInquiryNotifications: false,
         // ----------------------------------------------------------------------------
         // relations
         // ----------------------------------------------------------------------------

package/dist/src/cms/client/applications/resources/file/use-file-create-form-data.js

@@ -8,7 +8,6 @@ function createUseFileCreateFormData({
     const [formData, setFormData] = useState(() => {
       return {
         blobFile: null,
-        folder: null,
         translations: buildTranslations([
           { key: "name", value: null },
           { key: "alt", value: null }

package/dist/src/cms/client/applications/resources/file/use-file-update-form-data.js

@@ -9,12 +9,10 @@ function createUseFileUpdateFormData({
       if (file)
         return {
           blobFile: null,
-          folder: file.folder,
           translations: file.translations
         };
       return {
         blobFile: null,
-        folder: null,
         translations: buildTranslations([
           { key: "name", value: null },
           { key: "alt", value: null }
@@ -26,7 +24,6 @@ function createUseFileUpdateFormData({
       if (!file || initializedRef.current) return;
       setFormData({
         blobFile: null,
-        folder: file.folder,
         translations: file.translations
       });
       initializedRef.current = true;

package/dist/src/cms/client/applications/resources/post/use-create-form-data.js

@@ -14,7 +14,6 @@ function createUsePostCreateFormData({
       // ----------------------------------------------------------------------------
       // states
       // ----------------------------------------------------------------------------
-      isLocked: false,
       isActive: true,
       isIndexActive: false,
       index: null,

package/dist/src/cms/client/applications/resources/post/use-update-form-data.js

@@ -15,7 +15,6 @@ function createUsePostUpdateFormData({
         // ----------------------------------------------------------------------------
         // states
         // ----------------------------------------------------------------------------
-        isLocked: false,
         isActive: true,
         isIndexActive: false,
         index: null,

package/dist/src/cms/client/applications/resources/seo-metadata/use-upsert-form-data.js

@@ -2,6 +2,10 @@
 import { useState, useEffect } from 'react';
 import 'mime-types';
 import 'sitero-domain';
+import 'ua-parser-js';
+import '../../../../../shared/client/react-query/client.js';
+import 'react/jsx-runtime';
+import '@tanstack/react-query';
 import { datetimeToUi } from '../../../../../shared/form/normalizers/datetime-to-ui.js';
 import { jsonArrayToUi } from '../../../../../shared/form/normalizers/json-array-to-ui.js';
 import 'clsx';

package/dist/src/cms/client/applications/ui/use-nav-items.js

@@ -1,14 +1,16 @@
 import { useTranslator } from 'intor/react';
-import { Gauge, ShieldUser, ShieldCheck, FolderTree, Folder, Image, Trash2, Package, SlidersHorizontal, AppWindow, Inbox, SquareLibrary, Tag, ShelvingUnit } from 'lucide-react';
+import { Gauge, ShieldUser, ShieldCheck, Image, Trash2, Package, SlidersHorizontal, AppWindow, Inbox, SquareLibrary, Tag, ShelvingUnit } from 'lucide-react';
 import { POST_TYPES } from 'sitero-domain';
 import { CMS_PATHS } from '../../../../constants/paths/cms-paths.js';
 import '../../../../constants/paths/redirect.js';
 import '../../../../constants/cms-locale.js';
-import '../../../../core/client/infrastructure/contexts/admin/admin.js';
 import 'react';
-import '../../../../core/client/infrastructure/react-query/client.js';
+import 'ua-parser-js';
+import '../../../../shared/client/react-query/client.js';
 import 'react/jsx-runtime';
 import '@tanstack/react-query';
+import { useQuery } from '../../../../shared/client/react-query/use-query.js';
+import { isContentTopic } from '../../../../config/topics.js';
 import 'mime-types';
 import { findTranslation } from '../../../../shared/translation/find-translation.js';
 import 'clsx';
@@ -16,9 +18,6 @@ import 'tailwind-merge';
 import { ensureArray } from '../../../../shared/utils/ensure-array.js';
 import { normalizeUnorderedCacheKey } from '../../../../shared/utils/normalize-unordered-cache-key.js';
 import 'zod';
-import 'sonner';
-import { useQuery } from '../../../../core/client/infrastructure/react-query/use-query.js';
-import { isContentTopic } from '../../../../core/domain/static/topics.js';
 
 function useNavItems({
   FEATURES,
@@ -107,21 +106,6 @@ function useNavItems({
       title: t("main.storage.text"),
       url: CMS_PATHS.system.storage.pathname,
       items: [
-        ...FEATURES.folder ? [
-          // file-manager
-          {
-            icon: FolderTree,
-            title: t("main.file-manager.text"),
-            url: CMS_PATHS.system.storage["file-manager"].pathname
-          },
-          { isSeparator: true },
-          // folder
-          {
-            icon: Folder,
-            title: t("resources.folder.text"),
-            url: CMS_PATHS.system.storage.folder.pathname
-          }
-        ] : [],
         // file
         {
           icon: Image,

package/dist/src/cms/client/infrastructure/admin-session/admin-initializer.js

@@ -0,0 +1,39 @@
+"use client";
+import { useEffect } from 'react';
+import 'ua-parser-js';
+import '../../../../shared/client/react-query/client.js';
+import 'react/jsx-runtime';
+import '@tanstack/react-query';
+import { useQuery } from '../../../../shared/client/react-query/use-query.js';
+import { useAdmin } from './admin-context.js';
+
+function AdminInitializer({
+  actions
+}) {
+  const { verify: adminVerifyAction, me: adminMeAction } = actions;
+  const { admin: globalAdmin, setAdmin, setIsLoading } = useAdmin();
+  const { data: adminId, isFetching: isFetchingVerify } = useQuery(
+    adminVerifyAction,
+    ["adminVerifyAction"],
+    {
+      select: (data) => data?.adminId,
+      enabled: !globalAdmin
+    }
+  );
+  const { data: admin, isFetching: isFetchingMe } = useQuery(
+    () => adminMeAction({ adminId }),
+    ["adminMeAction", adminId],
+    {
+      select: (data) => data?.admin,
+      enabled: !globalAdmin && !!adminId
+    }
+  );
+  useEffect(() => {
+    if (isFetchingVerify || isFetchingMe) return;
+    if (admin) setAdmin(admin);
+    setIsLoading(false);
+  }, [isFetchingVerify, isFetchingMe, admin, setAdmin, setIsLoading]);
+  return null;
+}
+
+export { AdminInitializer };

package/dist/src/cms/client/infrastructure/feedback/operation-error-message.js

@@ -0,0 +1,16 @@
+function getCmsOperationErrorMessage(t, code) {
+  switch (code) {
+    case "RATE_LIMITED":
+      return t("ui.operation-error.rate-limited.text");
+    case "UNAUTHENTICATED":
+      return t("ui.operation-error.unauthenticated.text");
+    case "UNAUTHORIZED":
+    case "AUTH_ADMIN_UNAUTHORIZED":
+      return t("ui.operation-error.unauthorized.text");
+    case "VALIDATION_FAILED":
+      return t("ui.operation-error.validation.text");
+  }
+  return t("ui.operation-error.unknown.text");
+}
+
+export { getCmsOperationErrorMessage };

package/dist/src/cms/client/infrastructure/feedback/use-cms-command.js

@@ -0,0 +1,28 @@
+"use client";
+import { useTranslator } from 'intor/react';
+import { toast } from 'sonner';
+import 'react';
+import 'ua-parser-js';
+import '../../../../shared/client/react-query/client.js';
+import 'react/jsx-runtime';
+import '@tanstack/react-query';
+import { useCommand } from '../../../../shared/client/react-query/use-command.js';
+import { getCmsOperationErrorMessage } from './operation-error-message.js';
+
+function useCmsCommand(fn, options) {
+  const { t } = useTranslator();
+  const { errorMessages, onFailure, ...commandOptions } = options ?? {};
+  return useCommand(fn, {
+    ...commandOptions,
+    onFailure: (error) => {
+      if (!error.fields?.length) {
+        toast.error(
+          errorMessages?.[error.code] ?? getCmsOperationErrorMessage(t, error.code)
+        );
+      }
+      onFailure?.(error);
+    }
+  });
+}
+
+export { useCmsCommand };

package/dist/src/cms/client/infrastructure/file-upload/file-upload-api.js

@@ -0,0 +1,25 @@
+import '../../../../constants/paths/redirect.js';
+import { API_PATHS } from '../../../../constants/paths/api-paths.js';
+import '../../../../constants/cms-locale.js';
+
+function createFileUploadApi({
+  smartFetch
+}) {
+  return async function fileUploadApi(params) {
+    const { blobFile } = params;
+    const formData = new FormData();
+    if (blobFile instanceof Blob) {
+      formData.append("blobFile", blobFile);
+    }
+    const response = await smartFetch(
+      API_PATHS.cms["file-upload"],
+      {
+        method: "POST",
+        body: formData
+      }
+    );
+    return response;
+  };
+}
+
+export { createFileUploadApi };

package/dist/src/cms/client/infrastructure/file-upload/multi-files-upload-api.js

@@ -0,0 +1,37 @@
+import '../../../../constants/paths/redirect.js';
+import { API_PATHS } from '../../../../constants/paths/api-paths.js';
+import '../../../../constants/cms-locale.js';
+
+function createMultiFilesUploadApi({
+  smartFetch
+}) {
+  return async function multiFilesUploadApi(params) {
+    const { blobFiles } = params;
+    const formData = new FormData();
+    if (blobFiles) {
+      blobFiles.forEach((blobFile) => {
+        formData.append("blobFiles", blobFile);
+      });
+      formData.append(
+        "blobFileInfos",
+        JSON.stringify(
+          blobFiles.map((b) => ({
+            width: b.width,
+            height: b.height,
+            duration: b.duration
+          }))
+        )
+      );
+    }
+    const response = await smartFetch(
+      API_PATHS.cms["multi-files-upload"],
+      {
+        method: "POST",
+        body: formData
+      }
+    );
+    return response;
+  };
+}
+
+export { createMultiFilesUploadApi };

package/dist/src/cms/client/infrastructure/i18n/intor-config.js

@@ -4,6 +4,11 @@ import { name } from '../../../../constants/name.js';
 import { CMS_LOCALES_ARRAY, CMS_DEFAULT_LOCALE } from '../../../../constants/cms-locale.js';
 import 'mime-types';
 import 'sitero-domain';
+import 'react';
+import 'ua-parser-js';
+import '../../../../shared/client/react-query/client.js';
+import 'react/jsx-runtime';
+import '@tanstack/react-query';
 import 'clsx';
 import 'tailwind-merge';
 import { deepMerge } from '../../../../shared/utils/deep-merge.js';

package/dist/src/cms/client/infrastructure/i18n/messages/en-US/features/authentication/admin.js

@@ -0,0 +1,112 @@
+const admin = {
+  "verify-email": {
+    "operation-error": {
+      "token-invalid": {
+        text: "This verification link is invalid or has expired. Please request a new verification email."
+      }
+    }
+  },
+  // ------------------------------------------------------
+  // sign-in
+  // ------------------------------------------------------
+  "sign-in": {
+    text: "Sign In",
+    email: {
+      text: "Email",
+      placeholder: { text: "Please enter your email" }
+    },
+    password: {
+      text: "Password",
+      placeholder: { text: "Please enter your password" }
+    },
+    anchor: { text: "Forgot your password?" },
+    button: { text: "Sign in" },
+    "operation-error": {
+      "credentials-invalid": { text: "The email or password is incorrect." }
+    }
+  },
+  // ------------------------------------------------------
+  // forgot-password
+  // ------------------------------------------------------
+  "forgot-password": {
+    text: "Forgot Password",
+    email: {
+      text: "Email",
+      placeholder: { text: "Please enter your email" }
+    },
+    anchor: { text: "Back to Sign in" },
+    button: {
+      "send-email": { text: "Send password reset email" },
+      "please-wait": { text: "Please wait" },
+      second: { text: "s" },
+      "send-again": { text: "before sending again" }
+    }
+  },
+  // ------------------------------------------------------
+  // reset-password
+  // ------------------------------------------------------
+  "reset-password": {
+    "operation-error": {
+      "token-invalid": {
+        text: "This password reset link is invalid or has expired. Please request a new email."
+      }
+    },
+    text: "Reset Password",
+    "new-password": {
+      text: "New password",
+      placeholder: { text: "Please enter new password" }
+    },
+    "new-password-confirm": {
+      text: "Confirm new password",
+      placeholder: { text: "Please enter new password again" }
+    },
+    anchor: { text: "Back to Sign in" },
+    button: { text: "Reset password" }
+  },
+  // ------------------------------------------------------
+  // change-password
+  // ------------------------------------------------------
+  "change-password": {
+    text: "Change Password",
+    password: {
+      text: "Password",
+      placeholder: { text: "Please enter your password" }
+    },
+    "new-password": {
+      text: "New password",
+      placeholder: { text: "Please enter new password" }
+    },
+    "new-password-confirm": {
+      text: "Confirm new password",
+      placeholder: { text: "Please enter new password again" }
+    },
+    anchor: { text: "Back to Dashboard" },
+    button: { text: "Change password" },
+    "operation-error": {
+      "credentials-invalid": { text: "The current password is incorrect." }
+    }
+  },
+  // ------------------------------------------------------
+  // sign-out
+  // ------------------------------------------------------
+  "sign-out": {
+    text: "Sign Out"
+  },
+  // ------------------------------------------------------
+  // email-unverified
+  // ------------------------------------------------------
+  "email-unverified": {
+    text: "Email Unverified",
+    notice: {
+      text: "Your email has not been verified yet. Please check your inbox and click the verification link.\n\nIf you can\u2019t find the email, please check your spam or other folders.\n\nAfter verification, please refresh this page."
+    },
+    button: {
+      "send-email": { text: "Send verification email again" },
+      "please-wait": { text: "Please wait" },
+      second: { text: "s" },
+      "send-again": { text: "before sending again" }
+    }
+  }
+};
+
+export { admin };

package/dist/src/cms/client/infrastructure/i18n/messages/en-US/features/index.js

@@ -0,0 +1,5 @@
+import { admin } from './authentication/admin.js';
+
+const features = { authentication: { admin } };
+
+export { features };

package/dist/src/cms/client/infrastructure/i18n/messages/en-US/index.js

@@ -1,8 +1,8 @@
-import { auth } from './auth/index.js';
+import { features } from './features/index.js';
 import { main } from './main/index.js';
 import { resources } from './resources/index.js';
 import { ui } from './ui/index.js';
 
-const EN_US = { auth, main, ui, resources };
+const EN_US = { features, main, ui, resources };
 
 export { EN_US };

package/dist/src/cms/client/infrastructure/i18n/messages/en-US/main/index.js

@@ -13,12 +13,6 @@ const main = {
   storage: { text: "Storage" },
   // trash
   trash: { text: "Trash" },
-  // file-manager
-  "file-manager": {
-    text: "File Manager",
-    "current-path": { text: "Current Path" },
-    back: { text: "Back" }
-  },
   // --------------------------------------------------------------------
   // website
   // --------------------------------------------------------------------

package/dist/src/cms/client/infrastructure/i18n/messages/en-US/resources/admin.js

@@ -10,6 +10,16 @@ const admin = {
     text: "Email",
     placeholder: { text: "Please enter an email" }
   },
+  "preferred-locale": {
+    text: "Preferred locale"
+  },
+  "receives-inquiry-notifications": {
+    text: "Receive inquiry notifications",
+    status: {
+      enabled: { text: "Enabled" },
+      disabled: { text: "Disabled" }
+    }
+  },
   name: {
     text: "Name",
     placeholder: { text: "Please enter a name" }

package/dist/src/cms/client/infrastructure/i18n/messages/en-US/resources/file.js

@@ -11,10 +11,6 @@ const file = {
     },
     placeholder: { text: "Please enter an alternative text" }
   },
-  folder: {
-    text: "Folder",
-    placeholder: { text: "Search for a folder" }
-  },
   "file-type": {
     text: "File Type",
     image: { text: "Image" },
@@ -33,7 +29,10 @@ const file = {
     text: "Please make sure the file size is under"
   },
   "file-locked-warning": {
-    text: "File is locked and cannot be deleted. Please check if other resources are using it"
+    text: "File is locked and cannot be deleted."
+  },
+  "file-in-use-warning": {
+    text: "File is in use and cannot be deleted."
   },
   "as-avatar-image": { text: "Use as avatar image" },
   "as-cover-image": { text: "Use as cover image" },

package/dist/src/cms/client/infrastructure/i18n/messages/en-US/resources/index.js

@@ -1,7 +1,6 @@
 import { admin } from './admin.js';
 import { adminRefreshToken } from './admin-refresh-token.js';
 import { file } from './file.js';
-import { folder } from './folder.js';
 import { post } from './post.js';
 import { seoMetadata } from './seo-metadata.js';
 
@@ -14,7 +13,6 @@ const resources = {
   admin,
   "admin-refresh-token": adminRefreshToken,
   file,
-  folder,
   post,
   category: { text: "Category" },
   subcategory: { text: "Subcategory" },

package/dist/src/cms/client/infrastructure/i18n/messages/en-US/ui/index.js

@@ -19,6 +19,22 @@ const ui = {
   cancel: { text: "Cancel" },
   "dialog.confirm": { text: "Are you sure?" },
   // ------------------------------------------------------
+  // operation-error
+  // ------------------------------------------------------
+  "operation-error": {
+    "rate-limited": { text: "Too many attempts. Please wait and try again." },
+    unauthenticated: {
+      text: "Your session is unavailable or has expired. Please sign in again."
+    },
+    unauthorized: {
+      text: "You do not have permission to perform this operation."
+    },
+    validation: { text: "Please check your input and try again." },
+    unknown: {
+      text: "The operation could not be completed. Please try again."
+    }
+  },
+  // ------------------------------------------------------
   // navbar
   // ------------------------------------------------------
   navbar: {