strapi-plugin-payone-provider 1.6.7 → 5.6.9

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

@@ -0,0 +1,280 @@
+export const COUNTRY_LANGUAGE_MAP = {
+  US: "en",
+  GB: "en",
+  CA: "en",
+  AU: "en",
+  NZ: "en",
+  IE: "en",
+  DE: "de",
+  AT: "de",
+  CH: "de",
+  FR: "fr",
+  BE: "fr",
+  IT: "it",
+  ES: "es",
+  PT: "pt",
+  NL: "nl",
+  PL: "pl",
+  CZ: "cs",
+  HU: "hu",
+  SE: "sv",
+  NO: "no",
+  DK: "da",
+  FI: "fi",
+  GR: "el",
+  JP: "ja",
+  CN: "zh",
+  HK: "zh",
+  TW: "zh",
+  SG: "en",
+  BR: "pt",
+  MX: "es",
+  AE: "ar",
+  SA: "ar",
+  RU: "ru",
+  UA: "uk",
+  TR: "tr",
+  ZA: "en",
+  IN: "en",
+};
+
+export const COUNTRIES = [
+  { code: "US", name: "United States" },
+  { code: "GB", name: "United Kingdom" },
+  { code: "CA", name: "Canada" },
+  { code: "AU", name: "Australia" },
+  { code: "DE", name: "Germany" },
+  { code: "FR", name: "France" },
+  { code: "IT", name: "Italy" },
+  { code: "ES", name: "Spain" },
+  { code: "NL", name: "Netherlands" },
+  { code: "BE", name: "Belgium" },
+  { code: "CH", name: "Switzerland" },
+  { code: "AT", name: "Austria" },
+  { code: "IE", name: "Ireland" },
+  { code: "SE", name: "Sweden" },
+  { code: "NO", name: "Norway" },
+  { code: "DK", name: "Denmark" },
+  { code: "FI", name: "Finland" },
+  { code: "PL", name: "Poland" },
+  { code: "CZ", name: "Czech Republic" },
+  { code: "HU", name: "Hungary" },
+  { code: "PT", name: "Portugal" },
+  { code: "GR", name: "Greece" },
+  { code: "JP", name: "Japan" },
+  { code: "CN", name: "China" },
+  { code: "HK", name: "Hong Kong" },
+  { code: "TW", name: "Taiwan" },
+  { code: "SG", name: "Singapore" },
+  { code: "NZ", name: "New Zealand" },
+  { code: "BR", name: "Brazil" },
+  { code: "MX", name: "Mexico" },
+  { code: "AE", name: "United Arab Emirates" },
+  { code: "SA", name: "Saudi Arabia" },
+  { code: "RU", name: "Russia" },
+  { code: "UA", name: "Ukraine" },
+  { code: "TR", name: "Turkey" },
+  { code: "ZA", name: "South Africa" },
+  { code: "IN", name: "India" },
+];
+
+export const getLanguageForCountry = (countryCode) => {
+  return COUNTRY_LANGUAGE_MAP[countryCode] || "en";
+};
+
+export const SALUTATION_OPTIONS = {
+  en: [
+    { value: "Mr", label: "Mr" },
+    { value: "Mrs", label: "Mrs" },
+    { value: "Ms", label: "Ms" },
+    { value: "Dr", label: "Dr" },
+  ],
+  de: [
+    { value: "Herr", label: "Herr" },
+    { value: "Frau", label: "Frau" },
+    { value: "Dr", label: "Dr" },
+  ],
+  fr: [
+    { value: "Monsieur", label: "Monsieur" },
+    { value: "Madame", label: "Madame" },
+    { value: "Mademoiselle", label: "Mademoiselle" },
+  ],
+  it: [
+    { value: "Signore", label: "Signore" },
+    { value: "Signora", label: "Signora" },
+    { value: "Signorina", label: "Signorina" },
+  ],
+  es: [
+    { value: "Señor", label: "Señor" },
+    { value: "Señora", label: "Señora" },
+    { value: "Señorita", label: "Señorita" },
+  ],
+  nl: [
+    { value: "Dhr", label: "Dhr" },
+    { value: "Mevr", label: "Mevr" },
+  ],
+  pt: [
+    { value: "Senhor", label: "Senhor" },
+    { value: "Senhora", label: "Senhora" },
+  ],
+  default: [
+    { value: "Mr", label: "Mr" },
+    { value: "Mrs", label: "Mrs" },
+    { value: "Ms", label: "Ms" },
+  ],
+};
+
+export const GENDER_OPTIONS = {
+  en: [
+    { value: "m", label: "Male" },
+    { value: "f", label: "Female" },
+  ],
+  de: [
+    { value: "m", label: "Männlich" },
+    { value: "f", label: "Weiblich" },
+  ],
+  fr: [
+    { value: "m", label: "Masculin" },
+    { value: "f", label: "Féminin" },
+  ],
+  it: [
+    { value: "m", label: "Maschio" },
+    { value: "f", label: "Femmina" },
+  ],
+  es: [
+    { value: "m", label: "Masculino" },
+    { value: "f", label: "Femenino" },
+  ],
+  nl: [
+    { value: "m", label: "Man" },
+    { value: "f", label: "Vrouw" },
+  ],
+  pt: [
+    { value: "m", label: "Masculino" },
+    { value: "f", label: "Feminino" },
+  ],
+  default: [
+    { value: "m", label: "Male" },
+    { value: "f", label: "Female" },
+  ],
+};
+
+export const getSalutationOptions = (countryCode) => {
+  const language = getLanguageForCountry(countryCode);
+  return SALUTATION_OPTIONS[language] || SALUTATION_OPTIONS.default;
+};
+
+export const getGenderOptions = (countryCode) => {
+  const language = getLanguageForCountry(countryCode);
+  return GENDER_OPTIONS[language] || GENDER_OPTIONS.default;
+};
+
+export const COUNTRY_CURRENCY_MAP = {
+  US: "USD",
+  GB: "GBP",
+  CA: "CAD",
+  AU: "AUD",
+  NZ: "NZD",
+  IE: "EUR",
+  DE: "EUR",
+  AT: "EUR",
+  CH: "CHF",
+  FR: "EUR",
+  BE: "EUR",
+  IT: "EUR",
+  ES: "EUR",
+  NL: "EUR",
+  PL: "PLN",
+  CZ: "CZK",
+  HU: "HUF",
+  PT: "EUR",
+  GR: "EUR",
+  SE: "SEK",
+  NO: "NOK",
+  DK: "DKK",
+  FI: "EUR",
+  JP: "JPY",
+  CN: "CNY",
+  HK: "HKD",
+  TW: "TWD",
+  SG: "SGD",
+  BR: "BRL",
+  MX: "MXN",
+  AE: "AED",
+  SA: "SAR",
+  RU: "RUB",
+  UA: "UAH",
+  TR: "TRY",
+  ZA: "ZAR",
+  IN: "INR",
+};
+
+export const CURRENCIES = [
+  { code: "USD", name: "US Dollar", symbol: "$" },
+  { code: "EUR", name: "Euro", symbol: "€" },
+  { code: "GBP", name: "British Pound", symbol: "£" },
+  { code: "CAD", name: "Canadian Dollar", symbol: "C$" },
+  { code: "AUD", name: "Australian Dollar", symbol: "A$" },
+  { code: "JPY", name: "Japanese Yen", symbol: "¥" },
+  { code: "CNY", name: "Chinese Yuan", symbol: "¥" },
+  { code: "HKD", name: "Hong Kong Dollar", symbol: "HK$" },
+  { code: "TWD", name: "Taiwan Dollar", symbol: "NT$" },
+  { code: "SGD", name: "Singapore Dollar", symbol: "S$" },
+  { code: "NZD", name: "New Zealand Dollar", symbol: "NZ$" },
+  { code: "BRL", name: "Brazilian Real", symbol: "R$" },
+  { code: "MXN", name: "Mexican Peso", symbol: "Mex$" },
+  { code: "AED", name: "UAE Dirham", symbol: "د.إ" },
+  { code: "SAR", name: "Saudi Riyal", symbol: "﷼" },
+  { code: "RUB", name: "Russian Ruble", symbol: "₽" },
+  { code: "UAH", name: "Ukrainian Hryvnia", symbol: "₴" },
+  { code: "TRY", name: "Turkish Lira", symbol: "₺" },
+  { code: "ZAR", name: "South African Rand", symbol: "R" },
+  { code: "CHF", name: "Swiss Franc", symbol: "CHF" },
+  { code: "SEK", name: "Swedish Krona", symbol: "kr" },
+  { code: "NOK", name: "Norwegian Krone", symbol: "kr" },
+  { code: "DKK", name: "Danish Krone", symbol: "kr" },
+  { code: "PLN", name: "Polish Zloty", symbol: "zł" },
+  { code: "CZK", name: "Czech Koruna", symbol: "Kč" },
+  { code: "HUF", name: "Hungarian Forint", symbol: "Ft" },
+  { code: "INR", name: "Indian Rupee", symbol: "₹" },
+];
+
+export const getCurrencyForCountry = (countryCode) => {
+  return COUNTRY_CURRENCY_MAP[countryCode] || "EUR";
+};
+
+export const getCurrencyOptions = () => {
+  return CURRENCIES.map((c) => ({
+    value: c.code,
+    label: `${c.name} (${c.code}) ${c.symbol}`,
+  }));
+};
+
+export const getCountryOptions = (paymentMethod) => {
+  let supportedCountryCodes = [];
+
+  if (paymentMethod === "apl") {
+    supportedCountryCodes = [
+      "US", "GB", "CA", "AU", "DE", "FR", "IT", "ES", "NL", "BE", "CH", "AT", "IE",
+      "SE", "NO", "DK", "FI", "PL", "CZ", "HU", "PT", "GR", "JP", "CN", "HK", "TW",
+      "SG", "NZ", "BR", "MX", "AE", "SA", "RU", "UA", "TR", "ZA"
+    ];
+  } else if (paymentMethod === "gpp") {
+    supportedCountryCodes = [
+      "US", "GB", "CA", "AU", "DE", "FR", "IT", "ES", "NL", "BE", "CH", "AT", "IE",
+      "SE", "NO", "DK", "FI", "PL", "BR", "MX", "JP", "SG", "NZ", "IN"
+    ];
+  }
+
+  const hasRestriction = supportedCountryCodes.length > 0;
+
+  return COUNTRIES.map((country) => {
+    const isSupported = !hasRestriction || supportedCountryCodes.includes(country.code);
+    return {
+      value: country.code,
+      label: `${country.name} (${country.code})`,
+      disabled: hasRestriction && !isSupported,
+    };
+  });
+};
+

package/admin/src/pages/utils/getInputComponent.jsx

@@ -0,0 +1,225 @@
+import {
+  TextInput,
+  NumberInput,
+  SingleSelect,
+  SingleSelectOption,
+  Switch,
+  DesignSystemProvider,
+  Tooltip,
+  Textarea,
+  Toggle,
+  Checkbox,
+  Typography,
+} from "@strapi/design-system";
+import { Information } from "@strapi/icons";
+export const InputComponent = ({
+  inputType,
+  name,
+  value,
+  onChange,
+  tooltipContent,
+  options,
+  required = false,
+  placeholder = "",
+  onLabel = "True",
+  offLabel = "False",
+  systemTheme,
+  theme,
+  className = "payment-input",
+  type = "text",
+  ...props
+}) => {
+  switch (inputType) {
+    case "textInput":
+      return (
+        <TextInput
+          className={className}
+          name={name}
+          value={value ?? ""}
+          id={name}
+          placeholder={placeholder}
+          required={required}
+          onChange={onChange}
+          type={type}
+          endAction={
+            tooltipContent ? (
+              <DesignSystemProvider theme={theme}>
+                <Tooltip label={tooltipContent ?? ""}>
+                  <Information
+                    style={{
+                      cursor: "pointer",
+                      color: systemTheme === "dark" ? "#fff" : "#000",
+                    }}
+                  />
+                </Tooltip>
+              </DesignSystemProvider>
+            ) : null
+          }
+          {...props}
+        />
+      );
+
+    case "numberInput":
+      return (
+        <NumberInput
+          className={className}
+          onValueChange={onChange}
+          value={value ?? ""}
+          id={name}
+          name={name}
+          placeholder={placeholder}
+          required={required}
+          startAction={
+            tooltipContent ? (
+              <DesignSystemProvider theme={theme}>
+                <Tooltip label={tooltipContent ?? ""}>
+                  <Information
+                    style={{
+                      cursor: "pointer",
+                      color: systemTheme === "dark" ? "#fff" : "#000",
+                    }}
+                  />
+                </Tooltip>
+              </DesignSystemProvider>
+            ) : null
+          }
+          {...props}
+        />
+      );
+
+    case "textarea":
+      return (
+        <Textarea
+          className={className}
+          name={name}
+          value={value ?? ""}
+          onChange={(e) => onChange(e.target.value)}
+          id={name}
+          placeholder={placeholder}
+          required={required}
+          cols={9}
+          rows={3}
+          {...props}
+        />
+      );
+
+    case "toggle":
+      return (
+        <Toggle
+          className={className}
+          name={name}
+          checked={value === true}
+          onChange={onChange}
+          id={name}
+          required={required}
+          onLabel={onLabel}
+          offLabel={offLabel}
+          {...props}
+        />
+      );
+
+    case "checkbox":
+      return (
+        <Checkbox
+          className={className}
+          name={name}
+          checked={value === true}
+          onCheckedChange={onChange}
+          id={name}
+          required={required}
+          {...props}
+        />
+      );
+
+    case "dateInput":
+      return (
+        <TextInput
+          className={className}
+          name={name}
+          value={value ?? ""}
+          onChange={onChange}
+          placeholder={placeholder}
+          required={required}
+          type="date"
+          startAction={
+            tooltipContent ? (
+              <DesignSystemProvider theme={theme}>
+                <Tooltip label={tooltipContent ?? ""}>
+                  <Information
+                    style={{
+                      cursor: "pointer",
+                      color: systemTheme === "dark" ? "#fff" : "#000",
+                    }}
+                  />
+                </Tooltip>
+              </DesignSystemProvider>
+            ) : null
+          }
+          {...props}
+        />
+      );
+
+    case "switch":
+      return (
+        <Switch
+          className={className}
+          onCheckedChange={onChange}
+          checked={value === true}
+          {...props}
+        />
+      );
+
+    case "select":
+      return (
+        <SingleSelect
+          className={className}
+          name={name}
+          value={value ?? ""}
+          onChange={(selectedValue) => {
+            if (typeof onChange === "function") {
+              const syntheticEvent = {
+                target: { value: selectedValue },
+                currentTarget: { value: selectedValue },
+              };
+              onChange(syntheticEvent);
+            }
+          }}
+          required={required}
+          placeholder={placeholder}
+          startIcon={
+            tooltipContent ? (
+              <DesignSystemProvider theme={theme}>
+                <Tooltip label={tooltipContent ?? ""}>
+                  <Information
+                    style={{
+                      cursor: "pointer",
+                      color: systemTheme === "dark" ? "#fff" : "#000",
+                    }}
+                  />
+                </Tooltip>
+              </DesignSystemProvider>
+            ) : null
+          }
+          {...props}
+        >
+          {options.map((option) => (
+            <SingleSelectOption
+              className={className}
+              key={option.value}
+              value={option.value}
+              disabled={option.disabled || false}
+            >
+              {option.label}
+            </SingleSelectOption>
+          ))}
+        </SingleSelect>
+      );
+
+    default:
+      return (
+        <Typography variant="omega" fontWeight="semiBold">
+          Invalid input type: {inputType}
+        </Typography>
+      );
+  }
+};

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

