strapi-plugin-payone-provider 4.6.9 → 5.6.9

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

@@ -1,12 +1,4 @@
-/**
- * Apple Pay Constants
- * Based on Apple Pay documentation and Payone requirements
- * https://developer.apple.com/documentation/applepayontheweb
- * https://docs.payone.com/payment-methods/apple-pay/apple-pay-without-dev
- */
-
-// Apple Pay supported countries
-// Note: Apple Pay availability varies by country
+
 export const APPLE_PAY_SUPPORTED_COUNTRIES = [
   { code: "US", name: "United States" },
   { code: "GB", name: "United Kingdom" },
@@ -46,8 +38,6 @@ export const APPLE_PAY_SUPPORTED_COUNTRIES = [
   { code: "ZA", name: "South Africa" }
 ];
 
-// Apple Pay supported currencies
-// Note: Some currencies may be restricted in certain countries
 export const APPLE_PAY_SUPPORTED_CURRENCIES = [
   { code: "USD", name: "US Dollar", symbol: "$" },
   { code: "EUR", name: "Euro", symbol: "€" },
@@ -77,7 +67,6 @@ export const APPLE_PAY_SUPPORTED_CURRENCIES = [
   { code: "HUF", name: "Hungarian Forint", symbol: "Ft" }
 ];
 
-// Apple Pay supported payment networks
 export const APPLE_PAY_SUPPORTED_NETWORKS = [
   { code: "amex", name: "American Express" },
   { code: "discover", name: "Discover" },
@@ -92,15 +81,12 @@ export const APPLE_PAY_SUPPORTED_NETWORKS = [
   { code: "privateLabel", name: "Private Label" }
 ];
 
-// Merchant capabilities
 export const APPLE_PAY_MERCHANT_CAPABILITIES = [
   { code: "supports3DS", name: "3D Secure", description: "Required for most payment methods" },
   { code: "supportsCredit", name: "Credit Cards", description: "Support credit card payments" },
   { code: "supportsDebit", name: "Debit Cards", description: "Support debit card payments" }
 ];
 
-// Country-currency restrictions
-// Some currencies are not available in certain countries
 export const COUNTRY_CURRENCY_RESTRICTIONS = {
   US: ["USD"],
   GB: ["GBP", "EUR"],
@@ -126,20 +112,16 @@ export const COUNTRY_CURRENCY_RESTRICTIONS = {
   ZA: ["ZAR"]
 };
 
-// Get supported currencies for a country
 export const getSupportedCurrenciesForCountry = (countryCode) => {
   const restrictions = COUNTRY_CURRENCY_RESTRICTIONS[countryCode];
   if (restrictions) {
-    return APPLE_PAY_SUPPORTED_CURRENCIES.filter(currency => 
+    return APPLE_PAY_SUPPORTED_CURRENCIES.filter(currency =>
       restrictions.includes(currency.code)
     );
   }
-  // Default: return all currencies if no restrictions
   return APPLE_PAY_SUPPORTED_CURRENCIES;
 };
 
-// Get supported networks for a country
-// Some networks are country-specific
 export const getSupportedNetworksForCountry = (countryCode) => {
   const countryNetworks = {
     US: ["amex", "discover", "masterCard", "visa"],
@@ -157,30 +139,23 @@ export const getSupportedNetworksForCountry = (countryCode) => {
   return countryNetworks[countryCode] || countryNetworks.default;
 };
 
-// Test data for Apple Pay
-// Based on Apple Pay sandbox testing documentation
 export const APPLE_PAY_TEST_DATA = {
-  // Test card numbers (for sandbox testing)
   testCards: {
     visa: "4111111111111111",
     mastercard: "5555555555554444",
     amex: "378282246310005",
     discover: "6011111111111117"
   },
-  // Test merchant identifiers (for development)
   testMerchantIdentifier: "merchant.com.payone.test",
-  // Test domain
   testDomain: "test.payone.com"
 };
 
-// Apple Pay button styles
 export const APPLE_PAY_BUTTON_STYLES = [
   { code: "black", name: "Black" },
   { code: "white", name: "White with outline" },
   { code: "white-outline", name: "White" }
 ];
 
-// Apple Pay button types
 export const APPLE_PAY_BUTTON_TYPES = [
   { code: "plain", name: "Plain" },
   { code: "buy", name: "Buy" },
@@ -201,7 +176,6 @@ export const APPLE_PAY_BUTTON_TYPES = [
   { code: "set-up", name: "Set Up" }
 ];
 
-// Default Apple Pay configuration
 export const DEFAULT_APPLE_PAY_CONFIG = {
   countryCode: "DE",
   currencyCode: "EUR",

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