feat: add product-details block

.gitignore

@@ -33,6 +33,7 @@ yarn-error.log*
 .idea
 .vscode
 .cursor
+agent-os
 
 # Local history
 .lh

apps/api-harmonization/package.json

@@ -46,8 +46,10 @@
         "@o2s/blocks.orders-summary": "*",
         "@o2s/blocks.payments-history": "*",
         "@o2s/blocks.payments-summary": "*",
+        "@o2s/blocks.product-details": "*",
         "@o2s/blocks.product-list": "*",
         "@o2s/blocks.quick-links": "*",
+        "@o2s/blocks.recommended-products": "*",
         "@o2s/blocks.service-details": "*",
         "@o2s/blocks.service-list": "*",
         "@o2s/blocks.surveyjs-form": "*",

apps/api-harmonization/src/app.module.ts

@@ -40,8 +40,10 @@ import * as OrderList from '@o2s/blocks.order-list/api-harmonization';
 import * as OrdersSummary from '@o2s/blocks.orders-summary/api-harmonization';
 import * as PaymentsHistory from '@o2s/blocks.payments-history/api-harmonization';
 import * as PaymentsSummary from '@o2s/blocks.payments-summary/api-harmonization';
+import * as ProductDetails from '@o2s/blocks.product-details/api-harmonization';
 import * as ProductList from '@o2s/blocks.product-list/api-harmonization';
 import * as QuickLinks from '@o2s/blocks.quick-links/api-harmonization';
+import * as RecommendedProducts from '@o2s/blocks.recommended-products/api-harmonization';
 import * as ServiceDetails from '@o2s/blocks.service-details/api-harmonization';
 import * as ServiceList from '@o2s/blocks.service-list/api-harmonization';
 import * as SurveyJsForm from '@o2s/blocks.surveyjs-form/api-harmonization';
@@ -140,6 +142,8 @@ export const AuthModuleBaseModule = AuthModule.Module.register(AppConfig);
         ProductList.Module.register(AppConfig),
         NotificationSummary.Module.register(AppConfig),
         TicketSummary.Module.register(AppConfig),
+        ProductDetails.Module.register(AppConfig),
+        RecommendedProducts.Module.register(AppConfig),
         // BLOCK REGISTER
     ],
     providers: [

apps/api-harmonization/src/modules/page/page.model.ts

@@ -16,8 +16,10 @@ import * as OrderList from '@o2s/blocks.order-list/api-harmonization';
 import * as OrdersSummary from '@o2s/blocks.orders-summary/api-harmonization';
 import * as PaymentsHistory from '@o2s/blocks.payments-history/api-harmonization';
 import * as PaymentsSummary from '@o2s/blocks.payments-summary/api-harmonization';
+import * as ProductDetails from '@o2s/blocks.product-details/api-harmonization';
 import * as ProductList from '@o2s/blocks.product-list/api-harmonization';
 import * as QuickLinks from '@o2s/blocks.quick-links/api-harmonization';
+import * as RecommendedProducts from '@o2s/blocks.recommended-products/api-harmonization';
 import * as ServiceDetails from '@o2s/blocks.service-details/api-harmonization';
 import * as ServiceList from '@o2s/blocks.service-list/api-harmonization';
 import * as Surveyjs from '@o2s/blocks.surveyjs-form/api-harmonization';
@@ -78,6 +80,8 @@ export class PageData {
 
 export type Blocks =
     // BLOCK REGISTER
+    | RecommendedProducts.Model.RecommendedProductsBlock['__typename']
+    | ProductDetails.Model.ProductDetailsBlock['__typename']
     | ProductList.Model.ProductListBlock['__typename']
     | TicketSummary.Model.TicketSummaryBlock['__typename']
     | NotificationSummary.Model.NotificationSummaryBlock['__typename']

apps/frontend/package.json

@@ -31,8 +31,10 @@
         "@o2s/blocks.orders-summary": "*",
         "@o2s/blocks.payments-history": "*",
         "@o2s/blocks.payments-summary": "*",
+        "@o2s/blocks.product-details": "*",
         "@o2s/blocks.product-list": "*",
         "@o2s/blocks.quick-links": "*",
+        "@o2s/blocks.recommended-products": "*",
         "@o2s/blocks.service-details": "*",
         "@o2s/blocks.service-list": "*",
         "@o2s/blocks.surveyjs-form": "*",
@@ -92,4 +94,4 @@
         "@types/react": "19.2.7",
         "@types/react-dom": "19.2.3"
     }
-}
+}

