Merge branch 'trunk' into add/pc-hand-picked-collection
This commit is contained in:
Karol Manijak
commit
67ed9c5fa2
|
|
@ -31,7 +31,7 @@ jobs:
|
|||
run: unzip plugins/woocommerce/woocommerce.zip -d zipfile
|
||||
|
||||
- name: Upload the zip file as an artifact
|
||||
uses: actions/upload-artifact@v3
|
||||
uses: actions/upload-artifact@v4
|
||||
env:
|
||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
with:
|
||||
|
|
|
|||
|
|
@ -4,23 +4,25 @@ on:
|
|||
- cron: '0 0 * * *' # Run at 12 AM UTC.
|
||||
workflow_dispatch:
|
||||
|
||||
env:
|
||||
SOURCE_REF: trunk
|
||||
TARGET_REF: nightly
|
||||
RELEASE_ID: 25945111
|
||||
|
||||
permissions: { }
|
||||
|
||||
jobs:
|
||||
build:
|
||||
if: github.repository_owner == 'woocommerce'
|
||||
name: Nightly builds
|
||||
strategy:
|
||||
fail-fast: false
|
||||
matrix:
|
||||
build: [trunk]
|
||||
|
||||
runs-on: ubuntu-20.04
|
||||
permissions:
|
||||
contents: write
|
||||
steps:
|
||||
- uses: actions/checkout@v3
|
||||
- uses: actions/checkout@v4
|
||||
with:
|
||||
ref: ${{ matrix.build }}
|
||||
ref: ${{ env.SOURCE_REF }}
|
||||
|
||||
- name: Setup WooCommerce Monorepo
|
||||
uses: ./.github/actions/setup-woocommerce-monorepo
|
||||
|
|
@ -31,26 +33,31 @@ jobs:
|
|||
working-directory: plugins/woocommerce
|
||||
run: bash bin/build-zip.sh
|
||||
|
||||
- name: Deploy nightly build
|
||||
uses: WebFreak001/deploy-nightly@v1.1.0
|
||||
env:
|
||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
- name: Upload nightly build
|
||||
uses: WebFreak001/deploy-nightly@46ecbabd7fad70d3e7d2c97fe8cd54e7a52e215b #v3.2.0
|
||||
with:
|
||||
upload_url: https://uploads.github.com/repos/${{ github.repository }}/releases/25945111/assets{?name,label}
|
||||
release_id: 25945111
|
||||
token: ${{ secrets.GITHUB_TOKEN }}
|
||||
upload_url: https://uploads.github.com/repos/${{ github.repository }}/releases/${{ env.RELEASE_ID }}/assets{?name,label}
|
||||
release_id: ${{ env.RELEASE_ID }}
|
||||
asset_path: plugins/woocommerce/woocommerce.zip
|
||||
asset_name: woocommerce-${{ matrix.build }}-nightly.zip
|
||||
asset_name: woocommerce-${{ env.SOURCE_REF }}-nightly.zip
|
||||
asset_content_type: application/zip
|
||||
max_releases: 1
|
||||
update:
|
||||
name: Update nightly tag commit ref
|
||||
runs-on: ubuntu-20.04
|
||||
permissions:
|
||||
contents: write
|
||||
steps:
|
||||
- name: Update nightly tag
|
||||
uses: richardsimko/github-tag-action@v1.0.5
|
||||
|
||||
- name: Update nightly tag commit ref
|
||||
uses: actions/github-script@v7
|
||||
with:
|
||||
tag_name: nightly
|
||||
env:
|
||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
github-token: ${{ secrets.GITHUB_TOKEN }}
|
||||
script: |
|
||||
const sourceRef = process.env.SOURCE_REF;
|
||||
const targetRef = process.env.TARGET_REF;
|
||||
const branchData = await github.rest.repos.getBranch({
|
||||
...context.repo,
|
||||
branch: sourceRef,
|
||||
});
|
||||
|
||||
await github.rest.git.updateRef({
|
||||
...context.repo,
|
||||
ref: `tags/${ targetRef }`,
|
||||
sha: branchData.data.commit.sha,
|
||||
});
|
||||
|
|
|
|||
|
|
@ -0,0 +1,102 @@
|
|||
name: Performance metrics
|
||||
|
||||
on:
|
||||
pull_request:
|
||||
paths:
|
||||
- 'plugins/woocommerce/composer.*'
|
||||
- 'plugins/woocommerce/client/admin/config/**'
|
||||
- 'plugins/woocommerce/includes/**'
|
||||
- 'plugins/woocommerce/lib/**'
|
||||
- 'plugins/woocommerce/patterns/**'
|
||||
- 'plugins/woocommerce/src/**'
|
||||
- 'plugins/woocommerce/templates/**'
|
||||
- 'plugins/woocommerce/tests/metrics/**'
|
||||
- 'plugins/woocommerce/.wp-env.json'
|
||||
- '.github/workflows/pr-assess-performance.yml'
|
||||
|
||||
concurrency:
|
||||
group: ${{ github.workflow }}-${{ github.event_name == 'pull_request' && github.head_ref || github.sha }}
|
||||
cancel-in-progress: true
|
||||
|
||||
env:
|
||||
WP_ARTIFACTS_PATH: ${{ github.workspace }}/tools/compare-perf/artifacts/
|
||||
|
||||
jobs:
|
||||
benchmark:
|
||||
name: Evaluate performance metrics
|
||||
runs-on: ubuntu-latest
|
||||
|
||||
steps:
|
||||
- uses: actions/checkout@v4
|
||||
name: Checkout (${{ github.event_name == 'pull_request' && github.head_ref || github.sha }})
|
||||
with:
|
||||
fetch-depth: 0
|
||||
|
||||
- uses: ./.github/actions/setup-woocommerce-monorepo
|
||||
name: Install Monorepo
|
||||
with:
|
||||
install: '@woocommerce/plugin-woocommerce...'
|
||||
build: '@woocommerce/plugin-woocommerce'
|
||||
build-type: 'full'
|
||||
pull-playwright-cache: true
|
||||
pull-package-deps: '@woocommerce/plugin-woocommerce'
|
||||
|
||||
#TODO: Inject WordPress version as per plugin requirements (relying to defaults currently).
|
||||
- name: Start Test Environment
|
||||
run: |
|
||||
pnpm --filter="@woocommerce/plugin-woocommerce" test:e2e:install &
|
||||
pnpm --filter="@woocommerce/plugin-woocommerce" env:test
|
||||
|
||||
# TODO: cache results if pushed to trunk
|
||||
- name: Measure performance (@${{ github.sha }})
|
||||
run: |
|
||||
RESULTS_ID="editor_${{ github.sha }}_round-1" pnpm --filter="@woocommerce/plugin-woocommerce" test:metrics editor
|
||||
RESULTS_ID="product-editor_${{ github.sha }}_round-1" pnpm --filter="@woocommerce/plugin-woocommerce" test:metrics product-editor
|
||||
|
||||
# In alignment with .github/workflows/scripts/run-metrics.sh, we should checkout 3d7d7f02017383937f1a4158d433d0e5d44b3dc9
|
||||
# as baseline. But to avoid switching branches in 'Analyze results' step, we pick 55f855a2e6d769b5ae44305b2772eb30d3e721df
|
||||
# which introduced reporting mode for the perf utility.
|
||||
- name: Checkout (55f855a2e6d769b5ae44305b2772eb30d3e721df@trunk, further references as 'baseline')
|
||||
run: |
|
||||
git reset --hard && git checkout 55f855a2e6d769b5ae44305b2772eb30d3e721df
|
||||
echo "WC_TRUNK_SHA=55f855a2e6d769b5ae44305b2772eb30d3e721df" >> $GITHUB_ENV
|
||||
|
||||
# Artifacts download/upload would be more reliable, but we couldn't make it working...
|
||||
- uses: actions/cache@ab5e6d0c87105b4c9c2047343972218f562e4319
|
||||
name: Cache measurements (baseline)
|
||||
with:
|
||||
path: tools/compare-perf/artifacts/*_${{ env.WC_TRUNK_SHA }}_*
|
||||
key: ${{ runner.os }}-woocommerce-performance-measures-${{ env.WC_TRUNK_SHA }}
|
||||
|
||||
- name: Verify cached measurements (baseline)
|
||||
run: |
|
||||
if test -n "$(find tools/compare-perf/artifacts/ -maxdepth 1 -name '*_${{ env.WC_TRUNK_SHA }}_*' -print -quit)"
|
||||
then
|
||||
echo "WC_MEASURE_BASELINE=no" >> $GITHUB_ENV
|
||||
else
|
||||
ls -l tools/compare-perf/artifacts/
|
||||
echo "Triggering baseline benchmarking"
|
||||
echo "WC_MEASURE_BASELINE=yes" >> $GITHUB_ENV
|
||||
fi
|
||||
|
||||
- name: Build (baseline)
|
||||
if: ${{ env.WC_MEASURE_BASELINE == 'yes' }}
|
||||
run: |
|
||||
git clean -n -d -X ./packages ./plugins | grep -v vendor | grep -v node_modules | sed -e 's/Would remove //g' | tr '\n' '\0' | xargs -0 rm -r
|
||||
pnpm install --filter='@woocommerce/plugin-woocommerce...' --frozen-lockfile --config.dedupe-peer-dependents=false
|
||||
pnpm --filter='@woocommerce/plugin-woocommerce' build
|
||||
|
||||
#TODO: is baseline Wordpress version changes, restart environment targeting it.
|
||||
|
||||
- name: Measure performance (@${{ env.WC_TRUNK_SHA }})
|
||||
if: ${{ env.WC_MEASURE_BASELINE == 'yes' }}
|
||||
run: |
|
||||
RESULTS_ID="editor_${{ env.WC_TRUNK_SHA }}_round-1" pnpm --filter="@woocommerce/plugin-woocommerce" test:metrics editor
|
||||
RESULTS_ID="product-editor_${{ env.WC_TRUNK_SHA }}_round-1" pnpm --filter="@woocommerce/plugin-woocommerce" test:metrics product-editor
|
||||
|
||||
- name: Analyze results
|
||||
run: |
|
||||
pnpm install --filter='compare-perf...' --frozen-lockfile --config.dedupe-peer-dependents=false
|
||||
pnpm --filter="compare-perf" run compare compare-performance ${{ github.sha }} ${{ env.WC_TRUNK_SHA }} --tests-branch ${{ github.sha }} --skip-benchmarking
|
||||
|
||||
# TODO: Publish to CodeVitals (see .github/workflows/scripts/run-metrics.sh) if pushed to trunk
|
||||
|
|
@ -186,7 +186,7 @@ jobs:
|
|||
run: bash bin/build-zip.sh
|
||||
|
||||
- name: Upload the zip file as an artifact
|
||||
uses: actions/upload-artifact@v3
|
||||
uses: actions/upload-artifact@v4
|
||||
env:
|
||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
with:
|
||||
|
|
@ -216,7 +216,7 @@ jobs:
|
|||
run: bash bin/build-zip.sh
|
||||
|
||||
- name: Upload the zip file as an artifact
|
||||
uses: actions/upload-artifact@v3
|
||||
uses: actions/upload-artifact@v4
|
||||
env:
|
||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
with:
|
||||
|
|
@ -231,7 +231,7 @@ jobs:
|
|||
if: ${{ needs.code-freeze-prep.outputs.isTodayMonthlyFreeze == 'yes' }}
|
||||
steps:
|
||||
- id: download
|
||||
uses: actions/download-artifact@v3
|
||||
uses: actions/download-artifact@v4
|
||||
env:
|
||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
with:
|
||||
|
|
@ -279,7 +279,7 @@ jobs:
|
|||
working-directory: tools/monorepo-utils
|
||||
|
||||
- id: download
|
||||
uses: actions/download-artifact@v3
|
||||
uses: actions/download-artifact@v4
|
||||
env:
|
||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
with:
|
||||
|
|
@ -300,7 +300,7 @@ jobs:
|
|||
if: ${{ needs.code-freeze-prep.outputs.isTodayAcceleratedFreeze == 'yes' }}
|
||||
steps:
|
||||
- id: download
|
||||
uses: actions/download-artifact@v3
|
||||
uses: actions/download-artifact@v4
|
||||
env:
|
||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
with:
|
||||
|
|
@ -348,7 +348,7 @@ jobs:
|
|||
working-directory: tools/monorepo-utils
|
||||
|
||||
- id: download
|
||||
uses: actions/download-artifact@v3
|
||||
uses: actions/download-artifact@v4
|
||||
env:
|
||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
with:
|
||||
|
|
@ -369,7 +369,7 @@ jobs:
|
|||
if: ${{ needs.code-freeze-prep.outputs.isTodayMonthlyFreeze == 'yes' }}
|
||||
steps:
|
||||
- id: download
|
||||
uses: actions/download-artifact@v3
|
||||
uses: actions/download-artifact@v4
|
||||
env:
|
||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
with:
|
||||
|
|
@ -380,7 +380,7 @@ jobs:
|
|||
run: unzip ${{ steps.download.outputs.download-path }}/woocommerce.zip -d zipfile
|
||||
|
||||
- name: Upload the zip file as an artifact
|
||||
uses: actions/upload-artifact@v3
|
||||
uses: actions/upload-artifact@v4
|
||||
env:
|
||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
with:
|
||||
|
|
@ -395,7 +395,7 @@ jobs:
|
|||
if: ${{ needs.code-freeze-prep.outputs.isTodayAcceleratedFreeze == 'yes' }}
|
||||
steps:
|
||||
- id: download
|
||||
uses: actions/download-artifact@v3
|
||||
uses: actions/download-artifact@v4
|
||||
env:
|
||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
with:
|
||||
|
|
@ -406,7 +406,7 @@ jobs:
|
|||
run: unzip ${{ steps.download.outputs.download-path }}/woocommerce.zip -d zipfile
|
||||
|
||||
- name: Upload the zip file as an artifact
|
||||
uses: actions/upload-artifact@v3
|
||||
uses: actions/upload-artifact@v4
|
||||
env:
|
||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
||||
with:
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
name: Storybook GitHub Pages
|
||||
|
||||
on:
|
||||
schedule:
|
||||
- cron: '30 2 * * *'
|
||||
workflow_dispatch:
|
||||
|
||||
permissions:
|
||||
|
|
|
|||
|
|
@ -0,0 +1,30 @@
|
|||
#!/usr/bin/env bash
|
||||
. "$(dirname "$0")/_/husky.sh"
|
||||
|
||||
# The hook documentation: https://git-scm.com/docs/githooks.html#_post_checkout
|
||||
CHECKOUT_TYPE=$3
|
||||
HEAD_NEW=$2
|
||||
HEAD_PREVIOUS=$1
|
||||
|
||||
whiteColoured='\033[0m'
|
||||
orangeColoured='\033[1;33m'
|
||||
|
||||
# '1' is a branch checkout
|
||||
if [ "$CHECKOUT_TYPE" = '1' ]; then
|
||||
# Prompt about pnpm versions mismatch when switching between branches.
|
||||
currentPnpmVersion=$( ( command -v pnpm > /dev/null && pnpm -v 2>/dev/null ) || echo 'n/a' )
|
||||
targetPnpmVersion=$( grep packageManager package.json | sed -nr 's/.+packageManager.+pnpm@([[:digit:].]+).+/\1/p' )
|
||||
if [ "$currentPnpmVersion" != "$targetPnpmVersion" ]; then
|
||||
printf "${orangeColoured}pnpm versions mismatch: in use '$currentPnpmVersion', needed '$targetPnpmVersion'. If you are working on something in this branch, here are some hints on how to solve this:\n"
|
||||
printf "${orangeColoured}* actualize environment: 'nvm use && pnpm -v' (the most common case)\n"
|
||||
printf "${orangeColoured}* install: 'npm install -g pnpm@$targetPnpmVersion'\n"
|
||||
fi
|
||||
|
||||
# Auto-refresh dependencies when switching between branches.
|
||||
changedManifests=$( ( git diff --name-only $HEAD_NEW $HEAD_PREVIOUS | grep -E '(package.json|pnpm-lock.yaml|pnpm-workspace.yaml|composer.json|composer.lock)$' ) || echo '' )
|
||||
if [ -n "$changedManifests" ]; then
|
||||
printf "${whiteColoured}The following file(s) in the new branch differs from the original one, dependencies might need to be refreshed:\n"
|
||||
printf "${whiteColoured} %s\n" $changedManifests
|
||||
printf "${orangeColoured}If you are working on something in this branch, ensure to refresh dependencies with 'pnpm install --frozen-lockfile'\n"
|
||||
fi
|
||||
fi
|
||||
|
|
@ -1,6 +1,8 @@
|
|||
#!/usr/bin/env bash
|
||||
. "$(dirname "$0")/_/husky.sh"
|
||||
|
||||
# The hook documentation: https://git-scm.com/docs/githooks.html#_post_merge
|
||||
|
||||
changedManifests=$( ( git diff --name-only HEAD ORIG_HEAD | grep -E '(package.json|pnpm-lock.yaml|pnpm-workspace.yaml|composer.json|composer.lock)$' ) || echo '' )
|
||||
if [ -n "$changedManifests" ]; then
|
||||
printf "It was a change in the following file(s) - refreshing dependencies:\n"
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
"MD003": { "style": "atx" },
|
||||
"MD007": { "indent": 4 },
|
||||
"MD013": { "line_length": 9999 },
|
||||
"MD024": { "allow_different_nesting": true },
|
||||
"MD024": { "siblings_only": true },
|
||||
"MD033": { "allowed_elements": [ "video" ] },
|
||||
"no-hard-tabs": false,
|
||||
"whitespace": false
|
||||
|
|
|
|||
2
.npmrc
2
.npmrc
|
|
@ -1,3 +1,5 @@
|
|||
; adding this as npm 7 automatically installs peer dependencies but pnpm does not
|
||||
auto-install-peers=true
|
||||
strict-peer-dependencies=false
|
||||
; See https://github.com/pnpm/pnpm/pull/8363 (we adding the setting now, to not miss when migrating to pnpm 9.7+)
|
||||
manage-package-manager-versions=true
|
||||
|
|
|
|||
15
CODEOWNERS
15
CODEOWNERS
|
|
@ -1 +1,14 @@
|
|||
/.github/ @woocommerce/atlas
|
||||
# Monorepo CI and package managers manifests.
|
||||
/.github/ @woocommerce/flux
|
||||
**/composer.json @woocommerce/flux
|
||||
**/package.json @woocommerce/flux
|
||||
|
||||
# Monorepo tooling folders.
|
||||
/bin/ @woocommerce/flux
|
||||
/tools/ @woocommerce/flux
|
||||
/packages/js/eslint-plugin/ @woocommerce/flux
|
||||
/packages/js/dependency-extraction-webpack-plugin/ @woocommerce/flux
|
||||
|
||||
# Files in root of repository
|
||||
/.* @woocommerce/flux
|
||||
/*.* @woocommerce/flux
|
||||
|
|
|
|||
|
|
@ -20,8 +20,8 @@ To get up and running within the WooCommerce Monorepo, you will need to make sur
|
|||
Once you've installed all of the prerequisites, you can run the following commands to get everything working.
|
||||
|
||||
```bash
|
||||
# Ensure that you're using the correct version of Node
|
||||
nvm use
|
||||
# Ensure that correct version of Node is installed and being used
|
||||
nvm install
|
||||
# Install the PHP and Composer dependencies for all of the plugins, packages, and tools
|
||||
pnpm install
|
||||
# Build all of the plugins, packages, and tools in the monorepo
|
||||
|
|
|
|||
240
changelog.txt
240
changelog.txt
|
|
@ -1,5 +1,245 @@
|
|||
== Changelog ==
|
||||
|
||||
= 9.3.1 2024-09-12 =
|
||||
|
||||
* Tweak - Disable remote logging feature by default [#51312](https://github.com/woocommerce/woocommerce/pull/51312)
|
||||
|
||||
= 9.3.0 2024-09-10 =
|
||||
|
||||
**WooCommerce**
|
||||
|
||||
* Enhancement - Add query params masking to remote logger [#51108](https://github.com/woocommerce/woocommerce/pull/51108)
|
||||
* Update - Added more paths to remote logger query param whitelist [#51108](https://github.com/woocommerce/woocommerce/pull/51108)
|
||||
* Fix - Revert update to React 18 in Checkout block. [#51289](https://github.com/woocommerce/woocommerce/pull/51289)
|
||||
* Fix - Add check to ensure themes API is safe [#51081](https://github.com/woocommerce/woocommerce/pull/51081)
|
||||
* Fix - CYS - Remove usage of `prepare_item_for_response` function in `Images` endpoint. [#50923](https://github.com/woocommerce/woocommerce/pull/50923)
|
||||
* Fix - Add ability for a screen reader to announce the current tab on a single product page. [#50373](https://github.com/woocommerce/woocommerce/pull/50373)
|
||||
* Fix - Add a label to the product pagination for the woocommerce pagination [#49924](https://github.com/woocommerce/woocommerce/pull/49924)
|
||||
* Fix - Add aria-current to the current link in My Account side nav [#49800](https://github.com/woocommerce/woocommerce/pull/49800)
|
||||
* Fix - Add aria-label on View order button to aid in accessibility for screen readers [#49424](https://github.com/woocommerce/woocommerce/pull/49424)
|
||||
* Fix - Add CSS outline for site visibility badge keyboard accessibility [#50794](https://github.com/woocommerce/woocommerce/pull/50794)
|
||||
* Fix - Add scope attribute and aria-label to the product attributes table [#49768](https://github.com/woocommerce/woocommerce/pull/49768)
|
||||
* Fix - Add to Cart with Options - Fix translation when used inside the Single Product block. [#50628](https://github.com/woocommerce/woocommerce/pull/50628)
|
||||
* Fix - Allow verified parameter to be set by REST API request [#50525](https://github.com/woocommerce/woocommerce/pull/50525)
|
||||
* Fix - Avoid PHP warnings if `add-to-cart.php` template does not pass `aria-describedby_text` [#48969](https://github.com/woocommerce/woocommerce/pull/48969)
|
||||
* Fix - Cart block: Strip HTML tags and decode HTML entities in quantity change notifications. [#50541](https://github.com/woocommerce/woocommerce/pull/50541)
|
||||
* Fix - Changed from using React.render to React.createRoot for marketing coupons as it has been deprecated since React 18 [#48832](https://github.com/woocommerce/woocommerce/pull/48832)
|
||||
* Fix - Changed from using React.render to React.createRoot for payment methods promotion, shipping settings region zone as it has been deprecated since React 18 [#48835](https://github.com/woocommerce/woocommerce/pull/48835)
|
||||
* Fix - Changed from using React.render to React.createRoot for print shipping banner as it has been deprecated since React 18 [#48831](https://github.com/woocommerce/woocommerce/pull/48831)
|
||||
* Fix - Changed from using React.render to React.createRoot for product-usage-notice-modal as it has been deprecated since React 18 [#50765](https://github.com/woocommerce/woocommerce/pull/50765)
|
||||
* Fix - Changed from using React.render to React.createRoot for wc addon tour as it has been deprecated since React 18 [#48833](https://github.com/woocommerce/woocommerce/pull/48833)
|
||||
* Fix - Changed from using React.render to React.createRoot for WCAdmin uses as it has been deprecated since React 18 [#48785](https://github.com/woocommerce/woocommerce/pull/48785)
|
||||
* Fix - Changed instances of prime marks inappropriately used when apostrophes are supposed to be used for some parts of WC Admin JS/TS/TSX files [#50776](https://github.com/woocommerce/woocommerce/pull/50776)
|
||||
* Fix - Clear product unique ID (`global_unique_id`) when duplicating products. [#50629](https://github.com/woocommerce/woocommerce/pull/50629)
|
||||
* Fix - Compatibility Layer: fix 'woocommerce_before_single_product_summary' hook position. [#50392](https://github.com/woocommerce/woocommerce/pull/50392)
|
||||
* Fix - CYS - Improve the error when a request fails due to permissions [#50211](https://github.com/woocommerce/woocommerce/pull/50211)
|
||||
* Fix - CYS - Update the "show_on_front" setting to "posts" to avoid overriding the "page" template. [#50083](https://github.com/woocommerce/woocommerce/pull/50083)
|
||||
* Fix - CYS: disable zoom out on fonts/color pairs iframe [#50498](https://github.com/woocommerce/woocommerce/pull/50498)
|
||||
* Fix - CYS: Fix auto scroll when a new block is added. [#50431](https://github.com/woocommerce/woocommerce/pull/50431)
|
||||
* Fix - CYS: Improve opt in flow [#50529](https://github.com/woocommerce/woocommerce/pull/50529)
|
||||
* Fix - Display address card for virtual products if shopper's address is known [#50127](https://github.com/woocommerce/woocommerce/pull/50127)
|
||||
* Fix - Enable skipped E2E tests for attributes #50143 [#50143](https://github.com/woocommerce/woocommerce/pull/50143)
|
||||
* Fix - Ensure coupon errors are visible on block checkout when invalid coupons are removed. [#50412](https://github.com/woocommerce/woocommerce/pull/50412)
|
||||
* Fix - Ensure low and no stock email notification routine is triggered whenever product stock changes [#49583](https://github.com/woocommerce/woocommerce/pull/49583)
|
||||
* Fix - Ensure session object is initialized before attempting to get chosen shipping methods [#50774](https://github.com/woocommerce/woocommerce/pull/50774)
|
||||
* Fix - Ensure that the orders REST endpoint behaves the same as the UI when updating an order to remove a line item. [#50606](https://github.com/woocommerce/woocommerce/pull/50606)
|
||||
* Fix - Featured Product: Fix variable product Selection dropdown #50633 [#50633](https://github.com/woocommerce/woocommerce/pull/50633)
|
||||
* Fix - Fix "Product Meta" translations - Register the block server side. [#50625](https://github.com/woocommerce/woocommerce/pull/50625)
|
||||
* Fix - Fix: ensure the global product object is always ready for compatibility layer by disabling default render routine of Product Templates inner blocks. [#49971](https://github.com/woocommerce/woocommerce/pull/49971)
|
||||
* Fix - Fix activating the installed subscription when the user has multiple active licenses for the same product. [#49803](https://github.com/woocommerce/woocommerce/pull/49803)
|
||||
* Fix - Fix address heading level on My Account page. [#49764](https://github.com/woocommerce/woocommerce/pull/49764)
|
||||
* Fix - Fix an admin bar CSS positioning bug in WordPress.com on mobile [#50709](https://github.com/woocommerce/woocommerce/pull/50709)
|
||||
* Fix - Fix cart shortcode updates when not used on the main cart page. [#50524](https://github.com/woocommerce/woocommerce/pull/50524)
|
||||
* Fix - Fix core profiler checkbox vertical alignment and border color [#50151](https://github.com/woocommerce/woocommerce/pull/50151)
|
||||
* Fix - Fix core profiler set up my store button and TOS are too close to each other [#50579](https://github.com/woocommerce/woocommerce/pull/50579)
|
||||
* Fix - Fix e2e Google for WooCommerce strict mode violation error [#50189](https://github.com/woocommerce/woocommerce/pull/50189)
|
||||
* Fix - Fixed Core Profiler's sticky footer button problem [#50727](https://github.com/woocommerce/woocommerce/pull/50727)
|
||||
* Fix - Fixed placeholders in the classic cart shipping calculator to update with country selection. [#49684](https://github.com/woocommerce/woocommerce/pull/49684)
|
||||
* Fix - Fixes a bug where some express payment buttons weren't being rendered correctly [#49304](https://github.com/woocommerce/woocommerce/pull/49304)
|
||||
* Fix - Fix extensionCartUpdates to surface generic error messages, and include documentation for the error handling. [#49762](https://github.com/woocommerce/woocommerce/pull/49762)
|
||||
* Fix - Fix focus order on checkout block page. [#49649](https://github.com/woocommerce/woocommerce/pull/49649)
|
||||
* Fix - Fix navigation badge decreases when installing extension in "Grow your business task" [#50584](https://github.com/woocommerce/woocommerce/pull/50584)
|
||||
* Fix - Fix page titles of the cart and checkout page when using blocks and FSE themes. [#49986](https://github.com/woocommerce/woocommerce/pull/49986)
|
||||
* Fix - Fix rescheduling of actions that are blocked by other delayed actions [#50082](https://github.com/woocommerce/woocommerce/pull/50082)
|
||||
* Fix - Fix the "Add payment methods" link in LYS congrat screen redirects to a blank page [#50609](https://github.com/woocommerce/woocommerce/pull/50609)
|
||||
* Fix - Fix translation - Avoid registering blocks in the wrong context. [#50615](https://github.com/woocommerce/woocommerce/pull/50615)
|
||||
* Fix - Fix `Product meta` console error. [#50680](https://github.com/woocommerce/woocommerce/pull/50680)
|
||||
* Fix - Fix `store-title` endpoint - Pass default value to `get_option`. [#50673](https://github.com/woocommerce/woocommerce/pull/50673)
|
||||
* Fix - Hide save changes button in main payments screen [#50064](https://github.com/woocommerce/woocommerce/pull/50064)
|
||||
* Fix - In Remote Specs, treat empty arrays as valid cached values so individual engines can return default values. [#50521](https://github.com/woocommerce/woocommerce/pull/50521)
|
||||
* Fix - Keep focus on shipping option input once selected [#49360](https://github.com/woocommerce/woocommerce/pull/49360)
|
||||
* Fix - Make the matching variations alert a live region [#50132](https://github.com/woocommerce/woocommerce/pull/50132)
|
||||
* Fix - Only count published products in productCount [#50503](https://github.com/woocommerce/woocommerce/pull/50503)
|
||||
* Fix - Prevent fatal error if NULL is provided in array_search under Jetpack Stats [#50696](https://github.com/woocommerce/woocommerce/pull/50696)
|
||||
* Fix - Prevent Store API orders being placed with empty state [#50028](https://github.com/woocommerce/woocommerce/pull/50028)
|
||||
* Fix - Prevent sync-on-read from affecting results of HPOS diff CLI tool. [#49726](https://github.com/woocommerce/woocommerce/pull/49726)
|
||||
* Fix - Product Collection: Fix max price query to include prices less or equal to the given max value. [#49917](https://github.com/woocommerce/woocommerce/pull/49917)
|
||||
* Fix - Product Collection: fix the preview if used in Products by specific Category or Tag [#49889](https://github.com/woocommerce/woocommerce/pull/49889)
|
||||
* Fix - Product Price block: prevent price amounts from breaking into multiple lines [#50660](https://github.com/woocommerce/woocommerce/pull/50660)
|
||||
* Fix - Properly detect active plugins in multisite WP installations. [#50417](https://github.com/woocommerce/woocommerce/pull/50417)
|
||||
* Fix - Reduce error noise in the user profile screen, by removing the requirement for custom fields to have a class attribute. [#48079](https://github.com/woocommerce/woocommerce/pull/48079)
|
||||
* Fix - Remove Active Shipping Zones check for displaying shipping calculator on the Cart Page. [#49214](https://github.com/woocommerce/woocommerce/pull/49214)
|
||||
* Fix - Single product block - Fix translation for title and description in edit mode. [#50599](https://github.com/woocommerce/woocommerce/pull/50599)
|
||||
* Fix - Store API: Do not resume pending orders--create a new order instead [#50531](https://github.com/woocommerce/woocommerce/pull/50531)
|
||||
* Fix - Transform labels in shipping zone region selector to decode html entities [#50694](https://github.com/woocommerce/woocommerce/pull/50694)
|
||||
* Fix - Treat post_type=product as a shop page. [#50567](https://github.com/woocommerce/woocommerce/pull/50567)
|
||||
* Fix - Update product order status colors to ensure accessible color contrasts [#49934](https://github.com/woocommerce/woocommerce/pull/49934)
|
||||
* Add - Add an additional field for the email settings that sets the footer text color [#49648](https://github.com/woocommerce/woocommerce/pull/49648)
|
||||
* Add - Add blueprint behind a feature flag for testing purposes. [#49763](https://github.com/woocommerce/woocommerce/pull/49763)
|
||||
* Add - Add field for the email footer text color [#49648](https://github.com/woocommerce/woocommerce/pull/49648)
|
||||
* Add - Add function to clear system status theme info cache [#50803](https://github.com/woocommerce/woocommerce/pull/50803)
|
||||
* Add - Add methods required by extensions to control product feature usage based on subscription status. [#50218](https://github.com/woocommerce/woocommerce/pull/50218)
|
||||
* Add - Add parameter to avoid attempting to create the logs directory if it doesn't exist [#49766](https://github.com/woocommerce/woocommerce/pull/49766)
|
||||
* Add - Add Pattern button to no blocks view on the CYS assembler [#49981](https://github.com/woocommerce/woocommerce/pull/49981)
|
||||
* Add - Add reactified main payments screen [#49972](https://github.com/woocommerce/woocommerce/pull/49972)
|
||||
* Add - Add reactify-classic-payments-settings feature flag [#49966](https://github.com/woocommerce/woocommerce/pull/49966)
|
||||
* Add - Add tracks for WordPress Importer/Export pages. [#50769](https://github.com/woocommerce/woocommerce/pull/50769)
|
||||
* Add - Add `FilteredGetDataTrait`, `OrderAwareControllerTrait`, and `StatsDataStoreTrait` for extension developers to reuse while creating custom Analytics [#49425](https://github.com/woocommerce/woocommerce/pull/49425)
|
||||
* Add - Implement server-side remote error logging [#49599](https://github.com/woocommerce/woocommerce/pull/49599)
|
||||
* Add - Inform screen reader users when mini cart updates [#48295](https://github.com/woocommerce/woocommerce/pull/48295)
|
||||
* Add - Integrate JS remote logging package in WooCommerce Admin [#50134](https://github.com/woocommerce/woocommerce/pull/50134)
|
||||
* Add - Product Collection: emit the JS event when PC block is rendered [#50166](https://github.com/woocommerce/woocommerce/pull/50166)
|
||||
* Add - Product Collection: Enable Context-Aware Previews by Adding `usesReference` to `registerProductCollection` [#49796](https://github.com/woocommerce/woocommerce/pull/49796)
|
||||
* Add - Track frequency of unhandled JS errors with MC Stats [#50155](https://github.com/woocommerce/woocommerce/pull/50155)
|
||||
* Add - Use MC Stats for PHP fatal error counting [#49658](https://github.com/woocommerce/woocommerce/pull/49658)
|
||||
* Add - [E2E tests]: Add product description using the block editor #50232 [#50232](https://github.com/woocommerce/woocommerce/pull/50232)
|
||||
* Update - Update WooCommerce Shipping Promo Banner to install the latest version of WooCommerce Shipping instead of WCS&T. [#50970](https://github.com/woocommerce/woocommerce/pull/50970)
|
||||
* Update - Add abbreviations for fields GTIN, UPC, EAN, OR ISBN [#50042](https://github.com/woocommerce/woocommerce/pull/50042)
|
||||
* Update - Add additional fields to new product editor e2e tests. [#50241](https://github.com/woocommerce/woocommerce/pull/50241)
|
||||
* Update - Add confirmation prompt for site visibility settings when changing from live to coming soon mode [#50759](https://github.com/woocommerce/woocommerce/pull/50759)
|
||||
* Update - Add pattern validation for global_unique_id [#50501](https://github.com/woocommerce/woocommerce/pull/50501)
|
||||
* Update - Add remote logger as a log handler to wc logger [#50430](https://github.com/woocommerce/woocommerce/pull/50430)
|
||||
* Update - Add request_uri prop to remote logging data [#50671](https://github.com/woocommerce/woocommerce/pull/50671)
|
||||
* Update - Add woocommerce_coming_soon option for all sites [#50581](https://github.com/woocommerce/woocommerce/pull/50581)
|
||||
* Update - Comment: Fix typos in documentation. [#50282](https://github.com/woocommerce/woocommerce/pull/50282)
|
||||
* Update - CYS - Add tests for the Full Composability feature. [#49748](https://github.com/woocommerce/woocommerce/pull/49748)
|
||||
* Update - CYS - Run appropriate tests depending on the WordPress version. [#50016](https://github.com/woocommerce/woocommerce/pull/50016)
|
||||
* Update - CYS - Update icon and text colors in the assembler. [#50478](https://github.com/woocommerce/woocommerce/pull/50478)
|
||||
* Update - CYS: Improve opt-in flow fonts. [#50086](https://github.com/woocommerce/woocommerce/pull/50086)
|
||||
* Update - CYS: Improve opt-in flow patterns. [#50080](https://github.com/woocommerce/woocommerce/pull/50080)
|
||||
* Update - CYS: Improve tracking survey [#50196](https://github.com/woocommerce/woocommerce/pull/50196)
|
||||
* Update - CYS: Improve tracking survey [#50354](https://github.com/woocommerce/woocommerce/pull/50354)
|
||||
* Update - CYS: Update the tracking URL to the external Fiverr link in sidebar of the **Add your logo** screen. [#50753](https://github.com/woocommerce/woocommerce/pull/50753)
|
||||
* Update - Enable remote logging feature flag [#50351](https://github.com/woocommerce/woocommerce/pull/50351)
|
||||
* Update - feat: add `aria-required` attributes to WC form fields [#48371](https://github.com/woocommerce/woocommerce/pull/48371)
|
||||
* Update - Fixed log-out link behavior so that redirects work, and so that security nonces are automatically added to link in navigation menus. [#49605](https://github.com/woocommerce/woocommerce/pull/49605)
|
||||
* Update - Migrate LYS user meta [#50664](https://github.com/woocommerce/woocommerce/pull/50664)
|
||||
* Update - Move marketing task to things to do next task list [#50487](https://github.com/woocommerce/woocommerce/pull/50487)
|
||||
* Update - Move site visibility badge to admin bar. [#50775](https://github.com/woocommerce/woocommerce/pull/50775)
|
||||
* Update - Remove "Need help?" modal from onboarding [#47812](https://github.com/woocommerce/woocommerce/pull/47812)
|
||||
* Update - Remove all links from the CYS sidebars [#50414](https://github.com/woocommerce/woocommerce/pull/50414)
|
||||
* Update - Remove remote API call from marketing task [#50479](https://github.com/woocommerce/woocommerce/pull/50479)
|
||||
* Update - Remove WooCommerce Navigation client side feature and deprecate PHP classes. [#50190](https://github.com/woocommerce/woocommerce/pull/50190)
|
||||
* Update - Renamed columns inside In-App Marketplace > My subscriptions and added action to turn auto-renewal on for a subscription [#49985](https://github.com/woocommerce/woocommerce/pull/49985)
|
||||
* Update - Rename woocommerce_is_store_page to woocommerce_is_extension_store_page [#50771](https://github.com/woocommerce/woocommerce/pull/50771)
|
||||
* Update - Reverting the new `buttonAttributes` API. This will be included in a later release [#50763](https://github.com/woocommerce/woocommerce/pull/50763)
|
||||
* Update - Revert the Zoom Out feature for the CYS experience [#50535](https://github.com/woocommerce/woocommerce/pull/50535)
|
||||
* Update - Show expiring and expired notices to active and unconnected subscriptions [#50383](https://github.com/woocommerce/woocommerce/pull/50383)
|
||||
* Update - Store API: Remove the need for nonces when using cart tokens. Remove deprecated X-WC-Store-API-Nonce header. [#50025](https://github.com/woocommerce/woocommerce/pull/50025)
|
||||
* Update - Strip HTML tags from aria-label in wc_help_tip function [#50103](https://github.com/woocommerce/woocommerce/pull/50103)
|
||||
* Update - Text adjustments on shipping zones settings page [#50136](https://github.com/woocommerce/woocommerce/pull/50136)
|
||||
* Update - Update AdditionalPayments task to use default payment gateways [#50674](https://github.com/woocommerce/woocommerce/pull/50674)
|
||||
* Update - Update add product task button section UI [#50580](https://github.com/woocommerce/woocommerce/pull/50580)
|
||||
* Update - Update all blocks to use API Version 3. [#48720](https://github.com/woocommerce/woocommerce/pull/48720)
|
||||
* Update - Update Blueprint settings layout. [#50724](https://github.com/woocommerce/woocommerce/pull/50724)
|
||||
* Update - Update core profiler continue button container on extension screen [#50582](https://github.com/woocommerce/woocommerce/pull/50582)
|
||||
* Update - Update Store Alert actions to have unique keys. [#50424](https://github.com/woocommerce/woocommerce/pull/50424)
|
||||
* Update - Update WooCommercePayments task is_supported to use default suggestions [#50585](https://github.com/woocommerce/woocommerce/pull/50585)
|
||||
* Update - Enhance CSV path and upload handling in product import [#51344](https://github.com/woocommerce/woocommerce/pull/51344)
|
||||
* Dev - Execute test env setup on host instead of wp-env container [#51021](https://github.com/woocommerce/woocommerce/pull/51021)
|
||||
* Dev - Added code docs with examples to the Analytics classes [#49425](https://github.com/woocommerce/woocommerce/pull/49425)
|
||||
* Dev - Add lost password e2e tests [#50611](https://github.com/woocommerce/woocommerce/pull/50611)
|
||||
* Dev - Add unit tests for the product_add_publish track. [#49916](https://github.com/woocommerce/woocommerce/pull/49916)
|
||||
* Dev - CI: introduce PHPUnit tests sharding. [#50084](https://github.com/woocommerce/woocommerce/pull/50084)
|
||||
* Dev - CI: minor speed boost of wp-env startup. [#50445](https://github.com/woocommerce/woocommerce/pull/50445)
|
||||
* Dev - CI: speedup assets size verification job execution time. [#50178](https://github.com/woocommerce/woocommerce/pull/50178)
|
||||
* Dev - CI: Use a single shard when re-running failed tests in CI [#50492](https://github.com/woocommerce/woocommerce/pull/50492)
|
||||
* Dev - CI config: update changes list to include more paths [#50399](https://github.com/woocommerce/woocommerce/pull/50399)
|
||||
* Dev - Clean up unused images [#50516](https://github.com/woocommerce/woocommerce/pull/50516)
|
||||
* Dev - CYS - Document possible Intro pages [#50171](https://github.com/woocommerce/woocommerce/pull/50171)
|
||||
* Dev - CYS - Move the "ai/patterns" endpoint to woocommerce admin API. [#50372](https://github.com/woocommerce/woocommerce/pull/50372)
|
||||
* Dev - CYS - Move the "ai/store-info" endpoint to woocommerce admin API [#50363](https://github.com/woocommerce/woocommerce/pull/50363)
|
||||
* Dev - CYS - Move the ai/business-description endpoint to woocommerce admin API [#50359](https://github.com/woocommerce/woocommerce/pull/50359)
|
||||
* Dev - CYS - Move the ai/store-title endpoint to woocommerce admin API [#50352](https://github.com/woocommerce/woocommerce/pull/50352)
|
||||
* Dev - CYS - Move the `ai/images` endpoint to woocommerce admin API [#50365](https://github.com/woocommerce/woocommerce/pull/50365)
|
||||
* Dev - CYS - Move the `ai/product` endpoint to woocommerce admin API. [#50393](https://github.com/woocommerce/woocommerce/pull/50393)
|
||||
* Dev - CYS: add E2E tests for fonts installation. [#50210](https://github.com/woocommerce/woocommerce/pull/50210)
|
||||
* Dev - E2E tests: add a flaky test reporter for Core e2e tests [#50259](https://github.com/woocommerce/woocommerce/pull/50259)
|
||||
* Dev - E2E tests: add an option to skip the env setup script running before test execution [#50620](https://github.com/woocommerce/woocommerce/pull/50620)
|
||||
* Dev - E2E tests: add buildkite-test-collector for blocks e2e tests [#50642](https://github.com/woocommerce/woocommerce/pull/50642)
|
||||
* Dev - E2E tests: add environment reporter [#49988](https://github.com/woocommerce/woocommerce/pull/49988)
|
||||
* Dev - E2E tests: add hpos-disabled env and tagged tests with hpos tag [#50448](https://github.com/woocommerce/woocommerce/pull/50448)
|
||||
* Dev - E2E tests: fixed broken logo picker tests [#50473](https://github.com/woocommerce/woocommerce/pull/50473)
|
||||
* Dev - E2E tests: fix flakiness in page-loads customer page test [#50559](https://github.com/woocommerce/woocommerce/pull/50559)
|
||||
* Dev - E2E tests: fix flakiness in product attributes test [#50485](https://github.com/woocommerce/woocommerce/pull/50485)
|
||||
* Dev - E2E tests: removed Github reporter [#50256](https://github.com/woocommerce/woocommerce/pull/50256)
|
||||
* Dev - E2E tests: Removed unnecessary pause in the test [#50043](https://github.com/woocommerce/woocommerce/pull/50043)
|
||||
* Dev - E2E tests for verifying approve, spam and reply to product reviews. [#50060](https://github.com/woocommerce/woocommerce/pull/50060)
|
||||
* Dev - Fix E2E tests SKU field id #49729 [#49729](https://github.com/woocommerce/woocommerce/pull/49729)
|
||||
* Dev - Fixes a flaky product variations e2e test [#50807](https://github.com/woocommerce/woocommerce/pull/50807)
|
||||
* Dev - Fix Metrics CI job [#50214](https://github.com/woocommerce/woocommerce/pull/50214)
|
||||
* Dev - Fix optional param in PHPdoc for `WC_Admin_Marketplace_Promotions` to generate code-reference w/o warnings [#50732](https://github.com/woocommerce/woocommerce/pull/50732)
|
||||
* Dev - Fix the Metrics job by adding a missing NVM install step [#50482](https://github.com/woocommerce/woocommerce/pull/50482)
|
||||
* Dev - Make the Metrics tests use utilities provided by the updated @wordpress/e2e-test-utils-playwright package. [#50626](https://github.com/woocommerce/woocommerce/pull/50626)
|
||||
* Dev - Mark ReportTable tableData prop as not required [#50816](https://github.com/woocommerce/woocommerce/pull/50816)
|
||||
* Dev - Monorepo: enable new linting rules for PHP (PSR-4 naming, Strict types declaration). [#49438](https://github.com/woocommerce/woocommerce/pull/49438)
|
||||
* Dev - Monorepo: tweak Webpack loaders paths filtering for better build perfromance. [#49714](https://github.com/woocommerce/woocommerce/pull/49714)
|
||||
* Dev - move block theme docs to docs site folder [#50638](https://github.com/woocommerce/woocommerce/pull/50638)
|
||||
* Dev - move part of checkout docs to main docs folder [#49984](https://github.com/woocommerce/woocommerce/pull/49984)
|
||||
* Dev - Move `ReportError` to `@woocommerce/components` as `AnalyticsError` [#50108](https://github.com/woocommerce/woocommerce/pull/50108)
|
||||
* Dev - moving product collection docs to main docs folder [#50368](https://github.com/woocommerce/woocommerce/pull/50368)
|
||||
* Dev - Reduce duplicated code in Analytics controllers, unify their behavior and API. [#49425](https://github.com/woocommerce/woocommerce/pull/49425)
|
||||
* Dev - Reduce the amount of duplicated code in Analytics `DataStore`s. [#49425](https://github.com/woocommerce/woocommerce/pull/49425)
|
||||
* Dev - Removed defaultProps from React functional components since they will be deprecated for React 19 [#50266](https://github.com/woocommerce/woocommerce/pull/50266)
|
||||
* Dev - Removed directive to disable woocommerce_coming_soon in e2e tests so that we get better test coverage [#50344](https://github.com/woocommerce/woocommerce/pull/50344)
|
||||
* Dev - Render a React placeholder for offline and WooCommerce Payments settings sections [#50008](https://github.com/woocommerce/woocommerce/pull/50008)
|
||||
* Dev - Replace `Automattic\WooCommerce\Admin\API\Reports\*\Query` classes with a single `GenericQuery` class. [#49425](https://github.com/woocommerce/woocommerce/pull/49425)
|
||||
* Dev - Switch `render()` to `createRoot().render()` to use React 18 features. [#48843](https://github.com/woocommerce/woocommerce/pull/48843)
|
||||
* Dev - Tests: moved api core tests as a suite in e2e-pw [#50024](https://github.com/woocommerce/woocommerce/pull/50024)
|
||||
* Dev - Tweak the lost password e2e logic [#50666](https://github.com/woocommerce/woocommerce/pull/50666)
|
||||
* Dev - Update @wordpress/e2e-test-utils-playwright core dependency to wp-6.6 [#50274](https://github.com/woocommerce/woocommerce/pull/50274)
|
||||
* Dev - Updated e2e tests docs to clarify the use of environments [#50530](https://github.com/woocommerce/woocommerce/pull/50530)
|
||||
* Dev - Updated the workflow prompting for testing instructions to only run once (preventing double comments) [#50034](https://github.com/woocommerce/woocommerce/pull/50034)
|
||||
* Dev - Update E2E tests for linked list and variation creation with new component changes. [#50128](https://github.com/woocommerce/woocommerce/pull/50128)
|
||||
* Dev - Update lys e2e tests to test with both classic and block themes [#50657](https://github.com/woocommerce/woocommerce/pull/50657)
|
||||
* Dev - Update Playwright to 1.46.1 from 1.45.1 [#50772](https://github.com/woocommerce/woocommerce/pull/50772)
|
||||
* Dev - Update WP version to 6.6 in Blocks wp-env config. [#49704](https://github.com/woocommerce/woocommerce/pull/49704)
|
||||
* Dev - Use stricter text selector on test [#50848](https://github.com/woocommerce/woocommerce/pull/50848)
|
||||
* Dev - [Filter Products by Price]: Update view when changing the min/max value #50651 [#50651](https://github.com/woocommerce/woocommerce/pull/50651)
|
||||
* Tweak - Disable remote logging feature by default [#51312](https://github.com/woocommerce/woocommerce/pull/51312)
|
||||
* Tweak - Add GTIN in structured data [#50087](https://github.com/woocommerce/woocommerce/pull/50087)
|
||||
* Tweak - Add link to title, remove link from a description, minor copy changes to site visibility settings page [#50781](https://github.com/woocommerce/woocommerce/pull/50781)
|
||||
* Tweak - Add the `woocommerce_should_clear_cart_after_payment` filter to influence whether the cart should be cleared after payment. [#44515](https://github.com/woocommerce/woocommerce/pull/44515)
|
||||
* Tweak - allows the quantity selector on block cart page to render as readonly when editable is false [#49450](https://github.com/woocommerce/woocommerce/pull/49450)
|
||||
* Tweak - Bump Jetpack COnnection, Jetpack Constants and a8c MC Stats [#50471](https://github.com/woocommerce/woocommerce/pull/50471)
|
||||
* Tweak - Extract the checkbox list option logic into its own component [#50566](https://github.com/woocommerce/woocommerce/pull/50566)
|
||||
* Tweak - Make `geolocation_ajax_get_location_hash` case-insensitive, to reduce the number of cache misses. [#45439](https://github.com/woocommerce/woocommerce/pull/45439)
|
||||
* Tweak - Optimize large image files [#50517](https://github.com/woocommerce/woocommerce/pull/50517)
|
||||
* Tweak - Product Collection: fix the PHP deprecated warning [#50661](https://github.com/woocommerce/woocommerce/pull/50661)
|
||||
* Tweak - Reduce core profiler sticky footer height [#50788](https://github.com/woocommerce/woocommerce/pull/50788)
|
||||
* Tweak - Remove colon from product data meta box checkboxes [#50619](https://github.com/woocommerce/woocommerce/pull/50619)
|
||||
* Tweak - Remove the code related to the automatic Products (Beta) -> Product Collection upgrade. [#50440](https://github.com/woocommerce/woocommerce/pull/50440)
|
||||
* Tweak - Set timeout to 2 seconds for helper product-usage-notice-rules endpoint request [#50821](https://github.com/woocommerce/woocommerce/pull/50821)
|
||||
* Tweak - Update size of site visibility badge. [#50792](https://github.com/woocommerce/woocommerce/pull/50792)
|
||||
* Tweak - Vertically center product meta elements [#50826](https://github.com/woocommerce/woocommerce/pull/50826)
|
||||
* Performance - Cache order dates in options for performance. [#50066](https://github.com/woocommerce/woocommerce/pull/50066)
|
||||
* Performance - Compress pattern placeholder image assets [#50405](https://github.com/woocommerce/woocommerce/pull/50405)
|
||||
* Performance - Improve performance of maybe_assign_default_product_cat by only dropping cache and term recounting if changes were made in the database [#50006](https://github.com/woocommerce/woocommerce/pull/50006)
|
||||
* Performance - Improve setup_tasks_remaining performance [#50655](https://github.com/woocommerce/woocommerce/pull/50655)
|
||||
* Enhancement - Add a filter to override the SKU database lock. [#49755](https://github.com/woocommerce/woocommerce/pull/49755)
|
||||
* Enhancement - Add email type to Checkout block email field. [#48611](https://github.com/woocommerce/woocommerce/pull/48611)
|
||||
* Enhancement - Add filter `woocommerce_is_store_page` to modify whether Coming Soon mode considers a URL a store page or not. [#50174](https://github.com/woocommerce/woocommerce/pull/50174)
|
||||
* Enhancement - Add username in email reset-password link [#49737](https://github.com/woocommerce/woocommerce/pull/49737)
|
||||
* Enhancement - CYS: improve CTA [#50278](https://github.com/woocommerce/woocommerce/pull/50278)
|
||||
* Enhancement - Ensure `wccomHelper` data is only loaded on the Extensions page where it's needed. [#49758](https://github.com/woocommerce/woocommerce/pull/49758)
|
||||
* Enhancement - Fixed minor issues in the developer documentation recently added by public resources team [#50845](https://github.com/woocommerce/woocommerce/pull/50845)
|
||||
* Enhancement - Hide zoomed product images for screen readers. [#50003](https://github.com/woocommerce/woocommerce/pull/50003)
|
||||
* Enhancement - Improve hover style on product tabs when using the Minimal style in the Product Details block [#50605](https://github.com/woocommerce/woocommerce/pull/50605)
|
||||
* Enhancement - Make screen readers announce notice messages once page loads. [#50061](https://github.com/woocommerce/woocommerce/pull/50061)
|
||||
* Enhancement - Refactor: Migrate the All Products block to API version 3 [#50203](https://github.com/woocommerce/woocommerce/pull/50203)
|
||||
* Enhancement - Remove opacity from the hover style of the mini cart button [#50240](https://github.com/woocommerce/woocommerce/pull/50240)
|
||||
* Enhancement - Use standard link color in legal disclaimers on core profiler [#50830](https://github.com/woocommerce/woocommerce/pull/50830)
|
||||
|
||||
= 9.2.3 2024-08-26 =
|
||||
|
||||
**WooCommerce**
|
||||
|
|
|
|||
|
|
@ -339,11 +339,11 @@ This results in the following address form (the billing form will be the same):
|
|||
The rendered markup looks like this:
|
||||
|
||||
```html
|
||||
<input type="text" id="shipping-namespace-gov-id" autocapitalize="off"
|
||||
<input type="text" id="shipping-namespace-gov-id" autocapitalize="off"
|
||||
autocomplete="government-id" aria-label="custom aria label"
|
||||
aria-describedby="some-element" required="" aria-invalid="true"
|
||||
title="Title to show on hover" pattern="[A-Z0-9]{5}"
|
||||
data-custom="custom data" value="" >
|
||||
data-custom="custom data" value="" >
|
||||
```
|
||||
|
||||
### Rendering a checkbox field
|
||||
|
|
|
|||
|
|
@ -81,7 +81,7 @@ const modifyCartItemClass = ( defaultValue, extensions, args ) => {
|
|||
|
||||
const modifyCartItemPrice = ( defaultValue, extensions, args ) => {
|
||||
if ( isOrderSummaryContext( args ) ) {
|
||||
return '<price/> for all items';
|
||||
return '<price/> for all items';
|
||||
}
|
||||
return defaultValue;
|
||||
};
|
||||
|
|
@ -95,7 +95,7 @@ const modifyItemName = ( defaultValue, extensions, args ) => {
|
|||
|
||||
const modifySubtotalPriceFormat = ( defaultValue, extensions, args ) => {
|
||||
if ( isOrderSummaryContext( args ) ) {
|
||||
return '<price/> per item';
|
||||
return '<price/> per item';
|
||||
}
|
||||
return defaultValue;
|
||||
};
|
||||
|
|
|
|||
|
|
@ -106,17 +106,17 @@ The `cartItemPrice` filter allows to format the order summary item price.
|
|||
|
||||
### Parameters <!-- omit in toc -->
|
||||
|
||||
- _defaultValue_ `string` (default: `<price/>`) - The default order summary item price.
|
||||
- _defaultValue_ `string` (default: `<price/>`) - The default order summary item price.
|
||||
- _extensions_ `object` (default: `{}`) - The extensions object.
|
||||
- _args_ `object` - The arguments object with the following keys:
|
||||
- _cart_ `object` - The cart object from `wc/store/cart`, see [Cart object](#cart-object).
|
||||
- _cartItem_ `object` - The order summary item object from `wc/store/cart`, see [order summary item object](#cart-item-object).
|
||||
- _context_ `string` (allowed values: `cart` or `summary`) - The context of the item.
|
||||
- _validation_ `boolean` - Checks if the return value contains the substring `<price/>`.
|
||||
- _validation_ `boolean` - Checks if the return value contains the substring `<price/>`.
|
||||
|
||||
### Returns <!-- omit in toc -->
|
||||
|
||||
- `string` - The modified format of the order summary item price, which must contain the substring `<price/>`, or the original price format.
|
||||
- `string` - The modified format of the order summary item price, which must contain the substring `<price/>`, or the original price format.
|
||||
|
||||
### Code examples <!-- omit in toc -->
|
||||
|
||||
|
|
@ -132,7 +132,7 @@ const modifyCartItemPrice = ( defaultValue, extensions, args, validation ) => {
|
|||
return defaultValue;
|
||||
}
|
||||
|
||||
return '<price/> for all items';
|
||||
return '<price/> for all items';
|
||||
};
|
||||
|
||||
registerCheckoutFilters( 'example-extension', {
|
||||
|
|
@ -153,14 +153,14 @@ const modifyCartItemPrice = ( defaultValue, extensions, args, validation ) => {
|
|||
}
|
||||
|
||||
if ( args?.cartItem?.name === 'Beanie with Logo' ) {
|
||||
return '<price/> to keep you ☀️';
|
||||
return '<price/> to keep you ☀️';
|
||||
}
|
||||
|
||||
if ( args?.cartItem?.name === 'Sunglasses' ) {
|
||||
return '<price/> to keep you ❄️';
|
||||
return '<price/> to keep you ❄️';
|
||||
}
|
||||
|
||||
return '<price/> for all items';
|
||||
return '<price/> for all items';
|
||||
};
|
||||
|
||||
registerCheckoutFilters( 'example-extension', {
|
||||
|
|
@ -261,17 +261,17 @@ The `subtotalPriceFormat` filter allows to format the order summary item subtota
|
|||
|
||||
### Parameters <!-- omit in toc -->
|
||||
|
||||
- _defaultValue_ `string` (default: `<price/>`) - The default order summary item subtotal price.
|
||||
- _defaultValue_ `string` (default: `<price/>`) - The default order summary item subtotal price.
|
||||
- _extensions_ `object` (default: `{}`) - The extensions object.
|
||||
- _args_ `object` - The arguments object with the following keys:
|
||||
- _cart_ `object` - The cart object from `wc/store/cart`, see [Cart object](#cart-object).
|
||||
- _cartItem_ `object` - The order summary item object from `wc/store/cart`, see [order summary item object](#cart-item-object).
|
||||
- _context_ `string` (allowed values: `cart` or `summary`) - The context of the item.
|
||||
- _validation_ `boolean` - Checks if the return value contains the substring `<price/>`.
|
||||
- _validation_ `boolean` - Checks if the return value contains the substring `<price/>`.
|
||||
|
||||
### Returns <!-- omit in toc -->
|
||||
|
||||
- `string` - The modified format of the order summary item subtotal price, which must contain the substring `<price/>`, or the original price format.
|
||||
- `string` - The modified format of the order summary item subtotal price, which must contain the substring `<price/>`, or the original price format.
|
||||
|
||||
### Code examples <!-- omit in toc -->
|
||||
|
||||
|
|
@ -292,7 +292,7 @@ const modifySubtotalPriceFormat = (
|
|||
return defaultValue;
|
||||
}
|
||||
|
||||
return '<price/> per item';
|
||||
return '<price/> per item';
|
||||
};
|
||||
|
||||
registerCheckoutFilters( 'example-extension', {
|
||||
|
|
@ -318,14 +318,14 @@ const modifySubtotalPriceFormat = (
|
|||
}
|
||||
|
||||
if ( args?.cartItem?.name === 'Beanie with Logo' ) {
|
||||
return '<price/> per warm beanie';
|
||||
return '<price/> per warm beanie';
|
||||
}
|
||||
|
||||
if ( args?.cartItem?.name === 'Sunglasses' ) {
|
||||
return '<price/> per cool sunglasses';
|
||||
return '<price/> per cool sunglasses';
|
||||
}
|
||||
|
||||
return '<price/> per item';
|
||||
return '<price/> per item';
|
||||
};
|
||||
|
||||
registerCheckoutFilters( 'example-extension', {
|
||||
|
|
|
|||
|
|
@ -71,11 +71,11 @@ The `totalValue` filter allows to format the total price in the footer of the Ca
|
|||
- _extensions_ `object` (default: `{}`) - The extensions object.
|
||||
- _args_ `object` - The arguments object with the following keys:
|
||||
- _cart_ `object` - The cart object from `wc/store/cart`, see [Cart object](#cart-object).
|
||||
- _validation_ `boolean` - Checks if the return value contains the substring `<price/>`.
|
||||
- _validation_ `boolean` - Checks if the return value contains the substring `<price/>`.
|
||||
|
||||
### Returns <!-- omit in toc -->
|
||||
|
||||
- `string` - The modified format of the total price, which must contain the substring `<price/>`, or the original price format.
|
||||
- `string` - The modified format of the total price, which must contain the substring `<price/>`, or the original price format.
|
||||
|
||||
### Code example <!-- omit in toc -->
|
||||
|
||||
|
|
@ -83,7 +83,7 @@ The `totalValue` filter allows to format the total price in the footer of the Ca
|
|||
const { registerCheckoutFilters } = window.wc.blocksCheckout;
|
||||
|
||||
const modifyTotalsPrice = ( defaultValue, extensions, args, validation ) => {
|
||||
return 'Pay <price/> now';
|
||||
return 'Pay <price/> now';
|
||||
};
|
||||
|
||||
registerCheckoutFilters( 'my-extension', {
|
||||
|
|
|
|||
|
|
@ -22,11 +22,11 @@ const { ExperimentalOrderMeta } = window.wc.blocksCheckout;
|
|||
|
||||
const render = () => {
|
||||
return (
|
||||
<ExperimentalOrderMeta>
|
||||
<div class="wc-block-components-totals-wrapper">
|
||||
<ExperimentalOrderMeta>
|
||||
<div class="wc-block-components-totals-wrapper">
|
||||
{ __( 'Yearly recurring total ...', 'YOUR-TEXTDOMAIN' ) }
|
||||
</div>
|
||||
</ExperimentalOrderMeta>
|
||||
</div>
|
||||
</ExperimentalOrderMeta>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
@ -61,9 +61,9 @@ const { ExperimentalOrderShippingPackages } = window.wc.blocksCheckout;
|
|||
|
||||
const render = () => {
|
||||
return (
|
||||
<ExperimentalOrderShippingPackages>
|
||||
<div>{ __( 'Express Shipping', 'YOUR-TEXTDOMAIN' ) }</div>
|
||||
</ExperimentalOrderShippingPackages>
|
||||
<ExperimentalOrderShippingPackages>
|
||||
<div>{ __( 'Express Shipping', 'YOUR-TEXTDOMAIN' ) }</div>
|
||||
</ExperimentalOrderShippingPackages>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
@ -104,14 +104,14 @@ const { ExperimentalOrderLocalPickupPackages } = window.wc.blocksCheckout;
|
|||
|
||||
const render = () => {
|
||||
return (
|
||||
<ExperimentalOrderLocalPickupPackages>
|
||||
<div>
|
||||
<ExperimentalOrderLocalPickupPackages>
|
||||
<div>
|
||||
{ __(
|
||||
'By using our convenient local pickup option, you can come to our store and pick up your order. We will send you and email when your order is ready for pickup.',
|
||||
'YOUR-TEXTDOMAIN'
|
||||
) }
|
||||
</div>
|
||||
</ExperimentalOrderLocalPickupPackages>
|
||||
</div>
|
||||
</ExperimentalOrderLocalPickupPackages>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
@ -143,11 +143,11 @@ const { ExperimentalDiscountsMeta } = window.wc.blocksCheckout;
|
|||
|
||||
const render = () => {
|
||||
return (
|
||||
<ExperimentalDiscountsMeta>
|
||||
<div class="wc-block-components-totals-wrapper">
|
||||
<ExperimentalDiscountsMeta>
|
||||
<div class="wc-block-components-totals-wrapper">
|
||||
{ __( 'You have 98683 coins to spend ...', 'YOUR-TEXTDOMAIN' ) }
|
||||
</div>
|
||||
</ExperimentalDiscountsMeta>
|
||||
</div>
|
||||
</ExperimentalDiscountsMeta>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -43,8 +43,8 @@ The options you feed the configuration instance should be an object in this shap
|
|||
```js
|
||||
const options = {
|
||||
name: 'my_payment_method',
|
||||
content: <div>A React node</div>,
|
||||
edit: <div>A React node</div>,
|
||||
content: <div>A React node</div>,
|
||||
edit: <div>A React node</div>,
|
||||
canMakePayment: () => true,
|
||||
paymentMethodId: 'new_payment_method',
|
||||
supports: {
|
||||
|
|
|
|||
|
|
@ -32,14 +32,14 @@ const { registerPlugin } = wp.plugins;
|
|||
const { ExperimentalOrderMeta } = wc.blocksCheckout;
|
||||
|
||||
const MyCustomComponent = ( { cart, extensions } ) => {
|
||||
return <div className="my-component">Hello WooCommerce</div>;
|
||||
return <div className="my-component">Hello WooCommerce</div>;
|
||||
};
|
||||
|
||||
const render = () => {
|
||||
return (
|
||||
<ExperimentalOrderMeta>
|
||||
<MyCustomComponent />
|
||||
</ExperimentalOrderMeta>
|
||||
<ExperimentalOrderMeta>
|
||||
<MyCustomComponent />
|
||||
</ExperimentalOrderMeta>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -295,7 +295,7 @@ function custom_override_checkout_fields( $fields ) {
|
|||
add_action( 'woocommerce_admin_order_data_after_shipping_address', 'my_custom_checkout_field_display_admin_order_meta', 10, 1 );
|
||||
|
||||
function my_custom_checkout_field_display_admin_order_meta($order){
|
||||
echo '<p><strong>'. esc_html__( 'Phone From Checkout Form' ) . ':</strong> ' . esc_html( $order->get_meta( '_shipping_phone', true ) ) . '</p>';
|
||||
echo '<p><strong>'. esc_html__( 'Phone From Checkout Form' ) . ':</strong> ' . esc_html( $order->get_meta( '_shipping_phone', true ) ) . '</p>';
|
||||
}
|
||||
```
|
||||
|
||||
|
|
@ -317,7 +317,7 @@ add_action( 'woocommerce_after_order_notes', 'my_custom_checkout_field' );
|
|||
|
||||
function my_custom_checkout_field( $checkout ) {
|
||||
|
||||
echo '<div id="my_custom_checkout_field"><h2>' . esc_html__( 'My Field' ) . '</h2>';
|
||||
echo '<div id="my_custom_checkout_field"><h2>' . esc_html__( 'My Field' ) . '</h2>';
|
||||
|
||||
woocommerce_form_field(
|
||||
'my_field_name',
|
||||
|
|
@ -330,7 +330,7 @@ function my_custom_checkout_field( $checkout ) {
|
|||
$checkout->get_value( 'my_field_name' )
|
||||
);
|
||||
|
||||
echo '</div>';
|
||||
echo '</div>';
|
||||
|
||||
}
|
||||
```
|
||||
|
|
@ -387,7 +387,7 @@ If you wish to display the custom field value on the admin order edition page, y
|
|||
add_action( 'woocommerce_admin_order_data_after_billing_address', 'my_custom_checkout_field_display_admin_order_meta', 10, 1 );
|
||||
|
||||
function my_custom_checkout_field_display_admin_order_meta( $order ){
|
||||
echo '<p><strong>' . esc_html__( 'My Field' ) . ':</strong> ' . esc_html( $order->get_meta( 'My Field', true ) ) . '</p>';
|
||||
echo '<p><strong>' . esc_html__( 'My Field' ) . ':</strong> ' . esc_html( $order->get_meta( 'My Field', true ) ) . '</p>';
|
||||
}
|
||||
```
|
||||
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@ function woocommerce_custom_field_example() {
|
|||
$custom_field_value = get_post_meta( $product->get_id(), 'woo_custom_field', true );
|
||||
|
||||
if ( ! empty( $custom_field_value ) ) {
|
||||
echo '<div class="custom-field">' . esc_html( $custom_field_value ) . '</div>';
|
||||
echo '<div class="custom-field">' . esc_html( $custom_field_value ) . '</div>';
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ if ( defined( 'WC_LOG_DIR' ) ) {
|
|||
$log_url = add_query_arg( 'log_file', $log_key, $log_url );
|
||||
|
||||
// Add a link to the logs to the label
|
||||
$label .= ' | ' . sprintf( \_\_( '%1$sView Log%2$s', 'your-textdomain-here' ), '<a href\="' . esc_url( $log_url ) . '">', '</a\>' );
|
||||
$label .= ' | ' . sprintf( \_\_( '%1$sView Log%2$s', 'your-textdomain-here' ), '<a href\="' . esc_url( $log_url ) . '">', '</a\>' );
|
||||
}
|
||||
|
||||
// Add the logging option to the form fields
|
||||
|
|
|
|||
|
|
@ -100,7 +100,7 @@
|
|||
"menu_title": "Slot and Fill",
|
||||
"tags": "reference",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/cart-and-checkout-blocks/slot-fills.md",
|
||||
"hash": "f83a5fbef86e5ef6b0ec1d63fdbcbf4742f54de1125e535fa0f32f5f80ec794a",
|
||||
"hash": "a232ca3d53f10857170113f6dc5b37ac7ae629e852629bac015a8d3c2cd1bbc4",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/cart-and-checkout-blocks/slot-fills.md",
|
||||
"id": "e388101586765dd9aca752d66d667d74951a1504"
|
||||
},
|
||||
|
|
@ -136,7 +136,7 @@
|
|||
"menu_title": "Available Slots",
|
||||
"tags": "reference",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/cart-and-checkout-blocks/available-slot-fills.md",
|
||||
"hash": "770da9156eea1fdc24db0736ce4ccd44ebde4f3b0373cd875b1ae88d4d9c8a49",
|
||||
"hash": "444d9892cb6552c8394ecdf81816952987b59bc79fa53f3083c3d14a89d1e961",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/cart-and-checkout-blocks/available-slot-fills.md",
|
||||
"id": "c7ac16eee5540b06b6db928f5d03282ff177e84e"
|
||||
},
|
||||
|
|
@ -145,14 +145,14 @@
|
|||
"menu_title": "Additional Checkout Fields",
|
||||
"tags": "reference",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/cart-and-checkout-blocks/additional-checkout-fields.md",
|
||||
"hash": "1b034ede098b933b6b00a9a27ba33e418b1c88c4883e2b9b191092e32866f7b9",
|
||||
"hash": "641615864f627be4bb42574df378cea91f4a7fda9edab099558bad06b92ce62d",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/cart-and-checkout-blocks/additional-checkout-fields.md",
|
||||
"id": "cb5dd8d59043a4e53929121b45da7b33b1661ab8"
|
||||
}
|
||||
],
|
||||
"categories": [
|
||||
{
|
||||
"content": "\nThis document lists the filters that are currently available to extensions and offers usage information for each one of them. Information on registering filters can be found on the [Checkout - Filter Registry](https://github.com/woocommerce/woocommerce/blob/trunk/plugins/woocommerce-blocks/packages/checkout/filter-registry/README.md) page.\n\n## Cart Line Items filters\n\nThe following [Cart Line Items filters](./cart-line-items.md) are available:\n\n- `cartItemClass`\n- `cartItemPrice`\n- `itemName`\n- `saleBadgePriceFormat`\n- `showRemoveItemLink`\n- `subtotalPriceFormat`\n\nThe following screenshot shows which parts the individual filters affect:\n\n\n\n## Order Summary Items filters\n\nThe following [Order Summary Items filters](./order-summary-items.md) are available:\n\n- `cartItemClass`\n- `cartItemPrice`\n- `itemName`\n- `subtotalPriceFormat`\n\nThe following screenshot shows which parts the individual filters affect:\n\n\n\n## Totals Footer Item filter\n\nThe following [Totals Footer Item filter](./totals-footer-item.md) is available:\n\n- `totalLabel`\n- `totalValue`\n\n## Checkout and place order button filters\n\nThe following [Checkout and place order button filters](./checkout-and-place-order-button.md) are available:\n\n- `proceedToCheckoutButtonLabel`\n- `proceedToCheckoutButtonLink`\n- `placeOrderButtonLabel`\n\n## Coupon filters\n\nThe following [Coupon filters](./coupons.md) are available:\n\n- `coupons`\n- `showApplyCouponNotice`\n- `showRemoveCouponNotice`\n\n## Additional Cart and Checkout inner block types filter\n\nThe following [Additional Cart and Checkout inner block types filter](./additional-cart-checkout-inner-block-types.md) is available:\n\n- `additionalCartCheckoutInnerBlockTypes`\n\n## Combined filters\n\nFilters can also be combined. The following example shows how to combine some of the available filters.\n\n```tsx\nconst { registerCheckoutFilters } = window.wc.blocksCheckout;\n\nconst isOrderSummaryContext = ( args ) => args?.context === 'summary';\n\nconst modifyCartItemClass = ( defaultValue, extensions, args ) => {\n\tif ( isOrderSummaryContext( args ) ) {\n\t\treturn 'my-custom-class';\n\t}\n\treturn defaultValue;\n};\n\nconst modifyCartItemPrice = ( defaultValue, extensions, args ) => {\n\tif ( isOrderSummaryContext( args ) ) {\n\t\treturn '<price/> for all items';\n\t}\n\treturn defaultValue;\n};\n\nconst modifyItemName = ( defaultValue, extensions, args ) => {\n\tif ( isOrderSummaryContext( args ) ) {\n\t\treturn `${ defaultValue }`;\n\t}\n\treturn defaultValue;\n};\n\nconst modifySubtotalPriceFormat = ( defaultValue, extensions, args ) => {\n\tif ( isOrderSummaryContext( args ) ) {\n\t\treturn '<price/> per item';\n\t}\n\treturn defaultValue;\n};\n\nregisterCheckoutFilters( 'example-extension', {\n\tcartItemClass: modifyCartItemClass,\n\tcartItemPrice: modifyCartItemPrice,\n\titemName: modifyItemName,\n\tsubtotalPriceFormat: modifySubtotalPriceFormat,\n} );\n```\n\n## Troubleshooting\n\nIf you are logged in to the store as an administrator, you should be shown an error like this if your filter is not\nworking correctly. The error will also be shown in your console.\n\n\n\n\n",
|
||||
"content": "\nThis document lists the filters that are currently available to extensions and offers usage information for each one of them. Information on registering filters can be found on the [Checkout - Filter Registry](https://github.com/woocommerce/woocommerce/blob/trunk/plugins/woocommerce-blocks/packages/checkout/filter-registry/README.md) page.\n\n## Cart Line Items filters\n\nThe following [Cart Line Items filters](./cart-line-items.md) are available:\n\n- `cartItemClass`\n- `cartItemPrice`\n- `itemName`\n- `saleBadgePriceFormat`\n- `showRemoveItemLink`\n- `subtotalPriceFormat`\n\nThe following screenshot shows which parts the individual filters affect:\n\n\n\n## Order Summary Items filters\n\nThe following [Order Summary Items filters](./order-summary-items.md) are available:\n\n- `cartItemClass`\n- `cartItemPrice`\n- `itemName`\n- `subtotalPriceFormat`\n\nThe following screenshot shows which parts the individual filters affect:\n\n\n\n## Totals Footer Item filter\n\nThe following [Totals Footer Item filter](./totals-footer-item.md) is available:\n\n- `totalLabel`\n- `totalValue`\n\n## Checkout and place order button filters\n\nThe following [Checkout and place order button filters](./checkout-and-place-order-button.md) are available:\n\n- `proceedToCheckoutButtonLabel`\n- `proceedToCheckoutButtonLink`\n- `placeOrderButtonLabel`\n\n## Coupon filters\n\nThe following [Coupon filters](./coupons.md) are available:\n\n- `coupons`\n- `showApplyCouponNotice`\n- `showRemoveCouponNotice`\n\n## Additional Cart and Checkout inner block types filter\n\nThe following [Additional Cart and Checkout inner block types filter](./additional-cart-checkout-inner-block-types.md) is available:\n\n- `additionalCartCheckoutInnerBlockTypes`\n\n## Combined filters\n\nFilters can also be combined. The following example shows how to combine some of the available filters.\n\n```tsx\nconst { registerCheckoutFilters } = window.wc.blocksCheckout;\n\nconst isOrderSummaryContext = ( args ) => args?.context === 'summary';\n\nconst modifyCartItemClass = ( defaultValue, extensions, args ) => {\n\tif ( isOrderSummaryContext( args ) ) {\n\t\treturn 'my-custom-class';\n\t}\n\treturn defaultValue;\n};\n\nconst modifyCartItemPrice = ( defaultValue, extensions, args ) => {\n\tif ( isOrderSummaryContext( args ) ) {\n\t\treturn '<price/> for all items';\n\t}\n\treturn defaultValue;\n};\n\nconst modifyItemName = ( defaultValue, extensions, args ) => {\n\tif ( isOrderSummaryContext( args ) ) {\n\t\treturn `${ defaultValue }`;\n\t}\n\treturn defaultValue;\n};\n\nconst modifySubtotalPriceFormat = ( defaultValue, extensions, args ) => {\n\tif ( isOrderSummaryContext( args ) ) {\n\t\treturn '<price/> per item';\n\t}\n\treturn defaultValue;\n};\n\nregisterCheckoutFilters( 'example-extension', {\n\tcartItemClass: modifyCartItemClass,\n\tcartItemPrice: modifyCartItemPrice,\n\titemName: modifyItemName,\n\tsubtotalPriceFormat: modifySubtotalPriceFormat,\n} );\n```\n\n## Troubleshooting\n\nIf you are logged in to the store as an administrator, you should be shown an error like this if your filter is not\nworking correctly. The error will also be shown in your console.\n\n\n\n\n",
|
||||
"category_slug": "cart-and-checkout-available-filters",
|
||||
"category_title": "Available Filters",
|
||||
"posts": [
|
||||
|
|
@ -161,7 +161,7 @@
|
|||
"menu_title": "Totals Footer Item",
|
||||
"tags": "reference",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/cart-and-checkout-blocks/available-filters/totals-footer-item.md",
|
||||
"hash": "3a9869d7d7beadb8117c100c3b58675e416e16386ee753f78e1a9087e768053f",
|
||||
"hash": "6cf668422809b036dca7c1996ae907497a38631dd5bfb7e67d6bf3620425e411",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/cart-and-checkout-blocks/available-filters/totals-footer-item.md",
|
||||
"id": "90a9b8df374082f1713866a58b810303adb4d3da"
|
||||
},
|
||||
|
|
@ -170,7 +170,7 @@
|
|||
"menu_title": "Order Summary Items",
|
||||
"tags": "reference",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/cart-and-checkout-blocks/available-filters/order-summary-items.md",
|
||||
"hash": "36f1bfa8d192b106d28d71334b42413d4c289a0a8d1f5b76b2f905d6fa453883",
|
||||
"hash": "1796f53f3d67dd6b47fe8d7f67cbd69bddcaa6416bb5a0cc1a0fc99f42ea9d10",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/cart-and-checkout-blocks/available-filters/order-summary-items.md",
|
||||
"id": "78eb3b135f82a3624a49979e3e93334295abd060"
|
||||
},
|
||||
|
|
@ -223,7 +223,7 @@
|
|||
"menu_title": "Payment Method Integration",
|
||||
"tags": "reference",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/cart-and-checkout-blocks/checkout-payment-methods/payment-method-integration.md",
|
||||
"hash": "f60acaaea4a6ac4adf637bc7069c966e01db089f9dfaa937def91165a71a4255",
|
||||
"hash": "138ffbf27e79ec8b35d2c46e87e3663c203d91fc9ba3f76c43f3cbe76258e5bf",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/cart-and-checkout-blocks/checkout-payment-methods/payment-method-integration.md",
|
||||
"id": "c9a763b6976ecf03aeb961577c17c31f1ac7c420",
|
||||
"links": {
|
||||
|
|
@ -363,7 +363,7 @@
|
|||
"menu_title": "Add link to logged data",
|
||||
"tags": "code-snippets",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/code-snippets/link-to-logged-data.md",
|
||||
"hash": "fd1c3a58da8b7eed11da841d901b4d3cc117c6753c3b3834f3de41ea266490b9",
|
||||
"hash": "4e51c120a6ea7b14c0e43f11e8eb1b785e4447fbe2b997f5789f10b57c485137",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/code-snippets/link-to-logged-data.md",
|
||||
"id": "34da337f79be5ce857024f541a99d302174ca37d"
|
||||
},
|
||||
|
|
@ -389,7 +389,7 @@
|
|||
"menu_title": "Displaying custom fields in theme",
|
||||
"tags": "code-snippet",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/code-snippets/displaying_custom_fields_in_your_theme_or_site.md",
|
||||
"hash": "8048c2e9e5d25268d17d4f4ca7929e265eddbd4653318dd8f544856ddecd39dd",
|
||||
"hash": "013acf9daaef92daf49e49315b2c0eba730b96adb8078eaab1146db4afc5270b",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/code-snippets/displaying_custom_fields_in_your_theme_or_site.md",
|
||||
"id": "3e3fd004afda355cf9dbb05f0967523d6d0da1ce"
|
||||
},
|
||||
|
|
@ -405,7 +405,7 @@
|
|||
"post_title": "Customizing checkout fields using actions and filters",
|
||||
"tags": "code-snippet",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/code-snippets/customising-checkout-fields.md",
|
||||
"hash": "8bbfe162402e484ae89427e1aedaed4faa57555b64b5a77ca800f701524314cb",
|
||||
"hash": "ce63f640d5b91d85c3bbb80128d8a19e9c00d1c0e252abd4f958e29dcc1e60ce",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/code-snippets/customising-checkout-fields.md",
|
||||
"id": "83097d3b7414557fc80dcf9f8f1a708bbdcdd884"
|
||||
},
|
||||
|
|
@ -676,7 +676,7 @@
|
|||
{
|
||||
"post_title": "Settings API",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/extension-development/settings-api.md",
|
||||
"hash": "ca80728c56d60bb7416bb2865678b9e04807d0e208a4df56b8efaf32e9ac465d",
|
||||
"hash": "9015453d8be72871bb26a450b86e542aa698c67b93284a04cd2b18008113bf43",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/extension-development/settings-api.md",
|
||||
"id": "ed56b97b9de350074a302373ebaaa5dcce727e8b"
|
||||
},
|
||||
|
|
@ -691,7 +691,7 @@
|
|||
"post_title": "Integrating with coming soon mode",
|
||||
"tags": "how-to, coming-soon",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/extension-development/integrating-coming-soon-mode.md",
|
||||
"hash": "8c2087952ae79bb4c3e3977c57d9e933fcfaa418a5bc643b3827059daa5879a7",
|
||||
"hash": "791cd6d3928b3aafc72a24d0283a404a90a0f021c7c36edaa445eb44978114a3",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/extension-development/integrating-coming-soon-mode.md",
|
||||
"id": "787743efb6ef0ad509b17735eaf58b2a9a08afbc"
|
||||
},
|
||||
|
|
@ -700,7 +700,7 @@
|
|||
"menu_title": "Creating custom settings",
|
||||
"tags": "how-to",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/extension-development/implementing-settings.md",
|
||||
"hash": "604d455f9e413c23a208c174ba25611c333e02eef0bafb0d38253f8dd8e3a04c",
|
||||
"hash": "5cab83a84bb7eb11090bac244754fdae1f8aef1030850d12c29c09054c50bc61",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/extension-development/implementing-settings.md",
|
||||
"id": "58bcbd3a0cd3b3e5fe738c3bb625cf9b7747c99a"
|
||||
},
|
||||
|
|
@ -727,7 +727,7 @@
|
|||
"menu_title": "Implement merchant onboarding",
|
||||
"tags": "how-to",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/extension-development/handling-merchant-onboarding.md",
|
||||
"hash": "c73e3c5015e6cda3be9ebd2d5fbda590ac9fa599e5fb02163c971c01060970ad",
|
||||
"hash": "85fc7d70f47fdb195ad2c690d3b95565169221f9e4d7afa98e88f3824ad0e267",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/extension-development/handling-merchant-onboarding.md",
|
||||
"id": "89fe15dc232379f546852822230c334d3d940b93"
|
||||
},
|
||||
|
|
@ -814,7 +814,7 @@
|
|||
"menu_title": "Add custom product types to Add Products onboarding list",
|
||||
"tags": "how-to",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/extension-development/adding-custom-products-to-add-products-onboarding-list.md",
|
||||
"hash": "60e50ef5d7e2ac6d0745c31031140df1dbb3c1b8724230cab1eaedebe3814688",
|
||||
"hash": "92a8e17f2cd8dc32a78f03970ded1beec2fd60cadbf14c8cefcabbf7abae59c5",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/extension-development/adding-custom-products-to-add-products-onboarding-list.md",
|
||||
"id": "747321d7fd2eb5c9c3351ea38374dfc80d3ec968"
|
||||
},
|
||||
|
|
@ -861,7 +861,7 @@
|
|||
"menu_title": "Troubleshooting Endpoints",
|
||||
"tags": "how-to",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/getting-started/troubleshooting-endpoints.md",
|
||||
"hash": "1a015d82f4d82cc2d9f13f188f03c4e6e03b98ea9d22c5a7710547e7d3c8c78f",
|
||||
"hash": "448bcd827ff44e9eb10d039bfd933cd63a37df05bd694bf80f9d9f978a3afdf5",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/getting-started/troubleshooting-endpoints.md",
|
||||
"id": "dff57bd736ae83850bfc7e4ac994bd22141d96ee",
|
||||
"links": {
|
||||
|
|
@ -874,7 +874,7 @@
|
|||
"menu_title": "Development environment setup",
|
||||
"tags": "tutorial, setup",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/getting-started/development-environment.md",
|
||||
"hash": "9e471d3f44a882fe61dcad9e5207d51b280a7220aae1bf6e4ae1fbdd68b7e3d4",
|
||||
"hash": "bf5d77349ea64d1b8e19fe6b7472be35ed92406c5aafe677ce92363fb13f94d4",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/getting-started/development-environment.md",
|
||||
"id": "9080572a3904349c44c565ca7e1bef1212c58757"
|
||||
},
|
||||
|
|
@ -903,7 +903,7 @@
|
|||
"menu_title": "Customizing Endpoint URLs",
|
||||
"tags": "how-to",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/getting-started/customizing-endpoint-urls.md",
|
||||
"hash": "7feda75b07a1c11d533afabc7781abb80438ce2fa2c3fb37c173e1275098e720",
|
||||
"hash": "364ed14d70c49498ba5017104b9c83743322d5095c215262d4311866a76181e5",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/getting-started/customizing-endpoint-urls.md",
|
||||
"id": "c19e1b1da6543f8a95ee04ba120f4f171f8e6e40",
|
||||
"links": {
|
||||
|
|
@ -956,7 +956,7 @@
|
|||
"post_title": "HPOS CLI Tools",
|
||||
"tags": "reference",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/high-performance-order-storage/cli-tools.md",
|
||||
"hash": "8cd823759ce20551d582c39f57ae79f9e0227a8cb0131146e6b7dac5e7312708",
|
||||
"hash": "63e5edd55720c963de6700854515ea51946ff734b716ab61793955308b72af91",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/high-performance-order-storage/cli-tools.md",
|
||||
"id": "cdd9d9ad5777d978ba953e3478fbb61cab8fdf59"
|
||||
}
|
||||
|
|
@ -1050,7 +1050,7 @@
|
|||
"menu_title": "Registering custom collections",
|
||||
"tags": "how-to",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/product-collection-block/register-product-collection.md",
|
||||
"hash": "27c321bed35524d74019e015f5eed6cdca7e6c2efe0bc89ffdd2b9b5d43c47e8",
|
||||
"hash": "6d32bc27924226b032e03624dbeedde3c899c2e8eb777a1fece93bed99544f03",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/product-collection-block/register-product-collection.md",
|
||||
"id": "3bf26fc7c56ae6e6a56e1171f750f5204fcfcece"
|
||||
},
|
||||
|
|
@ -1059,7 +1059,7 @@
|
|||
"menu_title": "DOM Events",
|
||||
"tags": "how-to",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/product-collection-block/dom-events.md",
|
||||
"hash": "59a4b49eb146774d33229bc60ab7d8f74381493f6e7089ca8f0e2d0eb433a7a4",
|
||||
"hash": "85cffe1cc273621f16f7362b5efe28ede9689cee0a6e87d0d426014bacc24b05",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/product-collection-block/dom-events.md",
|
||||
"id": "c8d247b91472740075871e6b57a9583d893ac650"
|
||||
}
|
||||
|
|
@ -1117,7 +1117,7 @@
|
|||
{
|
||||
"post_title": "Extending the product form with custom fields",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/product-editor-development/how-to-guides/custom-field-tutorial.md",
|
||||
"hash": "f0d0273c0d65739d605448492bfbe684f0ed33f9e6e274df06f26e83cb6ba341",
|
||||
"hash": "dfa00ed71af6eda1f539684657d5c880850ececea4c07bd11e89a605fab77ec7",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/product-editor-development/how-to-guides/custom-field-tutorial.md",
|
||||
"id": "fed80efbb225df9054fadd6e1fc45c2cd03e7f99"
|
||||
}
|
||||
|
|
@ -1229,7 +1229,7 @@
|
|||
"menu_title": "Core critical flows",
|
||||
"tags": "reference",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/quality-and-best-practices/core-critical-flows.md",
|
||||
"hash": "472f5a240abe907fec83a8a9f88af6699f2d994aa7ae87faa1716a087baa66db",
|
||||
"hash": "34109195216ebcb5b23e741391b9f355ba861777a5533d4ef1e341472cb5209e",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/quality-and-best-practices/core-critical-flows.md",
|
||||
"id": "e561b46694dba223c38b87613ce4907e4e14333a"
|
||||
},
|
||||
|
|
@ -1329,7 +1329,7 @@
|
|||
"menu_title": "Extend analytics reports",
|
||||
"tags": "how-to",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/reporting/extending-woocommerce-admin-reports.md",
|
||||
"hash": "b694b0e857d3ca60acdef2ffaae329a93f0a0243eacc4b192562c7f507f169b3",
|
||||
"hash": "56712b3583d0b0a4d96eb19153e5abcb8a386fcd083fa56481acf1be530afa25",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/reporting/extending-woocommerce-admin-reports.md",
|
||||
"id": "3ef20148084c97d7f62b565b92df844392ac27f7"
|
||||
},
|
||||
|
|
@ -1498,7 +1498,7 @@
|
|||
"post_title": "Classic theme development handbook",
|
||||
"menu_title": "Classic theme development",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/theme-development/classic-theme-developer-handbook.md",
|
||||
"hash": "1194437fbc2ec82d60c8b73a9742ec650bd90fe734758c3a2b27ed852d4d14f7",
|
||||
"hash": "95ce7250479a5133bba6c68939d86e4e79708c65044d70727c73f6a88f716da7",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/theme-development/classic-theme-developer-handbook.md",
|
||||
"id": "c2fde53e1dc3efbded3cfe1fb4df27136a3799a4"
|
||||
}
|
||||
|
|
@ -1775,7 +1775,7 @@
|
|||
"menu_title": "Commands",
|
||||
"tags": "reference",
|
||||
"edit_url": "https://github.com/woocommerce/woocommerce/edit/trunk/docs/wc-cli/wc-cli-commands.md",
|
||||
"hash": "a926ff45642539e0edc6b4e3dfeba4b31c2d01082700af132a2e8d56cfa25ec5",
|
||||
"hash": "17bbb18fd0ad0523a5b864f74acbec64c853ae7b42ecd7e6d9dbce1fbe2669aa",
|
||||
"url": "https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/docs/wc-cli/wc-cli-commands.md",
|
||||
"id": "73d6bc6468d23a9e93d16d574399105b143e43af"
|
||||
},
|
||||
|
|
@ -1804,5 +1804,5 @@
|
|||
"categories": []
|
||||
}
|
||||
],
|
||||
"hash": "ffae56d5a4993b151a54ec2117be1acf6a02c9fcab5b5662a2a583ea0e743f1d"
|
||||
"hash": "47dc2a7e213e1e9d83e93a85dafdf8c7b539cc5474b4166eb6398b734d150ff3"
|
||||
}
|
||||
|
|
@ -45,8 +45,8 @@ addFilter(
|
|||
key: 'custom-product',
|
||||
title: __('Custom product', 'custom-product'),
|
||||
content: __('Create an awesome custom product.', 'custom-product'),
|
||||
before: <FolderMultipleIcon />,
|
||||
after: <Icon icon={chevronRight} />,
|
||||
before: <FolderMultipleIcon />,
|
||||
after: <Icon icon={chevronRight} />,
|
||||
onClick: () => {
|
||||
}
|
||||
},
|
||||
|
|
|
|||
|
|
@ -448,7 +448,7 @@ class ExampleNote {
|
|||
$note->set_type( Note::E_WC_ADMIN_NOTE_INFORMATIONAL );
|
||||
|
||||
// Set the type of layout the note uses. Supported layout types are:
|
||||
// 'banner', 'plain', 'thumbnail'
|
||||
// 'plain', 'thumbnail'
|
||||
$note->set_layout( 'plain' );
|
||||
|
||||
// Set the image for the note. This property renders as the src
|
||||
|
|
|
|||
|
|
@ -227,19 +227,19 @@ public function generate_button_html( $key, $data ) {
|
|||
|
||||
ob_start();
|
||||
?>
|
||||
<tr valign="top">
|
||||
<th scope="row" class="titledesc">
|
||||
<label for="<?php echo esc_attr( $field ); ?>"><?php echo wp_kses_post( $data['title'] ); ?></label>
|
||||
<tr valign="top">
|
||||
<th scope="row" class="titledesc">
|
||||
<label for="<?php echo esc_attr( $field ); ?>"><?php echo wp_kses_post( $data['title'] ); ?></label>
|
||||
<?php echo $this->get_tooltip_html( $data ); ?>
|
||||
</th>
|
||||
<td class="forminp">
|
||||
<fieldset>
|
||||
<legend class="screen-reader-text"><span><?php echo wp_kses_post( $data['title'] ); ?></span></legend>
|
||||
<button class="<?php echo esc_attr( $data['class'] ); ?>" type="button" name="<?php echo esc_attr( $field ); ?>" id="<?php echo esc_attr( $field ); ?>" style="<?php echo esc_attr( $data['css'] ); ?>" <?php echo $this->get_custom_attribute_html( $data ); ?>><?php echo wp_kses_post( $data['title'] ); ?></button>
|
||||
</th>
|
||||
<td class="forminp">
|
||||
<fieldset<
|
||||
<legend class="screen-reader-text"><span><?php echo wp_kses_post( $data['title'] ); ?></span></legend>
|
||||
<button class="<?php echo esc_attr( $data['class'] ); ?>" type="button" name="<?php echo esc_attr( $field ); ?>" id="<?php echo esc_attr( $field ); ?>" style="<?php echo esc_attr( $data['css'] ); ?>" <?php echo $this->get_custom_attribute_html( $data ); ?>><?php echo wp_kses_post( $data['title'] ); ?></button>
|
||||
<?php echo $this->get_description_html( $data ); ?>
|
||||
</fieldset>
|
||||
</td>
|
||||
</tr>
|
||||
</fieldset>
|
||||
</td>
|
||||
</tr>
|
||||
<?php
|
||||
return ob_get_clean();
|
||||
}
|
||||
|
|
|
|||
|
|
@ -160,7 +160,7 @@ Use the following example to exclude a certain page based on the page's ID. Repl
|
|||
|
||||
```php
|
||||
add_filter( 'woocommerce_coming_soon_exclude', function( $is_excluded ) {
|
||||
if ( get_the_ID() === <page-id> ) {
|
||||
if ( get_the_ID() === <page-id> ) {
|
||||
return true;
|
||||
}
|
||||
return $is_excluded;
|
||||
|
|
|
|||
|
|
@ -70,10 +70,10 @@ Create a method called `admin_options` containing the following:
|
|||
```php
|
||||
function admin_options() {
|
||||
?>
|
||||
<h2><?php esc_html_e( 'Your plugin name', 'your-text-domain' ); ?></h2>
|
||||
<table class="form-table">
|
||||
<h2><?php esc_html_e( 'Your plugin name', 'your-text-domain' ); ?></h2>
|
||||
<table class="form-table">
|
||||
<?php $this->generate_settings_html(); ?>
|
||||
</table>
|
||||
</table>
|
||||
<?php
|
||||
}
|
||||
```
|
||||
|
|
|
|||
|
|
@ -48,24 +48,24 @@ Gateways need to use these methods for full 2.1+ compatibility.
|
|||
On Windows servers, the **web.config** file may not be set correctly to allow for the endpoints to work correctly. In this case, clicking on endpoint links (e.g. /edit-account/ or /customer-logout/) may appear to do nothing except refresh the page. In order to resolve this, try simplifying the **web.config** file on your Windows server. Here's a sample file configuration:
|
||||
|
||||
```xml
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<configuration>
|
||||
<system.webServer>
|
||||
<handlers accessPolicy="Read, Execute, Script" />
|
||||
<rewrite>
|
||||
<rules>
|
||||
<rule name="wordpress" patternSyntax="Wildcard">
|
||||
<match url="*" />
|
||||
<conditions>
|
||||
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
|
||||
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
|
||||
</conditions>
|
||||
<action type="Rewrite" url="index.php" />
|
||||
</rule>
|
||||
</rules>
|
||||
</rewrite>
|
||||
</system.webServer>
|
||||
</configuration>
|
||||
<<>?xml version="1.0" encoding="UTF-8"?>
|
||||
<configuration>
|
||||
<system.webServer>
|
||||
<handlers accessPolicy="Read, Execute, Script" />
|
||||
<rewrite>
|
||||
<rules>
|
||||
<rule name="wordpress" patternSyntax="Wildcard">
|
||||
<match url="*" />
|
||||
<conditions>
|
||||
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
|
||||
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
|
||||
</conditions>
|
||||
<action type="Rewrite" url="index.php" />
|
||||
</rule>
|
||||
</rules>
|
||||
</rewrite>
|
||||
</system.webServer>
|
||||
</configuration>
|
||||
```
|
||||
|
||||
### Pages direct to wrong place
|
||||
|
|
@ -74,6 +74,6 @@ Landing on the wrong page when clicking an endpoint URL is typically caused by i
|
|||
|
||||
### How to Remove "Downloads" from My Account
|
||||
|
||||
Sometimes the "Downloads" endpoint on the "My account" page does not need to be displayed. This can be removed by going to **WooCommerce → Settings → Advanced → Account endpoints** and clearing the Downloads endpoint field.
|
||||
Sometimes the "Downloads" endpoint on the "My account" page does not need to be displayed. This can be removed by going to **WooCommerce > Settings > Advanced > Account endpoints** and clearing the Downloads endpoint field.
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -80,22 +80,16 @@ git clone https://github.com/woocommerce/woocommerce.git
|
|||
cd woocommerce
|
||||
```
|
||||
|
||||
### Activate the required Node version
|
||||
### Install and Activate the required Node version
|
||||
|
||||
```sh
|
||||
nvm use
|
||||
Found '/path/to/woocommerce/.nvmrc' with version <v12>
|
||||
Now using node v12.21.0 (npm v6.14.11)
|
||||
nvm install
|
||||
Found '/path/to/woocommerce/.nvmrc' with version <v20>
|
||||
v20.17.0 is already installed.
|
||||
Now using node v20.17.0 (npm v10.8.2)
|
||||
```
|
||||
|
||||
Note: if you don't have the required version of Node installed, NVM will alert you so you can install it:
|
||||
|
||||
```sh
|
||||
Found '/path/to/woocommerce/.nvmrc' with version <v12>
|
||||
N/A: version "v12 -> N/A" is not yet installed.
|
||||
|
||||
You need to run "nvm install v12" to install it before using it.
|
||||
```
|
||||
Note: if you don't have the required version of Node installed, NVM will install it.
|
||||
|
||||
### Install dependencies
|
||||
|
||||
|
|
|
|||
|
|
@ -18,24 +18,24 @@ For more information, learn how to [Customize Endpoints](./customizing-endpoint-
|
|||
On Windows servers, the **web.config** file may not be set correctly to allow for the endpoints to work correctly. In this case, clicking on endpoint links (e.g. /edit-account/ or /customer-logout/) may appear to do nothing except refresh the page. In order to resolve this, try simplifying the **web.config** file on your Windows server. Here's a sample file configuration:
|
||||
|
||||
```xml
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<configuration>
|
||||
<system.webServer>
|
||||
<handlers accessPolicy="Read, Execute, Script" />
|
||||
<rewrite>
|
||||
<rules>
|
||||
<rule name="wordpress" patternSyntax="Wildcard">
|
||||
<match url="*" />
|
||||
<conditions>
|
||||
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
|
||||
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
|
||||
</conditions>
|
||||
<action type="Rewrite" url="index.php" />
|
||||
</rule>
|
||||
</rules>
|
||||
</rewrite>
|
||||
</system.webServer>
|
||||
</configuration>
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<configuration>
|
||||
<system.webServer>
|
||||
<handlers accessPolicy="Read, Execute, Script" />
|
||||
<rewrite>
|
||||
<rules>
|
||||
<rule name="wordpress" patternSyntax="Wildcard">
|
||||
<match url="*" />
|
||||
<conditions>
|
||||
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
|
||||
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
|
||||
</conditions>
|
||||
<action type="Rewrite" url="index.php" />
|
||||
</rule>
|
||||
</rules>
|
||||
</rewrite>
|
||||
</system.webServer>
|
||||
</configuration>
|
||||
```
|
||||
|
||||
## Pages direct to wrong place
|
||||
|
|
@ -44,6 +44,6 @@ Landing on the wrong page when clicking an endpoint URL is typically caused by i
|
|||
|
||||
## How to Remove "Downloads" from My Account
|
||||
|
||||
Sometimes the "Downloads" endpoint on the "My account" page does not need to be displayed. This can be removed by going to **WooCommerce → Settings → Advanced → Account endpoints** and clearing the Downloads endpoint field.
|
||||
Sometimes the "Downloads" endpoint on the "My account" page does not need to be displayed. This can be removed by going to **WooCommerce > Settings > Advanced > Account endpoints** and clearing the Downloads endpoint field.
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -229,7 +229,7 @@ The backfill command can be used to selectively migrate order data (or whole ord
|
|||
The exact syntax for this command is as follows:
|
||||
|
||||
```plaintext
|
||||
wp wc hpos backfill <order_id> --from=<datastore> --to=<datastore> [--meta_keys=<meta_keys>] [--props=<props>]
|
||||
wp wc hpos backfill <order_id> --from=<datastore> --to=<datastore> [--meta_keys=<meta_keys>] [--props=<props>]
|
||||
```
|
||||
|
||||
You have to specify which datastore to use as source (either `posts` or `hpos`) and which one to use as destination. The `--meta_keys` and `--props` arguments receive a comma separated list of meta keys and order properties, which can be used to move only certain data from one datastore to the other, instead of the whole order.
|
||||
|
|
|
|||
|
|
@ -10,13 +10,13 @@ tags: how-to
|
|||
|
||||
This event is triggered when Product Collection block was rendered or re-rendered (e.g. due to page change).
|
||||
|
||||
### `wc-blocks_product_list_rendered` - `detail` parameters
|
||||
### `detail` parameters
|
||||
|
||||
| Parameter | Type | Default value | Description |
|
||||
| ------------------ | ------- | ------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
||||
| `collection` | string | `undefined` | Collection type. It's `undefined` for "create your own" collections as the type is not specified. For other Core collections it can be one of type: `woocommerce/product-collection/best-sellers`, `woocommerce/product-collection/featured`, `woocommerce/product-collection/new-arrivals`, `woocommerce/product-collection/on-sale`, `woocommerce/product-collection/top-rated`. For custom collections it will hold their name. |
|
||||
|
||||
### `wc-blocks_product_list_rendered` - Example usage
|
||||
### Example usage
|
||||
|
||||
```javascript
|
||||
window.document.addEventListener(
|
||||
|
|
@ -32,14 +32,14 @@ window.document.addEventListener(
|
|||
|
||||
This event is triggered when some blocks are clicked in order to view product (redirect to product page).
|
||||
|
||||
### `wc-blocks_viewed_product` - `detail` parameters
|
||||
### `detail` parameters
|
||||
|
||||
| Parameter | Type | Default value | Description |
|
||||
| ------------------ | ------- | ------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
||||
| `collection` | string | `undefined` | Collection type. It's `undefined` for "create your own" collections as the type is not specified. For other Core collections it can be one of type: `woocommerce/product-collection/best-sellers`, `woocommerce/product-collection/featured`, `woocommerce/product-collection/new-arrivals`, `woocommerce/product-collection/on-sale`, `woocommerce/product-collection/top-rated`. For custom collections it will hold their name. |
|
||||
| `productId` | number | | Product ID |
|
||||
|
||||
### `wc-blocks_viewed_product` Example usage
|
||||
### Example usage
|
||||
|
||||
```javascript
|
||||
window.document.addEventListener(
|
||||
|
|
|
|||
|
|
@ -36,7 +36,7 @@ We will explain important arguments that can be passed to `__experimentalRegiste
|
|||
|
||||
A Collection is defined by an object that can contain the following fields:
|
||||
|
||||
- `name` (type `string`): A unique and machine-readable collection name. We recommend using the format `<plugin-name>/product-collection/<collection-name>`. Both `<plugin-name>` and `<collection-name>` should consist only of alphanumeric characters and hyphens (e.g., `my-plugin/product-collection/my-collection`).
|
||||
- `name` (type `string`): A unique and machine-readable collection name. We recommend using the format `<plugin-name>/product-collection/<collection-name>`. Both `<plugin-name>` and `<collection-name>` should consist only of alphanumeric characters and hyphens (e.g., `my-plugin/product-collection/my-collection`).
|
||||
- `title` (type `string`): The title of the collection, which will be displayed in various places including the block inserter and collection chooser.
|
||||
- `description` (optional, type `string`): A human-readable description of the collection.
|
||||
- `innerBlocks` (optional, type `Array[]`): An array of inner blocks that will be added to the collection. If not provided, the default inner blocks will be used.
|
||||
|
|
|
|||
|
|
@ -62,7 +62,7 @@ In React:
|
|||
import { registerBlockType } from '@wordpress/blocks';
|
||||
|
||||
function Edit() {
|
||||
return <p>Hello World (from the editor).</p>;
|
||||
return <p>Hello World (from the editor).</p>;
|
||||
}
|
||||
|
||||
registerBlockType( 'tutorial/new-product-form-field', {
|
||||
|
|
@ -217,8 +217,8 @@ function Edit( { attributes } ) {
|
|||
|
||||
const blockProps = useWooBlockProps( attributes );
|
||||
return (
|
||||
<div { ...blockProps }>
|
||||
<ComboboxControl
|
||||
<div { ...blockProps }>
|
||||
<ComboboxControl
|
||||
label="Example dropdown"
|
||||
value={ value }
|
||||
onChange={ setValue }
|
||||
|
|
@ -232,8 +232,8 @@ function Edit( { attributes } ) {
|
|||
)
|
||||
)
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
```
|
||||
|
|
|
|||
|
|
@ -147,13 +147,14 @@ These flows will continually evolve as the platform evolves with flows updated,
|
|||
### Merchant - Settings
|
||||
|
||||
| User Type | Flow Area | Flow Name | Test File |
|
||||
| --------- | --------- | -------------------------------------- | ---------------------------------------- |
|
||||
| --------- | --------- |----------------------------------------|------------------------------------------|
|
||||
| Merchant | Settings | Update General Settings | merchant/settings-general.spec.js |
|
||||
| Merchant | Settings | Add Tax Rates | merchant/settings-tax.spec.js |
|
||||
| Merchant | Settings | Add Shipping Zones | merchant/create-shipping-zones.spec.js |
|
||||
| Merchant | Settings | Add Shipping Classes | merchant/create-shipping-classes.spec.js |
|
||||
| Merchant | Settings | Enable local pickup for checkout block | merchant/settings-shipping.spec.js |
|
||||
| Merchant | Settings | Update payment settings | admin-tasks/payment.spec.js |
|
||||
| Merchant | Settings | Handle Product Brands | merchant/create-product-brand.spec.js |
|
||||
|
||||
### Merchant - Coupons
|
||||
|
||||
|
|
|
|||
|
|
@ -32,7 +32,7 @@ npm run create-wc-extension
|
|||
After choosing a name, move into that folder and start webpack to watch and build files.
|
||||
|
||||
```sh
|
||||
cd ../<my-plugin-name>
|
||||
cd ../<my-plugin-name>
|
||||
npm install
|
||||
npm start
|
||||
```
|
||||
|
|
|
|||
|
|
@ -73,11 +73,11 @@ add_action('woocommerce_before_main_content', 'my_theme_wrapper_start', 10);
|
|||
add_action('woocommerce_after_main_content', 'my_theme_wrapper_end', 10);
|
||||
|
||||
function my_theme_wrapper_start() {
|
||||
echo '<section id="main">';
|
||||
echo '<section id="main">';
|
||||
}
|
||||
|
||||
function my_theme_wrapper_end() {
|
||||
echo '</section>';
|
||||
echo '</section>';
|
||||
}
|
||||
```
|
||||
|
||||
|
|
|
|||
|
|
@ -117,7 +117,7 @@ Options: table, json, csv, ids, yaml, count, headers, body, envelope
|
|||
|
||||
### wc customer_download
|
||||
|
||||
#### wc customer_download list <customer_id>
|
||||
#### wc customer_download list <customer_id>
|
||||
|
||||
- `--customer_id` - Unique identifier for the resource.
|
||||
- `--context` - Scope under which the request is made; determines fields present in response.
|
||||
|
|
@ -198,7 +198,7 @@ Options: table, json, csv, ids, yaml, count, headers, body, envelope
|
|||
|
||||
### wc order_note
|
||||
|
||||
#### wc order_note list <order_id>
|
||||
#### wc order_note list <order_id>
|
||||
|
||||
- `--order_id` - The order ID.
|
||||
- `--context` - Scope under which the request is made; determines fields present in response.
|
||||
|
|
@ -211,14 +211,14 @@ Default: table
|
|||
|
||||
Options: table, json, csv, ids, yaml, count, headers, body, envelope
|
||||
|
||||
#### wc order_note create <order_id>
|
||||
#### wc order_note create <order_id>
|
||||
|
||||
- `--order_id` - The order ID.
|
||||
- `--note` - Order note content. (*Required*)
|
||||
- `--customer_note` - If true, the note will be shown to customers and they will be notified. If false, the note will be for admin reference only.
|
||||
- `--porcelain` - Output just the id when the operation is successful.
|
||||
|
||||
#### wc order_note get <order_id> [id]
|
||||
#### wc order_note get <order_id> [id]
|
||||
|
||||
- `--id` - Unique identifier for the resource.
|
||||
- `--order_id` - The order ID.
|
||||
|
|
@ -231,7 +231,7 @@ Default: table
|
|||
|
||||
Options: table, json, csv, ids, yaml, count, headers, body, envelope
|
||||
|
||||
#### wc order_note delete <order_id> [id]
|
||||
#### wc order_note delete <order_id> [id]
|
||||
|
||||
- `--id` - Unique identifier for the resource.
|
||||
- `--order_id` - The order ID.
|
||||
|
|
@ -240,7 +240,7 @@ Options: table, json, csv, ids, yaml, count, headers, body, envelope
|
|||
|
||||
### wc shop_order_refund
|
||||
|
||||
#### wc shop_order_refund list <order_id>
|
||||
#### wc shop_order_refund list <order_id>
|
||||
|
||||
- `--order_id` - The order ID.
|
||||
- `--context` - Scope under which the request is made; determines fields present in response.
|
||||
|
|
@ -265,7 +265,7 @@ Default: table
|
|||
|
||||
Options: table, json, csv, ids, yaml, count, headers, body, envelope
|
||||
|
||||
#### wc shop_order_refund create <order_id>
|
||||
#### wc shop_order_refund create <order_id>
|
||||
|
||||
- `--order_id` - The order ID.
|
||||
- `--amount` - Refund amount.
|
||||
|
|
@ -276,7 +276,7 @@ Options: table, json, csv, ids, yaml, count, headers, body, envelope
|
|||
- `--api_refund` - When true, the payment gateway API is used to generate the refund.
|
||||
- `--porcelain` - Output just the id when the operation is successful.
|
||||
|
||||
#### wc shop_order_refund get <order_id> [id]
|
||||
#### wc shop_order_refund get <order_id> [id]
|
||||
|
||||
- `--order_id` - The order ID.
|
||||
- `--id` - Unique identifier for the resource.
|
||||
|
|
@ -289,7 +289,7 @@ Default: table
|
|||
|
||||
Options: table, json, csv, ids, yaml, count, headers, body, envelope
|
||||
|
||||
#### wc shop_order_refund delete <order_id> [id]
|
||||
#### wc shop_order_refund delete <order_id> [id]
|
||||
|
||||
- `--order_id` - The order ID.
|
||||
- `--id` - Unique identifier for the resource.
|
||||
|
|
@ -386,7 +386,7 @@ Options: table, json, csv, ids, yaml, count, headers, body, envelope
|
|||
|
||||
### wc product_attribute_term
|
||||
|
||||
#### wc product_attribute_term list <attribute_id>
|
||||
#### wc product_attribute_term list <attribute_id>
|
||||
|
||||
- `--attribute_id` - Unique identifier for the attribute of the terms.
|
||||
- `--context` - Scope under which the request is made; determines fields present in response.
|
||||
|
|
@ -409,7 +409,7 @@ Default: table
|
|||
|
||||
Options: table, json, csv, ids, yaml, count, headers, body, envelope
|
||||
|
||||
#### wc product_attribute_term create <attribute_id>
|
||||
#### wc product_attribute_term create <attribute_id>
|
||||
|
||||
- `--attribute_id` - Unique identifier for the attribute of the terms.
|
||||
- `--name` - Name for the resource. (*Required*)
|
||||
|
|
@ -418,7 +418,7 @@ Options: table, json, csv, ids, yaml, count, headers, body, envelope
|
|||
- `--menu_order` - Menu order, used to custom sort the resource.
|
||||
- `--porcelain` - Output just the id when the operation is successful.
|
||||
|
||||
#### wc product_attribute_term get <attribute_id> [id]
|
||||
#### wc product_attribute_term get <attribute_id> [id]
|
||||
|
||||
- `--id` - Unique identifier for the resource.
|
||||
- `--attribute_id` - Unique identifier for the attribute of the terms.
|
||||
|
|
@ -431,7 +431,7 @@ Default: table
|
|||
|
||||
Options: table, json, csv, ids, yaml, count, headers, body, envelope
|
||||
|
||||
#### wc product_attribute_term update <attribute_id> [id]
|
||||
#### wc product_attribute_term update <attribute_id> [id]
|
||||
|
||||
- `--id` - Unique identifier for the resource.
|
||||
- `--attribute_id` - Unique identifier for the attribute of the terms.
|
||||
|
|
@ -441,7 +441,7 @@ Options: table, json, csv, ids, yaml, count, headers, body, envelope
|
|||
- `--menu_order` - Menu order, used to custom sort the resource.
|
||||
- `--porcelain` - Output just the id when the operation is successful.
|
||||
|
||||
#### wc product_attribute_term delete <attribute_id> [id]
|
||||
#### wc product_attribute_term delete <attribute_id> [id]
|
||||
|
||||
- `--id` - Unique identifier for the resource.
|
||||
- `--attribute_id` - Unique identifier for the attribute of the terms.
|
||||
|
|
@ -565,7 +565,7 @@ Options: table, json, csv, ids, yaml, count, headers, body, envelope
|
|||
|
||||
### wc product_review
|
||||
|
||||
#### wc product_review list <product_id>
|
||||
#### wc product_review list <product_id>
|
||||
|
||||
- `--product_id` - Unique identifier for the variable product.
|
||||
- `--id` - Unique identifier for the variation.
|
||||
|
|
@ -578,7 +578,7 @@ Default: table
|
|||
|
||||
Options: table, json, csv, ids, yaml, count, headers, body, envelope
|
||||
|
||||
#### wc product_review create <product_id>
|
||||
#### wc product_review create <product_id>
|
||||
|
||||
- `--product_id` - Unique identifier for the variable product.
|
||||
- `--id` - Unique identifier for the variation.
|
||||
|
|
@ -590,7 +590,7 @@ Options: table, json, csv, ids, yaml, count, headers, body, envelope
|
|||
- `--email` - Email of the reviewer. (*Required*)
|
||||
- `--porcelain` - Output just the id when the operation is successful.
|
||||
|
||||
#### wc product_review get <product_id> [id]
|
||||
#### wc product_review get <product_id> [id]
|
||||
|
||||
- `--product_id` - Unique identifier for the variable product.
|
||||
- `--id` - Unique identifier for the resource.
|
||||
|
|
@ -603,7 +603,7 @@ Default: table
|
|||
|
||||
Options: table, json, csv, ids, yaml, count, headers, body, envelope
|
||||
|
||||
#### wc product_review update <product_id> [id]
|
||||
#### wc product_review update <product_id> [id]
|
||||
|
||||
- `--product_id` - Unique identifier for the variable product.
|
||||
- `--id` - Unique identifier for the resource.
|
||||
|
|
@ -615,7 +615,7 @@ Options: table, json, csv, ids, yaml, count, headers, body, envelope
|
|||
- `--email` - Reviewer email.
|
||||
- `--porcelain` - Output just the id when the operation is successful.
|
||||
|
||||
#### wc product_review delete <product_id> [id]
|
||||
#### wc product_review delete <product_id> [id]
|
||||
|
||||
- `--product_id` - Unique identifier for the variable product.
|
||||
- `--id` - Unique identifier for the resource.
|
||||
|
|
@ -893,7 +893,7 @@ Options: table, json, csv, ids, yaml, count, headers, body, envelope
|
|||
|
||||
### wc product_variation
|
||||
|
||||
#### wc product_variation list <product_id>
|
||||
#### wc product_variation list <product_id>
|
||||
|
||||
- `--product_id` - Unique identifier for the variable product.
|
||||
- `--context` - Scope under which the request is made; determines fields present in response.
|
||||
|
|
@ -932,7 +932,7 @@ Default: table
|
|||
|
||||
Options: table, json, csv, ids, yaml, count, headers, body, envelope
|
||||
|
||||
#### wc product_variation create <product_id>
|
||||
#### wc product_variation create <product_id>
|
||||
|
||||
- `--product_id` - Unique identifier for the variable product.
|
||||
- `--description` - Variation description.
|
||||
|
|
@ -964,7 +964,7 @@ Options: table, json, csv, ids, yaml, count, headers, body, envelope
|
|||
- `--meta_data` - Meta data.
|
||||
- `--porcelain` - Output just the id when the operation is successful.
|
||||
|
||||
#### wc product_variation get <product_id> [id]
|
||||
#### wc product_variation get <product_id> [id]
|
||||
|
||||
- `--product_id` - Unique identifier for the variable product.
|
||||
- `--id` - Unique identifier for the variation.
|
||||
|
|
@ -977,7 +977,7 @@ Default: table
|
|||
|
||||
Options: table, json, csv, ids, yaml, count, headers, body, envelope
|
||||
|
||||
#### wc product_variation update <product_id> [id]
|
||||
#### wc product_variation update <product_id> [id]
|
||||
|
||||
- `--product_id` - Unique identifier for the variable product.
|
||||
- `--id` - Unique identifier for the variation.
|
||||
|
|
@ -1010,7 +1010,7 @@ Options: table, json, csv, ids, yaml, count, headers, body, envelope
|
|||
- `--meta_data` - Meta data.
|
||||
- `--porcelain` - Output just the id when the operation is successful.
|
||||
|
||||
#### wc product_variation delete <product_id> [id]
|
||||
#### wc product_variation delete <product_id> [id]
|
||||
|
||||
- `--product_id` - Unique identifier for the variable product.
|
||||
- `--id` - Unique identifier for the variation.
|
||||
|
|
|
|||
|
|
@ -0,0 +1,4 @@
|
|||
Significance: patch
|
||||
Type: fix
|
||||
|
||||
Use page query param consistently as string for `getReportTableQuery`.
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
Significance: minor
|
||||
Type: fix
|
||||
|
||||
Added pre-API call permission checks for some API calls that were being called on non-admin accessible screens
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
Significance: minor
|
||||
Type: fix
|
||||
|
||||
Removed the leftover user meta from the help panel spotlight
|
||||
|
|
@ -10,11 +10,14 @@ import { apiFetch } from '@wordpress/data-controls';
|
|||
import { NAMESPACE } from '../constants';
|
||||
import { setNotes, setNotesQuery, setError } from './actions';
|
||||
import { NoteQuery, Note } from './types';
|
||||
import { checkUserCapability } from '../utils';
|
||||
|
||||
export function* getNotes( query: NoteQuery = {} ) {
|
||||
const url = addQueryArgs( `${ NAMESPACE }/admin/notes`, query );
|
||||
|
||||
try {
|
||||
yield checkUserCapability( 'manage_woocommerce' );
|
||||
|
||||
const notes: Note[] = yield apiFetch( {
|
||||
path: url,
|
||||
} );
|
||||
|
|
|
|||
|
|
@ -31,6 +31,7 @@ import {
|
|||
TaskListType,
|
||||
} from './types';
|
||||
import { Plugin } from '../plugins/types';
|
||||
import { checkUserCapability } from '../utils';
|
||||
|
||||
const resolveSelect =
|
||||
controls && controls.resolveSelect ? controls.resolveSelect : select;
|
||||
|
|
@ -68,6 +69,8 @@ export function* getEmailPrefill() {
|
|||
export function* getTaskLists() {
|
||||
const deprecatedTasks = new DeprecatedTasks();
|
||||
try {
|
||||
yield checkUserCapability( 'manage_woocommerce' );
|
||||
|
||||
const results: TaskListType[] = yield apiFetch( {
|
||||
path: WC_ADMIN_NAMESPACE + '/onboarding/tasks',
|
||||
method: deprecatedTasks.hasDeprecatedTasks() ? 'POST' : 'GET',
|
||||
|
|
|
|||
|
|
@ -27,6 +27,7 @@ import {
|
|||
RecommendedTypes,
|
||||
JetpackConnectionDataResponse,
|
||||
} from './types';
|
||||
import { checkUserCapability } from '../utils';
|
||||
|
||||
// Can be removed in WP 5.9, wp.data is supported in >5.7.
|
||||
const resolveSelect =
|
||||
|
|
@ -61,6 +62,8 @@ type ConnectJetpackResponse = {
|
|||
export function* getActivePlugins() {
|
||||
yield setIsRequesting( 'getActivePlugins', true );
|
||||
try {
|
||||
yield checkUserCapability( 'manage_woocommerce' );
|
||||
|
||||
const url = WC_ADMIN_NAMESPACE + '/plugins/active';
|
||||
const results: PluginGetResponse = yield apiFetch( {
|
||||
path: url,
|
||||
|
|
@ -77,6 +80,8 @@ export function* getInstalledPlugins() {
|
|||
yield setIsRequesting( 'getInstalledPlugins', true );
|
||||
|
||||
try {
|
||||
yield checkUserCapability( 'manage_woocommerce' );
|
||||
|
||||
const url = WC_ADMIN_NAMESPACE + '/plugins/installed';
|
||||
const results: PluginGetResponse = yield apiFetch( {
|
||||
path: url,
|
||||
|
|
@ -111,6 +116,8 @@ export function* getJetpackConnectionData() {
|
|||
yield setIsRequesting( 'getJetpackConnectionData', true );
|
||||
|
||||
try {
|
||||
yield checkUserCapability( 'manage_woocommerce' );
|
||||
|
||||
const url = JETPACK_NAMESPACE + '/connection/data';
|
||||
|
||||
const results: JetpackConnectionDataResponse = yield apiFetch( {
|
||||
|
|
|
|||
|
|
@ -561,7 +561,7 @@ export function getReportTableQuery(
|
|||
before: noIntervals
|
||||
? undefined
|
||||
: appendTimestamp( datesFromQuery.primary.before, 'end' ),
|
||||
page: query.paged || 1,
|
||||
page: query.paged || '1',
|
||||
per_page: query.per_page || QUERY_DEFAULTS.pageSize,
|
||||
...filterQuery,
|
||||
...tableQuery,
|
||||
|
|
|
|||
|
|
@ -15,7 +15,6 @@ export type UserPreferences = {
|
|||
dashboard_chart_type?: string;
|
||||
dashboard_leaderboard_rows?: string;
|
||||
dashboard_sections?: string;
|
||||
help_panel_highlight_shown?: string;
|
||||
homepage_layout?: string;
|
||||
homepage_stats?: string;
|
||||
orders_report_columns?: string;
|
||||
|
|
|
|||
|
|
@ -2,14 +2,15 @@
|
|||
* External dependencies
|
||||
*/
|
||||
import { addQueryArgs } from '@wordpress/url';
|
||||
import { apiFetch } from '@wordpress/data-controls';
|
||||
import { apiFetch, select } from '@wordpress/data-controls';
|
||||
|
||||
/**
|
||||
* Internal dependencies
|
||||
*/
|
||||
import { BaseQueryParams } from './types/query-params';
|
||||
import { fetchWithHeaders } from './controls';
|
||||
|
||||
import { USER_STORE_NAME } from './user';
|
||||
import { WCUser } from './user/types';
|
||||
function replacer( _: string, value: unknown ) {
|
||||
if ( value ) {
|
||||
if ( Array.isArray( value ) ) {
|
||||
|
|
@ -100,3 +101,20 @@ export function* request< Query extends BaseQueryParams, DataType >(
|
|||
return { items: response.data, totalCount };
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Utility function to check if the current user has a specific capability.
|
||||
*
|
||||
* @param {string} capability - The capability to check (e.g. 'manage_woocommerce').
|
||||
* @throws {Error} If the user does not have the required capability.
|
||||
*/
|
||||
export function* checkUserCapability( capability: string ) {
|
||||
const currentUser: WCUser< 'capabilities' > = yield select(
|
||||
USER_STORE_NAME,
|
||||
'getCurrentUser'
|
||||
);
|
||||
|
||||
if ( ! currentUser.capabilities[ capability ] ) {
|
||||
throw new Error( `User does not have ${ capability } capability.` );
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -269,7 +269,8 @@ export const ActivityPanel = ( { isEmbedded, query } ) => {
|
|||
visible:
|
||||
( isEmbedded || ! isHomescreen ) &&
|
||||
! isPerformingSetupTask() &&
|
||||
! isProductScreen(),
|
||||
! isProductScreen() &&
|
||||
currentUserCan( 'manage_woocommerce' ),
|
||||
};
|
||||
|
||||
const feedback = {
|
||||
|
|
|
|||
|
|
@ -300,15 +300,28 @@ const exitToWooHome = fromPromise( async () => {
|
|||
window.location.href = getNewPath( {}, '/', {} );
|
||||
} );
|
||||
|
||||
const getPluginNameParam = (
|
||||
pluginsSelected: CoreProfilerStateMachineContext[ 'pluginsSelected' ]
|
||||
) => {
|
||||
if ( pluginsSelected.includes( 'woocommerce-payments' ) ) {
|
||||
return 'woocommerce-payments';
|
||||
}
|
||||
return 'jetpack-ai';
|
||||
};
|
||||
|
||||
const redirectToJetpackAuthPage = ( {
|
||||
event,
|
||||
context,
|
||||
}: {
|
||||
context: CoreProfilerStateMachineContext;
|
||||
event: { output: { url: string } };
|
||||
} ) => {
|
||||
const url = new URL( event.output.url );
|
||||
url.searchParams.set( 'installed_ext_success', '1' );
|
||||
url.searchParams.set( 'plugin_name', 'jetpack-ai' );
|
||||
url.searchParams.set(
|
||||
'plugin_name',
|
||||
getPluginNameParam( context.pluginsSelected )
|
||||
);
|
||||
window.location.href = url.toString();
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -23,6 +23,7 @@ import { GlobalStylesRenderer } from '@wordpress/edit-site/build-module/componen
|
|||
/**
|
||||
* Internal dependencies
|
||||
*/
|
||||
import { trackEvent } from '../tracking';
|
||||
import { editorIsLoaded } from '../utils';
|
||||
import { BlockEditorContainer } from './block-editor-container';
|
||||
|
||||
|
|
@ -63,6 +64,7 @@ export const Editor = ( { isLoading }: { isLoading: boolean } ) => {
|
|||
useEffect( () => {
|
||||
if ( ! isLoading ) {
|
||||
editorIsLoaded();
|
||||
trackEvent( 'customize_your_store_assembler_hub_editor_loaded' );
|
||||
}
|
||||
}, [ isLoading ] );
|
||||
|
||||
|
|
|
|||
|
|
@ -14,6 +14,11 @@ import { mergeBaseAndUserConfigs } from '@wordpress/edit-site/build-module/compo
|
|||
import { unlock } from '@wordpress/edit-site/build-module/lock-unlock';
|
||||
import { isEqual, noop } from 'lodash';
|
||||
|
||||
/**
|
||||
* Internal dependencies
|
||||
*/
|
||||
import { trackEvent } from '~/customize-store/tracking';
|
||||
|
||||
const { GlobalStylesContext } = unlock( blockEditorPrivateApis );
|
||||
|
||||
// Removes the typography settings from the styles when the user is changing
|
||||
|
|
@ -100,6 +105,24 @@ export const VariationContainer = ( { variation, children } ) => {
|
|||
),
|
||||
};
|
||||
} );
|
||||
|
||||
if ( variation.settings.color?.palette ) {
|
||||
trackEvent(
|
||||
'customize_your_store_assembler_hub_color_palette_item_click',
|
||||
{
|
||||
item: variation.title,
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
if ( variation.settings.typography ) {
|
||||
trackEvent(
|
||||
'customize_your_store_assembler_hub_typography_item_click',
|
||||
{
|
||||
item: variation.title,
|
||||
}
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
const selectOnEnter = ( event ) => {
|
||||
|
|
|
|||
|
|
@ -17,6 +17,7 @@ import { unlock } from '@wordpress/edit-site/build-module/lock-unlock';
|
|||
import { CustomizeStoreContext } from '../';
|
||||
import { SidebarNavigationScreen } from './sidebar-navigation-screen';
|
||||
import { ColorPalette, ColorPanel } from './global-styles';
|
||||
import { trackEvent } from '~/customize-store/tracking';
|
||||
import { FlowType } from '~/customize-store/types';
|
||||
|
||||
const { GlobalStylesContext } = unlock( blockEditorPrivateApis );
|
||||
|
|
@ -27,6 +28,14 @@ const SidebarNavigationScreenColorPaletteContent = () => {
|
|||
const hasCreatedOwnColors = !! (
|
||||
user.settings.color && user.settings.color.palette.hasCreatedOwnColors
|
||||
);
|
||||
|
||||
function handlePanelBodyToggle( open?: boolean ) {
|
||||
trackEvent(
|
||||
'customize_your_store_assembler_hub_color_palette_create_toggle',
|
||||
{ open }
|
||||
);
|
||||
}
|
||||
|
||||
// Wrap in a BlockEditorProvider to ensure that the Iframe's dependencies are
|
||||
// loaded. This is necessary because the Iframe component waits until
|
||||
// the block editor store's `__internalIsInitialized` is true before
|
||||
|
|
@ -45,6 +54,7 @@ const SidebarNavigationScreenColorPaletteContent = () => {
|
|||
className="woocommerce-customize-store__color-panel-container"
|
||||
title={ __( 'or create your own', 'woocommerce' ) }
|
||||
initialOpen={ hasCreatedOwnColors }
|
||||
onToggle={ handlePanelBodyToggle }
|
||||
>
|
||||
<ColorPanel />
|
||||
</PanelBody>
|
||||
|
|
|
|||
|
|
@ -297,16 +297,26 @@ const LogoEdit = ( {
|
|||
);
|
||||
}
|
||||
|
||||
function handleMediaUploadSelect( media: { id: string; url: string } ) {
|
||||
onInitialSelectLogo( media );
|
||||
trackEvent( 'customize_your_store_assembler_hub_logo_select' );
|
||||
}
|
||||
|
||||
if ( ! logoUrl ) {
|
||||
return (
|
||||
<MediaUploadCheck>
|
||||
<MediaUpload
|
||||
onSelect={ onInitialSelectLogo }
|
||||
onSelect={ handleMediaUploadSelect }
|
||||
allowedTypes={ ALLOWED_MEDIA_TYPES }
|
||||
render={ ( { open }: { open: () => void } ) => (
|
||||
<Button
|
||||
variant="link"
|
||||
onClick={ open }
|
||||
onClick={ () => {
|
||||
open();
|
||||
trackEvent(
|
||||
'customize_your_store_assembler_hub_logo_add_click'
|
||||
);
|
||||
} }
|
||||
className="block-library-site-logo__inspector-upload-container"
|
||||
>
|
||||
<span>
|
||||
|
|
@ -351,10 +361,17 @@ const LogoEdit = ( {
|
|||
<>
|
||||
<MediaUploadCheck>
|
||||
<MediaUpload
|
||||
onSelect={ onInitialSelectLogo }
|
||||
onSelect={ handleMediaUploadSelect }
|
||||
allowedTypes={ ALLOWED_MEDIA_TYPES }
|
||||
render={ ( { open }: { open: () => void } ) =>
|
||||
cloneElement( logoImg, { onClick: open } )
|
||||
cloneElement( logoImg, {
|
||||
onClick() {
|
||||
open();
|
||||
trackEvent(
|
||||
'customize_your_store_assembler_hub_logo_edit_click'
|
||||
);
|
||||
},
|
||||
} )
|
||||
}
|
||||
/>
|
||||
</MediaUploadCheck>
|
||||
|
|
@ -478,6 +495,9 @@ export const SidebarNavigationScreenLogo = ( {
|
|||
media
|
||||
);
|
||||
onClose();
|
||||
trackEvent(
|
||||
'customize_your_store_assembler_hub_logo_select'
|
||||
);
|
||||
} }
|
||||
allowedTypes={
|
||||
ALLOWED_MEDIA_TYPES
|
||||
|
|
@ -490,6 +510,9 @@ export const SidebarNavigationScreenLogo = ( {
|
|||
<MenuItem
|
||||
onClick={ () => {
|
||||
open();
|
||||
trackEvent(
|
||||
'customize_your_store_assembler_hub_logo_replace_click'
|
||||
);
|
||||
} }
|
||||
>
|
||||
{ __(
|
||||
|
|
@ -508,6 +531,9 @@ export const SidebarNavigationScreenLogo = ( {
|
|||
onClick={ () => {
|
||||
onClose();
|
||||
onRemoveLogo();
|
||||
trackEvent(
|
||||
'customize_your_store_assembler_hub_logo_remove_click'
|
||||
);
|
||||
} }
|
||||
>
|
||||
{ __(
|
||||
|
|
|
|||
|
|
@ -8,8 +8,18 @@
|
|||
min-height: 500px;
|
||||
}
|
||||
|
||||
.woocommerce-marketplace__content .woocommerce-customize-store-banner .woocommerce-customize-store-banner-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media screen and (min-width: $breakpoint-medium) {
|
||||
.woocommerce-marketplace__content {
|
||||
padding: $grid-unit-60 $grid-unit-40;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: $breakpoint-medium) {
|
||||
.woocommerce-marketplace__content .woocommerce-customize-store-banner .woocommerce-customize-store-banner-content {
|
||||
margin-top: 40px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -73,7 +73,8 @@ export default function Content(): JSX.Element {
|
|||
|
||||
if (
|
||||
query.tab === undefined ||
|
||||
( query.tab && [ '', 'discover' ].includes( query.tab ) )
|
||||
( query.tab &&
|
||||
[ '', 'discover', 'my-subscriptions' ].includes( query.tab ) )
|
||||
) {
|
||||
return;
|
||||
}
|
||||
|
|
@ -196,6 +197,9 @@ export default function Content(): JSX.Element {
|
|||
{ selectedTab !== 'business-services' && (
|
||||
<SubscriptionsExpiredExpiringNotice type="expiring" />
|
||||
) }
|
||||
{ selectedTab !== 'business-services' && (
|
||||
<SubscriptionsExpiredExpiringNotice type="missing" />
|
||||
) }
|
||||
|
||||
{ renderContent() }
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -13,6 +13,7 @@ import ProductLoader from '../product-loader/product-loader';
|
|||
import { MarketplaceContext } from '../../contexts/marketplace-context';
|
||||
import { ProductType } from '../product-list/types';
|
||||
import './discover.scss';
|
||||
import { recordMarketplaceView } from '~/marketplace/utils/tracking';
|
||||
|
||||
export default function Discover(): JSX.Element | null {
|
||||
const [ productGroups, setProductGroups ] = useState<
|
||||
|
|
@ -28,10 +29,17 @@ export default function Discover(): JSX.Element | null {
|
|||
return product.id;
|
||||
} );
|
||||
|
||||
// This is a new event specific to the Discover tab, added with Woo 8.4.
|
||||
recordEvent( 'marketplace_discover_viewed', {
|
||||
view: 'discover',
|
||||
product_ids,
|
||||
} );
|
||||
|
||||
// This is the new page view event added with Woo 8.3. It's improved with the marketplace_discover_viewed event
|
||||
// but we'll keep it for a while to keep it compatible.
|
||||
recordMarketplaceView( {
|
||||
view: 'discover',
|
||||
} );
|
||||
}
|
||||
|
||||
// Get the content for this screen
|
||||
|
|
|
|||
|
|
@ -2,7 +2,8 @@
|
|||
|
||||
.woocommerce-marketplace__footer {
|
||||
background: $gray-0;
|
||||
border-top: 1px solid $gray-200;
|
||||
border-radius: 4px;
|
||||
max-width: 1600px;
|
||||
margin: auto;
|
||||
padding: $content-spacing-xlarge $content-spacing-small;
|
||||
|
||||
|
|
@ -34,16 +35,6 @@
|
|||
gap: $large-gap;
|
||||
}
|
||||
|
||||
.woocommerce-marketplace__footer-logo {
|
||||
color: $wp-gray-50;
|
||||
display: flex;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
line-height: 20px;
|
||||
gap: $small-gap;
|
||||
margin: 48px 0 0;
|
||||
}
|
||||
|
||||
@media screen and (min-width: $breakpoint-medium) {
|
||||
.woocommerce-marketplace__footer {
|
||||
padding: $content-spacing-xlarge $content-spacing-large;
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
* External dependencies
|
||||
*/
|
||||
import { __ } from '@wordpress/i18n';
|
||||
import { check, commentContent, shield } from '@wordpress/icons';
|
||||
import { check, commentContent, shield, people } from '@wordpress/icons';
|
||||
import { createInterpolateElement } from '@wordpress/element';
|
||||
|
||||
/**
|
||||
|
|
@ -10,7 +10,6 @@ import { createInterpolateElement } from '@wordpress/element';
|
|||
*/
|
||||
import './footer.scss';
|
||||
import IconWithText from '../icon-with-text/icon-with-text';
|
||||
import WooIcon from '../../assets/images/woo-icon.svg';
|
||||
import { MARKETPLACE_HOST } from '../constants';
|
||||
|
||||
const refundPolicyTitle = createInterpolateElement(
|
||||
|
|
@ -71,10 +70,14 @@ function FooterContent(): JSX.Element {
|
|||
'woocommerce'
|
||||
) }
|
||||
/>
|
||||
</div>
|
||||
<div className="woocommerce-marketplace__footer-logo">
|
||||
<img src={ WooIcon } alt="Woo Logo" aria-hidden="true" />
|
||||
<span>{ __( 'Woo Marketplace', 'woocommerce' ) }</span>
|
||||
<IconWithText
|
||||
icon={ people }
|
||||
title={ __( 'Support the ecosystem', 'woocommerce' ) }
|
||||
description={ __(
|
||||
'Our team and partners are continuously improving your extensions, themes, and WooCommerce experience.',
|
||||
'woocommerce'
|
||||
) }
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -9,6 +9,9 @@
|
|||
"mktpl-tabs mktpl-tabs mktpl-tabs" auto / 1fr 320px 36px;
|
||||
padding: 0 $content-spacing-large;
|
||||
width: 100%;
|
||||
position: sticky;
|
||||
top: var(--wp-admin--admin-bar--height, 32px);
|
||||
z-index: 1;
|
||||
|
||||
/* On narrow screens, "stack" header items and hide the bottom border */
|
||||
@media (width <= $breakpoint-medium) {
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ import './icon-with-text.scss';
|
|||
|
||||
export interface IconWithTextProps {
|
||||
icon: JSX.Element;
|
||||
title: ReactElement;
|
||||
title: ReactElement | string;
|
||||
description: string;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -39,6 +39,12 @@ export default function SubscriptionsExpiredExpiringNotice(
|
|||
dismissed:
|
||||
'woo_subscription_expiring_notice_in_marketplace_dismissed',
|
||||
},
|
||||
'woo-subscription-missing-notice': {
|
||||
shown: 'woo_subscription_missing_notice_in_marketplace_shown',
|
||||
clicked: 'woo_subscription_missing_notice_in_marketplace_clicked',
|
||||
dismissed:
|
||||
'woo_subscription_missing_notice_in_marketplace_dismissed',
|
||||
},
|
||||
};
|
||||
|
||||
let notice = null;
|
||||
|
|
@ -51,6 +57,9 @@ export default function SubscriptionsExpiredExpiringNotice(
|
|||
} else if ( type === 'expiring' ) {
|
||||
notice = wccomSettings?.subscription_expiring_notice || {};
|
||||
notice_id = 'woo-subscription-expiring-notice';
|
||||
} else if ( type === 'missing' ) {
|
||||
notice = wccomSettings?.subscription_missing_notice || {};
|
||||
notice_id = 'woo-subscription-missing-notice';
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -51,6 +51,48 @@ export default function Install( props: InstallProps ) {
|
|||
);
|
||||
};
|
||||
|
||||
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
||||
const handleInstallError = ( error: any ) => {
|
||||
loadSubscriptions( false ).then( () => {
|
||||
let errorMessage = sprintf(
|
||||
// translators: %s is the product name.
|
||||
__( '%s couldn’t be installed.', 'woocommerce' ),
|
||||
props.subscription.product_name
|
||||
);
|
||||
if ( error?.success === false && error?.data.message ) {
|
||||
errorMessage += ' ' + error.data.message;
|
||||
}
|
||||
addNotice(
|
||||
props.subscription.product_key,
|
||||
errorMessage,
|
||||
NoticeStatus.Error,
|
||||
{
|
||||
actions: [
|
||||
{
|
||||
label: __(
|
||||
'Download and install manually',
|
||||
'woocommerce'
|
||||
),
|
||||
url: 'https://woocommerce.com/my-account/downloads/',
|
||||
},
|
||||
],
|
||||
}
|
||||
);
|
||||
stopInstall();
|
||||
|
||||
if ( props.onError ) {
|
||||
props.onError();
|
||||
}
|
||||
} );
|
||||
|
||||
recordEvent( 'marketplace_product_install_failed', {
|
||||
product_zip_slug: props.subscription.zip_slug,
|
||||
product_id: props.subscription.product_id,
|
||||
product_current_version: props.subscription.version,
|
||||
error_message: error?.data?.message,
|
||||
} );
|
||||
};
|
||||
|
||||
const install = () => {
|
||||
recordEvent( 'marketplace_product_install_button_clicked', {
|
||||
product_zip_slug: props.subscription.zip_slug,
|
||||
|
|
@ -90,45 +132,10 @@ export default function Install( props: InstallProps ) {
|
|||
props.onSuccess();
|
||||
}
|
||||
} )
|
||||
.catch( ( error ) => {
|
||||
loadSubscriptions( false ).then( () => {
|
||||
let errorMessage = sprintf(
|
||||
// translators: %s is the product name.
|
||||
__( '%s couldn’t be installed.', 'woocommerce' ),
|
||||
props.subscription.product_name
|
||||
);
|
||||
if ( error?.success === false && error?.data.message ) {
|
||||
errorMessage += ' ' + error.data.message;
|
||||
}
|
||||
addNotice(
|
||||
props.subscription.product_key,
|
||||
errorMessage,
|
||||
NoticeStatus.Error,
|
||||
{
|
||||
actions: [
|
||||
{
|
||||
label: __( 'Try again', 'woocommerce' ),
|
||||
onClick: install,
|
||||
},
|
||||
],
|
||||
}
|
||||
);
|
||||
stopInstall();
|
||||
|
||||
if ( props.onError ) {
|
||||
props.onError();
|
||||
}
|
||||
} );
|
||||
|
||||
recordEvent( 'marketplace_product_install_failed', {
|
||||
product_zip_slug: props.subscription.zip_slug,
|
||||
product_id: props.subscription.product_id,
|
||||
product_current_version: props.subscription.version,
|
||||
error_message: error?.data?.message,
|
||||
} );
|
||||
} );
|
||||
.catch( handleInstallError );
|
||||
} else {
|
||||
getInstallUrl( props.subscription ).then( ( url: string ) => {
|
||||
getInstallUrl( props.subscription )
|
||||
.then( ( url: string ) => {
|
||||
recordEvent( 'marketplace_product_install_url', {
|
||||
product_zip_slug: props.subscription.zip_slug,
|
||||
product_id: props.subscription.product_id,
|
||||
|
|
@ -141,20 +148,10 @@ export default function Install( props: InstallProps ) {
|
|||
if ( url ) {
|
||||
window.open( url, '_self' );
|
||||
} else {
|
||||
addNotice(
|
||||
props.subscription.product_key,
|
||||
sprintf(
|
||||
// translators: %s is the product name.
|
||||
__(
|
||||
'%s couldn’t be installed. Please install the product manually.',
|
||||
'woocommerce'
|
||||
),
|
||||
props.subscription.product_name
|
||||
),
|
||||
NoticeStatus.Error
|
||||
);
|
||||
throw new Error();
|
||||
}
|
||||
} );
|
||||
} )
|
||||
.catch( handleInstallError );
|
||||
}
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@
|
|||
&__product-card {
|
||||
padding: $large-gap;
|
||||
border-radius: $grid-unit-05 !important;
|
||||
margin-bottom: 0;
|
||||
|
||||
/* When product card is loading, contents will be empty and we render skeleton loader wireframes: */
|
||||
&.is-loading {
|
||||
|
|
@ -243,7 +244,7 @@
|
|||
}
|
||||
|
||||
&.woocommerce-marketplace__product-card--theme {
|
||||
padding: 0 0 $medium-gap;
|
||||
padding: 0 0 $large-gap;
|
||||
overflow: hidden;
|
||||
|
||||
.woocommerce-marketplace__product-card__content {
|
||||
|
|
@ -265,10 +266,10 @@
|
|||
right: 0;
|
||||
}
|
||||
.woocommerce-marketplace__product-card__header {
|
||||
padding-left: $medium-gap;
|
||||
padding: 0 $large-gap;
|
||||
}
|
||||
.woocommerce-marketplace__product-card__footer {
|
||||
padding: 0 $medium-gap;
|
||||
padding: 0 $large-gap;
|
||||
}
|
||||
.woocommerce-marketplace__product-card__price {
|
||||
margin-right: $medium-gap;
|
||||
|
|
@ -313,7 +314,7 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: $small-gap;
|
||||
padding: 16px 24px;
|
||||
padding: $large-gap;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -7,11 +7,6 @@
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
#wpbody-content {
|
||||
/* Prevent double-scrollbar issue on WooCommerce > Extension pages */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.woocommerce-layout__primary {
|
||||
margin: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,20 @@
|
|||
/**
|
||||
* External dependencies
|
||||
*/
|
||||
import domReady from '@wordpress/dom-ready';
|
||||
import { recordEvent } from '@woocommerce/tracks';
|
||||
|
||||
domReady( () => {
|
||||
const purchaseSubscriptionLink = document.querySelectorAll(
|
||||
'.woocommerce-purchase-subscription'
|
||||
);
|
||||
|
||||
if ( purchaseSubscriptionLink.length > 0 ) {
|
||||
recordEvent( 'woo_purchase_subscription_in_plugins_shown' );
|
||||
purchaseSubscriptionLink.forEach( ( link ) => {
|
||||
link.addEventListener( 'click', function () {
|
||||
recordEvent( 'woo_purchase_subscription_in_plugins_clicked' );
|
||||
} );
|
||||
} );
|
||||
}
|
||||
} );
|
||||
|
|
@ -83,7 +83,7 @@ class SimpleInboxNote {
|
|||
$note->set_type( Note::E_WC_ADMIN_NOTE_INFORMATIONAL );
|
||||
|
||||
// Set the type of layout the note uses. Supported layout types are:
|
||||
// 'banner', 'plain', 'thumbnail'.
|
||||
// 'plain', 'thumbnail'.
|
||||
$note->set_layout( 'plain' );
|
||||
|
||||
// Set the image for the note. This property renders as the src
|
||||
|
|
|
|||
|
|
@ -73,7 +73,6 @@ function get_mock_note_data() {
|
|||
return array(
|
||||
'content' => 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.',
|
||||
'info' => array(
|
||||
'banner' => $plugin_url . 'images/admin-notes/banner.jpg',
|
||||
'thumbnail' => $plugin_url . 'images/admin-notes/thumbnail.jpg',
|
||||
'plain' => '',
|
||||
),
|
||||
|
|
|
|||
|
|
@ -100,7 +100,10 @@ function log_remote_event() {
|
|||
time(),
|
||||
'critical',
|
||||
'Test PHP event from WC Beta Tester',
|
||||
array( 'source' => 'wc-beta-tester' )
|
||||
array(
|
||||
'source' => 'wc-beta-tester',
|
||||
'remote-logging' => true,
|
||||
)
|
||||
);
|
||||
|
||||
if ( $result ) {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,4 @@
|
|||
Significance: patch
|
||||
Type: tweak
|
||||
|
||||
Set remote-logging context to true in log remote event method
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
Significance: patch
|
||||
Type: update
|
||||
|
||||
Deprecate unsupported Inbox note banner layout
|
||||
|
|
@ -1,114 +1,26 @@
|
|||
/**
|
||||
* External dependencies
|
||||
*/
|
||||
import { __, _n, sprintf } from '@wordpress/i18n';
|
||||
import clsx from 'clsx';
|
||||
import {
|
||||
useInnerBlockLayoutContext,
|
||||
useProductDataContext,
|
||||
} from '@woocommerce/shared-context';
|
||||
import { useStyleProps } from '@woocommerce/base-hooks';
|
||||
import { withProductDataContext } from '@woocommerce/shared-hocs';
|
||||
import { isNumber, ProductResponseItem } from '@woocommerce/types';
|
||||
import {
|
||||
ProductRating,
|
||||
getAverageRating,
|
||||
getRatingCount,
|
||||
} from '@woocommerce/editor-components/product-rating';
|
||||
|
||||
/**
|
||||
* Internal dependencies
|
||||
*/
|
||||
import './style.scss';
|
||||
|
||||
type RatingProps = {
|
||||
reviews: number;
|
||||
rating: number;
|
||||
parentClassName?: string;
|
||||
};
|
||||
|
||||
const getAverageRating = (
|
||||
product: Omit< ProductResponseItem, 'average_rating' > & {
|
||||
average_rating: string;
|
||||
}
|
||||
) => {
|
||||
const rating = parseFloat( product.average_rating );
|
||||
|
||||
return Number.isFinite( rating ) && rating > 0 ? rating : 0;
|
||||
};
|
||||
|
||||
const getRatingCount = ( product: ProductResponseItem ) => {
|
||||
const count = isNumber( product.review_count )
|
||||
? product.review_count
|
||||
: parseInt( product.review_count, 10 );
|
||||
|
||||
return Number.isFinite( count ) && count > 0 ? count : 0;
|
||||
};
|
||||
|
||||
const getStarStyle = ( rating: number ) => ( {
|
||||
width: ( rating / 5 ) * 100 + '%',
|
||||
} );
|
||||
|
||||
const NoRating = ( { parentClassName }: { parentClassName: string } ) => {
|
||||
const starStyle = getStarStyle( 0 );
|
||||
|
||||
return (
|
||||
<div
|
||||
className={ clsx(
|
||||
'wc-block-components-product-rating-stars__norating-container',
|
||||
`${ parentClassName }-product-rating-stars__norating-container`
|
||||
) }
|
||||
>
|
||||
<div
|
||||
className={
|
||||
'wc-block-components-product-rating-stars__norating'
|
||||
}
|
||||
role="img"
|
||||
>
|
||||
<span style={ starStyle } />
|
||||
</div>
|
||||
<span>{ __( 'No Reviews', 'woocommerce' ) }</span>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
const Rating = ( props: RatingProps ): JSX.Element => {
|
||||
const { rating, reviews, parentClassName } = props;
|
||||
|
||||
const starStyle = getStarStyle( rating );
|
||||
|
||||
const ratingText = sprintf(
|
||||
/* translators: %f is referring to the average rating value */
|
||||
__( 'Rated %f out of 5', 'woocommerce' ),
|
||||
rating
|
||||
);
|
||||
|
||||
const ratingHTML = {
|
||||
__html: sprintf(
|
||||
/* translators: %1$s is referring to the average rating value, %2$s is referring to the number of ratings */
|
||||
_n(
|
||||
'Rated %1$s out of 5 based on %2$s customer rating',
|
||||
'Rated %1$s out of 5 based on %2$s customer ratings',
|
||||
reviews,
|
||||
'woocommerce'
|
||||
),
|
||||
sprintf( '<strong class="rating">%f</strong>', rating ),
|
||||
sprintf( '<span class="rating">%d</span>', reviews )
|
||||
),
|
||||
};
|
||||
return (
|
||||
<div
|
||||
className={ clsx(
|
||||
'wc-block-components-product-rating-stars__stars',
|
||||
`${ parentClassName }__product-rating-stars__stars`
|
||||
) }
|
||||
role="img"
|
||||
aria-label={ ratingText }
|
||||
>
|
||||
<span style={ starStyle } dangerouslySetInnerHTML={ ratingHTML } />
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
interface ProductRatingStarsProps {
|
||||
className?: string;
|
||||
textAlign?: string;
|
||||
isDescendentOfSingleProductBlock: boolean;
|
||||
isDescendentOfQueryLoop: boolean;
|
||||
postId: number;
|
||||
productId: number;
|
||||
|
|
@ -116,42 +28,29 @@ interface ProductRatingStarsProps {
|
|||
}
|
||||
|
||||
export const Block = ( props: ProductRatingStarsProps ): JSX.Element | null => {
|
||||
const { textAlign, shouldDisplayMockedReviewsWhenProductHasNoReviews } =
|
||||
props;
|
||||
const {
|
||||
textAlign = '',
|
||||
shouldDisplayMockedReviewsWhenProductHasNoReviews,
|
||||
} = props;
|
||||
const styleProps = useStyleProps( props );
|
||||
const { parentClassName } = useInnerBlockLayoutContext();
|
||||
const { product } = useProductDataContext();
|
||||
const rating = getAverageRating( product );
|
||||
const reviews = getRatingCount( product );
|
||||
|
||||
const className = clsx(
|
||||
styleProps.className,
|
||||
'wc-block-components-product-rating-stars',
|
||||
{
|
||||
[ `${ parentClassName }__product-rating` ]: parentClassName,
|
||||
[ `has-text-align-${ textAlign }` ]: textAlign,
|
||||
}
|
||||
);
|
||||
const mockedRatings = shouldDisplayMockedReviewsWhenProductHasNoReviews ? (
|
||||
<NoRating parentClassName={ parentClassName } />
|
||||
) : null;
|
||||
|
||||
const content = reviews ? (
|
||||
<Rating
|
||||
rating={ rating }
|
||||
reviews={ reviews }
|
||||
parentClassName={ parentClassName }
|
||||
/>
|
||||
) : (
|
||||
mockedRatings
|
||||
);
|
||||
const className = 'wc-block-components-product-rating-stars';
|
||||
|
||||
return (
|
||||
<div className={ className } style={ styleProps.style }>
|
||||
<div className="wc-block-components-product-rating-stars__container">
|
||||
{ content }
|
||||
</div>
|
||||
</div>
|
||||
<ProductRating
|
||||
className={ className }
|
||||
showMockedReviews={
|
||||
shouldDisplayMockedReviewsWhenProductHasNoReviews
|
||||
}
|
||||
styleProps={ styleProps }
|
||||
parentClassName={ parentClassName }
|
||||
reviews={ reviews }
|
||||
rating={ rating }
|
||||
textAlign={ textAlign }
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -1,129 +1,23 @@
|
|||
/**
|
||||
* External dependencies
|
||||
*/
|
||||
import { __, _n, sprintf } from '@wordpress/i18n';
|
||||
import clsx from 'clsx';
|
||||
import {
|
||||
useInnerBlockLayoutContext,
|
||||
useProductDataContext,
|
||||
} from '@woocommerce/shared-context';
|
||||
import { useStyleProps } from '@woocommerce/base-hooks';
|
||||
import { withProductDataContext } from '@woocommerce/shared-hocs';
|
||||
import { isNumber, ProductResponseItem } from '@woocommerce/types';
|
||||
import {
|
||||
ProductRating,
|
||||
getAverageRating,
|
||||
getRatingCount,
|
||||
} from '@woocommerce/editor-components/product-rating';
|
||||
|
||||
/**
|
||||
* Internal dependencies
|
||||
*/
|
||||
import './style.scss';
|
||||
|
||||
type RatingProps = {
|
||||
reviews: number;
|
||||
rating: number;
|
||||
parentClassName?: string;
|
||||
};
|
||||
|
||||
const getAverageRating = (
|
||||
product: Omit< ProductResponseItem, 'average_rating' > & {
|
||||
average_rating: string;
|
||||
}
|
||||
) => {
|
||||
const rating = parseFloat( product.average_rating );
|
||||
|
||||
return Number.isFinite( rating ) && rating > 0 ? rating : 0;
|
||||
};
|
||||
|
||||
const getRatingCount = ( product: ProductResponseItem ) => {
|
||||
const count = isNumber( product.review_count )
|
||||
? product.review_count
|
||||
: parseInt( product.review_count, 10 );
|
||||
|
||||
return Number.isFinite( count ) && count > 0 ? count : 0;
|
||||
};
|
||||
|
||||
const getStarStyle = ( rating: number ) => ( {
|
||||
width: ( rating / 5 ) * 100 + '%',
|
||||
} );
|
||||
|
||||
const NoRating = ( { parentClassName }: { parentClassName: string } ) => {
|
||||
const starStyle = getStarStyle( 0 );
|
||||
|
||||
return (
|
||||
<div
|
||||
className={ clsx(
|
||||
'wc-block-components-product-rating__norating-container',
|
||||
`${ parentClassName }-product-rating__norating-container`
|
||||
) }
|
||||
>
|
||||
<div
|
||||
className={ 'wc-block-components-product-rating__norating' }
|
||||
role="img"
|
||||
>
|
||||
<span style={ starStyle } />
|
||||
</div>
|
||||
<span>{ __( 'No Reviews', 'woocommerce' ) }</span>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
const Rating = ( props: RatingProps ): JSX.Element => {
|
||||
const { rating, reviews, parentClassName } = props;
|
||||
|
||||
const starStyle = getStarStyle( rating );
|
||||
|
||||
const ratingText = sprintf(
|
||||
/* translators: %f is referring to the average rating value */
|
||||
__( 'Rated %f out of 5', 'woocommerce' ),
|
||||
rating
|
||||
);
|
||||
|
||||
const ratingHTML = {
|
||||
__html: sprintf(
|
||||
/* translators: %1$s is referring to the average rating value, %2$s is referring to the number of ratings */
|
||||
_n(
|
||||
'Rated %1$s out of 5 based on %2$s customer rating',
|
||||
'Rated %1$s out of 5 based on %2$s customer ratings',
|
||||
reviews,
|
||||
'woocommerce'
|
||||
),
|
||||
sprintf( '<strong class="rating">%f</strong>', rating ),
|
||||
sprintf( '<span class="rating">%d</span>', reviews )
|
||||
),
|
||||
};
|
||||
return (
|
||||
<div
|
||||
className={ clsx(
|
||||
'wc-block-components-product-rating__stars',
|
||||
`${ parentClassName }__product-rating__stars`
|
||||
) }
|
||||
role="img"
|
||||
aria-label={ ratingText }
|
||||
>
|
||||
<span style={ starStyle } dangerouslySetInnerHTML={ ratingHTML } />
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
const ReviewsCount = ( props: { reviews: number } ): JSX.Element => {
|
||||
const { reviews } = props;
|
||||
|
||||
const reviewsCount = sprintf(
|
||||
/* translators: %s is referring to the total of reviews for a product */
|
||||
_n(
|
||||
'(%s customer review)',
|
||||
'(%s customer reviews)',
|
||||
reviews,
|
||||
'woocommerce'
|
||||
),
|
||||
reviews
|
||||
);
|
||||
|
||||
return (
|
||||
<span className="wc-block-components-product-rating__reviews_count">
|
||||
{ reviewsCount }
|
||||
</span>
|
||||
);
|
||||
};
|
||||
|
||||
type ProductRatingProps = {
|
||||
className?: string;
|
||||
textAlign?: string;
|
||||
|
|
@ -136,7 +30,7 @@ type ProductRatingProps = {
|
|||
|
||||
export const Block = ( props: ProductRatingProps ): JSX.Element | undefined => {
|
||||
const {
|
||||
textAlign,
|
||||
textAlign = '',
|
||||
isDescendentOfSingleProductBlock,
|
||||
shouldDisplayMockedReviewsWhenProductHasNoReviews,
|
||||
} = props;
|
||||
|
|
@ -146,38 +40,22 @@ export const Block = ( props: ProductRatingProps ): JSX.Element | undefined => {
|
|||
const rating = getAverageRating( product );
|
||||
const reviews = getRatingCount( product );
|
||||
|
||||
const className = clsx(
|
||||
styleProps.className,
|
||||
'wc-block-components-product-rating',
|
||||
{
|
||||
[ `${ parentClassName }__product-rating` ]: parentClassName,
|
||||
[ `has-text-align-${ textAlign }` ]: textAlign,
|
||||
}
|
||||
);
|
||||
const mockedRatings = shouldDisplayMockedReviewsWhenProductHasNoReviews ? (
|
||||
<NoRating parentClassName={ parentClassName } />
|
||||
) : null;
|
||||
|
||||
const content = reviews ? (
|
||||
<Rating
|
||||
rating={ rating }
|
||||
reviews={ reviews }
|
||||
parentClassName={ parentClassName }
|
||||
/>
|
||||
) : (
|
||||
mockedRatings
|
||||
);
|
||||
const className = 'wc-block-components-product-rating';
|
||||
|
||||
if ( reviews || shouldDisplayMockedReviewsWhenProductHasNoReviews ) {
|
||||
return (
|
||||
<div className={ className } style={ styleProps.style }>
|
||||
<div className="wc-block-components-product-rating__container">
|
||||
{ content }
|
||||
{ reviews && isDescendentOfSingleProductBlock ? (
|
||||
<ReviewsCount reviews={ reviews } />
|
||||
) : null }
|
||||
</div>
|
||||
</div>
|
||||
<ProductRating
|
||||
className={ className }
|
||||
showReviewCount={ isDescendentOfSingleProductBlock }
|
||||
showMockedReviews={
|
||||
shouldDisplayMockedReviewsWhenProductHasNoReviews
|
||||
}
|
||||
styleProps={ styleProps }
|
||||
parentClassName={ parentClassName }
|
||||
reviews={ reviews }
|
||||
rating={ rating }
|
||||
textAlign={ textAlign }
|
||||
/>
|
||||
);
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@ import { ValidatedTextInput } from '@woocommerce/blocks-components';
|
|||
import { AddressFormValues, ContactFormValues } from '@woocommerce/settings';
|
||||
import { useState, Fragment, useCallback } from '@wordpress/element';
|
||||
import { __, sprintf } from '@wordpress/i18n';
|
||||
import { Button } from '@ariakit/react';
|
||||
|
||||
/**
|
||||
* Internal dependencies
|
||||
|
|
@ -50,7 +51,8 @@ const AddressLine2Field = < T extends AddressFormValues | ContactFormValues >( {
|
|||
/>
|
||||
) : (
|
||||
<>
|
||||
<button
|
||||
<Button
|
||||
render={ <span /> }
|
||||
className={
|
||||
'wc-block-components-address-form__address_2-toggle'
|
||||
}
|
||||
|
|
@ -61,7 +63,7 @@ const AddressLine2Field = < T extends AddressFormValues | ContactFormValues >( {
|
|||
__( '+ Add %s', 'woocommerce' ),
|
||||
field.label.toLowerCase()
|
||||
) }
|
||||
</button>
|
||||
</Button>
|
||||
<input
|
||||
type="text"
|
||||
tabIndex={ -1 }
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@
|
|||
&:focus {
|
||||
background-color: $input-background-dark;
|
||||
color: $input-text-dark;
|
||||
box-shadow: 0 0 0 2px $input-border-gray;
|
||||
box-shadow: 0 0 0 2px $input-border-dark;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -40,12 +40,16 @@
|
|||
color: $input-text-active;
|
||||
|
||||
&:focus {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 1px inherit;
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 2px $input-border-gray;
|
||||
}
|
||||
|
||||
.has-dark-controls & {
|
||||
color: $input-text-dark;
|
||||
|
||||
&:focus {
|
||||
box-shadow: 0 0 0 2px $input-border-dark;
|
||||
}
|
||||
}
|
||||
|
||||
.has-error & {
|
||||
|
|
|
|||
|
|
@ -25,7 +25,11 @@ interface CheckoutAddress {
|
|||
setBillingAddress: ( data: Partial< BillingAddress > ) => void;
|
||||
setEmail: ( value: string ) => void;
|
||||
useShippingAsBilling: boolean;
|
||||
editingBillingAddress: boolean;
|
||||
editingShippingAddress: boolean;
|
||||
setUseShippingAsBilling: ( useShippingAsBilling: boolean ) => void;
|
||||
setEditingBillingAddress: ( isEditing: boolean ) => void;
|
||||
setEditingShippingAddress: ( isEditing: boolean ) => void;
|
||||
defaultFields: AddressFields;
|
||||
showShippingFields: boolean;
|
||||
showBillingFields: boolean;
|
||||
|
|
@ -40,15 +44,25 @@ interface CheckoutAddress {
|
|||
*/
|
||||
export const useCheckoutAddress = (): CheckoutAddress => {
|
||||
const { needsShipping } = useShippingData();
|
||||
const { useShippingAsBilling, prefersCollection } = useSelect(
|
||||
( select ) => ( {
|
||||
const {
|
||||
useShippingAsBilling,
|
||||
prefersCollection,
|
||||
editingBillingAddress,
|
||||
editingShippingAddress,
|
||||
} = useSelect( ( select ) => ( {
|
||||
useShippingAsBilling:
|
||||
select( CHECKOUT_STORE_KEY ).getUseShippingAsBilling(),
|
||||
prefersCollection: select( CHECKOUT_STORE_KEY ).prefersCollection(),
|
||||
} )
|
||||
);
|
||||
const { __internalSetUseShippingAsBilling } =
|
||||
useDispatch( CHECKOUT_STORE_KEY );
|
||||
editingBillingAddress:
|
||||
select( CHECKOUT_STORE_KEY ).getEditingBillingAddress(),
|
||||
editingShippingAddress:
|
||||
select( CHECKOUT_STORE_KEY ).getEditingShippingAddress(),
|
||||
} ) );
|
||||
const {
|
||||
__internalSetUseShippingAsBilling,
|
||||
setEditingBillingAddress,
|
||||
setEditingShippingAddress,
|
||||
} = useDispatch( CHECKOUT_STORE_KEY );
|
||||
const {
|
||||
billingAddress,
|
||||
setBillingAddress,
|
||||
|
|
@ -77,6 +91,10 @@ export const useCheckoutAddress = (): CheckoutAddress => {
|
|||
defaultFields,
|
||||
useShippingAsBilling,
|
||||
setUseShippingAsBilling: __internalSetUseShippingAsBilling,
|
||||
editingBillingAddress,
|
||||
editingShippingAddress,
|
||||
setEditingBillingAddress,
|
||||
setEditingShippingAddress,
|
||||
needsShipping,
|
||||
showShippingFields:
|
||||
! forcedBillingAddress && needsShipping && ! prefersCollection,
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@ import {
|
|||
} from '@woocommerce/types';
|
||||
import { FormFieldsConfig, getSetting } from '@woocommerce/settings';
|
||||
import { formatAddress } from '@woocommerce/blocks/checkout/utils';
|
||||
import { Button } from '@ariakit/react';
|
||||
|
||||
/**
|
||||
* Internal dependencies
|
||||
|
|
@ -82,7 +83,8 @@ const AddressCard = ( {
|
|||
) }
|
||||
</address>
|
||||
{ onEdit && (
|
||||
<button
|
||||
<Button
|
||||
render={ <span /> }
|
||||
className="wc-block-components-address-card__edit"
|
||||
aria-controls={ target }
|
||||
aria-expanded={ isExpanded }
|
||||
|
|
@ -94,7 +96,7 @@ const AddressCard = ( {
|
|||
type="button"
|
||||
>
|
||||
{ __( 'Edit', 'woocommerce' ) }
|
||||
</button>
|
||||
</Button>
|
||||
) }
|
||||
</div>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -7,14 +7,12 @@ import {
|
|||
useCheckoutAddress,
|
||||
useEditorContext,
|
||||
noticeContexts,
|
||||
useShippingData,
|
||||
} from '@woocommerce/base-context';
|
||||
import Noninteractive from '@woocommerce/base-components/noninteractive';
|
||||
import type { ShippingAddress, FormFieldsConfig } from '@woocommerce/settings';
|
||||
import { StoreNoticesContainer } from '@woocommerce/blocks-components';
|
||||
import { useSelect } from '@wordpress/data';
|
||||
import { CART_STORE_KEY } from '@woocommerce/block-data';
|
||||
import isShallowEqual from '@wordpress/is-shallow-equal';
|
||||
|
||||
/**
|
||||
* Internal dependencies
|
||||
|
|
@ -36,14 +34,9 @@ const Block = ( {
|
|||
showPhoneField: boolean;
|
||||
requirePhoneField: boolean;
|
||||
} ): JSX.Element => {
|
||||
const {
|
||||
shippingAddress,
|
||||
billingAddress,
|
||||
setShippingAddress,
|
||||
useBillingAsShipping,
|
||||
} = useCheckoutAddress();
|
||||
const { billingAddress, setShippingAddress, useBillingAsShipping } =
|
||||
useCheckoutAddress();
|
||||
const { isEditor } = useEditorContext();
|
||||
const { needsShipping } = useShippingData();
|
||||
|
||||
// Syncs shipping address with billing address if "Force shipping to the customer billing address" is enabled.
|
||||
useEffectOnce( () => {
|
||||
|
|
@ -101,19 +94,6 @@ const Block = ( {
|
|||
};
|
||||
} );
|
||||
|
||||
// Default editing state for CustomerAddress component comes from the current address and whether or not we're in the editor.
|
||||
const hasAddress = !! (
|
||||
billingAddress.address_1 &&
|
||||
( billingAddress.first_name || billingAddress.last_name )
|
||||
);
|
||||
const { email, ...billingAddressWithoutEmail } = billingAddress;
|
||||
const billingMatchesShipping = isShallowEqual(
|
||||
billingAddressWithoutEmail,
|
||||
shippingAddress
|
||||
);
|
||||
const defaultEditingAddress =
|
||||
isEditor || ! hasAddress || ( needsShipping && billingMatchesShipping );
|
||||
|
||||
return (
|
||||
<>
|
||||
<StoreNoticesContainer context={ noticeContext } />
|
||||
|
|
@ -121,7 +101,6 @@ const Block = ( {
|
|||
{ cartDataLoaded ? (
|
||||
<CustomerAddress
|
||||
addressFieldsConfig={ addressFieldsConfig }
|
||||
defaultEditing={ defaultEditingAddress }
|
||||
/>
|
||||
) : null }
|
||||
</WrapperComponent>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
/**
|
||||
* External dependencies
|
||||
*/
|
||||
import { useState, useCallback, useEffect } from '@wordpress/element';
|
||||
import { useCallback, useEffect } from '@wordpress/element';
|
||||
import { Form } from '@woocommerce/base-components/cart-checkout';
|
||||
import { useCheckoutAddress, useStoreEvents } from '@woocommerce/base-context';
|
||||
import type {
|
||||
|
|
@ -20,19 +20,18 @@ import AddressCard from '../../address-card';
|
|||
|
||||
const CustomerAddress = ( {
|
||||
addressFieldsConfig,
|
||||
defaultEditing = false,
|
||||
}: {
|
||||
addressFieldsConfig: FormFieldsConfig;
|
||||
defaultEditing?: boolean;
|
||||
} ) => {
|
||||
const {
|
||||
billingAddress,
|
||||
setShippingAddress,
|
||||
setBillingAddress,
|
||||
useBillingAsShipping,
|
||||
editingBillingAddress: editing,
|
||||
setEditingBillingAddress: setEditing,
|
||||
} = useCheckoutAddress();
|
||||
const { dispatchCheckoutEvent } = useStoreEvents();
|
||||
const [ editing, setEditing ] = useState( defaultEditing );
|
||||
|
||||
// Forces editing state if store has errors.
|
||||
const { hasValidationErrors, invalidProps } = useSelect( ( select ) => {
|
||||
|
|
@ -55,7 +54,7 @@ const CustomerAddress = ( {
|
|||
if ( invalidProps.length > 0 && editing === false ) {
|
||||
setEditing( true );
|
||||
}
|
||||
}, [ editing, hasValidationErrors, invalidProps.length ] );
|
||||
}, [ editing, hasValidationErrors, invalidProps.length, setEditing ] );
|
||||
|
||||
const onChangeAddress = useCallback(
|
||||
( values: AddressFormValues ) => {
|
||||
|
|
@ -86,7 +85,7 @@ const CustomerAddress = ( {
|
|||
isExpanded={ editing }
|
||||
/>
|
||||
),
|
||||
[ billingAddress, addressFieldsConfig, editing ]
|
||||
[ billingAddress, addressFieldsConfig, editing, setEditing ]
|
||||
);
|
||||
|
||||
const renderAddressFormComponent = useCallback(
|
||||
|
|
|
|||
|
|
@ -47,6 +47,7 @@ const Block = ( {
|
|||
billingAddress,
|
||||
useShippingAsBilling,
|
||||
setUseShippingAsBilling,
|
||||
setEditingBillingAddress,
|
||||
} = useCheckoutAddress();
|
||||
const { isEditor } = useEditorContext();
|
||||
const isGuest = getSetting( 'currentUserId' ) === 0;
|
||||
|
|
@ -116,10 +117,6 @@ const Block = ( {
|
|||
const noticeContext = useShippingAsBilling
|
||||
? [ noticeContexts.SHIPPING_ADDRESS, noticeContexts.BILLING_ADDRESS ]
|
||||
: [ noticeContexts.SHIPPING_ADDRESS ];
|
||||
const hasAddress = !! (
|
||||
shippingAddress.address_1 &&
|
||||
( shippingAddress.first_name || shippingAddress.last_name )
|
||||
);
|
||||
|
||||
const { cartDataLoaded } = useSelect( ( select ) => {
|
||||
const store = select( CART_STORE_KEY );
|
||||
|
|
@ -128,9 +125,6 @@ const Block = ( {
|
|||
};
|
||||
} );
|
||||
|
||||
// Default editing state for CustomerAddress component comes from the current address and whether or not we're in the editor.
|
||||
const defaultEditingAddress = isEditor || ! hasAddress;
|
||||
|
||||
return (
|
||||
<>
|
||||
<StoreNoticesContainer context={ noticeContext } />
|
||||
|
|
@ -138,7 +132,6 @@ const Block = ( {
|
|||
{ cartDataLoaded ? (
|
||||
<CustomerAddress
|
||||
addressFieldsConfig={ addressFieldsConfig }
|
||||
defaultEditing={ defaultEditingAddress }
|
||||
/>
|
||||
) : null }
|
||||
</WrapperComponent>
|
||||
|
|
@ -151,6 +144,7 @@ const Block = ( {
|
|||
if ( checked ) {
|
||||
syncBillingWithShipping();
|
||||
} else {
|
||||
setEditingBillingAddress( true );
|
||||
clearBillingAddress( billingAddress );
|
||||
}
|
||||
} }
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
/**
|
||||
* External dependencies
|
||||
*/
|
||||
import { useState, useCallback, useEffect } from '@wordpress/element';
|
||||
import { useCallback, useEffect } from '@wordpress/element';
|
||||
import { Form } from '@woocommerce/base-components/cart-checkout';
|
||||
import { useCheckoutAddress, useStoreEvents } from '@woocommerce/base-context';
|
||||
import type {
|
||||
|
|
@ -20,19 +20,18 @@ import AddressCard from '../../address-card';
|
|||
|
||||
const CustomerAddress = ( {
|
||||
addressFieldsConfig,
|
||||
defaultEditing = false,
|
||||
}: {
|
||||
addressFieldsConfig: FormFieldsConfig;
|
||||
defaultEditing?: boolean;
|
||||
} ) => {
|
||||
const {
|
||||
shippingAddress,
|
||||
setShippingAddress,
|
||||
setBillingAddress,
|
||||
useShippingAsBilling,
|
||||
editingShippingAddress: editing,
|
||||
setEditingShippingAddress: setEditing,
|
||||
} = useCheckoutAddress();
|
||||
const { dispatchCheckoutEvent } = useStoreEvents();
|
||||
const [ editing, setEditing ] = useState( defaultEditing );
|
||||
|
||||
// Forces editing state if store has errors.
|
||||
const { hasValidationErrors, invalidProps } = useSelect( ( select ) => {
|
||||
|
|
@ -54,7 +53,7 @@ const CustomerAddress = ( {
|
|||
if ( invalidProps.length > 0 && editing === false ) {
|
||||
setEditing( true );
|
||||
}
|
||||
}, [ editing, hasValidationErrors, invalidProps.length ] );
|
||||
}, [ editing, hasValidationErrors, invalidProps.length, setEditing ] );
|
||||
|
||||
const onChangeAddress = useCallback(
|
||||
( values: AddressFormValues ) => {
|
||||
|
|
@ -85,7 +84,7 @@ const CustomerAddress = ( {
|
|||
isExpanded={ editing }
|
||||
/>
|
||||
),
|
||||
[ shippingAddress, addressFieldsConfig, editing ]
|
||||
[ shippingAddress, addressFieldsConfig, editing, setEditing ]
|
||||
);
|
||||
|
||||
const renderAddressFormComponent = useCallback(
|
||||
|
|
|
|||
|
|
@ -10,6 +10,7 @@ import { CART_STORE_KEY, VALIDATION_STORE_KEY } from '@woocommerce/block-data';
|
|||
import { useDispatch, useSelect } from '@wordpress/data';
|
||||
import { isPackageRateCollectable } from '@woocommerce/base-utils';
|
||||
import { getSetting } from '@woocommerce/settings';
|
||||
import { Button } from '@ariakit/react';
|
||||
|
||||
/**
|
||||
* Internal dependencies
|
||||
|
|
@ -18,7 +19,6 @@ import { RatePrice, getLocalPickupPrices, getShippingPrices } from './shared';
|
|||
import type { minMaxPrices } from './shared';
|
||||
import { defaultLocalPickupText, defaultShippingText } from './constants';
|
||||
import { shippingAddressHasValidationErrors } from '../../../../data/cart/utils';
|
||||
import Button from '../../../../base/components/button';
|
||||
|
||||
const SHIPPING_RATE_ERROR = {
|
||||
hidden: true,
|
||||
|
|
@ -44,8 +44,8 @@ const LocalPickupSelector = ( {
|
|||
} ) => {
|
||||
return (
|
||||
<Button
|
||||
render={ <div /> }
|
||||
role="radio"
|
||||
removeTextWrap
|
||||
onClick={ onClick }
|
||||
className={ clsx( 'wc-block-checkout__shipping-method-option', {
|
||||
'wc-block-checkout__shipping-method-option--selected':
|
||||
|
|
@ -129,9 +129,9 @@ const ShippingSelector = ( {
|
|||
|
||||
return (
|
||||
<Button
|
||||
render={ <div /> }
|
||||
role="radio"
|
||||
onClick={ onClick }
|
||||
removeTextWrap
|
||||
className={ clsx( 'wc-block-checkout__shipping-method-option', {
|
||||
'wc-block-checkout__shipping-method-option--selected':
|
||||
checked === 'shipping',
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ import {
|
|||
useBlockProps,
|
||||
RichText,
|
||||
} from '@wordpress/block-editor';
|
||||
import Button from '@woocommerce/base-components/button';
|
||||
import { Button } from '@ariakit/react';
|
||||
import { useShippingData } from '@woocommerce/base-context/hooks';
|
||||
import { innerBlockAreas } from '@woocommerce/blocks-checkout';
|
||||
import { useDispatch, useSelect } from '@wordpress/data';
|
||||
|
|
@ -53,12 +53,12 @@ const LocalPickupSelector = ( {
|
|||
} ) => {
|
||||
return (
|
||||
<Button
|
||||
render={ <div /> }
|
||||
className={ clsx( 'wc-block-checkout__shipping-method-option', {
|
||||
'wc-block-checkout__shipping-method-option--selected':
|
||||
checked === 'pickup',
|
||||
} ) }
|
||||
onClick={ onClick }
|
||||
removeTextWrap
|
||||
>
|
||||
{ showIcon === true && (
|
||||
<Icon
|
||||
|
|
@ -113,12 +113,12 @@ const ShippingSelector = ( {
|
|||
|
||||
return (
|
||||
<Button
|
||||
render={ <div /> }
|
||||
className={ clsx( 'wc-block-checkout__shipping-method-option', {
|
||||
'wc-block-checkout__shipping-method-option--selected':
|
||||
checked === 'shipping',
|
||||
} ) }
|
||||
onClick={ onClick }
|
||||
removeTextWrap
|
||||
>
|
||||
{ showIcon === true && (
|
||||
<Icon
|
||||
|
|
|
|||
|
|
@ -9,22 +9,23 @@
|
|||
// We have avoided nesting all the styles in case specificity changes introduce regressions elsewhere.
|
||||
.edit-post-visual-editor {
|
||||
.wc-block-checkout__shipping-method-container {
|
||||
.wc-block-components-button.wc-block-checkout__shipping-method-option {
|
||||
.wc-block-checkout__shipping-method-option {
|
||||
min-height: 80px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.edit-post-visual-editor
|
||||
.wc-block-components-button.wc-block-checkout__shipping-method-option,
|
||||
.wc-block-components-button.wc-block-checkout__shipping-method-option {
|
||||
.edit-post-visual-editor .wc-block-checkout__shipping-method-option,
|
||||
.wc-block-checkout__shipping-method-option {
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
min-height: 80px;
|
||||
box-sizing: border-box;
|
||||
flex-basis: 0;
|
||||
gap: 4px;
|
||||
padding: 16px 12px;
|
||||
|
|
@ -35,8 +36,8 @@
|
|||
outline: 1px solid $universal-border-light !important; // Overwriting Gutenberg styles
|
||||
border-radius: $universal-border-radius;
|
||||
cursor: pointer;
|
||||
&.components-button:hover:not(:disabled),
|
||||
&.components-button:focus:not(:disabled),
|
||||
&:hover:not(:disabled),
|
||||
&:focus:not(:disabled),
|
||||
&:focus,
|
||||
&:hover {
|
||||
background-color: $universal-background;
|
||||
|
|
@ -65,6 +66,8 @@
|
|||
|
||||
.wc-block-checkout__shipping-method-option-price {
|
||||
@include font-size(small, 1rem);
|
||||
flex-basis: 100%;
|
||||
text-align: center;
|
||||
|
||||
em {
|
||||
text-transform: uppercase;
|
||||
|
|
|
|||
|
|
@ -1,3 +1,16 @@
|
|||
.wc-block-order-confirmation-status-description {
|
||||
.woocommerce-verify-email {
|
||||
margin-top: $gap-larger;
|
||||
#verify-email {
|
||||
width: 50%;
|
||||
|
||||
@include breakpoint("<782px") {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wc-block-order-confirmation-status {
|
||||
margin-top: $gap;
|
||||
margin-bottom: $gap;
|
||||
|
|
|
|||
|
|
@ -36,12 +36,6 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
.woocommerce-verify-email {
|
||||
margin-top: $gap-larger;
|
||||
#verify-email {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
&.has-background {
|
||||
padding: $gap;
|
||||
|
|
|
|||
|
|
@ -21,15 +21,36 @@ import {
|
|||
import type { ProductCollectionEditComponentProps } from '../types';
|
||||
import { getCollectionByName } from '../collections';
|
||||
|
||||
const ProductPicker = ( props: ProductCollectionEditComponentProps ) => {
|
||||
const ProductPicker = (
|
||||
props: ProductCollectionEditComponentProps & {
|
||||
isDeletedProductReference: boolean;
|
||||
}
|
||||
) => {
|
||||
const blockProps = useBlockProps();
|
||||
const attributes = props.attributes;
|
||||
const { attributes, isDeletedProductReference } = props;
|
||||
|
||||
const collection = getCollectionByName( attributes.collection );
|
||||
if ( ! collection ) {
|
||||
return;
|
||||
return null;
|
||||
}
|
||||
|
||||
const infoText = isDeletedProductReference
|
||||
? __(
|
||||
'Previously selected product is no longer available.',
|
||||
'woocommerce'
|
||||
)
|
||||
: createInterpolateElement(
|
||||
sprintf(
|
||||
/* translators: %s: collection title */
|
||||
__(
|
||||
'<strong>%s</strong> requires a product to be selected in order to display associated items.',
|
||||
'woocommerce'
|
||||
),
|
||||
collection.title
|
||||
),
|
||||
{ strong: <strong /> }
|
||||
);
|
||||
|
||||
return (
|
||||
<div { ...blockProps }>
|
||||
<Placeholder className="wc-blocks-product-collection__editor-product-picker">
|
||||
|
|
@ -38,21 +59,7 @@ const ProductPicker = ( props: ProductCollectionEditComponentProps ) => {
|
|||
icon={ info }
|
||||
className="wc-blocks-product-collection__info-icon"
|
||||
/>
|
||||
<Text>
|
||||
{ createInterpolateElement(
|
||||
sprintf(
|
||||
/* translators: %s: collection title */
|
||||
__(
|
||||
'<strong>%s</strong> requires a product to be selected in order to display associated items.',
|
||||
'woocommerce'
|
||||
),
|
||||
collection.title
|
||||
),
|
||||
{
|
||||
strong: <strong />,
|
||||
}
|
||||
) }
|
||||
</Text>
|
||||
<Text>{ infoText }</Text>
|
||||
</HStack>
|
||||
<ProductControl
|
||||
selected={
|
||||
|
|
|
|||
|
|
@ -174,6 +174,10 @@ $max-button-width: calc(100% / #{$max-button-columns});
|
|||
.wc-blocks-product-collection__info-icon {
|
||||
fill: var(--wp--preset--color--luminous-vivid-orange, #e26f56);
|
||||
}
|
||||
|
||||
.woocommerce-search-list__search {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Linked Product Control
|
||||
|
|
|
|||
|
|
@ -5,11 +5,13 @@ import { store as blockEditorStore } from '@wordpress/block-editor';
|
|||
import { useState } from '@wordpress/element';
|
||||
import { useSelect } from '@wordpress/data';
|
||||
import { useGetLocation } from '@woocommerce/blocks/product-template/utils';
|
||||
import { Spinner, Flex } from '@wordpress/components';
|
||||
|
||||
/**
|
||||
* Internal dependencies
|
||||
*/
|
||||
import {
|
||||
ProductCollectionContentProps,
|
||||
ProductCollectionEditComponentProps,
|
||||
ProductCollectionUIStatesInEditor,
|
||||
} from '../types';
|
||||
|
|
@ -17,7 +19,7 @@ import ProductCollectionPlaceholder from './product-collection-placeholder';
|
|||
import ProductCollectionContent from './product-collection-content';
|
||||
import CollectionSelectionModal from './collection-selection-modal';
|
||||
import './editor.scss';
|
||||
import { getProductCollectionUIStateInEditor } from '../utils';
|
||||
import { useProductCollectionUIState } from '../utils';
|
||||
import ProductPicker from './ProductPicker';
|
||||
|
||||
const Edit = ( props: ProductCollectionEditComponentProps ) => {
|
||||
|
|
@ -31,49 +33,65 @@ const Edit = ( props: ProductCollectionEditComponentProps ) => {
|
|||
[ clientId ]
|
||||
);
|
||||
|
||||
const productCollectionUIStateInEditor =
|
||||
getProductCollectionUIStateInEditor( {
|
||||
hasInnerBlocks,
|
||||
const { productCollectionUIStateInEditor, isLoading } =
|
||||
useProductCollectionUIState( {
|
||||
location,
|
||||
attributes: props.attributes,
|
||||
attributes,
|
||||
hasInnerBlocks,
|
||||
usesReference: props.usesReference,
|
||||
} );
|
||||
|
||||
/**
|
||||
* Component to render based on the UI state.
|
||||
*/
|
||||
let Component,
|
||||
isUsingReferencePreviewMode = false;
|
||||
// Show spinner while calculating Editor UI state.
|
||||
if ( isLoading ) {
|
||||
return (
|
||||
<Flex justify="center" align="center">
|
||||
<Spinner />
|
||||
</Flex>
|
||||
);
|
||||
}
|
||||
|
||||
const productCollectionContentProps: ProductCollectionContentProps = {
|
||||
...props,
|
||||
openCollectionSelectionModal: () => setIsSelectionModalOpen( true ),
|
||||
location,
|
||||
isUsingReferencePreviewMode:
|
||||
productCollectionUIStateInEditor ===
|
||||
ProductCollectionUIStatesInEditor.VALID_WITH_PREVIEW,
|
||||
};
|
||||
|
||||
const renderComponent = () => {
|
||||
switch ( productCollectionUIStateInEditor ) {
|
||||
case ProductCollectionUIStatesInEditor.COLLECTION_PICKER:
|
||||
Component = ProductCollectionPlaceholder;
|
||||
break;
|
||||
return <ProductCollectionPlaceholder { ...props } />;
|
||||
case ProductCollectionUIStatesInEditor.PRODUCT_REFERENCE_PICKER:
|
||||
Component = ProductPicker;
|
||||
break;
|
||||
return (
|
||||
<ProductPicker
|
||||
{ ...props }
|
||||
isDeletedProductReference={ false }
|
||||
/>
|
||||
);
|
||||
case ProductCollectionUIStatesInEditor.DELETED_PRODUCT_REFERENCE:
|
||||
return (
|
||||
<ProductPicker
|
||||
{ ...props }
|
||||
isDeletedProductReference={ true }
|
||||
/>
|
||||
);
|
||||
case ProductCollectionUIStatesInEditor.VALID:
|
||||
Component = ProductCollectionContent;
|
||||
break;
|
||||
case ProductCollectionUIStatesInEditor.VALID_WITH_PREVIEW:
|
||||
Component = ProductCollectionContent;
|
||||
isUsingReferencePreviewMode = true;
|
||||
break;
|
||||
return (
|
||||
<ProductCollectionContent
|
||||
{ ...productCollectionContentProps }
|
||||
/>
|
||||
);
|
||||
default:
|
||||
// By default showing collection chooser.
|
||||
Component = ProductCollectionPlaceholder;
|
||||
return <ProductCollectionPlaceholder { ...props } />;
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<Component
|
||||
{ ...props }
|
||||
openCollectionSelectionModal={ () =>
|
||||
setIsSelectionModalOpen( true )
|
||||
}
|
||||
isUsingReferencePreviewMode={ isUsingReferencePreviewMode }
|
||||
location={ location }
|
||||
usesReference={ props.usesReference }
|
||||
/>
|
||||
{ renderComponent() }
|
||||
{ isSelectionModalOpen && (
|
||||
<CollectionSelectionModal
|
||||
clientId={ clientId }
|
||||
|
|
|
|||
|
|
@ -7,10 +7,10 @@ import { InspectorAdvancedControls } from '@wordpress/block-editor';
|
|||
* Internal dependencies
|
||||
*/
|
||||
import ForcePageReloadControl from './force-page-reload-control';
|
||||
import type { ProductCollectionEditComponentProps } from '../../types';
|
||||
import type { ProductCollectionContentProps } from '../../types';
|
||||
|
||||
export default function ProductCollectionAdvancedInspectorControls(
|
||||
props: Omit< ProductCollectionEditComponentProps, 'preview' >
|
||||
props: ProductCollectionContentProps
|
||||
) {
|
||||
const { clientId, attributes, setAttributes } = props;
|
||||
const { forcePageReload } = attributes;
|
||||
|
|
|
|||
|
|
@ -28,6 +28,7 @@ import metadata from '../../block.json';
|
|||
import { useTracksLocation } from '../../tracks-utils';
|
||||
import {
|
||||
ProductCollectionEditComponentProps,
|
||||
ProductCollectionContentProps,
|
||||
CoreFilterNames,
|
||||
FilterName,
|
||||
} from '../../types';
|
||||
|
|
@ -59,7 +60,7 @@ const prepareShouldShowFilter =
|
|||
};
|
||||
|
||||
const ProductCollectionInspectorControls = (
|
||||
props: ProductCollectionEditComponentProps
|
||||
props: ProductCollectionContentProps
|
||||
) => {
|
||||
const { attributes, context, setAttributes } = props;
|
||||
const { query, hideControls, displayLayout } = attributes;
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@ import fastDeepEqual from 'fast-deep-equal/es6';
|
|||
import type {
|
||||
ProductCollectionAttributes,
|
||||
ProductCollectionQuery,
|
||||
ProductCollectionEditComponentProps,
|
||||
ProductCollectionContentProps,
|
||||
} from '../types';
|
||||
import { DEFAULT_ATTRIBUTES, INNER_BLOCKS_TEMPLATE } from '../constants';
|
||||
import {
|
||||
|
|
@ -68,7 +68,7 @@ const useQueryId = (
|
|||
const ProductCollectionContent = ( {
|
||||
preview: { setPreviewState, initialPreviewState } = {},
|
||||
...props
|
||||
}: ProductCollectionEditComponentProps ) => {
|
||||
}: ProductCollectionContentProps ) => {
|
||||
const isInitialAttributesSet = useRef( false );
|
||||
const {
|
||||
clientId,
|
||||
|
|
|
|||
|
|
@ -11,10 +11,10 @@ import { setQueryAttribute } from '../../utils';
|
|||
import DisplaySettingsToolbar from './display-settings-toolbar';
|
||||
import DisplayLayoutToolbar from './display-layout-toolbar';
|
||||
import CollectionChooserToolbar from './collection-chooser-toolbar';
|
||||
import type { ProductCollectionEditComponentProps } from '../../types';
|
||||
import type { ProductCollectionContentProps } from '../../types';
|
||||
|
||||
export default function ToolbarControls(
|
||||
props: Omit< ProductCollectionEditComponentProps, 'preview' >
|
||||
props: ProductCollectionContentProps
|
||||
) {
|
||||
const { attributes, openCollectionSelectionModal, setAttributes } = props;
|
||||
const { query, displayLayout } = attributes;
|
||||
|
|
|
|||
|
|
@ -14,9 +14,9 @@ export enum ProductCollectionUIStatesInEditor {
|
|||
PRODUCT_REFERENCE_PICKER = 'product_context_picker',
|
||||
VALID_WITH_PREVIEW = 'uses_reference_preview_mode',
|
||||
VALID = 'valid',
|
||||
DELETED_PRODUCT_REFERENCE = 'deleted_product_reference',
|
||||
// Future states
|
||||
// INVALID = 'invalid',
|
||||
// DELETED_PRODUCT_REFERENCE = 'deleted_product_reference',
|
||||
}
|
||||
|
||||
export interface ProductCollectionAttributes {
|
||||
|
|
@ -111,7 +111,6 @@ export interface ProductCollectionQuery {
|
|||
export type ProductCollectionEditComponentProps =
|
||||
BlockEditProps< ProductCollectionAttributes > & {
|
||||
name: string;
|
||||
openCollectionSelectionModal: () => void;
|
||||
preview?: {
|
||||
initialPreviewState?: PreviewState;
|
||||
setPreviewState?: SetPreviewState;
|
||||
|
|
@ -120,8 +119,13 @@ export type ProductCollectionEditComponentProps =
|
|||
context: {
|
||||
templateSlug: string;
|
||||
};
|
||||
isUsingReferencePreviewMode: boolean;
|
||||
};
|
||||
|
||||
export type ProductCollectionContentProps =
|
||||
ProductCollectionEditComponentProps & {
|
||||
location: WooCommerceBlockLocation;
|
||||
isUsingReferencePreviewMode: boolean;
|
||||
openCollectionSelectionModal: () => void;
|
||||
};
|
||||
|
||||
export type TProductCollectionOrder = 'asc' | 'desc';
|
||||
|
|
|
|||
|
|
@ -3,10 +3,16 @@
|
|||
*/
|
||||
import { store as blockEditorStore } from '@wordpress/block-editor';
|
||||
import { addFilter } from '@wordpress/hooks';
|
||||
import { select } from '@wordpress/data';
|
||||
import { select, useSelect } from '@wordpress/data';
|
||||
import { store as coreDataStore } from '@wordpress/core-data';
|
||||
import { isWpVersion } from '@woocommerce/settings';
|
||||
import type { BlockEditProps, Block } from '@wordpress/blocks';
|
||||
import { useEffect, useLayoutEffect, useState } from '@wordpress/element';
|
||||
import {
|
||||
useEffect,
|
||||
useLayoutEffect,
|
||||
useState,
|
||||
useMemo,
|
||||
} from '@wordpress/element';
|
||||
import { __ } from '@wordpress/i18n';
|
||||
import type { ProductResponseItem } from '@woocommerce/types';
|
||||
import { getProduct } from '@woocommerce/editor-components/utils';
|
||||
|
|
@ -193,7 +199,7 @@ export const getUsesReferencePreviewMessage = (
|
|||
return '';
|
||||
};
|
||||
|
||||
export const getProductCollectionUIStateInEditor = ( {
|
||||
export const useProductCollectionUIState = ( {
|
||||
location,
|
||||
usesReference,
|
||||
attributes,
|
||||
|
|
@ -203,7 +209,31 @@ export const getProductCollectionUIStateInEditor = ( {
|
|||
usesReference?: string[] | undefined;
|
||||
attributes: ProductCollectionAttributes;
|
||||
hasInnerBlocks: boolean;
|
||||
} ): ProductCollectionUIStatesInEditor => {
|
||||
} ) => {
|
||||
// Fetch product to check if it's deleted.
|
||||
// `product` will be undefined if it doesn't exist.
|
||||
const productId = attributes.query?.productReference;
|
||||
const { product, hasResolved } = useSelect(
|
||||
( selectFunc ) => {
|
||||
if ( ! productId ) {
|
||||
return { product: null, hasResolved: true };
|
||||
}
|
||||
|
||||
const { getEntityRecord, hasFinishedResolution } =
|
||||
selectFunc( coreDataStore );
|
||||
const selectorArgs = [ 'postType', 'product', productId ];
|
||||
return {
|
||||
product: getEntityRecord( ...selectorArgs ),
|
||||
hasResolved: hasFinishedResolution(
|
||||
'getEntityRecord',
|
||||
selectorArgs
|
||||
),
|
||||
};
|
||||
},
|
||||
[ productId ]
|
||||
);
|
||||
|
||||
const productCollectionUIStateInEditor = useMemo( () => {
|
||||
const isInRequiredLocation = usesReference?.includes( location.type );
|
||||
const isCollectionSelected = !! attributes.collection;
|
||||
|
||||
|
|
@ -222,8 +252,23 @@ export const getProductCollectionUIStateInEditor = ( {
|
|||
return ProductCollectionUIStatesInEditor.PRODUCT_REFERENCE_PICKER;
|
||||
}
|
||||
|
||||
// Case 2: Deleted product reference
|
||||
if (
|
||||
isCollectionSelected &&
|
||||
isProductContextRequired &&
|
||||
! isInRequiredLocation &&
|
||||
isProductContextSelected
|
||||
) {
|
||||
const isProductDeleted =
|
||||
productId &&
|
||||
( product === undefined || product?.status === 'trash' );
|
||||
if ( isProductDeleted ) {
|
||||
return ProductCollectionUIStatesInEditor.DELETED_PRODUCT_REFERENCE;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Case 2: Preview mode - based on `usesReference` value
|
||||
* Case 3: Preview mode - based on `usesReference` value
|
||||
*/
|
||||
if ( isInRequiredLocation ) {
|
||||
/**
|
||||
|
|
@ -249,13 +294,26 @@ export const getProductCollectionUIStateInEditor = ( {
|
|||
}
|
||||
|
||||
/**
|
||||
* Case 3: Collection chooser
|
||||
* Case 4: Collection chooser
|
||||
*/
|
||||
if ( ! hasInnerBlocks && ! isCollectionSelected ) {
|
||||
return ProductCollectionUIStatesInEditor.COLLECTION_PICKER;
|
||||
}
|
||||
|
||||
return ProductCollectionUIStatesInEditor.VALID;
|
||||
}, [
|
||||
location.type,
|
||||
location.sourceData?.termId,
|
||||
location.sourceData?.productId,
|
||||
usesReference,
|
||||
attributes.collection,
|
||||
productId,
|
||||
product,
|
||||
hasInnerBlocks,
|
||||
attributes.query?.productReference,
|
||||
] );
|
||||
|
||||
return { productCollectionUIStateInEditor, isLoading: ! hasResolved };
|
||||
};
|
||||
|
||||
export const useSetPreviewState = ( {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,26 @@
|
|||
/**
|
||||
* Internal dependencies
|
||||
*/
|
||||
import './style.scss';
|
||||
|
||||
/**
|
||||
* The reason for using this component instead of the core/disabled component is
|
||||
* that the Disabled component disrupts the focus on inner blocks. For example,
|
||||
* when a heading block is nested inside, the text cursor, which indicates the
|
||||
* editable area, isn't visible when focused on the heading block.
|
||||
*
|
||||
* This component only uses CSS to control the selected behavior of inner
|
||||
* blocks, which fixes the abovementioned issues. However, being a static
|
||||
* component comes with a limitation: this component is meant to be placed
|
||||
* directly inside the block wrapper element that holds block props.
|
||||
*/
|
||||
export const InitialDisabled = ( {
|
||||
children,
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
} ): JSX.Element => (
|
||||
<div className="wc-block-product-filter-components-initial-disabled">
|
||||
<div className="wc-block-product-filter-components-initial-disabled-overlay" />
|
||||
{ children }
|
||||
</div>
|
||||
);
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
.wc-block-product-filter-components-initial-disabled {
|
||||
position: relative;
|
||||
|
||||
.wc-block-product-filter-components-initial-disabled-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
|
||||
.is-selected > &,
|
||||
.has-child-selected > & {
|
||||
z-index: -1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
/**
|
||||
* External dependencies
|
||||
*/
|
||||
import { Icon } from '@wordpress/components';
|
||||
import { info } from '@wordpress/icons';
|
||||
|
||||
/**
|
||||
* Internal dependencies
|
||||
*/
|
||||
import './style.scss';
|
||||
|
||||
/**
|
||||
* A custom notice component is designed specifically for new filter blocks. We
|
||||
* are not reusing the existing components because we have a new design for the
|
||||
* filter blocks notice. We want users to utilize the sidebar for attribute
|
||||
* settings, so we are keeping the new notice minimal."
|
||||
*/
|
||||
export const Notice = ( { children }: { children: React.ReactNode } ) => (
|
||||
<div className="wc-block-product-filter-components-notice">
|
||||
<Icon
|
||||
className="wc-block-product-filter-components-notice__icon"
|
||||
icon={ info }
|
||||
/>
|
||||
<div className="wc-block-product-filter-components-notice__content">
|
||||
{ children }
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
.wc-block-product-filter-components-notice {
|
||||
display: flex;
|
||||
padding: $gap;
|
||||
gap: $gap-smaller;
|
||||
border: 1px solid;
|
||||
|
||||
&__icon {
|
||||
fill: $alert-red;
|
||||
}
|
||||
|
||||
&__content {
|
||||
> * {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -3,3 +3,9 @@ export const BlockOverlayAttribute = {
|
|||
MOBILE: 'mobile',
|
||||
ALWAYS: 'always',
|
||||
} as const;
|
||||
|
||||
export const EXCLUDED_BLOCKS = [
|
||||
'woocommerce/product-filter-attribute',
|
||||
'woocommerce/product-collection',
|
||||
'core/query',
|
||||
];
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue