strapi-plugin-payone-provider 1.4.1 → 1.4.2

package/admin/src/pages/App/components/icons/BankIcon.js

@@ -1,10 +1,10 @@
-import React from 'react';
-
-const BankIcon = ({ size = 16, color = 'currentColor' }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" fill={color} />
-    <path d="M12 6l-1.5 3L7 8.5l2.5 2.5L8 14l4-2.5L16 14l-1.5-3L18 8.5l-3.5.5L12 6z" fill={color} />
-  </svg>
-);
-
-export default BankIcon;
+import React from 'react';
+
+const BankIcon = ({ size = 16, color = 'currentColor' }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" fill={color} />
+    <path d="M12 6l-1.5 3L7 8.5l2.5 2.5L8 14l4-2.5L16 14l-1.5-3L18 8.5l-3.5.5L12 6z" fill={color} />
+  </svg>
+);
+
+export default BankIcon;

package/admin/src/pages/App/components/icons/ChevronDownIcon.js

@@ -1,9 +1,9 @@
-import React from 'react';
-
-const ChevronDownIcon = ({ size = 16, color = 'currentColor' }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" fill={color} />
-  </svg>
-);
-
-export default ChevronDownIcon;
+import React from 'react';
+
+const ChevronDownIcon = ({ size = 16, color = 'currentColor' }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" fill={color} />
+  </svg>
+);
+
+export default ChevronDownIcon;

package/admin/src/pages/App/components/icons/ChevronUpIcon.js

@@ -1,9 +1,9 @@
-import React from 'react';
-
-const ChevronUpIcon = ({ size = 16, color = 'currentColor' }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z" fill={color} />
-  </svg>
-);
-
-export default ChevronUpIcon;
+import React from 'react';
+
+const ChevronUpIcon = ({ size = 16, color = 'currentColor' }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z" fill={color} />
+  </svg>
+);
+
+export default ChevronUpIcon;

package/admin/src/pages/App/components/icons/CreditCardIcon.js

@@ -1,9 +1,9 @@
-import React from 'react';
-
-const CreditCardIcon = ({ size = 16, color = 'currentColor' }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z" fill={color} />
-  </svg>
-);
-
-export default CreditCardIcon;
+import React from 'react';
+
+const CreditCardIcon = ({ size = 16, color = 'currentColor' }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z" fill={color} />
+  </svg>
+);
+
+export default CreditCardIcon;

package/admin/src/pages/App/components/icons/ErrorIcon.js

@@ -1,10 +1,10 @@
-import React from 'react';
-
-const ErrorIcon = ({ size = 16, color = 'currentColor' }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" fill={color} />
-    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11H7v-2h10v2z" fill={color} />
-  </svg>
-);
-
-export default ErrorIcon;
+import React from 'react';
+
+const ErrorIcon = ({ size = 16, color = 'currentColor' }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" fill={color} />
+    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11H7v-2h10v2z" fill={color} />
+  </svg>
+);
+
+export default ErrorIcon;

package/admin/src/pages/App/components/icons/InfoIcon.js

@@ -1,9 +1,9 @@
-import React from 'react';
-
-const InfoIcon = ({ size = 16, color = 'currentColor' }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" fill={color} />
-  </svg>
-);
-
-export default InfoIcon;
+import React from 'react';
+
+const InfoIcon = ({ size = 16, color = 'currentColor' }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" fill={color} />
+  </svg>
+);
+
+export default InfoIcon;

package/admin/src/pages/App/components/icons/PaymentIcon.js

@@ -1,10 +1,10 @@
-import React from 'react';
-
-const PaymentIcon = ({ size = 16, color = 'currentColor' }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M2 8h20v12H2V8zm2 2v8h16V10H4z" fill={color} />
-    <path d="M2 4h20v2H2V4z" fill={color} />
-  </svg>
-);
-
-export default PaymentIcon;
+import React from 'react';
+
+const PaymentIcon = ({ size = 16, color = 'currentColor' }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M2 8h20v12H2V8zm2 2v8h16V10H4z" fill={color} />
+    <path d="M2 4h20v2H2V4z" fill={color} />
+  </svg>
+);
+
+export default PaymentIcon;

package/admin/src/pages/App/components/icons/PendingIcon.js

@@ -1,9 +1,9 @@
-import React from 'react';
-
-const PendingIcon = ({ size = 16, color = 'currentColor' }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M12 20C7.59 20 4 16.41 4 12S7.59 4 12 4 20 7.59 20 12 16.41 20 12 20M12.5 7H11V13L16.25 16.15L17 14.92L12.5 12.25V7Z" fill={color} />
-  </svg>
-);
-
-export default PendingIcon;
+import React from 'react';
+
+const PendingIcon = ({ size = 16, color = 'currentColor' }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M12 20C7.59 20 4 16.41 4 12S7.59 4 12 4 20 7.59 20 12 16.41 20 12 20M12.5 7H11V13L16.25 16.15L17 14.92L12.5 12.25V7Z" fill={color} />
+  </svg>
+);
+
+export default PendingIcon;