apps/frontend/src/blocks/renderBlocks.tsx

@@ -17,8 +17,10 @@ import * as OrderList from '@o2s/blocks.order-list/frontend';
 import * as OrdersSummary from '@o2s/blocks.orders-summary/frontend';
 import * as PaymentsHistory from '@o2s/blocks.payments-history/frontend';
 import * as PaymentsSummary from '@o2s/blocks.payments-summary/frontend';
+import * as ProductDetails from '@o2s/blocks.product-details/frontend';
 import * as ProductList from '@o2s/blocks.product-list/frontend';
 import * as QuickLinks from '@o2s/blocks.quick-links/frontend';
+import * as RecommendedProducts from '@o2s/blocks.recommended-products/frontend';
 import * as ServiceDetails from '@o2s/blocks.service-details/frontend';
 import * as ServiceList from '@o2s/blocks.service-list/frontend';
 import * as SurveyJsForm from '@o2s/blocks.surveyjs-form/frontend';
@@ -142,6 +144,10 @@ const renderBlock = (typename: string, blockProps: BlockProps) => {
             return <NotificationSummary.Renderer {...blockProps} />;
         case 'TicketSummaryBlock':
             return <TicketSummary.Renderer {...blockProps} />;
+        case 'ProductDetailsBlock':
+            return <ProductDetails.Renderer {...blockProps} />;
+        case 'RecommendedProductsBlock':
+            return <RecommendedProducts.Renderer {...blockProps} />;
         // BLOCK REGISTER
         default:
             return null;

packages/blocks/product-details/.gitignore

@@ -0,0 +1,57 @@
+# compiled output
+/dist
+/node_modules
+/build
+
+# Logs
+logs
+*.log
+npm-debug.log*
+pnpm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# OS
+.DS_Store
+
+# Tests
+/coverage
+/.nyc_output
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+
+# temp directory
+.temp
+.tmp
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+/tsconfig.tsbuildinfo

packages/blocks/product-details/.prettierrc.mjs

@@ -0,0 +1,25 @@
+import apiConfig from "@o2s/prettier-config/api.mjs";
+import frontendConfig from "@o2s/prettier-config/frontend.mjs";
+
+/**
+ * @see https://prettier.io/docs/en/configuration.html
+ * @type {import("prettier").Config}
+ */
+const config = {
+    overrides: [
+        {
+            files: "./src/api-harmonization/**/*",
+            options: apiConfig,
+        },
+        {
+            files: "./src/frontend/**/*",
+            options: frontendConfig,
+        },
+        {
+            files: "./src/sdk/**/*",
+            options: frontendConfig,
+        },
+    ],
+};
+
+export default config;

packages/blocks/product-details/eslint.config.mjs

@@ -0,0 +1,18 @@
+import { config as apiConfig } from '@o2s/eslint-config/api';
+import { config as frontendConfig } from '@o2s/eslint-config/frontend-block';
+import { defineConfig } from 'eslint/config';
+
+export default defineConfig([
+    {
+        files: ['src/api-harmonization/**/*'],
+        extends: [apiConfig],
+    },
+    {
+        files: ['src/frontend/**/*'],
+        extends: [frontendConfig],
+    },
+    {
+        files: ['src/sdk/**/*'],
+        extends: [frontendConfig],
+    },
+]);

packages/blocks/product-details/lint-staged.config.mjs

@@ -0,0 +1,3 @@
+import { config } from '@o2s/lint-staged-config/base';
+
+export default config;