@akinon/pz-tabby-extension 2.0.0-beta.0 → 2.0.0-beta.10

package/CHANGELOG.md

@@ -1,5 +1,46 @@
 # @akinon/pz-tabby-extension
 
+## 2.0.0-beta.10
+
+### Minor Changes
+
+- 2806320: ZERO-3390: Update version tailwindcss, autoprefixer, tailwind-merge, postcss
+
+## 2.0.0-beta.9
+
+### Minor Changes
+
+- 0fe7711: ZERO-3387: Upgrade nextjs, eslint-config-next
+
+## 2.0.0-beta.8
+
+## 2.0.0-beta.7
+
+## 2.0.0-beta.6
+
+### Minor Changes
+
+- 8f05f9b: ZERO-3250: Beta branch synchronized with Main branch
+
+## 2.0.0-beta.5
+
+## 2.0.0-beta.4
+
+## 2.0.0-beta.3
+
+## 2.0.0-beta.2
+
+### Minor Changes
+
+- a006015: ZERO-3116: Add not-found page and update default middleware.
+- 1eeb3d8: ZERO-3116: Add not found page
+
+## 2.0.0-beta.1
+
+### Minor Changes
+
+- ZERO-3091: Upgrade Next.js to v15 and React to v19
+
 ## 2.0.0-beta.0
 
 ### Major Changes

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@akinon/pz-tabby-extension",
-  "version": "2.0.0-beta.0",
+  "version": "2.0.0-beta.10",
   "license": "MIT",
   "main": "src/index.tsx",
   "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@types/node": "^18.7.8",
-    "@types/react": "^18.0.17",
-    "@types/react-dom": "^18.0.6",
-    "prettier": "^3.0.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "typescript": "^5.2.2"
+    "@types/node": "^22.10.2",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
+    "prettier": "^3.4.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.7.2"
   }
 }

package/readme.md

@@ -2,19 +2,7 @@
 
 ## Installation
 
-There are two ways to install the Tabby Payment Gateway extension:
-
-### 1. Install the npm package using Yarn
-
-For the latest version, you can install the package using Yarn:
-
-```bash
-yarn add @akinon/pz-tabby-extension
-```
-
-### 2. Preferred installation method
-
-You can also use the following command to install the extension with the latest plugins:
+You can use the following command to install the extension with the latest plugins:
 
 ```bash
 npx @akinon/projectzero@latest --plugins
@@ -59,4 +47,4 @@ Add these variables to your `.env` file
 ```env
 TABBY_EXTENSION_URL=<your_extension_url>
 TABBY_HASH_KEY=<your_hash_key>
-```
+```

package/src/components/FormComponent.tsx

@@ -7,12 +7,12 @@ type FormComponentProps = {
   context: any;
 };
 
-const FormComponent = ({
+const FormComponent = async ({
   extensionUrl,
   sessionId,
   context
 }: FormComponentProps) => {
-  const nextCookies = cookies();
+  const nextCookies = await cookies();
 
   const extensionUrlWithoutSlash = `${extensionUrl}`.endsWith('/')
     ? extensionUrl.slice(0, -1)

package/src/pages/TabbyPaymentGateway.tsx

@@ -6,6 +6,7 @@ import FormComponent from '../components/FormComponent';
 import {
   fetchData,
   generateHash,
+  getISODateWithMicroseconds,
   getOrderStatus,
   getRandomString,
   groupByProductId
@@ -30,7 +31,7 @@ export const TabbyPaymentGateway = async ({
     return <></>;
   }
 
-  const nextCookies = cookies();
+  const nextCookies = await cookies();
 
   const language = settings.localization.locales.find(
     (item) => item.value === locale
@@ -77,30 +78,32 @@ export const TabbyPaymentGateway = async ({
       category: item.product.category.name
     })),
     buyer_history: {
-      registered_since: userProfile.date_joined,
-      loyalty_level: successOrders.count,
-      wishlist_count: wishlist.count,
-      is_email_verified: userProfile.is_email_verified,
-      is_social_networks_connected: userProfile.is_social_networks_connected,
+      registered_since: userProfile.date_joined ?? getISODateWithMicroseconds(),
+      loyalty_level: successOrders.count ?? 0,
+      wishlist_count: wishlist.count ?? 0,
+      is_email_verified: userProfile.is_email_verified ?? false,
+      is_social_networks_connected:
+        userProfile.is_social_networks_connected ?? false,
       is_phone_number_verified: userProfile.attributes?.verified_phone ?? false
     },
-    order_history: orderHistory.results.map((order_history: any) => ({
-      purchased_at: order_history.created_date,
-      amount: order_history.amount,
-      payment_method: order_history.card === null ? 'cod' : 'card',
-      status: getOrderStatus(order_history.status.value),
-      buyer: {
-        phone: order_history.billing_address.phone_number,
-        email: order_history.billing_address.email,
-        name: `${order_history.billing_address.first_name} ${order_history.billing_address.last_name}`
-      },
-      shipping_address: {
-        city: order_history.shipping_address.city.name,
-        address: order_history.shipping_address.line,
-        zip: order_history.shipping_address.postcode ?? '0'
-      },
-      order_items: groupByProductId(order_history.orderitem_set)
-    }))
+    order_history:
+      orderHistory?.results?.map((order_history: any) => ({
+        purchased_at: order_history.created_date,
+        amount: order_history.amount,
+        payment_method: order_history.card === null ? 'cod' : 'card',
+        status: getOrderStatus(order_history.status.value),
+        buyer: {
+          phone: order_history.billing_address.phone_number,
+          email: order_history.billing_address.email,
+          name: `${order_history.billing_address.first_name} ${order_history.billing_address.last_name}`
+        },
+        shipping_address: {
+          city: order_history.shipping_address.city.name,
+          address: order_history.shipping_address.line,
+          zip: order_history.shipping_address.postcode ?? '0'
+        },
+        order_items: groupByProductId(order_history.orderitem_set)
+      })) ?? []
   };
 
   return (

package/src/utils/index.ts

@@ -64,3 +64,13 @@ export const getOrderStatus = (
       return OrderServiceStatus.Unknown;
   }
 };
+
+export const getISODateWithMicroseconds = () => {
+  const now = new Date();
+  const isoString = now.toISOString();
+
+  const milliseconds = now.getMilliseconds().toString().padStart(3, '0');
+  const microseconds = milliseconds + '650';
+
+  return isoString.replace(/\.\d{3}Z$/, `.${microseconds}Z`);
+};