strapi-plugin-payone-provider 5.7.22 → 5.7.24

package/admin/src/pages/App/components/transaction-history/details/TransactionDetails.jsx

@@ -2,7 +2,10 @@ import * as React from "react";
 import JsonView from "@uiw/react-json-view";
 import { githubDarkTheme } from "@uiw/react-json-view/githubDark";
 import { Box, Flex, Typography } from "@strapi/design-system";
-import { getCardTypeName } from "../../../../utils/transactionTableUtils";
+import {
+  getCardTypeName,
+  isCreditCard
+} from "../../../../utils/transactionTableUtils";
 
 const TransactionDetails = ({ transaction }) => {
   return (
@@ -30,7 +33,7 @@ const TransactionDetails = ({ transaction }) => {
           display: "grid",
           gridTemplateColumns: "repeat(auto-fit,minmax(400px,1fr))",
           gap: "16px",
-          marginBottom: "1.5rem",
+          marginBottom: "1.5rem"
         }}
       >
         <Flex direction="column" gap={2} alignItems={"stretch"}>
@@ -47,8 +50,10 @@ const TransactionDetails = ({ transaction }) => {
               Name:
             </Typography>
             <Typography variant="pi" textColor="neutral800">
-              {transaction.raw_request?.firstname || transaction.body?.raw_request?.firstname }{" "}
-              {transaction.raw_request?.lastname || transaction.body?.raw_request?.lastname}
+              {transaction.raw_request?.firstname ||
+                transaction.body?.raw_request?.firstname}{" "}
+              {transaction.raw_request?.lastname ||
+                transaction.body?.raw_request?.lastname}
             </Typography>
           </Flex>
           <Flex gap={3}>
@@ -56,7 +61,9 @@ const TransactionDetails = ({ transaction }) => {
               Email:
             </Typography>
             <Typography variant="pi" textColor="neutral800">
-              {transaction.raw_request?.email || transaction.body?.raw_request?.email || "N/A"}
+              {transaction.raw_request?.email ||
+                transaction.body?.raw_request?.email ||
+                "N/A"}
             </Typography>
           </Flex>
           <Flex gap={3}>
@@ -64,7 +71,9 @@ const TransactionDetails = ({ transaction }) => {
               Phone:
             </Typography>
             <Typography variant="pi" textColor="neutral800">
-              {transaction.raw_request?.telephonenumber || transaction.body?.raw_request?.telephonenumber || "N/A"}
+              {transaction.raw_request?.telephonenumber ||
+                transaction.body?.raw_request?.telephonenumber ||
+                "N/A"}
             </Typography>
           </Flex>
           <Flex gap={3}>
@@ -72,8 +81,13 @@ const TransactionDetails = ({ transaction }) => {
               Address:
             </Typography>
             <Typography variant="pi" textColor="neutral800">
-              {transaction.raw_request?.street || transaction.body?.raw_request?.street}, {transaction.raw_request?.zip || transaction.body?.raw_request?.zip}{" "}
-              {transaction.raw_request?.city || transaction.body?.raw_request?.city}
+              {transaction.raw_request?.street ||
+                transaction.body?.raw_request?.street}
+              ,{" "}
+              {transaction.raw_request?.zip ||
+                transaction.body?.raw_request?.zip}{" "}
+              {transaction.raw_request?.city ||
+                transaction.body?.raw_request?.city}
             </Typography>
           </Flex>
         </Flex>
@@ -94,7 +108,7 @@ const TransactionDetails = ({ transaction }) => {
               {transaction.txid || "N/A"}
             </Typography>
           </Flex>
-          {transaction.raw_request?.clearingtype === "cc"  || transaction.body?.raw_request?.clearingtype === "cc" && (
+          {isCreditCard(transaction) && (
             <>
               <Flex gap={3}>
                 <Typography
@@ -105,22 +119,27 @@ const TransactionDetails = ({ transaction }) => {
                   Card Type:
                 </Typography>
                 <Typography variant="pi" textColor="neutral800">
-                  {getCardTypeName(transaction.raw_request?.cardtype || transaction.body?.raw_request?.cardtype)}
-                </Typography>
-              </Flex>
-              <Flex gap={3}>
-                <Typography
-                  variant="pi"
-                  textColor="neutral600"
-                  fontWeight="medium"
-                >
-                  Card Number:
-                </Typography>
-                <Typography variant="pi" textColor="neutral800">
-                  **** **** ****{" "}
-                  {transaction.raw_request?.cardpan?.slice(-4) || transaction.body?.raw_request?.cardpan?.slice(-4) || "****"}
+                  {getCardTypeName(transaction)}
                 </Typography>
               </Flex>
+              {(transaction.raw_request?.cardFirstname ||
+                transaction.body?.raw_request?.cardFirstname) && (
+                <Flex gap={3}>
+                  <Typography
+                    variant="pi"
+                    textColor="neutral600"
+                    fontWeight="medium"
+                  >
+                    Name on Card:
+                  </Typography>
+                  <Typography variant="pi" textColor="neutral800">
+                    {transaction.raw_request?.cardFirstname ||
+                      transaction.body?.raw_request?.cardFirstname}{" "}
+                    {transaction.raw_request?.cardLastname ||
+                      transaction.body?.raw_request?.cardLastname}
+                  </Typography>
+                </Flex>
+              )}
             </>
           )}
           <Flex gap={3}>
@@ -128,7 +147,9 @@ const TransactionDetails = ({ transaction }) => {
               Mode:
             </Typography>
             <Typography variant="pi" textColor="neutral800">
-              {transaction.raw_request?.mode || transaction.body?.raw_request?.mode || "N/A"}
+              {transaction.raw_request?.mode ||
+                transaction.body?.raw_request?.mode ||
+                "N/A"}
             </Typography>
           </Flex>
         </Flex>

package/admin/src/pages/App/components/transaction-history/details/TransactionHistoryItem.jsx

@@ -9,6 +9,7 @@ import {
   Button,
 } from "@strapi/design-system";
 import { ChevronDownIcon, ChevronUpIcon } from "../icons";
+import { isCreditCard, getCardTypeName } from "../../../../utils/transactionTableUtils";
 
 const TransactionHistoryItem = ({ transaction }) => {
   const [isExpanded, setIsExpanded] = React.useState(false);
@@ -302,7 +303,7 @@ const TransactionHistoryItem = ({ transaction }) => {
                       </Typography>
                     </Flex>
 
-                    {transaction.raw_request?.clearingtype === "cc" && (
+                    {isCreditCard(transaction) && (
                       <>
                         <Flex justifyContent="space-between" gap={3}>
                           <Typography
@@ -341,6 +342,21 @@ const TransactionHistoryItem = ({ transaction }) => {
                             {transaction.raw_request?.cardexpiredate}
                           </Typography>
                         </Flex>
+                        {transaction.raw_request?.cardFirstname && (
+                          <Flex justifyContent="space-between" gap={3}>
+                            <Typography
+                              variant="pi"
+                              textColor="neutral600"
+                              fontWeight="medium"
+                            >
+                              Name on Card:
+                            </Typography>
+                            <Typography variant="pi" textColor="neutral800">
+                              {transaction.raw_request?.cardFirstname}{" "}
+                              {transaction.raw_request?.cardLastname}
+                            </Typography>
+                          </Flex>
+                        )}
                       </>
                     )}
 

package/admin/src/pages/utils/transactionTableUtils.js

@@ -1,4 +1,3 @@
-
 export const getStatusColor = (status) => {
   switch (status) {
     case "APPROVED":
@@ -26,12 +25,11 @@ export const formatDate = (dateString) => {
     month: "2-digit",
     day: "2-digit",
     hour: "2-digit",
-    minute: "2-digit",
+    minute: "2-digit"
   });
 };
 
 export const getPaymentMethodName = (clearingtype, wallettype) => {
-
   switch (clearingtype) {
     case "cc" || "card" | "c":
       return "Credit Card";
@@ -46,7 +44,20 @@ export const getPaymentMethodName = (clearingtype, wallettype) => {
   }
 };
 
-export const getCardTypeName = (cardtype) => {
+export const isCreditCard = (transaction) => {
+  const clearingtype =
+    transaction.raw_request?.clearingtype ||
+    transaction.body?.raw_request?.clearingtype;
+  return clearingtype === "cc";
+};
+
+export const getCardTypeName = (transaction) => {
+  if (!isCreditCard(transaction)) return null;
+
+  const cardtype =
+    transaction.raw_request?.cardtype ||
+    transaction.body?.raw_request?.cardtype;
+
   switch (cardtype) {
     case "V":
       return "Visa";
@@ -58,4 +69,3 @@ export const getCardTypeName = (cardtype) => {
       return cardtype || "Unknown";
   }
 };
-

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "strapi-plugin-payone-provider",
-  "version": "5.7.22",
+  "version": "5.7.24",
   "description": "Strapi plugin for Payone payment gateway integration",
   "license": "MIT",
   "maintainers": [
@@ -42,4 +42,4 @@
     "kind": "plugin",
     "displayName": "Strapi Payone Provider"
   }
-}
+}

package/server/controllers/payone.js

@@ -415,4 +415,37 @@ module.exports = ({ strapi }) => ({
       handleError(ctx, error);
     }
   },
+
+  async hash384(ctx) {
+    try {
+      // Get settings
+      const settings = await getPayoneService(strapi).getSettings();
+      const hmacKey = settings?.key || "";
+
+      if (!hmacKey) {
+        ctx.throw(400, "Payone key is not configured in plugin settings");
+      }
+
+      // Validate required settings
+      if (!settings?.aid || !settings?.mid || !settings?.portalid || !settings?.mode) {
+        ctx.throw(400, "Required settings (aid, mid, portalid, mode) are not configured");
+      }
+
+      // Construct the string from settings values
+      // Format: ${aid}UTF-8${mid}${mode}${portalid}creditcardcheckJSONyes
+      const textToHash = `${settings.aid}UTF-8${settings.mid}${settings.mode}${settings.portalid}creditcardcheckJSONyes`;
+
+      // Create HMAC SHA-384 hash
+      const hmac = crypto.createHmac("sha384", hmacKey);
+      hmac.update(textToHash);
+      const hash = hmac.digest("hex");
+
+      ctx.body = {
+        hash,
+        text: textToHash
+      };
+    } catch (error) {
+      handleError(ctx, error);
+    }
+  }
 });

package/server/routes/index.js

@@ -100,7 +100,14 @@ module.exports = {
           policies: ["admin::isAuthenticatedAdmin"]
         }
       },
-      // legacy hosted-iFrame endpoints removed
+      {
+        method: "POST",
+        path: "/hash384",
+        handler: "payone.hash384",
+        config: {
+          policies: ["admin::isAuthenticatedAdmin"]
+        }
+      }
     ]
   },
 
@@ -188,6 +195,15 @@ module.exports = {
           auth: false
         }
       },
+      {
+        method: "POST",
+        path: "/hash384",
+        handler: "payone.hash384",
+        config: {
+          policies: ["plugin::strapi-plugin-payone-provider.is-auth"],
+          auth: false
+        }
+      },
       {
         method: "POST",
         path: "/transaction-status",

package/server/utils/paymentMethodParams.js

@@ -48,6 +48,8 @@ const addPaymentMethodParams = (params, logger) => {
     'cardexpiredate', 'cardtype', 'wallettype',
     'bankcountry', 'iban', 'bic', 'bankaccountholder', 'onlinebanktransfertype',
     'recurrence', 'financingtype', 'invoicetype',
+    // Cardholder name fields (credit card)
+    'cardFirstname', 'cardLastname',
     // Common defaults
     'salutation', 'gender', 'telephonenumber', 'ip', 'language', 'customer_is_present',
     // Payment method tokens