@@ -1,11 +1,4 @@
-/**
- * Google Pay Constants
- * Based on Google Pay documentation and Payone requirements
- * https://developers.google.com/pay/api/web/overview
- * https://docs.payone.com/display/public/PLATFORM/Google+Pay
- */
 
-// Google Pay supported card networks
 export const GOOGLE_PAY_SUPPORTED_NETWORKS = [
   { code: "MASTERCARD", name: "Mastercard" },
   { code: "VISA", name: "Visa" },
@@ -14,10 +7,10 @@ export const GOOGLE_PAY_SUPPORTED_NETWORKS = [
   { code: "JCB", name: "JCB" }
 ];
 
-// Google Pay supported authentication methods
 export const GOOGLE_PAY_AUTH_METHODS = [
   { code: "PAN_ONLY", name: "PAN Only", description: "Basic card authentication" },
-  { code: "CRYPTOGRAM_3DS", name: "3D Secure", description: "3D Secure authentication" }
+  { code: "CRYPTOGRAM_3DS", name: "3D Secure", description: "3D Secure authentication" },
+
 ];
 
 // Google Pay supported countries

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

@@ -9,18 +9,15 @@ export function getValidCardExpiryDate(cardexpiredate) {
     return `${nextYear}${monthStr}`;
   }
 
-  // Validate format (must be 4 digits)
   if (!/^\d{4}$/.test(cardexpiredate)) {
     const nextYear = currentYear + 1;
     const monthStr = String(currentMonth).padStart(2, '0');
     return `${nextYear}${monthStr}`;
   }
 
-  // Parse YYMM format
   const year = parseInt(cardexpiredate.substring(0, 2), 10);
   const month = parseInt(cardexpiredate.substring(2, 4), 10);
 
-  // Validate month (1-12)
   if (month < 1 || month > 12) {
     const nextYear = currentYear + 1;
     const monthStr = String(currentMonth).padStart(2, '0');
@@ -100,16 +97,12 @@ export const getBaseParams = (options = {}) => {
     city,
     country: country.toUpperCase(),
     email,
-
-    // Additional customer details
     salutation,
     gender,
     telephonenumber,
     ip,
     customer_is_present,
     language,
-
-    // URL parameters (required for redirect-based payments)
     successurl,
     errorurl,
     backurl
@@ -128,14 +121,12 @@ export const getPaymentMethodParams = (paymentMethod, options = {}) => {
     iban,
     bic,
     bankaccountholder,
-    // Shipping address for wallet payments (Google Pay, Apple Pay, PayPal)
     shipping_firstname,
     shipping_lastname,
     shipping_street,
     shipping_zip,
     shipping_city,
     shipping_country,
-    // Billing address (used as fallback for shipping)
     firstname,
     lastname,
     street,
@@ -144,10 +135,8 @@ export const getPaymentMethodParams = (paymentMethod, options = {}) => {
     country
   } = options;
 
-  // Use cardtype if provided, otherwise fall back to cardType, otherwise default to "V"
   const finalCardType = cardtype || cardType || "V";
 
-  // Helper to get shipping params for wallet payments
   const getShippingParams = () => ({
     shipping_firstname: shipping_firstname || firstname || "John",
     shipping_lastname: shipping_lastname || lastname || "Doe",
@@ -158,19 +147,19 @@ export const getPaymentMethodParams = (paymentMethod, options = {}) => {
   });
 
   switch (paymentMethod) {
-    case "cc": // Credit Card (Visa, Mastercard, Amex)
+    case "cc":
       return {
         clearingtype: "cc",
-        cardtype: finalCardType, // V = Visa, M = Mastercard, A = Amex
-        cardpan: cardpan || "4111111111111111", // Test Visa card
+        cardtype: finalCardType,
+        cardpan: cardpan || "4111111111111111",
         cardexpiredate: getValidCardExpiryDate(cardexpiredate),
-        cardcvc2: cardcvc2 || "123" // 3-digit security code
+        cardcvc2: cardcvc2 || "123"
       };
 
-    case "wlt": // PayPal
+    case "wlt":
       return {
         clearingtype: "wlt",
-        wallettype: "PPE", // PayPal Express
+        wallettype: "PPE",
         ...getShippingParams()
       };
 
@@ -194,10 +183,10 @@ export const getPaymentMethodParams = (paymentMethod, options = {}) => {
 
       return googlePayParams;
 
-    case "apl": // Apple Pay
+    case "apl":
       const applePayParams = {
         clearingtype: "wlt",
-        wallettype: "APL", // Apple Pay
+        wallettype: "APL",
         ...getShippingParams()
       };
 
@@ -214,24 +203,23 @@ export const getPaymentMethodParams = (paymentMethod, options = {}) => {
 
       return applePayParams;
 
-    case "sb": // Sofort Banking
+    case "sb":
       return {
         clearingtype: "sb",
         bankcountry: "DE",
-        onlinebanktransfertype: "PNT" // Sofort Banking
+        onlinebanktransfertype: "PNT"
       };
 
-    case "elv": // SEPA Direct Debit
+    case "elv":
       return {
         clearingtype: "elv",
         bankcountry: "DE",
-        iban: iban || "DE89370400440532013000", // Test IBAN
-        bic: bic || "COBADEFFXXX", // Test BIC
+        iban: iban || "DE89370400440532013000",
+        bic: bic || "COBADEFFXXX",
         bankaccountholder: bankaccountholder || "John Doe"
       };
 
     default:
-      // Default to credit card for unknown payment methods
       return {
         clearingtype: "cc",
         cardtype: "V",

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

@@ -0,0 +1,18 @@
+
+export const shouldShowTooltip = (inputType, tooltipContent) => {
+  if (!tooltipContent) {
+    return false;
+  }
+
+  const inputTypesWithTooltip = ["switch", "toggle", "checkbox", "textarea"];
+
+  return inputTypesWithTooltip.includes(inputType);
+};
+
+
+export const getTooltipProps = (tooltipContent) => {
+  return {
+    label: tooltipContent,
+    position: "top",
+  };
+};