strapi-plugin-payone-provider 1.6.7 → 5.6.9

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

@@ -1,312 +0,0 @@
-import React from "react";
-import {
-  Box,
-  Button,
-  Card,
-  CardBody,
-  Flex,
-  Stack,
-  Typography,
-  TextInput,
-  Select,
-  Option,
-  Divider,
-} from "@strapi/design-system";
-import { Search } from "@strapi/icons";
-import TransactionHistoryItem from "./TransactionHistoryItem";
-
-const HistoryPanel = ({
-  filters,
-  onFilterChange,
-  onFilterApply,
-  isLoadingHistory,
-  transactionHistory,
-  paginatedTransactions,
-  currentPage,
-  totalPages,
-  pageSize,
-  onRefresh,
-  onPageChange,
-}) => {
-  return (
-    <Box
-      className="payment-container"
-      paddingTop={8}
-      paddingBottom={8}
-      paddingLeft={8}
-      paddingRight={8}
-    >
-      <Flex direction="column" alignItems="stretch" gap={8}>
-        <Box>
-          <Typography
-            variant="beta"
-            as="h2"
-            className="payment-title"
-            style={{ fontSize: "20px", marginBottom: "4px" }}
-          >
-            Transaction Management
-          </Typography>
-          <Typography
-            variant="pi"
-            textColor="neutral600"
-            className="payment-subtitle"
-            style={{ fontSize: "14px", marginTop: "4px" }}
-          >
-            View and filter all payment transactions processed through Payone
-          </Typography>
-        </Box>
-        {/* Filters */}
-        <Box>
-          <Box marginBottom={4}>
-            <Typography variant="delta" as="h3" fontWeight="bold">
-              Transaction Filters
-            </Typography>
-            <Typography variant="pi" textColor="neutral600" marginTop={2}>
-              Filter transactions by status, type, date range, and more
-            </Typography>
-          </Box>
-          <Card className="payment-card">
-            <CardBody padding={6}>
-              <Stack spacing={4}>
-                <Flex gap={4} wrap="wrap" alignItems="center">
-                  <TextInput
-                    label="Search"
-                    name="search"
-                    value={filters.search || ""}
-                    onChange={(e) => onFilterChange("search", e.target.value)}
-                    placeholder="Search by Status, Transaction ID, or Reference"
-                    className="payment-input"
-                    style={{ flex: 1, minWidth: "250px" }}
-                  />
-                  <Select
-                    label="Request Type"
-                    name="request_type"
-                    value={filters.request_type || ""}
-                    onChange={(value) => onFilterChange("request_type", value)}
-                    placeholder="Select request type"
-                    className="payment-input"
-                    style={{ flex: 1, minWidth: "200px" }}
-                  >
-                    <Option value="">All Types</Option>
-                    <Option value="preauthorization">Preauthorization</Option>
-                    <Option value="authorization">Authorization</Option>
-                    <Option value="capture">Capture</Option>
-                    <Option value="refund">Refund</Option>
-                  </Select>
-                  <Select
-                    label="Payment Method"
-                    name="payment_method"
-                    value={filters.payment_method || ""}
-                    onChange={(value) =>
-                      onFilterChange("payment_method", value)
-                    }
-                    placeholder="Select payment method"
-                    className="payment-input"
-                    style={{ flex: 1, minWidth: "200px" }}
-                  >
-                    <Option value="">All Methods</Option>
-                    <Option value="credit_card">Credit Card</Option>
-                    <Option value="paypal">PayPal</Option>
-                    <Option value="google_pay">Google Pay</Option>
-                    <Option value="apple_pay">Apple Pay</Option>
-                    <Option value="sofort">Sofort Banking</Option>
-                    <Option value="sepa">SEPA Direct Debit</Option>
-                  </Select>
-                  <TextInput
-                    label="Date From"
-                    name="date_from"
-                    value={filters.date_from || ""}
-                    onChange={(e) =>
-                      onFilterChange("date_from", e.target.value)
-                    }
-                    placeholder="YYYY-MM-DD"
-                    type="date"
-                    className="payment-input"
-                    style={{ flex: 1, minWidth: "150px" }}
-                  />
-                  <TextInput
-                    label="Date To"
-                    name="date_to"
-                    value={filters.date_to || ""}
-                    onChange={(e) => onFilterChange("date_to", e.target.value)}
-                    placeholder="YYYY-MM-DD"
-                    type="date"
-                    className="payment-input"
-                    style={{ flex: 1, minWidth: "150px" }}
-                  />
-                  <Button
-                    variant="default"
-                    onClick={onFilterApply}
-                    loading={isLoadingHistory}
-                    startIcon={<Search />}
-                    className="payment-button payment-button-primary"
-                  >
-                    Apply Filters
-                  </Button>
-                </Flex>
-              </Stack>
-            </CardBody>
-          </Card>
-        </Box>
-
-        <Divider />
-
-        {/* Transaction History */}
-        <Box>
-          <Box marginBottom={6}>
-            <Flex
-              justifyContent="space-between"
-              alignItems="center"
-              marginBottom={4}
-            >
-              <Box>
-                <Typography variant="delta" as="h3" fontWeight="bold">
-                  Transaction History
-                </Typography>
-                <Typography variant="pi" textColor="neutral600" marginTop={2}>
-                  {transactionHistory.length} total transactions •{" "}
-                  {paginatedTransactions.length} on page {currentPage} of{" "}
-                  {totalPages}
-                </Typography>
-              </Box>
-              <Button
-                variant="default"
-                onClick={onRefresh}
-                loading={isLoadingHistory}
-                startIcon={<Search />}
-                size="S"
-                className="payment-button payment-button-success"
-              >
-                Refresh
-              </Button>
-            </Flex>
-          </Box>
-
-          {isLoadingHistory ? (
-            <Box padding={4} textAlign="center">
-              <Typography>Loading transactions...</Typography>
-            </Box>
-          ) : transactionHistory.length === 0 ? (
-            <Box padding={4} textAlign="center">
-              <Typography textColor="neutral600">
-                No transactions found
-              </Typography>
-            </Box>
-          ) : (
-            <Box>
-              {paginatedTransactions.map((transaction) => (
-                <TransactionHistoryItem
-                  key={transaction.id}
-                  transaction={transaction}
-                />
-              ))}
-
-              {/* Pagination */}
-              <Box paddingTop={6} paddingBottom={4}>
-                <Card className="payment-card">
-                  <CardBody padding={4}>
-                    <Flex justifyContent="space-between" alignItems="center">
-                      {transactionHistory.length > pageSize &&
-                      totalPages > 1 ? (
-                        <Flex gap={3} alignItems="center">
-                          <Button
-                            variant="default"
-                            size="S"
-                            onClick={() =>
-                              onPageChange(Math.max(1, currentPage - 1))
-                            }
-                            disabled={currentPage === 1}
-                            className={`payment-button ${
-                              currentPage === 1 ? "" : "payment-button-success"
-                            }`}
-                            style={{
-                              background:
-                                currentPage === 1 ? "#f6f6f9" : undefined,
-                              color: currentPage === 1 ? "#666687" : undefined,
-                            }}
-                          >
-                            ← Previous
-                          </Button>
-
-                          <Box
-                            padding={2}
-                            background="#f6f6f9"
-                            borderRadius="6px"
-                          >
-                            <Typography
-                              variant="pi"
-                              textColor="neutral600"
-                              fontWeight="bold"
-                            >
-                              Page {currentPage} of {totalPages}
-                            </Typography>
-                          </Box>
-
-                          <Button
-                            variant="default"
-                            size="S"
-                            onClick={() =>
-                              onPageChange(
-                                Math.min(totalPages, currentPage + 1)
-                              )
-                            }
-                            disabled={currentPage === totalPages}
-                            className={`payment-button ${
-                              currentPage === totalPages
-                                ? ""
-                                : "payment-button-success"
-                            }`}
-                            style={{
-                              background:
-                                currentPage === totalPages
-                                  ? "#f6f6f9"
-                                  : undefined,
-                              color:
-                                currentPage === totalPages
-                                  ? "#666687"
-                                  : undefined,
-                            }}
-                          >
-                            Next →
-                          </Button>
-                        </Flex>
-                      ) : (
-                        <Typography
-                          variant="pi"
-                          textColor="neutral600"
-                          fontWeight="medium"
-                        >
-                          {transactionHistory.length <= pageSize
-                            ? "All transactions shown"
-                            : "No pagination needed"}
-                        </Typography>
-                      )}
-                    </Flex>
-                  </CardBody>
-                </Card>
-                <Typography
-                  variant="pi"
-                  textColor="neutral600"
-                  fontWeight="medium"
-                >
-                  Showing {paginatedTransactions.length} of{" "}
-                  {transactionHistory.length} transactions
-                </Typography>
-              </Box>
-            </Box>
-          )}
-        </Box>
-
-        <Box paddingTop={4}>
-          <Typography variant="sigma" textColor="neutral600">
-            Note: This shows all Payone transactions processed through this
-            plugin. Transactions are automatically logged with detailed
-            request/response data.
-          </Typography>
-        </Box>
-      </Flex>
-    </Box>
-  );
-};
-
-export default HistoryPanel;

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

@@ -1,280 +0,0 @@
-import React from "react";
-import { Box, Flex, Typography } from "@strapi/design-system";
-import PaymentMethodSelector from "./paymentActions/PaymentMethodSelector";
-import PreauthorizationForm from "./paymentActions/PreauthorizationForm";
-import AuthorizationForm from "./paymentActions/AuthorizationForm";
-import CaptureForm from "./paymentActions/CaptureForm";
-import RefundForm from "./paymentActions/RefundForm";
-import PaymentResult from "./paymentActions/PaymentResult";
-import ApplePayPanel from "./paymentActions/ApplePayPanel";
-
-const PaymentActionsPanel = ({
-  paymentAmount,
-  setPaymentAmount,
-  preauthReference,
-  setPreauthReference,
-  authReference,
-  setAuthReference,
-  captureTxid,
-  setCaptureTxid,
-  refundTxid,
-  setRefundTxid,
-  refundSequenceNumber,
-  setRefundSequenceNumber,
-  refundReference,
-  setRefundReference,
-  paymentMethod,
-  setPaymentMethod,
-  captureMode,
-  setCaptureMode,
-  isProcessingPayment,
-  paymentError,
-  paymentResult,
-  onPreauthorization,
-  onAuthorization,
-  onCapture,
-  onRefund,
-  settings,
-  setGooglePayToken,
-  applePayToken,
-  setApplePayToken,
-  cardtype,
-  setCardtype,
-  cardpan,
-  setCardpan,
-  cardexpiredate,
-  setCardexpiredate,
-  cardcvc2,
-  setCardcvc2,
-  onNavigateToConfig,
-}) => {
-  const mode = (settings?.mode || "test").toLowerCase();
-  const isLiveMode = mode === "live";
-
-  React.useEffect(() => {
-    if (isLiveMode && paymentMethod !== "apl") {
-      setPaymentMethod("apl");
-    }
-  }, [isLiveMode, paymentMethod]);
-
-  if (isLiveMode && paymentMethod !== "apl") {
-    return (
-      <Box
-        style={{
-          display: "flex",
-          flexDirection: "column",
-          alignItems: "center",
-          justifyContent: "center",
-          gap: "8px",
-          marginTop: "44px",
-        }}
-      >
-        <Typography variant="pi" textColor="neutral600">
-          Test Payments are only works in test mode.
-        </Typography>
-        <Typography variant="pi" textColor="neutral600">
-          Please switch to test mode in plugin settings to use test payments.
-        </Typography>
-      </Box>
-    );
-  }
-
-  if (paymentMethod === "apl") {
-    return (
-      <ApplePayPanel
-        paymentAmount={paymentAmount}
-        setPaymentAmount={setPaymentAmount}
-        authReference={authReference}
-        setAuthReference={setAuthReference}
-        isProcessingPayment={isProcessingPayment}
-        onAuthorization={onAuthorization}
-        paymentMethod={paymentMethod}
-        setPaymentMethod={setPaymentMethod}
-        captureMode={captureMode}
-        setCaptureMode={setCaptureMode}
-        settings={settings}
-        setGooglePayToken={setGooglePayToken}
-        applePayToken={applePayToken}
-        setApplePayToken={setApplePayToken}
-        cardtype={cardtype}
-        setCardtype={setCardtype}
-        cardpan={cardpan}
-        setCardpan={setCardpan}
-        cardexpiredate={cardexpiredate}
-        setCardexpiredate={setCardexpiredate}
-        cardcvc2={cardcvc2}
-        setCardcvc2={setCardcvc2}
-        onNavigateToConfig={onNavigateToConfig}
-        isLiveMode={isLiveMode}
-      />
-    );
-  }
-
-  return (
-    <Box
-      className="payment-container"
-      paddingTop={8}
-      paddingBottom={8}
-      paddingLeft={8}
-      paddingRight={8}
-    >
-      <Flex direction="column" alignItems="stretch" gap={6}>
-        <Box
-          style={{
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "flex-start",
-            gap: "8px",
-          }}
-        >
-          <Typography
-            variant="beta"
-            as="h2"
-            className="payment-title"
-            style={{ fontSize: "20px", marginBottom: "4px" }}
-          >
-            Payment Actions
-          </Typography>
-          <Typography
-            variant="pi"
-            textColor="neutral600"
-            className="payment-subtitle"
-            style={{ fontSize: "14px" }}
-          >
-            Process payments, captures, and refunds with multiple payment
-            methods
-          </Typography>
-        </Box>
-
-        <PaymentMethodSelector
-          paymentMethod={paymentMethod}
-          setPaymentMethod={setPaymentMethod}
-          captureMode={captureMode}
-          setCaptureMode={setCaptureMode}
-          onNavigateToConfig={onNavigateToConfig}
-          settings={settings}
-          isLiveMode={isLiveMode}
-        />
-
-        <hr className="payment-divider" />
-
-        <Box
-          className="payment-form-section"
-          style={{
-            opacity: isLiveMode ? 0.5 : 1,
-            pointerEvents: isLiveMode ? "none" : "auto",
-          }}
-        >
-          <PreauthorizationForm
-            paymentAmount={paymentAmount}
-            setPaymentAmount={setPaymentAmount}
-            preauthReference={preauthReference}
-            setPreauthReference={setPreauthReference}
-            isProcessingPayment={isProcessingPayment}
-            onPreauthorization={onPreauthorization}
-            paymentMethod={paymentMethod}
-            settings={settings}
-            setGooglePayToken={setGooglePayToken}
-            applePayToken={applePayToken}
-            setApplePayToken={setApplePayToken}
-            cardtype={cardtype}
-            setCardtype={setCardtype}
-            cardpan={cardpan}
-            setCardpan={setCardpan}
-            cardexpiredate={cardexpiredate}
-            setCardexpiredate={setCardexpiredate}
-            cardcvc2={cardcvc2}
-            setCardcvc2={setCardcvc2}
-            isLiveMode={isLiveMode}
-          />
-        </Box>
-
-        <hr className="payment-divider" />
-
-        <Box className="payment-form-section">
-          <AuthorizationForm
-            paymentAmount={paymentAmount}
-            setPaymentAmount={setPaymentAmount}
-            authReference={authReference}
-            setAuthReference={setAuthReference}
-            isProcessingPayment={isProcessingPayment}
-            onAuthorization={onAuthorization}
-            paymentMethod={paymentMethod}
-            settings={settings}
-            setGooglePayToken={setGooglePayToken}
-            applePayToken={applePayToken}
-            setApplePayToken={setApplePayToken}
-            cardtype={cardtype}
-            setCardtype={setCardtype}
-            cardpan={cardpan}
-            setCardpan={setCardpan}
-            cardexpiredate={cardexpiredate}
-            setCardexpiredate={setCardexpiredate}
-            cardcvc2={cardcvc2}
-            setCardcvc2={setCardcvc2}
-            isLiveMode={isLiveMode}
-          />
-        </Box>
-
-        <hr className="payment-divider" />
-
-        <Box
-          className="payment-form-section"
-          style={{
-            opacity: isLiveMode ? 0.5 : 1,
-            pointerEvents: isLiveMode ? "none" : "auto",
-          }}
-        >
-          <CaptureForm
-            paymentAmount={paymentAmount}
-            setPaymentAmount={setPaymentAmount}
-            captureTxid={captureTxid}
-            setCaptureTxid={setCaptureTxid}
-            isProcessingPayment={isProcessingPayment}
-            onCapture={onCapture}
-          />
-        </Box>
-
-        <hr className="payment-divider" />
-
-        <Box
-          className="payment-form-section"
-          style={{
-            opacity: isLiveMode ? 0.5 : 1,
-            pointerEvents: isLiveMode ? "none" : "auto",
-          }}
-        >
-          <RefundForm
-            paymentAmount={paymentAmount}
-            setPaymentAmount={setPaymentAmount}
-            refundTxid={refundTxid}
-            setRefundTxid={setRefundTxid}
-            refundSequenceNumber={refundSequenceNumber}
-            setRefundSequenceNumber={setRefundSequenceNumber}
-            refundReference={refundReference}
-            setRefundReference={setRefundReference}
-            isProcessingPayment={isProcessingPayment}
-            onRefund={onRefund}
-          />
-        </Box>
-
-        <hr className="payment-divider" />
-
-        <PaymentResult
-          paymentError={paymentError}
-          paymentResult={paymentResult}
-        />
-
-        <Box paddingTop={4}>
-          <Typography variant="sigma" textColor="neutral600">
-            Note: These payment actions allow you to test the complete payment
-            flow: Preauthorization → Capture → Refund. Make sure to use valid
-            Transaction IDs for capture and refund operations.
-          </Typography>
-        </Box>
-      </Flex>
-    </Box>
-  );
-};
-
-export default PaymentActionsPanel;

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

