Fix Payment's index page

composer.json

@@ -126,11 +126,14 @@
         "symfony/security-http": "^6.3.4",
         "symfony/serializer": "^6.3.4",
         "symfony/service-contracts": "^2.5 || ^3.0",
+        "symfony/stimulus-bundle": "^2.12",
         "symfony/string": "^6.3.2",
         "symfony/templating": "^6.3.0",
         "symfony/translation": "^6.3.3",
         "symfony/translation-contracts": "^2.5.2",
         "symfony/twig-bundle": "^6.3.0",
+        "symfony/ux-live-component": "^2.12",
+        "symfony/ux-twig-component": "^2.11.2",
         "symfony/validator": "^6.3.4",
         "symfony/webpack-encore-bundle": "^1.17.1",
         "symfony/yaml": "^6.3.3",
@@ -232,7 +235,7 @@
         "symfony/runtime": "^6.3.2",
         "symfony/web-profiler-bundle": "^6.3.2",
         "symplify/monorepo-builder": "^11.0",
-        "vimeo/psalm": "5.15.*",
+        "vimeo/psalm": "5.14.*",
         "weirdan/doctrine-psalm-plugin": "^2.8"
     },
     "suggest": {

config/bundles.php

@@ -59,4 +59,7 @@
     SyliusLabs\DoctrineMigrationsExtraBundle\SyliusLabsDoctrineMigrationsExtraBundle::class => ['all' => true],
     SyliusLabs\Polyfill\Symfony\Security\Bundle\SyliusLabsPolyfillSymfonySecurityBundle::class => ['all' => true],
     Symfony\WebpackEncoreBundle\WebpackEncoreBundle::class => ['all' => true],
+    Symfony\UX\TwigComponent\TwigComponentBundle::class => ['all' => true],
+    Symfony\UX\StimulusBundle\StimulusBundle::class => ['all' => true],
+    Symfony\UX\LiveComponent\LiveComponentBundle::class => ['all' => true],
 ];

config/packages/_sylius.yaml

@@ -1,12 +1,12 @@
 imports:
     - { resource: "@SyliusCoreBundle/Resources/config/app/config.yml" }
 
-    - { resource: "@SyliusAdminBundle/Resources/config/app/config.yml" }
-
     - { resource: "@SyliusShopBundle/Resources/config/app/config.yml" }
 
     - { resource: "@SyliusApiBundle/Resources/config/app/config.yaml" }
 
+    - { resource: "@SyliusAdminBundle/Resources/config/app/config.yml" }
+
 parameters:
     sylius_core.public_dir: '%kernel.project_dir%/public'
 

config/routes/ux_live_component.yaml

@@ -0,0 +1,5 @@
+live_component:
+    resource: '@LiveComponentBundle/config/routes.php'
+    prefix: '/_components'
+    # adjust prefix to add localization to your components
+    #prefix: '/{_locale}/_components'

package.json

@@ -10,15 +10,18 @@
     "jquery.dirtyforms": "^2.0.0",
     "lightbox2": "^2.9.0",
     "semantic-ui-css": "^2.2.0",
-    "slick-carousel": "^1.8.1"
+    "slick-carousel": "^1.8.1",
+    "@symfony/ux-live-component": "file:vendor/symfony/ux-live-component/assets"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0",
-    "@babel/polyfill": "^7.0.0",
     "@babel/plugin-proposal-object-rest-spread": "^7.18.9",
+    "@babel/polyfill": "^7.0.0",
     "@babel/preset-env": "^7.18.10",
     "@babel/register": "^7.0.0",
+    "@hotwired/stimulus": "^3.0.0",
     "@semantic-ui-react/css-patch": "^1.1.2",
+    "@symfony/stimulus-bridge": "^3.2.0",
     "@symfony/webpack-encore": "^3.1.0",
     "eslint": "^8.23.0",
     "eslint-config-airbnb-base": "^15.0.0",

psalm.xml