package/admin/src/pages/App/components/icons/PersonIcon.js

@@ -1,9 +1,9 @@
-import React from 'react';
-
-const PersonIcon = ({ size = 16, color = 'currentColor' }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" fill={color} />
-  </svg>
-);
-
-export default PersonIcon;
+import React from 'react';
+
+const PersonIcon = ({ size = 16, color = 'currentColor' }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" fill={color} />
+  </svg>
+);
+
+export default PersonIcon;

package/admin/src/pages/App/components/icons/SuccessIcon.js

@@ -1,9 +1,9 @@
-import React from 'react';
-
-const SuccessIcon = ({ size = 16, color = 'currentColor' }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" fill={color} />
-  </svg>
-);
-
-export default SuccessIcon;
+import React from 'react';
+
+const SuccessIcon = ({ size = 16, color = 'currentColor' }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" fill={color} />
+  </svg>
+);
+
+export default SuccessIcon;

package/admin/src/pages/App/components/icons/WalletIcon.js

@@ -1,9 +1,9 @@
-import React from 'react';
-
-const WalletIcon = ({ size = 16, color = 'currentColor' }) => (
-  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M21 7.28V5c0-1.1-.9-2-2-2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-2.28c.59-.35 1-.98 1-1.72V9c0-.74-.41-1.37-1-1.72zM20 9v6h-7V9h7zM5 19V5h14v2h-6c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h6v2H5z" fill={color} />
-  </svg>
-);
-
-export default WalletIcon;
+import React from 'react';
+
+const WalletIcon = ({ size = 16, color = 'currentColor' }) => (
+  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M21 7.28V5c0-1.1-.9-2-2-2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-2.28c.59-.35 1-.98 1-1.72V9c0-.74-.41-1.37-1-1.72zM20 9v6h-7V9h7zM5 19V5h14v2h-6c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h6v2H5z" fill={color} />
+  </svg>
+);
+
+export default WalletIcon;

package/admin/src/pages/App/components/icons/index.js

@@ -1,11 +1,11 @@
-export { default as PaymentIcon } from './PaymentIcon';
-export { default as PersonIcon } from './PersonIcon';
-export { default as CreditCardIcon } from './CreditCardIcon';
-export { default as BankIcon } from './BankIcon';
-export { default as WalletIcon } from './WalletIcon';
-export { default as ErrorIcon } from './ErrorIcon';
-export { default as SuccessIcon } from './SuccessIcon';
-export { default as PendingIcon } from './PendingIcon';
-export { default as InfoIcon } from './InfoIcon';
-export { default as ChevronDownIcon } from './ChevronDownIcon';
-export { default as ChevronUpIcon } from './ChevronUpIcon';
+export { default as PaymentIcon } from './PaymentIcon';
+export { default as PersonIcon } from './PersonIcon';
+export { default as CreditCardIcon } from './CreditCardIcon';
+export { default as BankIcon } from './BankIcon';
+export { default as WalletIcon } from './WalletIcon';
+export { default as ErrorIcon } from './ErrorIcon';
+export { default as SuccessIcon } from './SuccessIcon';
+export { default as PendingIcon } from './PendingIcon';
+export { default as InfoIcon } from './InfoIcon';
+export { default as ChevronDownIcon } from './ChevronDownIcon';
+export { default as ChevronUpIcon } from './ChevronUpIcon';

package/admin/src/pages/hooks/usePaymentActions.js

@@ -5,7 +5,8 @@ import {
   getPreauthorizationParams,
   getAuthorizationParams,
   getCaptureParams,
-  getRefundParams
+  getRefundParams,
+  generateLagOrderNumber
 } from "../utils/paymentUtils";
 import { DEFAULT_PAYMENT_DATA } from "../constants/paymentConstants";
 