@@ -1,95 +0,0 @@
-import React from "react";
-import { Box, Typography } from "@strapi/design-system";
-import PaymentMethodSelector from "./PaymentMethodSelector";
-import AuthorizationForm from "./AuthorizationForm";
-
-const ApplePayOnlyPanel = ({
-  paymentAmount,
-  setPaymentAmount,
-  authReference,
-  setAuthReference,
-  isProcessingPayment,
-  onAuthorization,
-  paymentMethod,
-  settings,
-  setGooglePayToken,
-  setPaymentMethod,
-  captureMode,
-  setCaptureMode,
-  onNavigateToConfig,
-  isLiveMode,
-  setCardcvc2,
-  cardtype,
-  setCardtype,
-  cardpan,
-  setCardpan,
-  cardexpiredate,
-  setCardexpiredate,
-  cardcvc2,
-  applePayToken,
-  setApplePayToken,
-}) => {
-  return (
-    <Box
-      style={{
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "flex-start",
-        gap: "16px",
-        marginTop: "24px",
-        width: "100%",
-      }}
-    >
-      <Typography
-        variant="pi"
-        textColor="warning600"
-        style={{
-          fontSize: "14px",
-          marginTop: "12px",
-          marginBottom: "12px",
-          fontWeight: "bold",
-        }}
-      >
-        ⚠️ Apple Pay can only be tested on a production domain with HTTPS and
-        Live mode. Testing in Strapi admin panel is not supported. Please test
-        Apple Pay on your production website.
-      </Typography>
-
-      <PaymentMethodSelector
-        paymentMethod={paymentMethod}
-        setPaymentMethod={setPaymentMethod}
-        captureMode={captureMode}
-        setCaptureMode={setCaptureMode}
-        onNavigateToConfig={onNavigateToConfig}
-        isLiveMode={isLiveMode}
-      />
-
-      <hr className="payment-divider" />
-
-      <AuthorizationForm
-        paymentAmount={paymentAmount}
-        setPaymentAmount={setPaymentAmount}
-        authReference={authReference}
-        setAuthReference={setAuthReference}
-        isProcessingPayment={isProcessingPayment}
-        onAuthorization={onAuthorization}
-        paymentMethod={paymentMethod}
-        settings={settings}
-        setGooglePayToken={setGooglePayToken}
-        applePayToken={applePayToken}
-        setApplePayToken={setApplePayToken}
-        cardtype={cardtype}
-        setCardtype={setCardtype}
-        cardpan={cardpan}
-        setCardpan={setCardpan}
-        cardexpiredate={cardexpiredate}
-        setCardexpiredate={setCardexpiredate}
-        cardcvc2={cardcvc2}
-        setCardcvc2={setCardcvc2}
-        isLiveMode={isLiveMode}
-      />
-    </Box>
-  );
-};
-
-export default ApplePayOnlyPanel;