@@ -66,6 +66,7 @@
         <DeprecatedInterface>
             <errorLevel type="info">
                 <referencedClass name="ApiPlatform\Core\Api\IriConverterInterface" /> <!-- deprecated in ApiPlatform 2.7 -->
+                <referencedClass name="Sylius\Bundle\ShopBundle\Calculator\OrderItemsSubtotalCalculatorInterface" />
                 <referencedClass name="Sylius\Component\Core\Calculator\ProductVariantPriceCalculatorInterface" />
                 <referencedClass name="Sylius\Component\Core\Provider\ProductVariantsPricesProviderInterface" />
                 <referencedClass name="Sylius\Component\User\Security\UserPasswordEncoderInterface" />
@@ -135,7 +136,7 @@
 
         <InvalidPropertyAssignmentValue>
             <errorLevel type="info">
-                <file name="src/Sylius/Bundle/UiBundle/DataCollector/TemplateBlockRenderingHistory.php" />
+                <file name="src/Sylius/Bundle/UiBundle/DataCollector/BlockRenderingHistory.php" />
             </errorLevel>
         </InvalidPropertyAssignmentValue>
 

rector.php

@@ -2,21 +2,12 @@
 
 declare(strict_types=1);
 
-use Rector\Core\Configuration\Option;
-use Rector\Php74\Rector\Closure\ClosureToArrowFunctionRector;
-use Rector\Php74\Rector\Property\TypedPropertyRector;
+use Rector\Config\RectorConfig;
 use Rector\Set\ValueObject\LevelSetList;
-use Symfony\Component\DependencyInjection\Loader\Configurator\ContainerConfigurator;
 
-return static function (ContainerConfigurator $containerConfigurator): void
+return static function (RectorConfig $config): void
 {
-    $containerConfigurator->import(LevelSetList::UP_TO_PHP_80);
-
-    $parameters = $containerConfigurator->parameters();
-    $parameters->set(Option::AUTO_IMPORT_NAMES, true);
-    $parameters->set(Option::IMPORT_SHORT_CLASSES, false);
-
-    $services = $containerConfigurator->services();
-    $services->set(TypedPropertyRector::class);
-    $services->set(ClosureToArrowFunctionRector::class);
+    $config->sets([
+        LevelSetList::UP_TO_PHP_82
+    ]);
 };

src/Sylius/Bundle/AdminBundle/DependencyInjection/Configuration.php

@@ -38,6 +38,16 @@ public function getConfigTreeBuilder(): TreeBuilder
                         ->end()
                     ->end()
                 ->end()
+                ->arrayNode('templates')
+                    ->addDefaultsIfNotSet()
+                        ->children()
+                            ->arrayNode('item_action')
+                                ->useAttributeAsKey('name')
+                                ->scalarPrototype()->end()
+                            ->end()
+                        ->end()
+                    ->end()
+                ->end()
             ->end()
         ;
 

src/Sylius/Bundle/AdminBundle/DependencyInjection/SyliusAdminExtension.php

@@ -28,6 +28,7 @@ public function load(array $configs, ContainerBuilder $container): void
         $container->setParameter('sylius.admin.notification.enabled', $config['notifications']['enabled']);
         $container->setParameter('sylius.admin.notification.frequency', $config['notifications']['frequency']);
         $container->setParameter('sylius.admin.shop_enabled', false);
