strapi-plugin-payone-provider 1.6.5 → 1.6.7

package/admin/src/pages/App/components/paymentActions/PaymentResult.jsx

@@ -7,7 +7,7 @@ import {
   Flex,
   Stack,
   Typography,
-  Alert
+  Alert,
 } from "@strapi/design-system";
 import StatusBadge from "../StatusBadge";
 import { formatTransactionData } from "../../../utils/formatTransactionData";
@@ -18,19 +18,24 @@ const PaymentResult = ({ paymentError, paymentResult }) => {
   }
 
   const status = paymentResult?.status || paymentResult?.Status || "";
-  const errorCode = paymentResult?.errorcode || paymentResult?.errorCode || paymentResult?.ErrorCode;
-  const errorMessage = paymentResult?.errormessage || paymentResult?.errorMessage || paymentResult?.ErrorMessage;
-  const customerMessage = paymentResult?.customermessage || paymentResult?.customerMessage || paymentResult?.CustomerMessage;
+  const errorCode =
+    paymentResult?.errorcode ||
+    paymentResult?.errorCode ||
+    paymentResult?.ErrorCode;
+  const errorMessage =
+    paymentResult?.errormessage ||
+    paymentResult?.errorMessage ||
+    paymentResult?.ErrorMessage;
+  const customerMessage =
+    paymentResult?.customermessage ||
+    paymentResult?.customerMessage ||
+    paymentResult?.CustomerMessage;
   const isError = status === "ERROR" || status === "INVALID" || errorCode;
 
   return (
     <>
       {paymentError && (
-        <Alert
-          variant="danger"
-          title="Error"
-          className="payment-alert"
-        >
+        <Alert variant="danger" title="Error" className="payment-alert">
           {paymentError}
         </Alert>
       )}
@@ -40,7 +45,11 @@ const PaymentResult = ({ paymentError, paymentResult }) => {
           <CardBody>
             <Stack spacing={4}>
               <Flex justifyContent="space-between" alignItems="center">
-                <Typography variant="delta" as="h3" className="payment-section-title">
+                <Typography
+                  variant="delta"
+                  as="h3"
+                  className="payment-section-title"
+                >
                   Payment Result
                 </Typography>
                 {(status || paymentResult.Status) && (
@@ -48,7 +57,7 @@ const PaymentResult = ({ paymentError, paymentResult }) => {
                 )}
               </Flex>
 
-              <hr className="payment-divider" style={{ margin: '16px 0' }} />
+              <hr className="payment-divider" style={{ margin: "16px 0" }} />
 
               {/* Show error information prominently if error */}
               {isError && (
@@ -74,7 +83,11 @@ const PaymentResult = ({ paymentError, paymentResult }) => {
               )}
 
               <Box>
-                <Typography variant="omega" fontWeight="semiBold" marginBottom={2}>
+                <Typography
+                  variant="omega"
+                  fontWeight="semiBold"
+                  marginBottom={2}
+                >
                   Full Response Details:
                 </Typography>
                 <Stack spacing={3}>
@@ -84,14 +97,18 @@ const PaymentResult = ({ paymentError, paymentResult }) => {
                       justifyContent="space-between"
                       alignItems="start"
                       style={{
-                        padding: '8px 0',
-                        borderBottom: index < formatTransactionData(paymentResult).length - 1 ? '1px solid #e8e8ea' : 'none'
+                        padding: "8px 0",
+                        borderBottom:
+                          index <
+                          formatTransactionData(paymentResult).length - 1
+                            ? "1px solid #e8e8ea"
+                            : "none",
                       }}
                     >
                       <Typography
                         variant="pi"
                         textColor="neutral600"
-                        style={{ minWidth: "200px", fontWeight: '500' }}
+                        style={{ minWidth: "200px", fontWeight: "500" }}
                       >
                         {item.key}:
                       </Typography>
@@ -100,10 +117,14 @@ const PaymentResult = ({ paymentError, paymentResult }) => {
                         style={{
                           flex: 1,
                           textAlign: "right",
-                          fontWeight: '400',
-                          wordBreak: 'break-word',
-                          fontFamily: item.key.toLowerCase().includes('raw') ? 'monospace' : 'inherit',
-                          fontSize: item.key.toLowerCase().includes('raw') ? '11px' : 'inherit'
+                          fontWeight: "400",
+                          wordBreak: "break-word",
+                          fontFamily: item.key.toLowerCase().includes("raw")
+                            ? "monospace"
+                            : "inherit",
+                          fontSize: item.key.toLowerCase().includes("raw")
+                            ? "11px"
+                            : "inherit",
                         }}
                       >
                         {item.value}
@@ -115,27 +136,51 @@ const PaymentResult = ({ paymentError, paymentResult }) => {
 
               {/* 3DS Required Warning */}
               {paymentResult?.is3DSRequired && !paymentResult?.redirectUrl && (
-                <Alert variant="warning" title="3D Secure Authentication Required">
+                <Alert
+                  variant="warning"
+                  title="3D Secure Authentication Required"
+                >
                   <Stack spacing={2}>
                     <Typography variant="pi">
-                      Payone requires 3D Secure authentication, but no redirect URL was provided in the response.
+                      Payone requires 3D Secure authentication, but no redirect
+                      URL was provided in the response.
                     </Typography>
                     <Typography variant="pi" fontWeight="semiBold">
                       Possible solutions:
                     </Typography>
-                    <Typography variant="pi" component="ul" style={{ marginLeft: '20px' }}>
-                      <li>Check Payone portal configuration for 3DS settings</li>
-                      <li>Verify that redirect URLs (successurl, errorurl, backurl) are properly configured</li>
-                      <li>Ensure you're using test mode with proper test credentials</li>
-                      <li>Check if 3dscheck request is needed before authorization</li>
+                    <Typography
+                      variant="pi"
+                      component="ul"
+                      style={{ marginLeft: "20px" }}
+                    >
+                      <li>
+                        Check Payone portal configuration for 3DS settings
+                      </li>
+                      <li>
+                        Verify that redirect URLs (successurl, errorurl,
+                        backurl) are properly configured
+                      </li>
+                      <li>
+                        Ensure you're using test mode with proper test
+                        credentials
+                      </li>
+                      <li>
+                        Check if 3dscheck request is needed before authorization
+                      </li>
                     </Typography>
-                    <Typography variant="pi" textColor="neutral600" marginTop={2}>
-                      <strong>Error Code:</strong> {paymentResult?.errorCode || paymentResult?.ErrorCode || "4219"}
+                    <Typography
+                      variant="pi"
+                      textColor="neutral600"
+                      marginTop={2}
+                    >
+                      <strong>Error Code:</strong>{" "}
+                      {paymentResult?.errorCode ||
+                        paymentResult?.ErrorCode ||
+                        "4219"}
                     </Typography>
                   </Stack>
                 </Alert>
               )}
-
             </Stack>
           </CardBody>
         </Card>
@@ -145,4 +190,3 @@ const PaymentResult = ({ paymentError, paymentResult }) => {
 };
 
 export default PaymentResult;
-

package/admin/src/pages/App/index.jsx

@@ -110,6 +110,7 @@ const App = () => {
             onSave={settings.handleSave}
             onTestConnection={settings.handleTestConnection}
             onInputChange={settings.handleInputChange}
+            onPaymentMethodToggle={settings.handlePaymentMethodToggle}
             filters={transactionHistory.filters}
             onFilterChange={transactionHistory.handleFilterChange}
             onFilterApply={transactionHistory.handleFilterApply}

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

@@ -92,6 +92,8 @@ const usePaymentActions = () => {
         currency: currency,
         reference: finalPreauthReference,
         enable3DSecure: settings.enable3DSecure !== false,
+        invoiceid: finalPreauthReference,
+        narrative_text: "Preauthorization for order " + finalPreauthReference,
         ...DEFAULT_PAYMENT_DATA
       };
 
@@ -215,6 +217,8 @@ const usePaymentActions = () => {
         currency: currency,
         reference: finalAuthReference,
         enable3DSecure: settings.enable3DSecure !== false,
+        invoiceid: finalAuthReference,
+        narrative_text: "Authorization for order " + finalAuthReference,
         ...DEFAULT_PAYMENT_DATA
       };
 

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

@@ -41,6 +41,31 @@ const useSettings = () => {
     setSettings((prev) => ({ ...prev, [field]: value }));
   };
 
+  const handlePaymentMethodToggle = async (field, value) => {
+    let updatedSettings;
+    setSettings((prev) => {
+      updatedSettings = { ...prev, [field]: value };
+      return updatedSettings;
+    });
+
+    setIsSaving(true);
+    try {
+      await payoneRequests.updateSettings(updatedSettings);
+      toggleNotification({
+        type: "success",
+        message: "Payment method updated successfully"
+      });
+    } catch (error) {
+      setSettings((prev) => ({ ...prev, [field]: !value }));
+      toggleNotification({
+        type: "warning",
+        message: "Failed to update payment method"
+      });
+    } finally {
+      setIsSaving(false);
+    }
+  };
+
   const handleSave = async () => {
     setIsSaving(true);
     try {
@@ -49,7 +74,6 @@ const useSettings = () => {
         type: "success",
         message: "Settings saved successfully"
       });
-      // Reload settings after save to ensure consistency
       await loadSettings();
     } catch (error) {
       toggleNotification({
@@ -104,6 +128,7 @@ const useSettings = () => {
     isTesting,
     testResult,
     handleInputChange,
+    handlePaymentMethodToggle,
     handleSave,
     handleTestConnection
   };

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

@@ -11,10 +11,9 @@ const useTransactionHistory = () => {
   const [selectedTransaction, setSelectedTransaction] = useState(null);
   const [currentPage, setCurrentPage] = useState(1);
   const [filters, setFilters] = useState({
-    status: "",
+    search: "",
     request_type: "",
-    txid: "",
-    reference: "",
+    payment_method: "",
     date_from: "",
     date_to: ""
   });

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

@@ -88,13 +88,11 @@ export const getBaseParams = (options = {}) => {
   }
 
   return {
-    // Required core parameters (Payone v1)
     amount: parseInt(amount),
     currency: currency.toUpperCase(),
     reference: reference || `REF-${Date.now()}`,
     customerid: finalCustomerId,
 
-    // Customer information (required for preauthorization/authorization)
     firstname,
     lastname,
     street,
@@ -249,13 +247,43 @@ export const getPreauthorizationParams = (paymentMethod, options = {}) => {
   const baseParams = getBaseParams(options);
   const methodParams = getPaymentMethodParams(paymentMethod, options);
 
+  const {
+    amount,
+    currency,
+    reference,
+    customerid,
+    firstname,
+    lastname,
+    street,
+    zip,
+    city,
+    country,
+    email,
+    salutation,
+    gender,
+    telephonenumber,
+    ip,
+    customer_is_present,
+    language,
+    successurl,
+    errorurl,
+    backurl,
+    enable3DSecure,
+    ecommercemode,
+    cardtype,
+    cardpan,
+    cardexpiredate,
+    cardcvc2,
+    ...additionalParams
+  } = options;
+
   const params = {
     ...baseParams,
     ...methodParams,
-    request: "preauthorization" // Required for Payone API
+    ...additionalParams,
+    request: "preauthorization"
   };
 
-  // Add 3D Secure parameters for credit card payments if enabled
   if (paymentMethod === "cc" && options.enable3DSecure !== false) {
     params["3dsecure"] = "yes";
     params.ecommercemode = options.ecommercemode || "internet";
@@ -269,13 +297,43 @@ export const getAuthorizationParams = (paymentMethod, options = {}) => {
   const baseParams = getBaseParams(options);
   const methodParams = getPaymentMethodParams(paymentMethod, options);
 
+  const {
+    amount,
+    currency,
+    reference,
+    customerid,
+    firstname,
+    lastname,
+    street,
+    zip,
+    city,
+    country,
+    email,
+    salutation,
+    gender,
+    telephonenumber,
+    ip,
+    customer_is_present,
+    language,
+    successurl,
+    errorurl,
+    backurl,
+    enable3DSecure,
+    ecommercemode,
+    cardtype,
+    cardpan,
+    cardexpiredate,
+    cardcvc2,
+    ...additionalParams
+  } = options;
+
   const params = {
     ...baseParams,
     ...methodParams,
-    request: "authorization" // Required for Payone API
+    ...additionalParams,
+    request: "authorization"
   };
 
-  // Add 3D Secure parameters for credit card payments if enabled
   if (paymentMethod === "cc" && options.enable3DSecure !== false) {
     params["3dsecure"] = "yes";
     params.ecommercemode = options.ecommercemode || "internet";

package/package.json

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

package/server/bootstrap.js

@@ -21,7 +21,13 @@ module.exports = async ({ strapi }) => {
         merchantName: "",
         displayName: "",
         domainName: "",
-        merchantIdentifier: ""
+        merchantIdentifier: "",
+        enableCreditCard: true,
+        enablePayPal: true,
+        enableGooglePay: true,
+        enableApplePay: true,
+        enableSofort: true,
+        enableSepaDirectDebit: true
       }
     });
   }
@@ -56,8 +62,8 @@ module.exports = async ({ strapi }) => {
 
     router.get('/.well-known/apple-developer-merchantid-domain-association', async (ctx) => {
       try {
-        const publicPath = path.join(process.cwd(), 'public');
-        const wellKnownPath = path.join(publicPath, '.well-known');
+        const pluginRoot = path.resolve(__dirname, '..');
+        const wellKnownPath = path.join(pluginRoot, '.well-known');
         const possiblePaths = [
           path.join(wellKnownPath, 'apple-developer-merchantid-domain-association'),
           path.join(wellKnownPath, 'apple-developer-merchantid-domain-association.txt'),

package/server/controllers/payone.js

@@ -39,7 +39,20 @@ module.exports = ({ strapi }) => ({
       ctx.body = {
         data: {
           mid: settings?.mid || null,
-          mode: settings?.mode || null
+          mode: settings?.mode || null,
+          domainName: settings?.domainName || null,
+          displayName: settings?.displayName || null,
+          portalid: settings?.portalid || null,
+          accountId: settings?.aid || null,
+          portalKey: settings?.key || null,
+          paymentMethods: {
+            creditCard: settings?.enableCreditCard,
+            paypal: settings?.enablePayPal,
+            googlePay: settings?.enableGooglePay,
+            applePay: settings?.enableApplePay,
+            sofort: settings?.enableSofort,
+            sepa: settings?.enableSepaDirectDebit,
+          },
         }
       };
     } catch (error) {