@@ -32,15 +33,16 @@ const usePaymentActions = () => {
   // Payment form state
   const [paymentAmount, setPaymentAmount] = useState("1000");
 
-  // Generate reference automatically
-  const generateReference = (prefix = "REF") => {
-    const timestamp = Date.now().toString(36).toUpperCase();
-    const random = Math.random().toString(36).substring(2, 6).toUpperCase();
-    return `${prefix}-${timestamp}${random}`.slice(0, 20);
+  // Generate order reference using generateLagOrderNumber
+  // Sequence number starts from 1000 and increments based on timestamp
+  const generateOrderReference = () => {
+    // Use timestamp to generate unique sequence (1000 to 99999 range)
+    const sequence = 1000 + Math.floor((Date.now() % 99000));
+    return generateLagOrderNumber(sequence);
   };
 
-  const [preauthReference, setPreauthReference] = useState(generateReference("PRE"));
-  const [authReference, setAuthReference] = useState(generateReference("AUTH"));
+  const [preauthReference, setPreauthReference] = useState(generateOrderReference());
+  const [authReference, setAuthReference] = useState(generateOrderReference());
   const [captureTxid, setCaptureTxid] = useState("");
   const [refundTxid, setRefundTxid] = useState("");
   const [refundSequenceNumber, setRefundSequenceNumber] = useState("2");
@@ -85,7 +87,7 @@ const usePaymentActions = () => {
     setPaymentResult(null);
     try {
       // Auto-generate reference if empty
-      const finalPreauthReference = preauthReference.trim() || generateReference("PRE");
+      const finalPreauthReference = preauthReference.trim() || generateOrderReference();
       if (!preauthReference.trim()) {
         setPreauthReference(finalPreauthReference);
       }
@@ -227,7 +229,7 @@ const usePaymentActions = () => {
 
     try {
       // Auto-generate reference if empty
-      const finalAuthReference = authReference.trim() || generateReference("AUTH");
+      const finalAuthReference = authReference.trim() || generateOrderReference();
       if (!authReference.trim()) {
         setAuthReference(finalAuthReference);
       }

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

@@ -1,16 +1,16 @@
-export const formatTransactionData = (data) => {
-  const formattedData = [];
-  if (!data || typeof data !== "object") return formattedData;
-
-  for (const [key, value] of Object.entries(data)) {
-    if (value !== null && value !== undefined) {
-      formattedData.push({
-        key:
-          key.charAt(0).toUpperCase() + key.slice(1).replace(/([A-Z])/g, " $1"),
-        value: typeof value === "object" ? JSON.stringify(value) : String(value)
-      });
-    }
-  }
-
-  return formattedData;
+export const formatTransactionData = (data) => {
+  const formattedData = [];
+  if (!data || typeof data !== "object") return formattedData;
+
+  for (const [key, value] of Object.entries(data)) {
+    if (value !== null && value !== undefined) {
+      formattedData.push({
+        key:
+          key.charAt(0).toUpperCase() + key.slice(1).replace(/([A-Z])/g, " $1"),
+        value: typeof value === "object" ? JSON.stringify(value) : String(value)
+      });
+    }
+  }
+
+  return formattedData;
 };

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

@@ -17,6 +17,21 @@
  * - SEPA Direct Debit (elv)
  */
 
+/**
+ * Generate order reference number
+ * @param {number} sequence - Sequence number (default: 1000)
+ * @returns {string} Generated order reference (format: ORD-XXXXX-XXXX)
+ */
+export function generateLagOrderNumber(sequence = 1000) {
+  const paddedSequence = sequence.toString().padStart(5, '0');
+  const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
+  let randomPart = '';
+  for (let i = 0; i < 4; i++) {
+    randomPart += chars.charAt(Math.floor(Math.random() * chars.length));
+  }
+  return `ORD-${paddedSequence}-${randomPart}`;
+}
+
 /**
  * Get base parameters for all payment methods
  * Based on Payone v1 API Documentation

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "strapi-plugin-payone-provider",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "description": "Strapi plugin for Payone payment gateway integration",
   "license": "MIT",
   "maintainers": [

package/server/services/paymentService.js

@@ -1,7 +1,6 @@
 "use strict";
 
 const axios = require("axios");
-const { normalizeReference } = require("../utils/normalize");
 const { buildClientRequestParams, toFormData } = require("../utils/requestBuilder");
 const { addPaymentMethodParams } = require("../utils/paymentMethodParams");
 const { parseResponse, extractTxId, requires3DSRedirect, get3DSRedirectUrl } = require("../utils/responseParser");
@@ -24,12 +23,7 @@ const sendRequest = async (strapi, params) => {
       throw new Error("Payone settings not configured");
     }
 
-    const reqType = params.request;
-    if (["authorization", "preauthorization", "refund"].includes(reqType)) {
-      const prefix =
-        reqType === "refund" ? "REF" : reqType === "preauthorization" ? "PRE" : "AUTH";
-      params.reference = normalizeReference(params.reference, prefix);
-    }
+    // Reference is saved as-is without normalization
 
     const requestParams = buildClientRequestParams(settings, params, strapi.log);
     const formData = toFormData(requestParams);