+        $container->setParameter('sylius.admin.templates.item_action', $config['templates']['item_action']);
 
         $bundles = $container->getParameter('kernel.bundles');
         if (array_key_exists('SyliusShopBundle', $bundles)) {

src/Sylius/Bundle/AdminBundle/Grid/Renderer/GridRendererInterface.php

@@ -0,0 +1,23 @@
+<?php
+
+/*
+ * This file is part of the Sylius package.
+ *
+ * (c) Sylius Sp. z o.o.
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+declare(strict_types=1);
+
+namespace Sylius\Bundle\AdminBundle\Grid\Renderer;
+
+use Sylius\Component\Grid\Definition\Action;
+use Sylius\Component\Grid\Renderer\GridRendererInterface as BaseGridRendererInterface;
+use Sylius\Component\Grid\View\GridViewInterface;
+
+interface GridRendererInterface extends BaseGridRendererInterface
+{
+    public function renderItemAction(GridViewInterface $gridView, Action $action, mixed $data = null): string;
+}

src/Sylius/Bundle/AdminBundle/Grid/Renderer/TwigGridRenderer.php

@@ -0,0 +1,81 @@
+<?php
+
+/*
+ * This file is part of the Sylius package.
+ *
+ * (c) Sylius Sp. z o.o.
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+declare(strict_types=1);
+
+namespace Sylius\Bundle\AdminBundle\Grid\Renderer;
+
+use Sylius\Bundle\ResourceBundle\Grid\Parser\OptionsParserInterface;
+use Sylius\Bundle\ResourceBundle\Grid\View\ResourceGridView;
+use Sylius\Component\Grid\Definition\Action;
+use Sylius\Component\Grid\Definition\Field;
+use Sylius\Component\Grid\Definition\Filter;
+use Sylius\Component\Grid\Renderer\GridRendererInterface as BaseGridRendererInterface;
+use Sylius\Component\Grid\View\GridViewInterface;
+use Twig\Environment as Twig;
+use Webmozart\Assert\Assert;
+
+/** @internal */
+final readonly class TwigGridRenderer implements GridRendererInterface
+{
+    /**
+     * @param array<string, string> $itemActionTemplates
+     */
+    public function __construct (
+        private BaseGridRendererInterface $decorated,
+        private Twig $twig,
+        private OptionsParserInterface $optionsParser,
+        private array $itemActionTemplates = [],
+    ) {
+    }
+
+    public function render(GridViewInterface $gridView, ?string $template = null): string
+    {
+        return $this->decorated->render($gridView, $template);
+    }
+
+    public function renderField(GridViewInterface $gridView, Field $field, $data): string
+    {
+        return $this->decorated->renderField($gridView, $field, $data);
+    }
+
+    public function renderAction(GridViewInterface $gridView, Action $action, $data = null): string
+    {
+        return $this->decorated->renderAction($gridView, $action, $data);
+    }
+
+    public function renderItemAction(GridViewInterface $gridView, Action $action, mixed $data = null): string
+    {
+        Assert::isInstanceOf($gridView, ResourceGridView::class);
+
+        $type = $action->getType();
+        if (!isset($this->itemActionTemplates[$type])) {
+            throw new \InvalidArgumentException(sprintf('Missing template for action type "%s".', $type));
+        }
+
+        $options = $this->optionsParser->parseOptions(
+            $action->getOptions(),
+            $gridView->getRequestConfiguration()->getRequest(),
+            $data,
+        );
+
+        return $this->twig->render($this->itemActionTemplates[$type], [
+            'grid' => $gridView,
+            'action' => $action,
+            'data' => $data,
+            'options' => $options,
+        ]);    }
+
+    public function renderFilter(GridViewInterface $gridView, Filter $filter): string
+    {
+        return $this->decorated->renderFilter($gridView, $filter);
+    }
+}

src/Sylius/Bundle/AdminBundle/Menu/MainMenuBuilder.php

@@ -17,19 +17,24 @@
 use Knp\Menu\ItemInterface;
 use Sylius\Bundle\UiBundle\Menu\Event\MenuBuilderEvent;
 use Symfony\Component\EventDispatcher\EventDispatcherInterface;
+use Symfony\Component\Routing\RouterInterface;
 
-final class MainMenuBuilder
+final readonly class MainMenuBuilder
 {
     public const EVENT_NAME = 'sylius.menu.admin.main';
 
-    public function __construct(private FactoryInterface $factory, private EventDispatcherInterface $eventDispatcher)
-    {
+    public function __construct(
+        private FactoryInterface $factory,
+        private EventDispatcherInterface $eventDispatcher,
+        private RouterInterface $router,
+    ) {
     }
 
     public function createMenu(array $options): ItemInterface
     {
         $menu = $this->factory->createItem('root');
 
+        $this->addDashboardSubmenu($menu);
         $this->addCatalogSubMenu($menu);
         $this->addSalesSubMenu($menu);
         $this->addCustomersSubMenu($menu);
@@ -41,11 +46,22 @@ public function createMenu(array $options): ItemInterface
         return $menu;
     }
 
+    private function addDashboardSubmenu(ItemInterface $menu): void
+    {
+        $menu
+            ->addChild('dashboard')
+            ->setLabel('sylius.ui.dashboard')
+            ->setLabelAttribute('icon', 'dashboard')
+            ->setUri($this->router->generate('sylius_admin_dashboard'))
+        ;
+    }
+
     private function addCatalogSubMenu(ItemInterface $menu): void
     {
         $catalog = $menu
             ->addChild('catalog')
             ->setLabel('sylius.menu.admin.main.catalog.header')
+            ->setLabelAttribute('icon', 'list-details')
         ;
 
         $catalog
@@ -111,6 +127,7 @@ private function addCustomersSubMenu(ItemInterface $menu): void
         $customers = $menu
             ->addChild('customers')
             ->setLabel('sylius.menu.admin.main.customers.header')
+            ->setLabelAttribute('icon', 'users')
         ;
 
         $customers
@@ -138,6 +155,7 @@ private function addMarketingSubMenu(ItemInterface $menu): void
         $marketing = $menu
             ->addChild('marketing')
             ->setLabel('sylius.menu.admin.main.marketing.header')
+            ->setLabelAttribute('icon', 'percentage')
         ;
 
         $marketing
@@ -177,6 +195,7 @@ private function addSalesSubMenu(ItemInterface $menu): void
         $sales = $menu
             ->addChild('sales')
             ->setLabel('sylius.menu.admin.main.sales.header')
+            ->setLabelAttribute('icon', 'shopping-bag')
         ;
 
         $sales
@@ -209,6 +228,7 @@ private function addConfigurationSubMenu(ItemInterface $menu): void
         $configuration = $menu
             ->addChild('configuration')
             ->setLabel('sylius.menu.admin.main.configuration.header')
+            ->setLabelAttribute('icon', 'adjustments')
         ;
 
         $configuration

src/Sylius/Bundle/AdminBundle/Resources/assets/bootstrap.js

@@ -0,0 +1,21 @@
+/*
+ * This file is part of the Sylius package.
+ *
+ * (c) Sylius Sp. z o.o.
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+import {startStimulusApp} from '@symfony/stimulus-bridge';
+import LiveController from '@symfony/ux-live-component';
+import '@symfony/ux-live-component/styles/live.css';
+
+// Registers Stimulus controllers from controllers.json and in the controllers/ directory
+export const app = startStimulusApp(require.context(
+  '@symfony/stimulus-bridge/lazy-controller-loader!./controllers',
+  true,
+  /\.[jt]sx?$/
+));
+
+app.register('live', LiveController);

src/Sylius/Bundle/AdminBundle/Resources/assets/controllers.json

@@ -0,0 +1,4 @@
+{
+  "controllers": [],
+  "entrypoints": []
+}

src/Sylius/Bundle/AdminBundle/Resources/assets/entrypoint.js

@@ -9,7 +9,16 @@
 
 import './styles/main.scss';
 
-import './scripts/apexcharts';
+import './bootstrap';
+
 import './scripts/choices';
+import './scripts/statistics_chart';
+import './scripts/sticky-header';
+import './scripts/tree';
 
 import 'bootstrap';
+
+import './images/loader.gif';
+import './images/no_data.svg';
+import './images/sylius-logo.svg';
+import './images/sylius-logo-dark-text.png';