strapi-plugin-payone-provider 5.7.24 → 5.7.26

package/admin/src/components/Initializer/index.jsx

@@ -1,16 +1,16 @@
-import * as React from "react";
-import pluginId from "../../pluginId";
-
-const Initializer = ({ setPlugin }) => {
-  const ref = React.useRef(setPlugin);
-
-  React.useEffect(() => {
-    if (ref.current) {
-      ref.current(pluginId);
-    }
-  }, []);
-
-  return null;
-};
-
-export default Initializer;
+import * as React from "react";
+import pluginId from "../../pluginId";
+
+const Initializer = ({ setPlugin }) => {
+  const ref = React.useRef(setPlugin);
+
+  React.useEffect(() => {
+    if (ref.current) {
+      ref.current(pluginId);
+    }
+  }, []);
+
+  return null;
+};
+
+export default Initializer;

package/admin/src/components/PluginIcon/index.jsx

@@ -1,17 +1,17 @@
-
-const PluginIcon = () => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    xmlSpace="preserve"
-    width={18}
-    height={18}
-    fill="currentColor"
-    version="1.1"
-    viewBox="0 0 438.254 438.254"
-  >
-    <path d="M402.612 177.546H368.25V63.187c0-19.652-15.988-35.64-35.64-35.64H35.641C15.988 27.547 0 43.535 0 63.187v161.88c0 19.652 15.988 35.64 35.641 35.64h34.357v114.358c0 19.653 15.989 35.642 35.642 35.642h296.973c19.652 0 35.642-15.989 35.642-35.642V213.188c-.001-19.653-15.99-35.642-35.643-35.642m-64.362-45.839H30v-20h308.25zM35.641 57.547h296.97c3.109 0 5.64 2.53 5.64 5.64v28.52H30v-28.52c0-3.11 2.53-5.64 5.641-5.64m0 173.16a5.647 5.647 0 0 1-5.641-5.64v-73.36h308.25v25.839H105.64c-19.652 0-35.642 15.989-35.642 35.642v17.519zm372.613 144.358a5.65 5.65 0 0 1-5.642 5.642H105.64a5.65 5.65 0 0 1-5.642-5.642V213.188a5.65 5.65 0 0 1 5.642-5.642h296.973a5.65 5.65 0 0 1 5.642 5.642z"></path>
-    <path d="M358.585 287.966c-6.941 0-13.48 1.74-19.216 4.797-5.885-3.15-12.429-4.797-19.265-4.797-22.607 0-41 18.393-41 41s18.393 41 41 41c6.835 0 13.379-1.647 19.265-4.796a40.74 40.74 0 0 0 19.216 4.796c22.607 0 41-18.393 41-41s-18.393-41-41-41m-59.481 41c0-11.579 9.421-21 21-21 1.065 0 2.113.09 3.145.243-3.593 6.093-5.664 13.186-5.664 20.757s2.071 14.664 5.664 20.757c-1.032.153-2.08.243-3.145.243-11.58 0-21-9.42-21-21m59.481 21c-11.579 0-21-9.421-21-21s9.421-21 21-21 21 9.421 21 21-9.421 21-21 21M177.126 241.707h-28c-5.522 0-10 4.477-10 10s4.478 10 10 10h28c5.522 0 10-4.477 10-10s-4.478-10-10-10M237.793 241.707h-28c-5.522 0-10 4.477-10 10s4.478 10 10 10h28c5.522 0 10-4.477 10-10s-4.478-10-10-10M308.459 251.707c0-5.523-4.478-10-10-10h-28c-5.522 0-10 4.477-10 10s4.478 10 10 10h28c5.522 0 10-4.477 10-10M331.126 261.707h28c5.522 0 10-4.477 10-10s-4.478-10-10-10h-28c-5.522 0-10 4.477-10 10s4.478 10 10 10"></path>
-  </svg>
-);
-
-export default PluginIcon;
+
+const PluginIcon = () => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlSpace="preserve"
+    width={18}
+    height={18}
+    fill="currentColor"
+    version="1.1"
+    viewBox="0 0 438.254 438.254"
+  >
+    <path d="M402.612 177.546H368.25V63.187c0-19.652-15.988-35.64-35.64-35.64H35.641C15.988 27.547 0 43.535 0 63.187v161.88c0 19.652 15.988 35.64 35.641 35.64h34.357v114.358c0 19.653 15.989 35.642 35.642 35.642h296.973c19.652 0 35.642-15.989 35.642-35.642V213.188c-.001-19.653-15.99-35.642-35.643-35.642m-64.362-45.839H30v-20h308.25zM35.641 57.547h296.97c3.109 0 5.64 2.53 5.64 5.64v28.52H30v-28.52c0-3.11 2.53-5.64 5.641-5.64m0 173.16a5.647 5.647 0 0 1-5.641-5.64v-73.36h308.25v25.839H105.64c-19.652 0-35.642 15.989-35.642 35.642v17.519zm372.613 144.358a5.65 5.65 0 0 1-5.642 5.642H105.64a5.65 5.65 0 0 1-5.642-5.642V213.188a5.65 5.65 0 0 1 5.642-5.642h296.973a5.65 5.65 0 0 1 5.642 5.642z"></path>
+    <path d="M358.585 287.966c-6.941 0-13.48 1.74-19.216 4.797-5.885-3.15-12.429-4.797-19.265-4.797-22.607 0-41 18.393-41 41s18.393 41 41 41c6.835 0 13.379-1.647 19.265-4.796a40.74 40.74 0 0 0 19.216 4.796c22.607 0 41-18.393 41-41s-18.393-41-41-41m-59.481 41c0-11.579 9.421-21 21-21 1.065 0 2.113.09 3.145.243-3.593 6.093-5.664 13.186-5.664 20.757s2.071 14.664 5.664 20.757c-1.032.153-2.08.243-3.145.243-11.58 0-21-9.42-21-21m59.481 21c-11.579 0-21-9.421-21-21s9.421-21 21-21 21 9.421 21 21-9.421 21-21 21M177.126 241.707h-28c-5.522 0-10 4.477-10 10s4.478 10 10 10h28c5.522 0 10-4.477 10-10s-4.478-10-10-10M237.793 241.707h-28c-5.522 0-10 4.477-10 10s4.478 10 10 10h28c5.522 0 10-4.477 10-10s-4.478-10-10-10M308.459 251.707c0-5.523-4.478-10-10-10h-28c-5.522 0-10 4.477-10 10s4.478 10 10 10h28c5.522 0 10-4.477 10-10M331.126 261.707h28c5.522 0 10-4.477 10-10s-4.478-10-10-10h-28c-5.522 0-10 4.477-10 10s4.478 10 10 10"></path>
+  </svg>
+);
+
+export default PluginIcon;

