* Update core profiler continue button container
On desktop screens 900px and smaller, add a 140px tall container stuck to the bottom of the viewport
Add a transparent to solid white gradient to the container (top to bottom)
Vertically center align the continue button and dislaimer text inside the container
* Add docs
* Update style
* Add blueprint package
* Add blueprint to composer
* Register blueprint cli commands
* Add feature flag
* Add changefile(s) from automation for the following project(s): woocommerce
* Update packages/php/blueprint/src/Exporters/HasAlias.php
Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
* Update packages/php/blueprint/src/Exporters/ExportInstallThemeSteps.php
Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
* Update packages/php/blueprint/src/UseWPFunctions.php
Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
* Set destination correctly
* Make sure the given path is within wp content dir
* Remove debug code
* Fix typo
* Fix typo
* Fix lint errors with README
* Move READMD.md from src to the root directory and add development.md
* Add run-unit-tests.sh
* Setup test env
* Create dirs recursively
* Remove debug code
* Update packages/php/blueprint/src/Util.php
Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
* Update packages/php/blueprint/src/ZipExportedSchema.php
Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
* Check for steps key
* Use if statement
* Add hook comment for wooblueprint_exporters and wooblueprint_importers
* Fix plugin activation condition
* Check for download_link -- it can be empty
* Check to make sure a file was written
* Plugin must be deactivated before attemping to delete it
* Lint fixes
* Lint fixes
* blueprint - add rest api (#49765)
* Add blueprint rest api endpoint
* Rename process to import
* Add changefile(s) from automation for the following project(s): woocommerce
* Update plugins/woocommerce/src/Admin/Features/Blueprint/Init.php
Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
* Update plugins/woocommerce/src/Admin/Features/Blueprint/RestApi.php
Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
* Update plugins/woocommerce/src/Admin/Features/Blueprint/RestApi.php
Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
* Update plugins/woocommerce/src/Admin/Features/Blueprint/RestApi.php
Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
* Update plugins/woocommerce/src/Admin/Features/Blueprint/RestApi.php
Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
* Remove unavailable 2nd argument from get_param -- default values are already set from the rest api def.
* blueprint - add builder page (#49774)
* Add blueprint builder page
* Change to the correct endpoint
* Add changefile(s) from automation for the following project(s): woocommerce
* Note that the builder intro page is temporary
* Remove unused code
---------
Co-authored-by: github-actions <github-actions@github.com>
* blueprint - add blueprint settings page (#49775)
* Add blueprint settings page
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* Fix broken test
* Lint fixes
---------
Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
* Update unit test env
* Added composer scripts to setup and run tests
* Moved tests to Unit dir to make space for Integration tests later
* WIP Add tests
* Use full if statement
* Use the correct step names
* Use activate_plugin and wp_get_thmes from wp functions trait
* Skip inactive plugins
* Use plural for collections
* Add a comment for StepExporter
* Remove unused construct code
* Correct function return types
* Update packages/php/blueprint/src/Importers/ImportActivateTheme.php
Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
* Use full if statement
* Make sure plugin is installed
* Use functions from trait
* Remove unused functions
* Pass $force_convert correctly
* Correctly assign $this->validator
* Fix lint issues
* Rename setOptions to setSiteOptions
* Do not use die() -- throw an exception instead
* Make sure slug is a valid WP plugin slug
* Remove hardcoded string with get_step_name()
* Fix lint issues
* Update json example files
* Removed woo-specific examples -- these should be placed in the core
* Updated the built-in steps to reflect the recent changes
* Update packages/php/blueprint/src/docs/json-examples/deletePlugin.json
Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
* Update plugins/woocommerce/src/Admin/Features/Blueprint/RestApi.php
Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
* Rename to correct filename
* Set version number
* Use mime_content_type for checking mime type
* Catch all exceptions
* Only allow zip and json
* Remove unused function
* Remove unused functions
* Add PHPCS command and ruleset
* PHP lint fixes
* Update plugins/woocommerce/src/Admin/Features/Blueprint/Init.php
Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
* Add back removed functions
* blueprint - Add woo blueprint exporters and importers (#50057)
* Add woo blueprint exporters and importers
* Comment fix
* Update plugins/woocommerce/src/Admin/Features/Blueprint/Exporters/ExportWCSettings.php
Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
* Update plugins/woocommerce/src/Admin/Features/Blueprint/Exporters/ExportWCSettings.php
Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
* Update plugins/woocommerce/src/Admin/Features/Blueprint/Exporters/ExportWCSettings.php
Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
* Update plugins/woocommerce/src/Admin/Features/Blueprint/Exporters/ExportWCSettings.php
Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
* Add a test for ImportSetWCTaxRates
* Lint fixes
* Lint fixes
* Fix setWCShipping schema and data format
* Add woocommerce_default_country option
* Lint fixes
* Fix typo -- it should be decode, not encode
* Fix incorrect argument order
* Fix typo
* Export and import shipping method settings
* Lint fixes
* Lint fixes
* Type functions -- base PR has changed
---------
Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
* Require admin for import and export
* Use mime type from $_FILES -- mime_content_type can return incorrect mime type depending on the system configuration
* Enable export button when backend errors out
* Enable export button when backend errors out
* Allow WooCommerce export
* Change copy text
* Remove redundant check
* Fix lint issues
* Fix lint issues
---------
Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
* Update Jetpack logic
* Removed use of jetpack-boost -- we no longer run the experiment
* Jetpack should be considered as selected if it is already installed
* Add changefile(s) from automation for the following project(s): woocommerce
* removed jetpack check because it's already checked prior
---------
Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: rjchow <me@rjchow.com>
* CYS: Improve opt in flow
* Add changefile(s) from automation for the following project(s): woocommerce
* fix import
* fix imports and remove not used functions
---------
Co-authored-by: github-actions <github-actions@github.com>
* CYS: disable zoom out on fonts iframe
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* CYS: Fix autoscroll when a new block is added
* add E2E test
* Add changefile(s) from automation for the following project(s): woocommerce
* remove not necessary changes
* rename blockToScroll to insertedPattern
* add smooth scroll
---------
Co-authored-by: github-actions <github-actions@github.com>
* CYS: fix survey tracking
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* Customer Account - Maintain the size of the icon in smaller screens
* Hide overflow text
* Update logo and buttons color
* Add changefile(s) from automation for the following project(s): woocommerce
* Fix lint error
---------
Co-authored-by: github-actions <github-actions@github.com>
* CYS - Move the ai/store-title endpoint to woocommerce admin api
* Add middleware and callback
* Add changefile(s) from automation for the following project(s): woocommerce
* Fix lint error
* Use constant and normalize site title values
* Add base AI Endpoint class
* Fix lint error
* Extract the ai title option name
---------
Co-authored-by: github-actions <github-actions@github.com>
* useZoomOut hook
* Update iframe with logic with zoomed out feature
* Add back in styling code for margins
* Spaces to tabs
* Device size toolbar
* Move zoom out state to context
* Rename variable
* Fork iframe component from Gutenberg
* Add getCompatibilityStyles needed for forked iframe
* Update usePopoverHandler iframe selector
* Remove zoom out context as its not needed
* Revert "Remove zoom out context as its not needed"
This reverts commit b29780d805.
* Add Zoom Out toggle to icons WIP
* Fix icon fill
* Update selectors to fix toolbar and sidebar pattern bugs
* Add comment to get getCompatibilityStyles file
* Update iframe comment
* Move device toolbar into its own component
* Resize and device changes
* Add prop to disable the resize handler
* Update toolbar to work with Zoom Out
* Hide changes behind feature gate so they dont impact design with AI flow
* Toolbar account for top device bar
* Add body class for with/without AI flow
* Adds changelog
* Fix typo
* Change TS comment to expect error
* Cleanup iframe with unneeded code
* Remove getcompatibilitystyles
* Remove device code from resizable frame
* Add ? operator
* Remove keydown code from iframe
* Fix toolbar scroll
* Pass deviceType as a prop to resizable frame
* Disable devicetoolbar whilst editor is loading
* Disable focus state
* Remove comment
* not disabled selector for button hover states
* Fix linting
* Remove unused fn
* Focus specific styles
* Update sidebar-navigation-screen-typography.tsx
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* CYS: improve CTA
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* Update config.js
* Update data.json
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* Improve the error when a request fails due to permissions
* Add changefile(s) from automation for the following project(s): woocommerce
* Fix regression and copy
* Fix feedback: improve types
---------
Co-authored-by: github-actions <github-actions@github.com>
* CYS: Improve tracking survey
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* Add bumpStat and fix tests
* Add changelog
* chore: Update dependencies and add @woocommerce/tracks for remote logging
* feat: Track frequency of unhandled JS errors with bumpStat
* chore: Update error boundary to log unhandled JS errors with bumpStat
* Add changelog
* Fix lint
* Check if tracks is enabled before bumping stats
* Fix test
* Fix lint
* chore: Refactor buildQuerystring to buildQueryParams for clarity and consistency
* Add bumpStat to wc tracks mock
* Remove Marketplace feedback modal which is no longer used
The goal of the modal was not to be shown after 2023 (see https://github.com/woocommerce/woocommerce/pull/39609),
so we can remove it from the codebase now. Especially that it's a bit buggy - snackbar prompting for feedback
is displayed but the modal is not there because of the check for FEEDBACK_DIALOG_CAN_APPEAR.
* Marketplace Subscriptions - rename columns
* Marketplace subscriptions - show status badge in the Subscription column
Additionally, we remove the info icon from the status popover
* Marketplace subscriptions - add button helping to turn renewals on
* changelog
* Add focus handlers for accessibility
* Remove unused variable
* Fix sharing path url - My Subscriptions
* Change the status badge priority for expired
We should show the expired badge first, as it makes more sense with the
primary action.
---------
Co-authored-by: raicem <cem.unalan@automattic.com>
Co-authored-by: Cem Ünalan <raicem@users.noreply.github.com>
* CYS - Document possible Intro pages
* Update README.md
* Add changefile(s) from automation for the following project(s): woocommerce
* Fix lint errors
* Move images to the repo
---------
Co-authored-by: github-actions <github-actions@github.com>
* Update the `show_on_front` setting to `posts`.
This is needed for the CYS flow to work properly
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* CYS: Fix opt-in flow fonts
* Add changefile(s) from automation for the following project(s): woocommerce
* add E2E test
* fix e2e test
---------
Co-authored-by: github-actions <github-actions@github.com>
* CYS: Fix opt-in flow patterns
* clean up not necessary state
* Add changefile(s) from automation for the following project(s): woocommerce
* show spinner
* improve e2e test
* fix e2e test
* fix lint error
---------
Co-authored-by: github-actions <github-actions@github.com>
* Added a whitelist of sections to render an alternative output in the WC_Settings_Payment_Gateways_React class.
* Renamed constant and updated its contents to only include 'offline'
* Added a branch in the `output()` method to output an appropriate div with an id if the current section is in the whitelist.
* Added "experimental" prefix to payment settings div ID.
* Replicated the render for the offline section similar to the main payments settings.
* Added a new settings-payments-offline screen to the WooCommerce admin plugin.
* Implemented new offline settings page component.
* Removed the ErrorBoundary components from the SettingsPaymentsMainWrapper and SettingsPaymentsOfflineWrapper.
* Added a new SettingsPaymentsOfflineWrapper component and its corresponding SCSS styles.
* Implemented the WooCommerce Payments section in the settings page.
* Removed WooCommerce Payments settings logic and replaced with a placeholder.
* Added a placeholder for the offline payments screen.
* Added 'main' to the REACTIFY_RENDER_SECTIONS array and refactored the output method to improve readability and maintainability.
* Renamed `render_gateway_section` method to `render_classic_gateway_settings_page` in the `class-wc-settings-payment-gateways-react.php` file.
* Added a filter for the REACTIFY_RENDER_SECTIONS so that plugins can modify this list.
* Added inline documentation for the filter in the `get_reactify_render_sections` method.
* changelog
* Matched the CSS styles for the WooCommerce Payments section to the offline section.
* Removed unnecessary Card component and placeholder text from WooCommerce Payments settings.
* Linted the `class-wc-settings-payment-gateways-react.php` file, addressing the reported linting issues.
* Refactored the payment settings UI to use React components and lazy loading.
* lint
* Nit: Removed unnecessary comment and moved a small code
* Update name to experimental
* Fix save button missing from section pages
* Fix saving sections
---------
Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
* Add new payments settings class, add new settings-payments module and a demo main component
* Minor edits
* Changelog
* Lint
* Lint php
* Use createRoot
* Hide payment recommendations when feature flag is enabled
* Moved logic
* CYS - Revert the button copy customize the TT4 theme
* Add changefile(s) from automation for the following project(s): woocommerce
* CYS - Add banner for block themes
* Add banner for block themes
* Fix tests
* Fix tests
* Fix intro banners
* Add modal to the use store designer
* Fix tests
* Add changefile(s) from automation for the following project(s): woocommerce
* Fix lint errors
* use sendEvent instead of redirect
* fix lint error
* fix logic on ai flow
* fix build
* improve check
---------
Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Luigi Teschio <gigitux@gmail.com>
* CYS: Ensure that Customizer redirect is always enabled when a classic theme is enabled
* CYS: Ensure that the button in the Intro page redirects to the Customizer when a classic theme is enabled
* clean up logic
* add site preview
* mark CYS as complete when user saves customizer changes
* improve comment
* fix unit test
* fix unit test
---------
Co-authored-by: github-actions <github-actions@github.com>
* Schedule fetching patterns only one an hour
* Add changefile(s) from automation for the following project(s): woocommerce
* Add notice
* Fix lint error
* Update copy
---------
Co-authored-by: github-actions <github-actions@github.com>
* Add tracking for new event.
* Correct the naming convention for tracking event.
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* CYS: Hide shuffle button when only one pattern is available
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* CYS: fix selected header/footer pattern
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* CYS: Remove margin last pattern preview
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* fix(core-profiler): set default for props to avoid crashes. Fixes#49512
This fix solves an issue where if some of the onboarding profile properties from the context are undefined, it will prevent the user from proceeding with the core profiler.
Related issue #49512 has a description of the issue.
* Add changefile(s) from automation for the following project(s): woocommerce
* feat(core-profiler): improve onboarding profile assignment logic
This commit improves the logic for assigning the onboarding profile in the core profiler. It now checks if the output of the event is an object before assigning it to the context. If the output is not an object, it keeps the existing context. This prevents crashes and allows the user to proceed with the core profiler.
---------
Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
* Update Fiverr LP link to add proper tracking string (per internal request).
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* Rename Google Listings and Ads with Google for WooCommerce
* Revert change regarding changelog
* Add changelogs
* Add changefile(s) from automation for the following project(s): @woocommerce/data, packages/php/remote-specs-validation, woocommerce
* Lint
* Lint
* Lint
* Rename Google Listings and Ads with Google for WooCommerce
* Lint
* Lint
* Tweak updated tests
* Add changefile(s) from automation for the following project(s): @woocommerce/data, packages/php/remote-specs-validation, woocommerce
* Lint
* Fix flaky tests
---------
Co-authored-by: github-actions <github-actions@github.com>
* CYS: Fix border width pattern preview
* Add changefile(s) from automation for the following project(s): woocommerce
* format CSS
---------
Co-authored-by: github-actions <github-actions@github.com>
* Add missing script handle dependency
* Only register/unregister blocks if product page is being mounted/unmounted
* Set hasResolved to the product object
* Create new refresh action for product when generating variations
* Add changelog
* Revert changes around product update
* CYS: Fix tooltip overlap with pattern
* Add changefile(s) from automation for the following project(s): woocommerce
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* CYS: Remove not necessary placeholder on homepage sidebar
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* CYS: Fix button background on Featured Category Cover image
* Add changefile(s) from automation for the following project(s): woocommerce
* improve logic to handle multiple patterns
* improve implementation
* fix color on WordPress 6.5
* remove not used import£
---------
Co-authored-by: github-actions <github-actions@github.com>
* CYS: show logo when the header is updated
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
In this PR, we are consolidating babel-loader caching and adding Jest caching, improving build/testing times locally and in CI. The improvement comes from cache covering transpile steps in the mentioned processes.
* CYS: show default TT4 fonts pair
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* CYS: Fix no block placeholder style
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* CYS: fix drag to resize bar
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* CYS: Track move up/move down pattern
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* CYS: fix arrow welcome tour
* Add changefile(s) from automation for the following project(s): woocommerce
* use hex color
* format file
---------
Co-authored-by: github-actions <github-actions@github.com>
* Add tracking for patterns
* Fix type
* Add changefile(s) from automation for the following project(s): woocommerce
* Fix lint error
* Add missing import
---------
Co-authored-by: github-actions <github-actions@github.com>
* CYS: not enable PTK features on WordPress 6.5
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* CYS: Improve order patterns
* Add changefile(s) from automation for the following project(s): woocommerce
* fix order
* improve documentation
---------
Co-authored-by: github-actions <github-actions@github.com>
* Disable the Full Composability for CYS AI flows
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* Add margin to the reminder bar close button
* Add changelog
* Add left and right padding to the reminder bar instead of margin-right to close button
---------
Co-authored-by: Cvetan Cvetanov <cvetan.cvetanov@automattic.com>
* CYS: fix filename
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* Update the full composability layout to match designs
* Add changefile(s) from automation for the following project(s): woocommerce
* Fix lint errors
* Remove unnecessary important
* Update colors
* Fix empty logo color
---------
Co-authored-by: github-actions <github-actions@github.com>
* Fix typo (index.tsx)
"Congratuations" -> "Congratulations"
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: Paul Sealock <psealock@gmail.com>
Co-authored-by: github-actions <github-actions@github.com>
* Add `rel="noreferrer"` to external link
This is a precautionary security measure to to prevent the new page
from accessing the original page’s `window` object.
See pb22l9-304-p2 (internal link) for additional context.
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* Bring back footer and header borders on hover and selected patterns
* Add changefile(s) from automation for the following project(s): woocommerce
* Fix the selected pattern color
* Fix lint errors
---------
Co-authored-by: github-actions <github-actions@github.com>
* Update delete button copy to match Dotcom
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* Fix the intro cards to match the designs
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* CYS: Fix pattern preview border color when the user hovers the preview; fix pattern preview border color when the pattern is present in the site preview
* Remove the is-added class to avoid marking patterns that are already removed
* Add changefile(s) from automation for the following project(s): woocommerce
* Fix lint errors
* Fix lint error
---------
Co-authored-by: Alba Rincón <alba.rincon@automattic.com>
Co-authored-by: github-actions <github-actions@github.com>
* Fix size of the no logo title to match the logo title size
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* Fix sidebar bg color
* Fix spacing and title size on patterns section
* Increase space between the section description and the list of patterns
* Add changefile(s) from automation for the following project(s): woocommerce
---------
Co-authored-by: github-actions <github-actions@github.com>
* Add the `format` property to the items of the `rows` array in Analytics' Leaderboards API response to indicate how it's formatted.
* Make the `Leaderboard` component within Analytics aware of the currency context and format the numeric columns accordingly.
* Avoid a warning from the test of `Leaderboard` component when running JS tests.
File: client/analytics/components/leaderboard/test/index.js
Ref: https://github.com/woocommerce/woocommerce/blob/9.0.2/packages/js/components/src/pagination/pagination.tsx#L44
* Apply better practice to the test of `Leaderboard` component.
File: client/analytics/components/leaderboard/test/index.js
* Add changelog.
* Make the `Leaderboard` component not create a new function for every `row` rendering.
Address: https://github.com/woocommerce/woocommerce/pull/49097#discussion_r1667009910