From 4d135a31444699ddaaf622dfea924a474f4cd49a Mon Sep 17 00:00:00 2001
From: Yvann PONCE <yvann.ponce@gmail.com>
Date: Sun, 3 Nov 2024 09:33:16 +0100
Subject: [PATCH 1/4] common reset button

---
 apps/frontend-common-space/.env.development   |  6 ++---
 libs/ui/common/src/lib/commandsR/Item.tsx     |  4 ++--
 .../lib/commandsR/mealSelectionForPayment.tsx | 23 ++++++++++++++-----
 3 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/apps/frontend-common-space/.env.development b/apps/frontend-common-space/.env.development
index e995a08..f7a0e0d 100644
--- a/apps/frontend-common-space/.env.development
+++ b/apps/frontend-common-space/.env.development
@@ -1,6 +1,6 @@
 VITE_KITCHEN_BASE_URL=https://kitchen-backend.spos.polytech.apoorva64.com
 VITE_MENU_BASE_URL=https://menu-backend.spos.polytech.apoorva64.com
 VITE_DINING_BASE_URL=https://dining-backend.spos.polytech.apoorva64.com
-VITE_BFF_BASE_URL=https://backend-bff.spos.dev.polytech.apoorva64.com
-VITE_PAYMENT_SHARING_BASE_URL=https://payment-sharing.spos.dev.polytech.apoorva64.com
-VITE_ORDERING_BASE_URL=https://ordering.spos.dev.polytech.apoorva64.com
\ No newline at end of file
+VITE_BFF_BASE_URL=https://backend-bff.spos.polytech.apoorva64.com
+VITE_PAYMENT_SHARING_BASE_URL=https://payment-sharing.spos.polytech.apoorva64.com
+VITE_ORDERING_BASE_URL=https://ordering.spos.polytech.apoorva64.com
\ No newline at end of file
diff --git a/libs/ui/common/src/lib/commandsR/Item.tsx b/libs/ui/common/src/lib/commandsR/Item.tsx
index 7bb2a32..b4aa7c9 100644
--- a/libs/ui/common/src/lib/commandsR/Item.tsx
+++ b/libs/ui/common/src/lib/commandsR/Item.tsx
@@ -22,12 +22,12 @@ export function Item(props: Readonly<ItemProps>) {
   const currentTableCart: Cart =
     useCarts((state) => state.carts)[props.tableNumber] || [];
   const updateItem = useCarts((state) => state.updateItem);
-
+  
   const count =
     currentTableCart.find(
       (element) => element.shortName === props.item.shortName
     )?.quantity ?? 0;
-
+    
   return (
     <Card sx={{ maxWidth: 250, minWidth: 150, maxHeight: 250 }}>
       <CardMedia
diff --git a/libs/ui/common/src/lib/commandsR/mealSelectionForPayment.tsx b/libs/ui/common/src/lib/commandsR/mealSelectionForPayment.tsx
index abceb9c..a2e5c7a 100644
--- a/libs/ui/common/src/lib/commandsR/mealSelectionForPayment.tsx
+++ b/libs/ui/common/src/lib/commandsR/mealSelectionForPayment.tsx
@@ -9,6 +9,8 @@ import { Item } from './Item';
 import { ContainerContext } from '../containerHook/containerContext';
 import { useQuery } from '@tanstack/react-query';
 import { CatalogueService, TYPES } from '@spos/services/common';
+import { useCarts } from './stores/cart';
+import { Cart } from './orderingChoices';
 
 interface MealSelectionContentProps {
   onClose: () => void;
@@ -36,10 +38,6 @@ export function MealSelectionForPayment() {
     tableNumber: string;
   }>();
 
-  function handleClose() {
-    console.log('Close button clicked');
-  }
-
   function handleSelectWhoPays() {
     console.log('Select who pays button clicked');
     //navigate(`/diningRoomTables/${tableNumber}`);
@@ -60,7 +58,6 @@ export function MealSelectionForPayment() {
   return (
     <SSEProvider endpoint={`${import.meta.env.VITE_PAYMENT_SHARING_BASE_URL}/api/payments/sse/table-items/${groupId}`}>
       <MealSelectionContent
-        onClose={handleClose}
         onSelectWhoPays={handleSelectWhoPays}
         onGroupClick={handleGroupClick}
         onBackButtonClick={handleBackButtonClick}
@@ -82,6 +79,7 @@ function MealSelectionContent({
 
   const currentTable = tableItems.find((table) => table.number === tableNumber);
   const itemIds = currentTable ? currentTable.elements.map((element) => element.item.id) : [];
+  const updateItem = useCarts((state) => state.updateItem);
 
   const { data: catalog, isLoading: isLoadingCatalog } = useQuery({
     queryKey: ['catalogMealSelectionForPayments', itemIds],
@@ -105,6 +103,19 @@ function MealSelectionContent({
     return <Typography variant="h6" sx={{ textAlign: 'center', mt: 4 }}>No items available for this table.</Typography>;
   }
 
+  function handleClose(tableItems: PaymentResponseTableDTO[], updateItem: (tableNumber: number, itemId: string, shortName: string, quantity: number) => void): void {
+    console.log('Close button clicked');
+    for (const key in tableItems) {
+      const table = tableItems[key]
+      tableNumber = table.number
+      const elements = table.elements 
+      for (const elemKey in elements){
+        const element = elements[elemKey]
+        updateItem(tableNumber, element.item.id, element.item.name, 0)
+      }
+    }
+  }
+
   return (
     <Box sx={{ pb: 10 }}>
       <BackButton onClick={onBackButtonClick} />
@@ -159,7 +170,7 @@ function MealSelectionContent({
           </Box>
         )}
       </Box>
-      <Footer onClose={onClose} onSelectWhoPays={onSelectWhoPays} onGroupClick={onGroupClick} />
+      <Footer onClose={() => handleClose(tableItems, updateItem)}  onSelectWhoPays={onSelectWhoPays} onGroupClick={onGroupClick} />
     </Box>
   );
 }

From 54dd1c9b0ea7b82716b92afb3094004a2385a890 Mon Sep 17 00:00:00 2001
From: Yvann PONCE <yvann.ponce@gmail.com>
Date: Sun, 3 Nov 2024 09:33:53 +0100
Subject: [PATCH 2/4] common reset button

---
 libs/ui/common/src/lib/commandsR/mealSelectionForPayment.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/libs/ui/common/src/lib/commandsR/mealSelectionForPayment.tsx b/libs/ui/common/src/lib/commandsR/mealSelectionForPayment.tsx
index a2e5c7a..eee2b84 100644
--- a/libs/ui/common/src/lib/commandsR/mealSelectionForPayment.tsx
+++ b/libs/ui/common/src/lib/commandsR/mealSelectionForPayment.tsx
@@ -10,7 +10,6 @@ import { ContainerContext } from '../containerHook/containerContext';
 import { useQuery } from '@tanstack/react-query';
 import { CatalogueService, TYPES } from '@spos/services/common';
 import { useCarts } from './stores/cart';
-import { Cart } from './orderingChoices';
 
 interface MealSelectionContentProps {
   onClose: () => void;

From 0cc42bee2561bf052dd6e95643808c9c832bc93a Mon Sep 17 00:00:00 2001
From: Apoorva Srinivas Appadoo
 <apoorva-srinivas.appadoo@etu.univ-cotedazur.fr>
Date: Sun, 3 Nov 2024 10:14:41 +0100
Subject: [PATCH 3/4] feat: add assign payment skeleton

---
 apps/frontend-common-space/src/vite-env.d.ts  |  13 ++
 .../src/lib/billing/payementAsignee.tsx       | 116 ++++++++++++------
 2 files changed, 90 insertions(+), 39 deletions(-)
 create mode 100644 apps/frontend-common-space/src/vite-env.d.ts

diff --git a/apps/frontend-common-space/src/vite-env.d.ts b/apps/frontend-common-space/src/vite-env.d.ts
new file mode 100644
index 0000000..1f78e09
--- /dev/null
+++ b/apps/frontend-common-space/src/vite-env.d.ts
@@ -0,0 +1,13 @@
+/// <reference types="vite/client" />
+interface ImportMetaEnv {
+  VITE_KITCHEN_BASE_URL: string;
+  VITE_MENU_BASE_URL: string;
+  VITE_DINING_BASE_URL: string;
+  VITE_BFF_BASE_URL: string;
+  VITE_PAYMENT_SHARING_BASE_URL: string;
+  VITE_ORDERING_BASE_URL: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}
diff --git a/libs/ui/common/src/lib/billing/payementAsignee.tsx b/libs/ui/common/src/lib/billing/payementAsignee.tsx
index 2aedd56..4e1431f 100644
--- a/libs/ui/common/src/lib/billing/payementAsignee.tsx
+++ b/libs/ui/common/src/lib/billing/payementAsignee.tsx
@@ -2,43 +2,41 @@ import React from 'react';
 import IconButton from '@mui/material/IconButton';
 import ArrowOutwardIcon from '@mui/icons-material/ArrowOutward';
 import CancelIcon from '@mui/icons-material/Cancel';
+import { Configuration, PaymentsApi } from '@spos/clients-payment-sharing';
+import { useMutation } from '@tanstack/react-query';
+import { useNavigate } from 'react-router-dom';
+
+const makePayment = async (data: {
+  userState: any;
+  tableId: string;
+  groupId: string;
+  userId: string;
+}) => {
+  const api = new PaymentsApi(
+    new Configuration({
+      basePath: import.meta.env.VITE_PAYMENTS_API_BASE_PATH,
+    })
+  );
+
+  // faire cette req pour chaque type d'item (foie gras, pizza, etc) en mettant la quantité
+  return (
+    await api.paymentControllerTakeItemFromCenterTable({
+      itemRequestDto: {} as any,
+    })
+  ).data;
+};
 
 export function PayementAsignee() {
-  // propriétés communes des BackButton
-  const buttonProps = {
-    color: 'black',
-    fontSize: '150px',
-    //scaleX: 0.5,
-    scaleY: 0.5,
-  };
+  const tableId = '1';
+  const groupId = '1';
+  const state = {};
+
+  // mutation
+  const { mutate } = useMutation({
+    mutationFn: makePayment,
+  });
 
-  // propriétés spécifiques des BackButton
-  const buttonPositions = [
-    {
-      onClick: () => alert('Top Left'),
-      top: '-150px',
-      left: '-150px',
-      rotation: 45,
-    },
-    {
-      onClick: () => alert('Top Right'),
-      top: '-155px',
-      left: '150px',
-      rotation: 135,
-    },
-    {
-      onClick: () => alert('Bottom Left'),
-      top: '140px',
-      left: '-150px',
-      rotation: -45,
-    },
-    {
-      onClick: () => alert('Bottom Right'),
-      top: '140px',
-      left: '180px',
-      rotation: -135,
-    },
-  ];
+  const navigate = useNavigate();
 
   return (
     <div
@@ -57,7 +55,16 @@ export function PayementAsignee() {
           justifyContent: 'center',
         }}
       >
-        <IconButton>
+        <IconButton
+          onClick={() => {
+            mutate({
+              userState: state,
+              tableId: tableId,
+              groupId: groupId,
+              userId: tableId + '1',
+            });
+          }}
+        >
           <ArrowOutwardIcon
             style={{
               fontSize: '150px',
@@ -81,7 +88,16 @@ export function PayementAsignee() {
           justifyContent: 'center',
         }}
       >
-        <IconButton>
+        <IconButton
+          onClick={() => {
+            mutate({
+              userState: state,
+              tableId: tableId,
+              groupId: groupId,
+              userId: tableId + '2',
+            });
+          }}
+        >
           <ArrowOutwardIcon
             style={{
               fontSize: '150px',
@@ -106,7 +122,11 @@ export function PayementAsignee() {
           justifyContent: 'center',
         }}
       >
-        <IconButton>
+        <IconButton
+          onClick={() => {
+            navigate(`/mealSelectionForPayment/${groupId}/${tableId}`);
+          }}
+        >
           <CancelIcon
             style={{
               fontSize: '150px',
@@ -131,7 +151,16 @@ export function PayementAsignee() {
           justifyContent: 'center',
         }}
       >
-        <IconButton>
+        <IconButton
+          onClick={() => {
+            mutate({
+              userState: state,
+              tableId: tableId,
+              groupId: groupId,
+              userId: tableId + '3',
+            });
+          }}
+        >
           <ArrowOutwardIcon
             style={{
               fontSize: '150px',
@@ -156,7 +185,16 @@ export function PayementAsignee() {
           justifyContent: 'center',
         }}
       >
-        <IconButton>
+        <IconButton
+          onClick={() => {
+            mutate({
+              userState: state,
+              tableId: tableId,
+              groupId: groupId,
+              userId: tableId + '4',
+            });
+          }}
+        >
           <ArrowOutwardIcon
             style={{
               fontSize: '150px',

From 4b8d0716519e26391453c6bc993687f79e569a13 Mon Sep 17 00:00:00 2001
From: GitHub Bot <gituser@example.com>
Date: Sun, 3 Nov 2024 09:21:24 +0000
Subject: [PATCH 4/4] chore(release): publish

- project: ui-common 0.36.0

- project: frontend-common-space 0.7.0
---
 apps/frontend-common-space/CHANGELOG.md | 12 ++++++++++++
 apps/frontend-common-space/package.json |  2 +-
 libs/ui/common/CHANGELOG.md             | 12 ++++++++++++
 libs/ui/common/package.json             |  2 +-
 4 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/apps/frontend-common-space/CHANGELOG.md b/apps/frontend-common-space/CHANGELOG.md
index 3bfebe5..27f223d 100644
--- a/apps/frontend-common-space/CHANGELOG.md
+++ b/apps/frontend-common-space/CHANGELOG.md
@@ -1,3 +1,15 @@
+## 0.7.0 (2024-11-03)
+
+
+### 🚀 Features
+
+- add assign payment skeleton ([0cc42be](https://github.com/StartUpNationLabs/spos/commit/0cc42be))
+
+
+### ❤️  Thank You
+
+- Apoorva Srinivas Appadoo
+
 ## 0.6.0 (2024-11-02)
 
 
diff --git a/apps/frontend-common-space/package.json b/apps/frontend-common-space/package.json
index c7dfb67..2df8e50 100644
--- a/apps/frontend-common-space/package.json
+++ b/apps/frontend-common-space/package.json
@@ -1,4 +1,4 @@
 {
   "name": "frontend-common-space",
-  "version": "0.6.0"
+  "version": "0.7.0"
 }
diff --git a/libs/ui/common/CHANGELOG.md b/libs/ui/common/CHANGELOG.md
index 516f7be..01fe77b 100644
--- a/libs/ui/common/CHANGELOG.md
+++ b/libs/ui/common/CHANGELOG.md
@@ -1,3 +1,15 @@
+## 0.36.0 (2024-11-03)
+
+
+### 🚀 Features
+
+- add assign payment skeleton ([0cc42be](https://github.com/StartUpNationLabs/spos/commit/0cc42be))
+
+
+### ❤️  Thank You
+
+- Apoorva Srinivas Appadoo
+
 ## 0.35.0 (2024-11-02)
 
 
diff --git a/libs/ui/common/package.json b/libs/ui/common/package.json
index 4373738..0fba164 100644
--- a/libs/ui/common/package.json
+++ b/libs/ui/common/package.json
@@ -1,4 +1,4 @@
 {
   "name": "ui-common",
-  "version": "0.35.0"
+  "version": "0.36.0"
 }