package/admin/src/index.js

@@ -1,58 +1,58 @@
-
-import pluginPkg from '../../package.json';
-import pluginId from './pluginId';
-import Initializer from './components/Initializer';
-import PluginIcon from './components/PluginIcon';
-import { injectGooglePayScript } from './pages/utils/injectGooglePayScript';
-import { injectApplePayScript } from './pages/utils/injectApplePayScript';
-import { prefixPluginTranslations } from './utils/prefixPluginTranslations';
-
-const name = pluginPkg.strapi.name;
-
-export default {
-  register(app) {
-    app.addMenuLink({
-      to: `/plugins/${pluginId}`,
-      icon: PluginIcon,
-      intlLabel: {
-        id: `${pluginId}.plugin.name`,
-        defaultMessage: 'Payone Provider',
-      },
-      Component: async () => {
-        const App = await import('./pages/App');
-        return App;
-      },
-      permissions: [],
-    });
-
-    app.registerPlugin({
-      id: pluginId,
-      initializer: Initializer,
-      isReady: false,
-      name,
-    });
-  },
-
-  bootstrap() {
-    injectGooglePayScript();
-    injectApplePayScript();
-  },
-
-  async registerTrads({ locales }) {
-    const importedTrads = await Promise.all(
-      locales.map((locale) =>
-        import(`./translations/${locale}.json`)
-          .then(({ default: data }) => ({
-            data: prefixPluginTranslations(data, pluginId),
-            locale,
-          }))
-          .catch(() => ({
-            data: {},
-            locale,
-          }))
-      )
-    );
-
-    return Promise.resolve(importedTrads);
-  },
+
+import pluginPkg from '../../package.json';
+import pluginId from './pluginId';
+import Initializer from './components/Initializer';
+import PluginIcon from './components/PluginIcon';
+import { injectGooglePayScript } from './pages/utils/injectGooglePayScript';
+import { injectApplePayScript } from './pages/utils/injectApplePayScript';
+import { prefixPluginTranslations } from './utils/prefixPluginTranslations';
+
+const name = pluginPkg.strapi.name;
+
+export default {
+  register(app) {
+    app.addMenuLink({
+      to: `/plugins/${pluginId}`,
+      icon: PluginIcon,
+      intlLabel: {
+        id: `${pluginId}.plugin.name`,
+        defaultMessage: 'Payone Provider',
+      },
+      Component: async () => {
+        const App = await import('./pages/App');
+        return App;
+      },
+      permissions: [],
+    });
+
+    app.registerPlugin({
+      id: pluginId,
+      initializer: Initializer,
+      isReady: false,
+      name,
+    });
+  },
+
+  bootstrap() {
+    injectGooglePayScript();
+    injectApplePayScript();
+  },
+
+  async registerTrads({ locales }) {
+    const importedTrads = await Promise.all(
+      locales.map((locale) =>
+        import(`./translations/${locale}.json`)
+          .then(({ default: data }) => ({
+            data: prefixPluginTranslations(data, pluginId),
+            locale,
+          }))
+          .catch(() => ({
+            data: {},
+            locale,
+          }))
+      )
+    );
+
+    return Promise.resolve(importedTrads);
+  },
 };

package/admin/src/pages/App/components/AppHeader.jsx

@@ -1,45 +1,45 @@
-import * as React from '@strapi/strapi/admin';
-import { Button } from "@strapi/design-system";
-import { Layouts } from "@strapi/strapi/admin";
-import { Check, ArrowLeft } from "@strapi/icons";
-import { usePluginTranslations } from "../../hooks/usePluginTranslations";
-
-const AppHeader = ({ activeTab, isSaving, onSave, title, onBack }) => {
-  const { t } = usePluginTranslations();
-  const pluginName = t("plugin.name", "Payone Provider");
-  const isConfigPage = title && title !== pluginName;
-
-  const subtitle =
-    title === "Apple Pay Configuration"
-      ? t("header.subtitleApplePay", "Configure Apple Pay settings for your payment gateway")
-      : title === "Google Pay Configuration"
-        ? t("header.subtitleGooglePay", "Configure Google Pay settings for your payment gateway")
-        : t("header.subtitle", "Configure your Payone integration and manage payment transactions");
-
-  return (
-    <Layouts.Header
-      title={title || pluginName}
-      subtitle={subtitle}
-      primaryAction={
-        isConfigPage ? (
-          <Button onClick={onBack} startIcon={<ArrowLeft />} size="L" variant="secondary">
-            {t("header.backToMain", "Back to Main")}
-          </Button>
-        ) : activeTab === 2 ? (
-          <Button
-            loading={isSaving}
-            onClick={onSave}
-            startIcon={<Check />}
-            size="M"
-            variant="default"
-            className="payment-button payment-button-success"
-          >
-            {t("header.saveConfiguration", "Save Configuration")}
-          </Button>
-        ) : null
-      }
-    />
-  );
-};
-
-export default AppHeader;
+import * as React from '@strapi/strapi/admin';
+import { Button } from "@strapi/design-system";
+import { Layouts } from "@strapi/strapi/admin";
+import { Check, ArrowLeft } from "@strapi/icons";
+import { usePluginTranslations } from "../../hooks/usePluginTranslations";
+
+const AppHeader = ({ activeTab, isSaving, onSave, title, onBack }) => {
+  const { t } = usePluginTranslations();
+  const pluginName = t("plugin.name", "Payone Provider");
+  const isConfigPage = title && title !== pluginName;
+
+  const subtitle =
+    title === "Apple Pay Configuration"
+      ? t("header.subtitleApplePay", "Configure Apple Pay settings for your payment gateway")
+      : title === "Google Pay Configuration"
+        ? t("header.subtitleGooglePay", "Configure Google Pay settings for your payment gateway")
+        : t("header.subtitle", "Configure your Payone integration and manage payment transactions");
+
+  return (
+    <Layouts.Header
+      title={title || pluginName}
+      subtitle={subtitle}
+      primaryAction={
+        isConfigPage ? (
+          <Button onClick={onBack} startIcon={<ArrowLeft />} size="L" variant="secondary">
+            {t("header.backToMain", "Back to Main")}
+          </Button>
+        ) : activeTab === 2 ? (
+          <Button
+            loading={isSaving}
+            onClick={onSave}
+            startIcon={<Check />}
+            size="M"
+            variant="default"
+            className="payment-button payment-button-success"
+          >
+            {t("header.saveConfiguration", "Save Configuration")}
+          </Button>
+        ) : null
+      }
+    />
+  );
+};
+
+export default AppHeader;

package/admin/src/pages/App/components/AppTabs.jsx

@@ -1,105 +1,105 @@
-import * as React from "react";
-import { Box, Typography, Tabs } from "@strapi/design-system";
-import ConfigurationPanel from "./configuration/ConfigurationPanel";
-import HistoryPanel from "./transaction-history/HistoryPanel";
-import PaymentActionsPanel from "./payment-actions/PaymentActionsPanel";
-import DocsPanel from "./DocsPanel";
-import { usePluginTranslations } from "../../hooks/usePluginTranslations";
-
-/**
- * Error boundary to prevent a single tab's error from crashing the entire plugin.
- * Automatically resets when the user switches tabs.
- */
-class TabErrorBoundary extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false, error: null };
-  }
-
-  static getDerivedStateFromError(error) {
-    return { hasError: true, error };
-  }
-
-  componentDidCatch(error, errorInfo) {
-    console.error("Payone Tab Error:", error, errorInfo);
-  }
-
-  componentDidUpdate(prevProps) {
-    // Auto-reset when the user switches to a different tab
-    if (prevProps.activeTab !== this.props.activeTab && this.state.hasError) {
-      this.setState({ hasError: false, error: null });
-    }
-  }
-
-  render() {
-    const { t } = this.props;
-    if (this.state.hasError) {
-      return (
-        <Box padding={6} style={{ textAlign: "center" }}>
-          <Typography variant="beta" textColor="danger600">
-            {t ? t("error.tabError", "Something went wrong loading this tab.") : "Something went wrong loading this tab."}
-          </Typography>
-          <Typography variant="pi" textColor="neutral600" style={{ marginTop: "8px", display: "block" }}>
-            {t ? t("error.tabErrorHint", "Try switching to another tab or reload the page.") : "Try switching to another tab or reload the page."}
-          </Typography>
-        </Box>
-      );
-    }
-    return this.props.children;
-  }
-}
-
-const AppTabs = ({
-  activeTab,
-  setActiveTab,
-  onNavigateToConfig,
-  settings,
-  paymentActions
-}) => {
-  const { t } = usePluginTranslations();
-  return (
-    <Tabs.Root
-      value={`tab-${activeTab}`}
-      variant="regular"
-      onValueChange={(value) =>
-        setActiveTab(parseInt(value.replace("tab-", "")))
-      }
-    >
-      <Tabs.List style={{ width: "100%" }}>
-        <Tabs.Trigger value="tab-1">{t("tabs.history", "Transaction History")}</Tabs.Trigger>
-        <Tabs.Trigger value="tab-2">{t("tabs.configuration", "Configuration")}</Tabs.Trigger>
-        <Tabs.Trigger value="tab-3">{t("tabs.paymentActions", "Payment Actions")}</Tabs.Trigger>
-        <Tabs.Trigger value="tab-4">{t("tabs.documentation", "Documentation")}</Tabs.Trigger>
-      </Tabs.List>
-      <Tabs.Content value="tab-1">
-        <TabErrorBoundary activeTab={activeTab} t={t}>
-          <HistoryPanel />
-        </TabErrorBoundary>
-      </Tabs.Content>
-      <Tabs.Content value="tab-2">
-        <TabErrorBoundary activeTab={activeTab} t={t}>
-          <ConfigurationPanel
-            settings={settings}
-            onNavigateToConfig={onNavigateToConfig}
-          />
-        </TabErrorBoundary>
-      </Tabs.Content>
-      <Tabs.Content value="tab-3">
-        <TabErrorBoundary activeTab={activeTab} t={t}>
-          <PaymentActionsPanel
-            onNavigateToConfig={onNavigateToConfig}
-            settings={settings}
-            paymentActions={paymentActions}
-          />
-        </TabErrorBoundary>
-      </Tabs.Content>
-      <Tabs.Content value="tab-4">
-        <TabErrorBoundary activeTab={activeTab} t={t}>
-          <DocsPanel settings={settings} paymentActions={paymentActions} />
-        </TabErrorBoundary>
-      </Tabs.Content>
-    </Tabs.Root>
-  );
-};
-
-export default AppTabs;
+import * as React from "react";
+import { Box, Typography, Tabs } from "@strapi/design-system";
+import ConfigurationPanel from "./configuration/ConfigurationPanel";
+import HistoryPanel from "./transaction-history/HistoryPanel";
+import PaymentActionsPanel from "./payment-actions/PaymentActionsPanel";
+import DocsPanel from "./DocsPanel";
+import { usePluginTranslations } from "../../hooks/usePluginTranslations";
+
+/**
+ * Error boundary to prevent a single tab's error from crashing the entire plugin.
+ * Automatically resets when the user switches tabs.
+ */
+class TabErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false, error: null };
+  }
+
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+
+  componentDidCatch(error, errorInfo) {
+    console.error("Payone Tab Error:", error, errorInfo);
+  }
+
+  componentDidUpdate(prevProps) {
+    // Auto-reset when the user switches to a different tab
+    if (prevProps.activeTab !== this.props.activeTab && this.state.hasError) {
+      this.setState({ hasError: false, error: null });
+    }
+  }
+
+  render() {
+    const { t } = this.props;
+    if (this.state.hasError) {
+      return (
+        <Box padding={6} style={{ textAlign: "center" }}>
+          <Typography variant="beta" textColor="danger600">
+            {t ? t("error.tabError", "Something went wrong loading this tab.") : "Something went wrong loading this tab."}
+          </Typography>
+          <Typography variant="pi" textColor="neutral600" style={{ marginTop: "8px", display: "block" }}>
+            {t ? t("error.tabErrorHint", "Try switching to another tab or reload the page.") : "Try switching to another tab or reload the page."}
+          </Typography>
+        </Box>
+      );
+    }
+    return this.props.children;
+  }
+}
+
+const AppTabs = ({
+  activeTab,
+  setActiveTab,
+  onNavigateToConfig,
+  settings,
+  paymentActions
+}) => {
+  const { t } = usePluginTranslations();
+  return (
+    <Tabs.Root
+      value={`tab-${activeTab}`}
+      variant="regular"
+      onValueChange={(value) =>
+        setActiveTab(parseInt(value.replace("tab-", "")))
+      }
+    >
+      <Tabs.List style={{ width: "100%" }}>
+        <Tabs.Trigger value="tab-1">{t("tabs.history", "Transaction History")}</Tabs.Trigger>
+        <Tabs.Trigger value="tab-2">{t("tabs.configuration", "Configuration")}</Tabs.Trigger>
+        <Tabs.Trigger value="tab-3">{t("tabs.paymentActions", "Payment Actions")}</Tabs.Trigger>
+        <Tabs.Trigger value="tab-4">{t("tabs.documentation", "Documentation")}</Tabs.Trigger>
+      </Tabs.List>
+      <Tabs.Content value="tab-1">
+        <TabErrorBoundary activeTab={activeTab} t={t}>
+          <HistoryPanel />
+        </TabErrorBoundary>
+      </Tabs.Content>
+      <Tabs.Content value="tab-2">
+        <TabErrorBoundary activeTab={activeTab} t={t}>
+          <ConfigurationPanel
+            settings={settings}
+            onNavigateToConfig={onNavigateToConfig}
+          />
+        </TabErrorBoundary>
+      </Tabs.Content>
+      <Tabs.Content value="tab-3">
+        <TabErrorBoundary activeTab={activeTab} t={t}>
+          <PaymentActionsPanel
+            onNavigateToConfig={onNavigateToConfig}
+            settings={settings}
+            paymentActions={paymentActions}
+          />
+        </TabErrorBoundary>
+      </Tabs.Content>
+      <Tabs.Content value="tab-4">
+        <TabErrorBoundary activeTab={activeTab} t={t}>
+          <DocsPanel settings={settings} paymentActions={paymentActions} />
+        </TabErrorBoundary>
+      </Tabs.Content>
+    </Tabs.Root>
+  );
+};
+
+export default AppTabs;