Commit b233c373a79 for woocommerce
commit b233c373a79e9793f12f4311484fb319e63fa54a
Author: lucyneb <lucyne.babayan@automattic.com>
Date: Thu May 21 13:38:10 2026 -0700
Add order milestone overlay celebration for WooCommerce Payments (#64679)
* Add order milestone easter egg for WooCommerce Payments
Introduces OrderMilestoneEasterEgg, a full-screen animated piñata overlay
that fires when a merchant opens their 1st, 100th, or 1000th live WCPay
order in the admin. Each milestone shows a unique piñata character (llama,
octo, whale) with physics, confetti, eye-tracking, and a reveal animation.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
* Add WP_DEBUG preview bypass for milestone overlay
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
* Gate milestone preview by manage_options instead of WP_DEBUG
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
* Address CodeRabbit review: performance, i18n, and accessibility
- Gate order query to HPOS order edit page only (no global admin overhead)
- Cap wc_get_orders limit to 1001 (highest needed milestone is 1000)
- Wrap all user-facing strings in __() with woocommerce textdomain
- Add prefers-reduced-motion support: skips physics loop and confetti
- Add dialog role, aria-modal, aria-labelledby, and focus trap
- Restore focus to previously focused element on overlay close
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
* Fix phpcs lint errors flagged by CI
- Remove argument alignment spaces in str_replace calls
- Replace short ternaries (?:) with explicit false !== check via intermediate variables
- Fix wc_get_orders array argument indentation
- Expand inline associative array to multiline
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
* Fix assignment alignment warning for \$positions
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
* Address PR review: WCPay gate, opt-out, dismissed state, HPOS query, button active states
- Add early WooPayments active check (class_exists guard)
- Gate debug preview behind WP_DEBUG constant
- Add per-user opt-out (Don't show again) via _wc_egg_opted_out user meta
- Persist dismissed state per user/order via _wc_egg_seen_{id} user meta
- Handle dismiss and opt-out via wp_ajax hooks with nonce verification
- Switch transaction_id check from meta_query to HPOS field_query EXISTS
- Sanitize $_GET params with sanitize_key + wp_unslash; drop inline phpcs:ignore
- Fix button active/click states to follow Gutenberg is-primary/is-tertiary spec
- Add missing --wp-components-color-accent-darker-20 and -inverted CSS vars
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
* Move overlay JS to built admin asset; add early WCPay order check; selective SVG loading; PHP unit tests
- Extract IIFE into client/wp-admin-scripts/order-milestone-easter-egg/index.js
so the build pipeline catches JS syntax errors before review
- Register/enqueue the built asset with wp_register_script + wp_localize_script,
replacing the previous wp_add_inline_script('jquery-core') approach
- Remove now-unused get_script_template() (~900 lines of PHP nowdoc)
- Add is_wcpay_live_order() pre-check: load only the current order and verify
it has a transaction_id and wcpay_mode=live before running the full milestone
count query, avoiding the query on non-WCPay order pages entirely
- Add get_variant_map() and refactor get_svg_data() to accept a variants list;
for real orders only load the SVG for the matched milestone variant plus the
three shared assets (confetti, stick, sprinkle); remove unused box/cart/garland
- Add OrderMilestoneEasterEggTest covering hook registration, AJAX handlers,
is_wcpay_live_order positive/negative cases, milestone map detection, and
early-return gates for opt-out and non-WCPay orders
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
* Remove WooPayments restriction from milestone celebration
The overlay now fires for any store's first real paid order, not just
WooPayments stores. A qualifying order is one with processing/completed
status and a non-empty transaction ID.
- Remove `class_exists('WC_Payments')` gate
- Rename `is_wcpay_live_order()` → `is_qualifying_order()`: checks
status in (processing, completed) + transaction_id set
- Update `get_milestone_map()` query to filter by status instead of
wcpay_mode meta; PHP double-filter ensures correctness in HPOS
- Update tests to match renamed method and new qualifying criteria
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
* Address PR review: sanitize_text_field for GET params, drop unused shareText, minimal localize_script payload
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
* Address PR review: kill switch filter, narrow to current order, paginated query, @since tags, @testdox, changelog
- Add wc_order_milestone_egg_enabled filter as an early kill switch
- Narrow milestone_map to the current order only before loading SVGs
- Replace fixed-limit query with pagination to correctly count qualifying orders
- Fix @since 10.8.0 → 10.9.0 on class and init()
- Fix is_qualifying_order() docblock to remove test/sandbox language
- Add hook docblocks for wc_order_milestone_egg_enabled and wc_order_milestone_egg_map
- Add @testdox to all test methods
- Add negative test: qualifying order that is not itself a milestone
- Update changelog to remove WooCommerce Payments-specific language
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
* Cache order milestone IDs and add built asset
* Fix order milestone easter egg lint errors
* Optimize order milestone easter egg SVGs
* Use admin asset loader for milestone script
* Fix order milestone script eslint errors
* Remove milestone script eslint exception
* Update milestone variant test expectation
---------
Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-authored-by: Daniel Mallory <daniel.mallory@automattic.com>
diff --git a/plugins/woocommerce/assets/images/pinata/confetti.svg b/plugins/woocommerce/assets/images/pinata/confetti.svg
new file mode 100644
index 00000000000..85a2acb31a5
--- /dev/null
+++ b/plugins/woocommerce/assets/images/pinata/confetti.svg
@@ -0,0 +1 @@
+<svg width="124" height="84" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M118.328 43.305c1.005 0 1.82-.816 1.82-1.824a1.822 1.822 0 10-3.641 0c0 1.008.815 1.824 1.821 1.824z" fill="#E1D7FF"/><path d="M14.744 26.433c-.527-1.008-1.749-1.368-2.778-.864l-7.33 3.84c-1.005.528-1.412 1.752-.91 2.76a2.068 2.068 0 002.779.84l7.329-3.84c1.006-.528 1.413-1.776.886-2.76l.024.024zm98.674-5.736l-5.892 5.832c-.814.816-.838 2.112-.048 2.904.79.792 2.084.792 2.898 0l5.892-5.832c.814-.792.838-2.112.048-2.904-.791-.792-2.084-.792-2.898 0zM64.631 3.945l8.814 6.048c1.221.84 2.706.744 3.353-.168.647-.912.168-2.352-1.054-3.192L66.93.585c-1.221-.84-2.706-.768-3.353.168-.646.936-.167 2.352 1.054 3.192z" fill="#B999FF"/><path d="M83.001 62.553c.431 1.056 1.629 1.56 2.658 1.152a2.069 2.069 0 001.102-2.688l-3.137-7.68c-.431-1.056-1.629-1.56-2.659-1.152a2.069 2.069 0 00-1.101 2.688L83 62.553z" fill="#E1D7FF"/><path d="M84.414 34.761a2.032 2.032 0 00.096-2.904l-5.58-6.12c-.767-.84-2.084-.912-2.898-.144a2.032 2.032 0 00-.096 2.904l5.58 6.12c.767.84 2.06.912 2.898.144z" fill="#720EEC"/><path d="M24.611 1.233a2.055 2.055 0 00-1.772 2.304l.982 8.232c.143 1.128 1.15 1.944 2.275 1.8a2.042 2.042 0 001.772-2.304l-1.006-8.232c-.143-1.128-1.15-1.944-2.275-1.8h.024z" fill="#D1C1FF"/><path d="M13.858 53.721a2.042 2.042 0 00-1.294-2.592l-7.831-2.664c-1.078-.36-2.252.192-2.61 1.272a2.042 2.042 0 001.292 2.592l7.832 2.664c1.078.36 2.251-.192 2.61-1.272z" fill="#A77EFF"/><path d="M58.524 35.985c-1.006-.528-2.227-.12-2.754.912l-3.784 7.368c-.527 1.008-.144 2.256.862 2.76 1.006.528 2.227.12 2.754-.912l3.784-7.368c.527-1.008.144-2.256-.862-2.76z" fill="#873EFF"/><path d="M44.298 36.465a1.821 1.821 0 10-3.64 0 1.821 1.821 0 103.64 0z" fill="#A77EFF"/><path d="M24.491 53.865c.982 0 1.82-.816 1.82-1.824a1.821 1.821 0 10-3.64 0c0 1.008.814 1.824 1.82 1.824z" fill="#873EFF"/><path d="M105.011 49.905a1.821 1.821 0 10-3.64 0 1.821 1.821 0 103.64 0z" fill="#D1C1FF"/><path d="M81.49 77.529c1.006 0 1.82-.816 1.82-1.824a1.821 1.821 0 10-3.64 0c0 1.008.814 1.824 1.82 1.824z" fill="#720EEC"/><path d="M88.055 23.577a1.821 1.821 0 10-3.64 0 1.821 1.821 0 103.64 0z" fill="#873EFF"/><path d="M66.5 75.465a2.405 2.405 0 002.394-2.4c0-1.32-1.077-2.4-2.395-2.4a2.405 2.405 0 00-2.394 2.4c0 1.32 1.077 2.4 2.394 2.4zm37.841-70.536a1.822 1.822 0 10-3.641 0 1.822 1.822 0 103.641 0z" fill="#B999FF"/><path d="M123.549 10.857c.431-1.032-.096-2.232-1.15-2.664l-7.688-3.096a2.052 2.052 0 00-2.682 1.128c-.431 1.056.096 2.232 1.149 2.664l7.688 3.096a2.053 2.053 0 002.683-1.128z" fill="#D1C1FF"/><path d="M23.534 28.881c1.005.528 2.347-.12 3.041-1.44l4.934-9.48c.67-1.32.43-2.784-.575-3.312-1.006-.528-2.347.12-3.042 1.44l-4.933 9.48c-.67 1.32-.431 2.784.575 3.312z" fill="#A77EFF"/><path d="M76.702 20.745l8.43-6.576c1.15-.912 1.558-2.352.863-3.24-.695-.888-2.203-.888-3.353.024l-8.43 6.576c-1.174.912-1.557 2.352-.863 3.24.695.888 2.204.888 3.353-.024z" fill="#873EFF"/><path d="M38.502 11.097c-1.006.504-1.27 1.992-.599 3.312l4.862 9.528c.67 1.32 2.036 1.968 3.042 1.464 1.006-.504 1.27-1.992.599-3.312l-4.862-9.528c-.671-1.32-2.036-1.968-3.042-1.464z" fill="#720EEC"/><path d="M55.818 57.057c-.79-.768-2.036-.768-2.778 0l-5.365 5.568c-.742.768-.694 2.016.096 2.784.79.768 2.036.768 2.778 0l5.365-5.568c.742-.768.694-2.016-.096-2.784z" fill="#E1D7FF"/><path d="M111.095 39.657c-.12-1.104-1.413-1.896-2.874-1.728l-10.61 1.2c-1.461.168-2.563 1.2-2.42 2.328.12 1.128 1.414 1.896 2.875 1.728l10.61-1.2c1.461-.168 2.538-1.2 2.419-2.328z" fill="#A77EFF"/><path d="M52.824 29.361c.192.984 1.15 1.632 2.108 1.44a1.802 1.802 0 001.437-2.112 1.822 1.822 0 00-2.132-1.44 1.802 1.802 0 00-1.437 2.112h.024z" fill="#E1D7FF"/><path d="M61.638 20.601c1.293-.264 2.155-1.512 1.892-2.808-.264-1.296-1.51-2.16-2.802-1.896-1.294.264-2.156 1.512-1.892 2.808.263 1.296 1.508 2.16 2.802 1.896z" fill="#D1C1FF"/><path d="M3.08 71.217a1.802 1.802 0 001.437-2.112c-.191-.984-1.15-1.632-2.107-1.44A1.826 1.826 0 00.973 69.8a1.799 1.799 0 002.107 1.44v-.024z" fill="#A77EFF"/><path d="M73.733 40.833a1.822 1.822 0 00-2.132-1.44 1.822 1.822 0 00.695 3.576 1.826 1.826 0 001.437-2.136z" fill="#720EEC"/><path d="M9.762 8.865c-.191-.984-1.15-1.632-2.107-1.44a1.802 1.802 0 00-1.437 2.112 1.799 1.799 0 002.107 1.44 1.802 1.802 0 001.437-2.112z" fill="#B999FF"/><path d="M64.272 57.945a1.821 1.821 0 103.64 0 1.821 1.821 0 10-3.64 0z" fill="#D1C1FF"/><path d="M43.926 78.713a2.05 2.05 0 00-.503-2.855l-6.754-4.8a2.027 2.027 0 00-2.85.455 2.05 2.05 0 00.503 2.856l6.754 4.8a2.059 2.059 0 002.874-.456h-.024z" fill="#B999FF"/><path d="M97.443 13.809c1.006 1.08 2.491 1.32 3.305.528.815-.768.647-2.28-.359-3.336l-7.353-7.752c-1.005-1.08-2.49-1.296-3.305-.528-.814.768-.67 2.28.36 3.336l7.352 7.752z" fill="#E1D7FF"/><path d="M121.561 63.585c-.192-1.104-1.27-1.848-2.395-1.632l-8.143 1.488c-1.126.216-1.868 1.272-1.653 2.376.192 1.104 1.27 1.848 2.395 1.632l8.119-1.512c1.126-.216 1.868-1.272 1.677-2.376v.024zM16.803 81.32l1.748-10.56c.24-1.463-.454-2.783-1.58-2.975-1.102-.192-2.204.84-2.443 2.304l-1.748 10.56c-.24 1.464.455 2.784 1.58 2.976 1.102.192 2.204-.84 2.443-2.304z" fill="#720EEC"/><path d="M35.508 42.417c.431-1.032-.072-2.232-1.126-2.664l-7.663-3.144a2.061 2.061 0 00-2.683 1.104c-.431 1.032.072 2.232 1.126 2.664l7.64 3.144a2.061 2.061 0 002.682-1.104h.024z" fill="#D1C1FF"/><path d="M96.35 66.98a2.42 2.42 0 00-1.198 3.192 2.384 2.384 0 003.162 1.2 2.393 2.393 0 001.197-3.168c-.527-1.224-1.964-1.752-3.161-1.224zM43.292 2.313a1.821 1.821 0 00-.91 2.4 1.815 1.815 0 002.395.912 1.821 1.821 0 00.91-2.4 1.815 1.815 0 00-2.395-.912z" fill="#873EFF"/><path d="M2.553 23.409a1.822 1.822 0 00.91-2.4c-.407-.912-1.485-1.32-2.395-.912a1.822 1.822 0 00-.91 2.4c.407.912 1.485 1.32 2.395.912z" fill="#E1D7FF"/><path d="M40.322 51.201c-1.293.264-2.132 1.56-1.844 2.832a2.366 2.366 0 002.826 1.848 2.37 2.37 0 001.844-2.832 2.366 2.366 0 00-2.826-1.848z" fill="#B999FF"/><path d="M97.49 26.985c.911-.408 1.318-1.488.911-2.4-.407-.912-1.485-1.32-2.395-.912-.91.408-1.317 1.488-.91 2.4a1.815 1.815 0 002.395.912z" fill="#E1D7FF"/></svg>
\ No newline at end of file
diff --git a/plugins/woocommerce/assets/images/pinata/garland.svg b/plugins/woocommerce/assets/images/pinata/garland.svg
new file mode 100644
index 00000000000..fafa02ec333
--- /dev/null
+++ b/plugins/woocommerce/assets/images/pinata/garland.svg
@@ -0,0 +1 @@
+<svg width="1654" height="571" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_152_987)"><path d="M38.1 113.158l-.492-17.25c-.114-5.91-4.597-11.185-10.404-12.271L10.26 80.299C.463 78.293-3.575 65.433 3.775 59.614l52.003-41.472C72.15 38.666 89.292 58.82 106.914 78.556L57.343 122.92c-6.938 6.247-18.947.263-19.25-9.763h.006z" fill="#E1D7FF"/><path d="M41.645 110.066l-.462-17.222c-.103-5.904-4.574-11.156-10.37-12.231l-16.914-3.304C4.117 75.326.109 62.494 7.458 56.682L3.78 59.614c-7.349 5.818-3.312 18.679 6.487 20.685l16.943 3.338c5.807 1.08 10.29 6.355 10.404 12.271l.49 17.25c.303 10.025 12.312 16.009 19.25 9.762l3.506-3.138c-6.938 6.247-18.923.292-19.21-9.716h-.005z" fill="#B999FF"/><path d="M311.405 277.563c-51.341-39.953-100.078-83.5-146.206-129.642-45.957-46.2-89.829-95.08-128.933-146.298L38.408 0c38.995 51.08 82.81 99.898 128.687 146.017 46.053 46.068 94.711 89.541 145.955 129.419l-1.65 2.127h.005z" fill="#D1C1FF"/><path d="M98.902 85.729c-17.742-19.873-35.01-40.17-51.53-60.883l8.412-6.71C72.155 38.66 89.298 58.814 106.92 78.55l-8.018 7.173v.006z" fill="#B999FF"/><path d="M102.283 85.14c-18.53-20.724-36.575-41.89-53.745-63.529-.617-.783-.526-1.88.205-2.457l3.512-2.784c.725-.577 1.81-.417 2.421.36 17.057 21.49 35.01 42.547 53.443 63.17.662.742.639 1.851-.052 2.468l-3.329 2.995c-.691.623-1.787.515-2.455-.228v.005z" fill="#E1D7FF"/><path d="M131.514 211.964l-1.839-17.159c-.634-5.83-5.499-10.734-11.335-11.357l-17.154-1.84c-9.873-1.166-14.938-13.546-8.148-19.976l48.149-45.903a1594.451 1594.451 0 0056.172 56.231l-45.888 48.171c-6.418 6.779-18.844 1.761-19.957-8.162v-.005z" fill="#B999FF"/><path d="M134.797 208.597l-1.816-17.135c-.622-5.819-5.476-10.717-11.306-11.328l-17.131-1.818c-9.861-1.149-14.898-13.506-8.108-19.936l-3.41 3.246c-6.79 6.43-1.73 18.816 8.149 19.977l17.154 1.84c5.836.623 10.707 5.527 11.335 11.357l1.838 17.158c1.114 9.928 13.54 14.941 19.958 8.162l3.249-3.406c-6.418 6.778-18.815 1.789-19.917-8.122l.005.005zm55.139-28.852a1604.235 1604.235 0 01-56.543-56.596l7.788-7.424a1594.45 1594.45 0 0056.173 56.23l-7.424 7.79h.006z" fill="#873EFF"/><path d="M193.259 178.887a1620.632 1620.632 0 01-59.01-59.065c-.697-.72-.708-1.829-.034-2.469l3.249-3.081c.674-.64 1.77-.566 2.467.149a1614.851 1614.851 0 0058.73 58.785c.72.692.788 1.795.149 2.469l-3.084 3.252c-.639.675-1.741.658-2.467-.034v-.006z" fill="#B999FF"/><path d="M232.552 303.014c-1.159-5.613-2.181-11.334-3.238-16.976-1.068-5.801-6.344-10.276-12.26-10.385l-17.205-.526c-9.987-.326-16.034-12.266-9.742-19.256l44.358-49.583c19.752 17.627 39.835 34.86 60.409 51.446l-41.748 51.807c-5.847 7.305-18.593 3.224-20.574-6.533v.006z" fill="#873EFF"/><path d="M235.55 299.384c-1.154-5.601-2.164-11.317-3.204-16.947-1.062-5.795-6.321-10.254-12.22-10.351l-17.182-.497c-9.97-.309-15.995-12.226-9.696-19.216l-3.141 3.509c-6.292 6.991-.251 18.931 9.742 19.256l17.205.526c5.91.109 11.187 4.578 12.26 10.386 1.057 5.641 2.073 11.362 3.238 16.975 1.981 9.757 14.727 13.838 20.574 6.533l2.952-3.664c-5.847 7.305-18.564 3.247-20.528-6.493v-.017zm52.574-33.265c-20.722-16.706-40.948-34.059-60.831-51.806l7.172-8.019c19.752 17.627 39.835 34.86 60.409 51.446l-6.75 8.379z" fill="#720EEC"/><path d="M291.362 264.993c-21.619-17.438-42.753-35.511-63.464-54.075-.742-.675-.839-1.778-.223-2.464l2.992-3.332c.623-.691 1.725-.709 2.462-.04 20.608 18.473 41.639 36.454 63.144 53.801.771.629.925 1.727.348 2.447l-2.803 3.492c-.583.726-1.685.8-2.456.166v.005z" fill="#873EFF"/><path d="M341.339 385.239l-4.78-16.666c-1.599-5.693-7.298-9.631-13.185-9.243l-17.205.972c-10.016.56-17.108-10.843-11.426-18.359l39.915-53.235c21.156 15.752 42.547 31.185 64.56 45.588l-36.683 55.516c-5.127 7.825-18.278 4.967-21.191-4.573h-.005z" fill="#E1D7FF"/><path d="M343.994 381.347l-4.745-16.638c-1.588-5.682-7.269-9.608-13.14-9.214l-17.17 1c-9.994.572-17.051-10.808-11.375-18.318l-2.827 3.766c-5.682 7.516 1.41 18.913 11.426 18.359l17.205-.972c5.882-.383 11.587 3.555 13.185 9.242l4.78 16.667c2.907 9.54 16.063 12.398 21.191 4.573l2.598-3.927c-5.128 7.825-18.244 4.99-21.128-4.532v-.006z" fill="#B999FF"/><path d="M649.392 462.846c-61.06-19.147-119.882-46.056-176.374-77.315-56.412-31.528-110.266-68.056-161.613-107.974l1.651-2.126c51.255 39.843 104.995 76.298 161.27 107.745 56.349 31.185 115.011 58.019 175.877 77.098l-.817 2.567.006.005z" fill="#D1C1FF"/><path d="M393.28 343.275c-22.202-14.523-43.764-30.081-65.081-45.953l6.453-8.608c21.157 15.752 42.547 31.184 64.561 45.588l-5.933 8.979v-.006z" fill="#B999FF"/><path d="M396.392 341.84c-23.173-15.123-45.671-31.35-67.884-47.954-.794-.606-.988-1.697-.429-2.435l2.696-3.578c.559-.743 1.65-.857 2.444-.251 22.087 16.512 44.454 32.642 67.484 47.674.822.549 1.079 1.623.571 2.4l-2.461 3.744c-.508.778-1.593.955-2.421.4z" fill="#E1D7FF"/><path d="M458.354 456.37l-6.658-15.987c-2.273-5.389-8.257-8.899-14.087-7.904l-17.108 2.806c-9.971 1.612-18.113-9.242-13.271-17.193l34.37-56.979c22.413 13.678 45.351 26.361 68.615 38.289l-30.247 59.271c-4.237 8.397-17.742 7.042-21.608-2.309l-.006.006z" fill="#B999FF"/><path d="M460.57 452.214l-6.607-15.963c-2.261-5.379-8.217-8.877-14.03-7.871l-17.063 2.835c-9.941 1.629-18.044-9.202-13.208-17.153l-2.432 4.03c-4.837 7.95 3.306 18.804 13.271 17.193l17.108-2.807c5.83-1 11.814 2.515 14.087 7.905l6.658 15.987c3.872 9.345 17.371 10.705 21.608 2.309l2.141-4.196c-4.237 8.397-17.69 7.065-21.533-2.269zm44.751-43.221c-23.498-12.054-46.664-24.857-69.277-38.66l5.556-9.214c22.413 13.678 45.351 26.361 68.615 38.289l-4.894 9.585z" fill="#873EFF"/><path d="M508.251 407.198c-24.526-12.506-48.681-25.869-72.247-40.301-.851-.515-1.153-1.572-.668-2.366l2.324-3.83c.48-.794 1.559-1.023 2.404-.514 23.412 14.335 47.396 27.601 71.739 40.015.879.44 1.25 1.474.833 2.303l-2.021 3.996c-.417.828-1.474 1.137-2.364.691v.006z" fill="#B999FF"/><path d="M583.678 513.406c-3.015-4.898-5.864-10.054-8.714-15.083-2.918-5.184-9.382-7.762-15.075-6.007-5.568 1.76-11.084 3.286-16.663 4.841-9.667 2.669-19.295-6.876-15.412-15.393l27.284-60.7c23.835 10.523 47.909 20.44 72.412 28.956l-21.984 62.815c-3.044 8.853-16.652 9.156-21.848.577v-.006z" fill="#873EFF"/><path d="M585.334 509c-2.992-4.893-5.824-10.037-8.651-15.061-2.895-5.178-9.331-7.739-15.001-5.978-5.55 1.772-11.044 3.303-16.606 4.864-9.639 2.68-19.209-6.842-15.326-15.358l-1.93 4.292c-3.883 8.517 5.744 18.062 15.412 15.392 5.579-1.554 11.095-3.075 16.663-4.841 5.693-1.754 12.157.823 15.075 6.007 2.849 5.03 5.699 10.186 8.714 15.084 5.196 8.579 18.804 8.276 21.847-.577l1.554-4.447c-3.044 8.853-16.589 9.179-21.751.612V509zm38.624-48.823c-24.811-8.625-49.165-18.651-73.268-29.299l4.414-9.814c23.834 10.523 47.909 20.44 72.412 28.956l-3.558 10.157z" fill="#720EEC"/><path d="M626.602 458.028c-25.85-8.985-51.244-19.405-76.358-30.533-.896-.423-1.307-1.446-.925-2.292l1.85-4.081c.383-.846 1.416-1.189 2.302-.772 24.908 11.037 50.085 21.371 75.707 30.276.919.332 1.416 1.315 1.113 2.189l-1.462 4.235c-.302.875-1.302 1.315-2.227.984v-.006z" fill="#873EFF"/><path d="M716.808 551.907l-11.061-13.46c-3.752-4.492-10.495-6.27-15.869-3.727l-15.846 7.334c-9.313 4.344-20.174-4.201-17.588-13.101l18.193-64.02c12.386 3.772 24.966 6.607 37.483 9.768 6.27 1.52 12.602 2.669 18.901 4.029 6.304 1.315 12.603 2.704 18.958 3.647l-11.58 65.541c-.811 4.607-4.552 7.602-8.96 8.493-4.38.795-9.382-.634-12.625-4.509l-.006.005z" fill="#E1D7FF"/><path d="M717.744 547.295l-10.981-13.443c-3.723-4.487-10.432-6.259-15.777-3.704l-15.772 7.35c-9.268 4.356-20.066-4.172-17.485-13.071l-1.285 4.527c-2.586 8.899 8.28 17.438 17.588 13.1l15.846-7.333c5.374-2.544 12.117-.766 15.869 3.726l11.061 13.46c3.238 3.876 8.246 5.305 12.625 4.51 4.409-.891 8.155-3.886 8.96-8.493l.816-4.636c-.81 4.607-4.534 7.608-8.919 8.505-4.357.8-9.331-.623-12.551-4.498h.005z" fill="#B999FF"/><path d="M1024.88 479.108c-7.71 1.76-15.33 3.989-23.12 5.384l-23.295 4.504c-15.635 2.32-31.247 4.972-47.024 6.184-31.464 3.092-63.185 4.035-94.831 2.286-31.647-1.6-63.224-5.31-94.523-11.054-31.258-5.984-62.208-13.912-92.701-23.565l.817-2.567c30.39 9.62 61.231 17.519 92.381 23.486 31.184 5.721 62.642 9.419 94.157 11.014 31.521 1.743 63.105.806 94.437-2.275 15.709-1.206 31.258-3.847 46.83-6.161l23.202-4.487c7.75-1.383 15.34-3.607 23.02-5.361l.65 2.612z" fill="#D1C1FF"/><path d="M748.1 492.985c-6.452-.966-12.842-2.372-19.238-3.698-6.389-1.377-12.819-2.543-19.175-4.092-12.688-3.201-25.451-6.082-38.002-9.9l2.941-10.351c12.386 3.773 24.965 6.608 37.482 9.768 6.27 1.521 12.603 2.67 18.901 4.03 6.305 1.314 12.603 2.703 18.959 3.646l-1.873 10.603.005-.006z" fill="#B999FF"/><path d="M750.362 490.402c-6.721-1.018-13.391-2.361-20.044-3.795-6.652-1.435-13.345-2.658-19.968-4.253-13.226-3.292-26.496-6.384-39.573-10.357-.948-.268-1.502-1.211-1.245-2.103l1.245-4.304c.257-.891 1.228-1.4 2.159-1.131 12.951 3.932 26.084 6.99 39.178 10.253 6.555 1.584 13.179 2.79 19.763 4.207 6.584 1.423 13.185 2.755 19.832 3.755.954.16 1.599 1.029 1.445 1.944l-.76 4.418c-.154.914-1.067 1.526-2.032 1.366z" fill="#E1D7FF"/><path d="M855.323 567.523l-13.351-11.46c-4.5-3.921-11.495-4.201-16.36-.652-4.728 3.372-9.508 6.556-14.367 9.831-8.429 5.601-20.786-.303-19.724-9.694l7.001-66.187c25.531 2.281 51.142 4.196 76.724 3.567l.668 66.553c.166 9.35-12.728 14.363-20.591 8.042z" fill="#B999FF"/><path d="M855.408 562.813l-13.265-11.455c-4.471-3.92-11.42-4.195-16.251-.651-4.7 3.372-9.451 6.561-14.276 9.836-8.377 5.607-20.654-.291-19.592-9.682l-.497 4.681c-1.062 9.391 11.295 15.295 19.724 9.694 4.853-3.275 9.633-6.459 14.367-9.831 4.865-3.544 11.854-3.264 16.36.652l13.35 11.46c7.863 6.321 20.757 1.308 20.592-8.042l-.046-4.71c.165 9.351-12.648 14.358-20.46 8.042l-.006.006zm19.946-59.123c-26.01.629-52.026-1.303-77.962-3.623l1.13-10.706c25.531 2.281 51.142 4.196 76.724 3.567l.108 10.762z" fill="#873EFF"/><path d="M877.096 500.758l-20.306.092-20.306-.812c-6.772-.149-13.527-.697-20.283-1.309-6.749-.617-13.522-1-20.26-1.795-.971-.12-1.673-.971-1.57-1.891l.491-4.453c.103-.92.965-1.572 1.924-1.452 6.664.789 13.357 1.166 20.032 1.772 6.675.6 13.356 1.149 20.049 1.292l20.066.806 20.06-.092c.965 0 1.753.743 1.77 1.675l.069 4.481c.017.926-.765 1.686-1.742 1.686h.006z" fill="#B999FF"/><path d="M994.705 556.394a286.928 286.928 0 01-15.303-8.493c-5.185-3.024-12.118-2.023-16.223 2.343-4.003 4.19-8.04 8.671-12.215 12.632-7.229 7.036-20.545 3.384-21.276-5.95l-5.699-66.313 19.084-1.84c6.355-.68 12.654-1.772 18.986-2.629 12.694-1.549 25.2-4.264 37.763-6.642l13.558 65.158c1.98 9.151-9.73 16.427-18.681 11.734h.006z" fill="#873EFF"/><path d="M993.877 551.759a282.984 282.984 0 01-15.212-8.511c-5.156-3.029-12.043-2.034-16.114 2.327-3.975 4.184-7.978 8.659-12.123 12.62-7.178 7.03-20.415 3.366-21.146-5.967l.406 4.692c.731 9.334 14.047 12.986 21.276 5.95 4.169-3.966 8.212-8.442 12.215-12.631 4.1-4.367 11.032-5.367 16.223-2.344a286.948 286.948 0 0015.303 8.494c8.945 4.692 20.665-2.584 18.685-11.734l-.96-4.613c1.98 9.151-9.66 16.41-18.553 11.711v.006zm8.143-61.723c-12.774 2.423-25.491 5.173-38.396 6.75-6.435.875-12.848 1.983-19.306 2.675l-19.404 1.875-.919-10.723 19.083-1.84c6.356-.68 12.654-1.772 18.987-2.629 12.694-1.549 25.2-4.264 37.762-6.642l2.193 10.54v-.006z" fill="#720EEC"/><path d="M1003.16 486.847c-13.297 2.492-26.522 5.418-39.958 7.053-6.704.892-13.368 2.103-20.101 2.744l-20.191 1.949c-.971.091-1.816-.578-1.89-1.504l-.36-4.469c-.074-.926.639-1.749 1.599-1.846l19.952-1.927c6.652-.634 13.236-1.834 19.854-2.714 13.271-1.612 26.336-4.516 39.475-6.968.94-.183 1.87.406 2.06 1.315l.94 4.384c.19.908-.42 1.794-1.38 1.977v.006z" fill="#873EFF"/><path d="M1129.17 518.803c-5.52-1.635-11.07-3.493-16.59-5.482-5.66-1.989-12.26.303-15.45 5.367-3.12 4.899-6.25 9.951-9.52 14.781-5.74 8.265-19.5 7.19-22.02-1.823l-18.37-63.97 18.44-5.418 18.19-6.282c12.21-3.949 24.06-8.956 36-13.717l25.4 61.511c3.63 8.625-6.45 17.97-16.08 15.038v-.005z" fill="#E1D7FF"/><path d="M1127.49 514.401c-5.5-1.64-11.01-3.515-16.51-5.515-5.63-2.001-12.19.28-15.36 5.332-3.08 4.893-6.19 9.934-9.44 14.758-5.69 8.248-19.37 7.156-21.88-1.863l1.3 4.527c2.52 9.019 16.27 10.088 22.01 1.823 3.28-4.835 6.41-9.882 9.52-14.781 3.19-5.064 9.79-7.356 15.45-5.367 5.53 1.989 11.08 3.853 16.6 5.482 9.62 2.926 19.7-6.413 16.07-15.038l-1.8-4.35c3.63 8.625-6.37 17.942-15.96 14.992z" fill="#B999FF"/><path d="M1358.5 297.224c-48.64 42.565-101.35 79.911-157.04 111.267-6.87 4.103-13.99 7.699-21.1 11.317-7.12 3.583-14.13 7.407-21.34 10.814-14.51 6.521-28.84 13.528-43.72 19.124-14.65 6.23-29.72 11.174-44.7 16.404-7.53 2.492-15.18 4.538-22.77 6.836l-11.41 3.326-11.54 2.801-.64-2.612 11.49-2.784 11.37-3.315c7.55-2.292 15.18-4.326 22.67-6.807 14.92-5.213 29.94-10.134 44.53-16.341 14.82-5.573 29.1-12.557 43.57-19.056 7.17-3.389 14.16-7.202 21.25-10.774 7.09-3.606 14.18-7.184 21.04-11.277 55.5-31.259 108.06-68.49 156.58-110.952l1.76 2.035v-.006z" fill="#D1C1FF"/><path d="M1123.96 452.198c-12.12 4.836-24.16 9.917-36.55 13.929l-18.48 6.379-18.74 5.51-2.97-10.346 18.44-5.418 18.19-6.282c12.21-3.949 24.06-8.956 36-13.717l4.1 9.951.01-.006z" fill="#B999FF"/><path d="M1124.49 448.837c-12.63 5.007-25.14 10.357-38.05 14.529-6.42 2.189-12.79 4.533-19.24 6.602l-19.5 5.738c-.94.274-1.9-.223-2.15-1.12l-1.22-4.315c-.25-.892.3-1.841 1.22-2.115l19.27-5.67c6.38-2.046 12.68-4.367 19.03-6.527 12.76-4.121 25.14-9.42 37.63-14.37.9-.36 1.92.046 2.28.898l1.73 4.132c.36.858-.09 1.846-1 2.206v.012z" fill="#E1D7FF"/><path d="M1254.14 458.142l-17.26-2.72c-5.85-.961-11.91 2.497-14.13 8.07-2.16 5.418-4.55 10.585-6.89 15.935-4.12 9.197-17.7 10.637-21.79 2.218l-29.44-59.677c23.06-11.568 45.75-24.017 67.73-37.815l35.03 56.568c4.93 7.853-3.09 19.102-13.26 17.427l.01-.006z" fill="#B999FF"/><path d="M1251.75 454.09l-17.19-2.754c-5.84-.972-11.85 2.469-14.05 8.03-2.15 5.407-4.51 10.563-6.83 15.895-4.08 9.174-17.61 10.586-21.69 2.166l2.08 4.224c4.09 8.419 17.67 6.979 21.8-2.217 2.34-5.344 4.72-10.511 6.89-15.936 2.22-5.572 8.27-9.03 14.13-8.07l17.25 2.721c10.17 1.674 18.19-9.574 13.27-17.427l-2.48-4.001c4.92 7.853-3.05 19.067-13.18 17.369zm-13.72-60.792c-22.25 13.969-45.25 26.589-68.64 38.318l-4.76-9.654c23.06-11.568 45.75-24.017 67.73-37.815l5.66 9.151h.01z" fill="#873EFF"/><path d="M1238 389.863c-23.12 14.672-47.14 27.704-71.48 39.953-.88.451-1.92.137-2.32-.698l-1.97-4.023c-.4-.835-.03-1.869.83-2.315 24.1-12.123 47.88-25.029 70.8-39.57.83-.52 1.89-.308 2.39.481l2.37 3.8c.49.789.22 1.852-.62 2.378v-.006z" fill="#B999FF"/><path d="M1367.63 379.689c-5.71.068-11.58-.126-17.37-.303-5.95-.183-11.5 4.012-12.92 9.774l-4.27 16.924c-2.51 9.859-15.93 12.871-21.2 5.235l-38.14-54.527c10.82-7.213 21.13-15.232 31.54-23.097 10.53-7.687 20.58-16.061 30.67-24.394l42.31 51.338c5.99 7.19-.65 19.01-10.62 19.044v.006z" fill="#873EFF"/><path d="M1364.7 376.002c-5.68.057-11.54-.154-17.32-.337-5.93-.195-11.46 3.984-12.86 9.733l-4.22 16.884c-2.48 9.837-15.86 12.815-21.13 5.185l2.69 3.858c5.27 7.636 18.7 4.618 21.21-5.236l4.26-16.924c1.43-5.761 6.97-9.957 12.92-9.774 5.8.178 11.67.372 17.37.303 9.97-.034 16.61-11.848 10.62-19.044l-2.99-3.635c5.99 7.19-.61 18.976-10.55 18.993v-.006zm-21.93-58.396c-10.19 8.419-20.35 16.872-30.99 24.645-10.52 7.957-20.94 16.056-31.89 23.36l-6.16-8.819c10.82-7.213 21.13-15.232 31.53-23.097 10.53-7.687 20.59-16.061 30.67-24.394l6.84 8.305z" fill="#720EEC"/><path d="M1342.3 314.211c-10.64 8.756-21.19 17.621-32.29 25.72l-16.44 12.443c-5.45 4.195-11.23 7.888-16.82 11.86-.81.56-1.9.4-2.42-.36l-2.56-3.681c-.52-.76-.3-1.835.5-2.389 5.55-3.938 11.28-7.596 16.68-11.763l16.31-12.346c11.01-8.03 21.49-16.838 32.05-25.526.76-.623 1.85-.554 2.45.16l2.86 3.447c.59.714.45 1.8-.32 2.435z" fill="#873EFF"/><path d="M1469.73 288.223c-5.64.686-11.52 1.109-17.26 1.606-5.91.491-10.92 5.287-11.64 11.157l-2.2 17.227c-1.21 10.105-14.05 14.706-20.27 7.762l-44.59-49.372c9.95-8.522 19.16-17.959 28.73-26.955 4.71-4.584 9.57-9.002 14.17-13.723l13.77-14.175 47.64 46.428c6.73 6.504 1.51 18.925-8.35 20.033v.012z" fill="#E1D7FF"/><path d="M1466.4 284.89c-5.63.674-11.5 1.086-17.22 1.572-5.9.48-10.89 5.258-11.6 11.117l-2.17 17.198c-1.18 10.088-13.99 14.649-20.2 7.71l3.15 3.493c6.22 6.939 19.06 2.343 20.27-7.762l2.2-17.227c.72-5.87 5.73-10.665 11.64-11.157 5.74-.497 11.62-.92 17.26-1.606 9.86-1.115 15.08-13.529 8.35-20.033l-3.37-3.287c6.73 6.505 1.54 18.89-8.31 19.988v-.006z" fill="#B999FF"/><path d="M1614.03 2.932c-74.21 107.866-157.88 209.398-255.53 294.293l-1.76-2.035c97.42-84.689 180.96-186.05 255.07-293.778l2.22 1.52z" fill="#D1C1FF"/><path d="M1438.14 229.266l-13.88 14.289c-4.63 4.756-9.53 9.214-14.28 13.844-9.66 9.076-18.95 18.587-29 27.195l-7.21-7.985c9.95-8.522 19.16-17.959 28.73-26.955 4.71-4.584 9.57-9.002 14.17-13.723l13.77-14.175 7.7 7.51z" fill="#B999FF"/><path d="M1437.32 225.928c-9.64 9.962-19.25 19.953-29.37 29.367-10.04 9.499-19.8 19.341-30.27 28.326-.74.658-1.85.635-2.47-.057l-2.99-3.332c-.62-.691-.53-1.783.21-2.435 10.4-8.916 20.09-18.701 30.08-28.144 10.05-9.35 19.61-19.278 29.19-29.189.69-.709 1.79-.766 2.45-.12l3.22 3.115c.67.646.64 1.749-.05 2.463v.006z" fill="#E1D7FF"/><path d="M1561.49 187.399l-17 3.144c-5.79 1.051-10.27 6.321-10.4 12.243-.14 5.744-.19 11.608-.49 17.318-.49 9.911-12.53 15.872-19.43 9.568l-49.31-44.662 13.31-14.666c4.37-4.956 8.59-10.066 12.89-15.09 8.49-10.162 17.3-20.016 25.53-30.424l51.53 42.061c3.63 2.955 4.47 7.625 3.18 11.826-1.35 4.144-4.91 7.756-9.81 8.688v-.006z" fill="#B999FF"/><path d="M1557.88 184.381l-16.97 3.115c-5.78 1.04-10.25 6.298-10.36 12.208-.14 5.733-.18 11.592-.46 17.29-.48 9.894-12.49 15.827-19.4 9.522l3.49 3.161c6.91 6.305 18.95.343 19.43-9.568.3-5.71.34-11.574.5-17.318.12-5.922 4.6-11.191 10.39-12.243l17-3.144c4.9-.931 8.45-4.544 9.81-8.687 1.29-4.201.45-8.871-3.18-11.826l-3.65-2.978c3.63 2.955 4.48 7.619 3.2 11.809-1.35 4.138-4.9 7.739-9.8 8.659zm-32.96-52.755c-8.27 10.477-17.15 20.399-25.69 30.63-4.33 5.058-8.58 10.202-12.98 15.198l-13.4 14.781-7.98-7.225 13.31-14.666c4.37-4.956 8.59-10.066 12.89-15.09 8.49-10.162 17.3-20.016 25.53-30.424l8.33 6.802-.01-.006z" fill="#873EFF"/><path d="M1523.79 128.356c-8.56 10.997-17.88 21.308-26.78 31.996-4.53 5.27-8.93 10.666-13.56 15.838l-13.99 15.421c-.67.743-1.77.835-2.46.212l-3.31-3.018c-.68-.623-.7-1.726-.03-2.464l13.91-15.335c4.61-5.144 8.99-10.516 13.5-15.758 8.85-10.637 18.12-20.89 26.65-31.836.62-.783 1.7-.937 2.42-.354l3.48 2.823c.72.583.8 1.698.17 2.481v-.006z" fill="#B999FF"/><path d="M1644.44 79.957l-16.54 4.458c-5.74 1.44-9.88 6.967-9.6 12.831l.77 17.199c.42 9.956-10.92 16.907-18.33 11.185l-52.75-40.524 23.88-31.91c8.05-10.557 15.43-21.668 23.18-32.476l54.39 38.289c7.67 5.367 4.54 18.324-5 20.948z" fill="#873EFF"/><path d="M1640.62 77.213l-16.52 4.43c-5.74 1.429-9.86 6.944-9.58 12.803l.8 17.17c.42 9.939-10.9 16.867-18.3 11.145l3.73 2.869c7.41 5.722 18.74-1.228 18.33-11.185l-.77-17.198c-.28-5.865 3.85-11.392 9.6-12.832l16.54-4.458c9.54-2.624 12.66-15.581 5-20.948l-3.85-2.71c7.66 5.368 4.56 18.302-4.98 20.909v.005zm-36.77-50.297c-7.79 10.865-15.21 22.033-23.31 32.653l-24.01 32.093-8.53-6.556 23.87-31.91c8.06-10.557 15.43-21.668 23.19-32.476l8.8 6.19-.01.006z" fill="#720EEC"/><path d="M1602.51 23.744c-8.13 11.345-15.89 22.993-24.33 34.093l-25.06 33.5c-.6.805-1.69.994-2.43.428l-3.54-2.732c-.74-.566-.85-1.674-.25-2.475l24.96-33.362c8.41-11.048 16.13-22.657 24.23-33.956.58-.818 1.66-1.052 2.42-.52l3.67 2.572c.76.531.91 1.628.32 2.451h.01z" fill="#873EFF"/></g><defs><clipPath id="clip0_152_987"><path fill="#fff" d="M0 0h1653.75v570.34H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/plugins/woocommerce/assets/images/pinata/sprinkle.svg b/plugins/woocommerce/assets/images/pinata/sprinkle.svg
new file mode 100644
index 00000000000..b5999512eb0
--- /dev/null
+++ b/plugins/woocommerce/assets/images/pinata/sprinkle.svg
@@ -0,0 +1 @@
+<svg width="2572" height="1564" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_184_2286)"><path fill="#fff" d="M0 0h2572v1564H0z"/><path fill="#fff" d="M0 0h2572v1564H0z"/><path d="M113.156 107.328l-9.284 9.284 9.284 9.284-9.284 9.284 9.284 9.283M2425.87 729.73l9.29-9.283-9.29-9.284 9.29-9.284-9.29-9.284" stroke="#9D7AF3" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M2103.44 511.031l-9.28 9.284 9.28 9.284-9.28 9.284 9.28 9.284M289.588 682.719l9.284-9.284-9.284-9.284 9.284-9.284-9.284-9.284" stroke="#C8B9FB" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M542.216 1334.94l9.284-9.29-9.284-9.28 9.284-9.28-9.284-9.29" stroke="#DFD6FA" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M128.44 1048.51l-9.284 9.28 9.284 9.29-9.284 9.28 9.284 9.28" stroke="#9D7AF3" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M2042.23 1133.6l-9.28 9.28 9.28 9.29-9.28 9.28 9.28 9.28" stroke="#DFD6FA" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M1608.16 1425.39l-9.29 9.28 9.29 9.29-9.29 9.28 9.29 9.29" stroke="#C8B9FB" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M1529.44 215.328l-9.28 9.284 9.28 9.284-9.28 9.284 9.28 9.283" stroke="#DFD6FA" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path d="M777.39 394.746l-9.284 9.284 9.284 9.284-9.284 9.284 9.284 9.283M1978.87 88.762l-9.28 9.284 9.28 9.283-9.28 9.284 9.28 9.284" stroke="#9D7AF3" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><circle cx="607.5" cy="909.453" r="10" stroke="#C8B9FB" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><circle cx="299.588" cy="1443.96" r="10" stroke="#DFD6FA" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><circle cx="852.5" cy="1282.37" r="10" stroke="#9D7AF3" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><circle cx="842.5" cy="699.391" r="10" stroke="#C8B9FB" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><circle cx="1728.5" cy="510.445" r="10" stroke="#9D7AF3" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><circle cx="1842.5" cy="856.395" r="10" stroke="#C8B9FB" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><circle cx="482.5" cy="268.465" r="10" stroke="#9D7AF3" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><circle cx="944.5" cy="117.328" r="10" stroke="#C8B9FB" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><circle cx="2166.5" cy="919.453" r="10" stroke="#9D7AF3" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><circle cx="2473.71" cy="242.465" r="10" stroke="#C8B9FB" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><circle cx="1914.5" cy="1344.94" r="10" stroke="#DFD6FA" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><circle cx="2373.71" cy="1334.94" r="10" stroke="#9D7AF3" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/><path fill="#DFD6FA" d="M536.216 696.391h6v6h-6zM354 1036.51h6v6h-6zm-48.128-854.448h6v6h-6z"/><path fill="#C8B9FB" d="M1958.95 706.391h6v6h-6zm-252 543.999h6v6h-6zm102-1035.062h6v6h-6zm-360.82 282.117h6v6h-6zm-377.18-218.98h6v6h-6zm1226-177.137h6v6h-6zm122.92 941.182h6v6h-6zm-230.37 456h6v6h-6zm-1188 20h6v6h-6zM113.156 508.031h6v6h-6z"/></g><defs><clipPath id="clip0_184_2286"><path fill="#fff" d="M0 0h2572v1564H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/plugins/woocommerce/assets/images/pinata/stick.svg b/plugins/woocommerce/assets/images/pinata/stick.svg
new file mode 100644
index 00000000000..229aab7759e
--- /dev/null
+++ b/plugins/woocommerce/assets/images/pinata/stick.svg
@@ -0,0 +1 @@
+<svg width="100" height="100" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M39.925 3.77a6.186 6.186 0 017.383 5.097l13.626 87.015-3.188.67-22.53-85.145a6.186 6.186 0 014.709-7.637z" fill="#D1C1FF"/><path d="M61.842 95.787a.912.912 0 01-.72.988l-3.188.67a.912.912 0 01-1.07-.66l-22.53-85.144a7.099 7.099 0 015.404-8.763 7.098 7.098 0 018.472 5.849l13.626 87.015.006.044zM46.408 9.008a5.274 5.274 0 10-10.31 2.166L58.406 95.48l1.493-.313-13.492-86.16z" fill="#2C045D"/><path d="M51.07 71.327l6.677 25.225 3.188-.67-4.036-25.779-5.828 1.224z" fill="#2C045D"/><path d="M61.842 95.787a.912.912 0 01-.72.988l-3.188.67a.912.912 0 01-1.07-.66L50.19 71.562a.912.912 0 01.694-1.126l5.828-1.224a.913.913 0 011.089.752l4.036 25.779.006.045zm-5.695-24.594l-3.949.83 6.209 23.459 1.493-.314-3.753-23.975z" fill="#2C045D"/><path d="M35.215 11.407l22.531 85.145 1.19-.25-22.113-83.568a6.186 6.186 0 019.063-6.946 6.176 6.176 0 00-5.96-2.017 6.186 6.186 0 00-4.708 7.637l-.003-.001z" fill="#2C045D"/><path d="M59.713 96.78a.912.912 0 01-.59.414l-1.19.25a.912.912 0 01-1.069-.659l-22.53-85.144a7.098 7.098 0 015.406-8.762 7.087 7.087 0 016.837 2.314l.05.065a.912.912 0 01-1.195 1.321 5.274 5.274 0 00-7.727 5.921l22.113 83.57.01.045a.912.912 0 01-.115.667zM39.685 4.774a5.28 5.28 0 00-3.737 4.535 7.114 7.114 0 013.737-4.535z" fill="#2C045D"/></svg>
\ No newline at end of file
diff --git a/plugins/woocommerce/assets/images/pinata/woo-octo.svg b/plugins/woocommerce/assets/images/pinata/woo-octo.svg
new file mode 100644
index 00000000000..67576099f59
--- /dev/null
+++ b/plugins/woocommerce/assets/images/pinata/woo-octo.svg
@@ -0,0 +1 @@
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 910.68 914.05"><defs><style>.cls-1{fill:#c8b9fb}.cls-2{fill:#fdfcfc}.cls-3{fill:#1d0954}.cls-4{fill:#dfd6fa}.cls-5{fill:#e6dafb}.cls-6{fill:#9d7af3}</style></defs><g id="Layer_1-2" data-name="Layer 1"><path class="cls-3" d="M712.9 673.57l-2.16.6c-6.95-5.75-7.46-5.6-1.52.44l-.31 2.26 34.75 40.54c8.3 9.68 15.11 19.46 20.95 30.74 12.63 24.42 13.1 53.15-.5 76.98-14.56 25.51-41.43 38.8-70.66 35.39-70.78-8.25-124.61-91.34-151.39-152.13l-15.83-39.66-1.4.67c1.52 3.92 0 7.86.28 11.8l7.42 103.57c2.49 34.79-.91 71.61-22.03 98.99-25.72 33.34-70.67 39.98-105.16 15.83-66.12-46.29-39.83-145.8-31.23-216.73-15.13 36.21-32.52 70.55-56.14 101.65-28.13 37.02-66.96 74.13-115 77.01-30.95 1.86-57.82-15.22-68.92-44.2-14.13-36.87 2.47-71.86 28.51-99.53l34.46-36.63.13-2.63c8.59-7.84 7.96-8.19-1.88-1.05l-2-.73c-38.54 23.38-88.01 42.81-133.21 35.66-29.57-4.67-51.68-25.63-58.16-54.49-7.23-32.24 6.52-63.68 35.17-80.4 15.66-9.14 32.82-13.25 50.83-16.96l45.72-9.42c-31.21-4.51-61.54-13.22-85.09-34.68C25.1 495.12 19 460.43 35.27 432.97c19.87-33.52 60.72-35.77 94.9-22.87l59.17 22.32c20.46 7.72 41.44 12.22 63.61 11.88l-2.58-10.84c-7.19-3.26-11.61-7.76-14.36-15.06-10.01-26.55-15.92-54.86-19.16-82.69-6.05-3.38-10.18-7.36-11.3-14.28-4.5-27.98-3.51-57.2 2.79-84.56-3.7-4.42-4.3-9.26-3.29-14.83 4.62-25.47 14.76-49.03 27.56-71.68-1.2-4.39-1.45-9.01.85-13.53 12.06-23.69 28.42-44.7 47.85-63.02.95-1.49.88-3.2 2.37-4.59 36.58-34.07 86.77-59.58 136.52-66.5 12.26-2.02 32.87-4.56 78.15-.76C548.69 7.55 597.8 25.74 635.18 61l2.16 6.33c18.74 16.99 34.7 36.15 46.91 58.15 2.92 5.25 3.2 10.62 2.24 15.8 13.14 22.76 23.57 46.44 28.64 72.04 1.11 5.62.32 10.79-2.5 15.49 6.1 27.7 3.88 60.99.43 89.22-.76 6.24-4.28 10.75-9.38 14.35-2.28 27.47-8.58 54.63-17.57 80.71-6 17.41-16.94 12.58-18.75 29.67 21.02.37 39.87-5.06 59.09-11.53l53.3-20.68c37.8-14.67 83.75-13.08 102.81 25.79 16.85 34.37 3.52 73.4-28.96 92.99-20.63 12.44-43.36 18.55-68.51 21.58l53.36 10.83c41.42 8.41 73.87 36.54 72.17 80.96-1.27 33.38-23.33 60.03-55.91 67.52-48.25 11.09-101.4-9.64-141.81-36.64z"/><path class="cls-5" d="M197.02 681.16c-1.86-1.01-3.55-2.04-3.75-4.41l18.31-12.26c-4.32 6.89-9.57 11.36-14.56 16.67zm515.88-7.59c.03 1.05-.29 2.55-1.54 2.82l-2.45.47c-3.37-3.94-7.17-7.32-9.11-12.14 5.54 2.43 8.79 5.96 13.11 8.84z"/><path class="cls-4" d="M386.85 287.43c4.78-.58 145.24 1.71 145.24 1.71 2.22 4.83 7.01 7.31 12.66 7.39 15.62.22 31.05-2.48 45.98-6.99 6.01-1.81 9.65-5.92 11.19-12.33 4.03 3.64 8.5 4.97 13.43 4.02 14.3-2.75 27.81-8.22 40.35-15.4 4.87-2.79 7.09-7.37 6.92-13.27 10.39 9.07 26.04-3.76 37.98-12.15 5.73 27 7.38 53.35 2.77 80.69-9.98 9.13-22.09 16.54-35.46 20.05-7.82-5.91-8.75-19.11-13.53-18.37-5.28.81.6 14.75-2.46 25.4-12.18 7.91-26.54 12.06-40.91 14.52-3.19.55-5.75-1.96-6.66-4.34l-5.23-13.73c-.69-1.82-2.29-2.54-3.89-2.08-1.26.37-2.06 1.48-2.13 3.25l-.65 16.73c-.12 3.19-2.45 5.66-5.62 6.64-13.95 4.31-28.32 6.63-43.01 7.05-3.95.11-6.8-2-7.78-5.56l-3.89-14.21c-.54-1.96-1.73-3.08-3.41-2.95s-2.87 1.46-3.1 3.45l-1.91 16.02c-.38 3.16-2.94 5.49-6.34 6.07-16.65 2.84-33.87 3.77-50.65 1.22-5.6-9.07-3.19-22.69-7.84-23.31-1.59-.21-3.25.75-3.69 2.68l-3.49 15.32c-.78 3.42-3.46 5.76-7.15 5.96-15.64.87-31.1-.11-46.48-2.91-3.98-.72-6.72-3.08-7.07-7.09l-1.31-14.85c-.19-2.12-1.09-3.7-3.06-3.86-1.19-.09-2.82 1.14-3.32 2.7l-4.82 14.87c-1.11 3.41-3.89 5.18-7.84 4.98-14.49-.74-28.67-3.5-42.39-7.89-4.03-1.29-6.18-3.99-6.22-8.27l-.14-16.57c-.01-1.65-2.83-1.87-3.89-1.42-3.59 1.53-4.35 13.98-11.01 20.4-15.84-1.17-31.32-6.38-44.97-13.89-2.87-10.4 2.9-23.06-2.06-24.34s-5.62 12.24-13.56 17.67c-10.99-2.65-23.52-8.66-31.33-17.28-5.31-26.82-4.1-54.17 1.19-81.06 12.4 6.84 26.82 17.45 36.63 8.5.14 5.45 2.01 9.65 6.45 12.04a152.968 152.968 0 0040.67 14.9c5.45 1.15 10.09-.58 13.77-4.59.49 6.03 3.4 10 8.48 11.97 15.75 6.1 32.23 9.36 49.25 10.14 6.47.3 11.99-2.02 15.31-7.68z"/><path class="cls-1" d="M319.88 452.79c-14.24-1.43-27.57-6.94-39.59-13.81-3.14-10.04 2.09-21.93-2.97-22.53-4.49-.53-4.89 10.66-11.21 15.5-7.66-1.98-14.06-6.44-20.03-11.57-9.42-25.7-16.36-51.56-19.39-79.08 10.14 4.77 20.5 9.79 27.71 2.55.17 5.58 2.66 9.61 7.37 11.92 12.82 6.28 26.37 10.79 40.57 12.64 5.4.71 10.23-1.12 13.21-5.85 1.13 6.22 4.39 9.67 9.75 11.44 14.65 4.85 29.85 8.01 45.36 8.58 6.06.22 10.63-1.71 13.87-7.67 2.04 5.95 5.62 9.27 11.16 10.43 16.07 3.37 32.5 4.33 48.95 3.42 6.49-.36 10.71-3.66 13.58-9.28 2.33 5.52 5.53 8.71 10.84 9.21 16.42 1.54 33.06.99 49.29-1.93 6.27-1.13 9.91-4.42 12.33-10.98 2.53 5.92 6.71 7.9 12.29 7.94 16.4.12 32.52-2.81 48.02-7.94 4.87-1.61 7.12-5.87 8.48-10.94 3.36 4.06 7.38 6.1 12.28 5.46 14.43-1.87 28.3-6.72 41.2-13.45 4.58-2.39 6.79-6.76 7.22-12.46 9.22 8.87 21.54.34 33.73-6.02-2.76 27.57-9.53 53.11-18.65 78.48-5.62 5.33-11.86 9.62-19.3 11.68-6.31-5.7-7-15.03-11.03-14.66-5.01.47.23 12.39-2.98 22.5-11.61 6.8-24.26 12.68-38.02 14.43-6.65-6.51-6.78-19.08-11.4-18.53-5.47.64-.82 13.63-4.92 23.78-15.33 6.59-32.13 10.09-48.78 9.71-5.91-7.81-5.28-20.37-9.37-20.77-1.97-.19-3.51.97-3.79 3.25l-1.85 15.14c-.4 3.27-2.62 5.69-6.04 6.39-14.38 2.92-28.98 3.98-43.67 2.92-3.59-.26-6.3-2.29-6.99-5.61l-3.09-14.9c-.39-1.9-1.83-2.88-3.31-2.85-5.19.12-2.52 14.35-8.72 22.77-16.02 2.31-32.17 1.18-47.83-1.94-3.26-.65-5.17-3.15-5.48-6.21L397 447.66c-.18-1.78-2.06-2.32-3.38-2.13-4.45.67-3.49 14.38-10.28 21.85-16.62-.25-33.17-3.63-48.36-9.82-3.6-9.91.62-21.71-3.64-22.93-5.21-1.49-5.01 9.94-11.45 18.14z"/><path class="cls-5" d="M345.69 520.89l-6.24 13.94c-1.31 2.92-3.86 4.89-7.61 4.2-14.29-2.6-28.07-7.99-40.19-16-1.95-9.41 5.2-21.34 1.1-23.04-5.06-2.1-7.24 11.62-15.83 15.42-10.5-3.56-19.63-10.14-26.54-18.95 13.21-17.11 17.72-37.36 10.45-57.74 4.76.95 8.23.45 12.12-2.03.9 3.27 1.58 7.19 4.74 9.05 11.39 6.67 23.72 11.45 36.64 13.94 4.89.94 9.13-.2 12.77-4.38.98 5.07 3.4 8.78 8.08 10.5 14.4 5.3 29.51 8.64 44.93 9.1 5.44.16 9.31-2.58 12.27-7.54 1.21 6.08 5.23 9.25 10.85 10.45 15.33 3.28 31.16 3.95 46.79 2.46 5.43-.52 8.7-4.36 10.87-9.31 2.3 5.93 6.32 8.87 12.15 9.34 15.69 1.27 31.5.1 46.86-3.3 5.62-1.24 8.8-4.85 10.7-10.63 2.72 4.95 6.45 7.08 11.5 7.03 15.84-.14 31.27-3.55 45.98-9.23 4.56-1.76 6.64-5.69 8.08-10.89 7.54 11.34 35.8-2.23 48.61-9.91 3.34-2 4.32-6.05 4.97-10.18 3.11 1.9 5.7 3.1 9.95 2.4-8.41 20.37-5.75 41.87 6.22 60.68-7.97 9.85-18.31 17.21-29.96 20.99-5.44-3.53-7.45-8.92-10.61-13.74-.74-1.68-2.55-2.67-3.74-2.56-5.87.59 2.36 14.46-.64 24.48-11.41 7.94-46.79 22.44-50.78 12.61l-6.48-15.96c-.53-1.31-2.01-2.14-3.01-1.98-1.25.2-2.73 1.53-2.74 3.2l-.11 17.88c-.02 3.66-2.47 6.2-6.07 7.34-15.11 4.79-30.75 7.27-46.72 7.43-4.1.04-7.51-1.71-8.38-5.64l-3.71-16.82c-.39-1.77-1.67-2.65-3.01-2.74-1.74-.12-3.06.95-3.39 3.04l-2.67 17.17c-.61 3.94-3.5 6-7.54 6.48-17.08 2.03-34.14 1.65-51.16-.83-3.98-.58-6.81-2.95-7.25-6.9l-1.75-15.74c-.21-1.87-.71-3.55-3.13-3.71-4.65-.31-3.83 16.2-9.82 21.84-5.66 3.32-14.18 1.32-20.37.25-10.87-1.88-21.12-3.89-30.81-8.94-3.46-9.74 1.93-23.36-2.44-24.63-1.06-.31-3.1.18-3.95 2.09z"/><path class="cls-1" d="M286.77 144.35c-3.88-3.82-9.2 10.71-16.84 15.94-11.18-1.86-21.36-7.35-30.37-15.11 11.59-25.11 28.48-46.37 48.17-64.84 13.33 8.24 34.35 20.4 44.25 9.44-.18 5.74 2.25 9.43 7.13 11.33 13.11 5.11 26.86 8.38 41.01 9.64 6 .53 10.48-2.43 13.59-7.31 1.19 6 5.02 9.15 10.29 10.27 14.92 3.15 30 4.37 45.23 3.25 5.18-.38 8.53-3.76 10.75-8.36 2.21 5.58 6.21 8.27 11.63 8.8 14.45 1.41 28.88.5 43.15-2.08 5.35-.97 8.7-4.21 10.74-9.7 3.01 4.94 7.07 7.29 12.26 7.08 12.92-.51 25.48-2.99 37.5-7.39 4.77-1.75 7.08-5.47 7.74-10.89 10.45 9.89 31.96-5.61 43.96-15.35 19.61 17.18 36.46 37.81 48.16 61.92-7.33 9.94-17.52 17.09-28.64 21.76-8.17-4.73-12.02-17.12-16.08-15.47-5.18 2.1 4.8 15.79.89 21.81-3.39 5.22-11.19 6.59-17 9.02-15.33-25.61-46.58-34.76-73.42-21.75-16.88 8.18-28.44 23.65-32.28 42.51-12.55 1.54-36.73 4.91-38.62-4.06l-3.31-15.68c-.39-1.86-2.01-2.71-3.42-2.64-1.67.08-2.5 1.41-2.91 3.29l-3.2 14.78c-.72 3.32-3.4 5.16-6.93 5.38-12.28.77-24.35-.19-36.57-1.95-4.36-23.01-21.81-40.68-43.08-45.75-23.63-5.64-47.1 3.88-60.95 23.77-8.98-2.1-17.52-5.21-24.88-10.25-1.39-9.08 4.92-18.53 2-21.41z"/><path class="cls-6" d="M451.73 107.22c-4.46 5.23-38.13 1.77-50.12-2.19-4.31-8.76.8-21.42-3.14-23.2-1.57-.71-3.69.2-4.52 2.26l-5.65 14.06c-1.35 3.36-4.35 5.36-8.15 4.98-12.82-1.27-25.17-3.92-37.08-8.43-3.1-1.18-4.89-3.56-3.97-6.75l3.91-13.43c.4-1.38 0-2.81-.97-3.48-.83-.58-2.74-.81-3.76.4L328 83.56c-2.36 2.78-5.83 4.08-9.58 2.92-9.31-2.88-18.31-6.4-26.42-12.58 34.29-31.82 82.59-51.97 127.61-57.07 25.02-2.83 48.13-2.34 72.9-.46 46.48 3.51 95.54 23.03 130.94 55-9.03 9.52-20.62 16.25-33.01 19.57-5.44-3.72-8.15-8.67-12.04-13.09-.94-1.54-2.72-2.29-3.78-1.85-4.76 1.98 3.09 12.01.68 20.91-12.78 5.8-27.44 8.54-41.35 7.99-6.62-7.81-6.61-21.57-11.31-21.38-5.99.24-.86 13.49-5.53 23.42-15.74 3.8-32.61 4.55-48.64 2.24-5.86-9.14-2.85-22.94-7.84-23.35-6.51-.53-3.01 14.47-8.9 21.4z"/><path class="cls-4" d="M532.09 289.14c-10.8 1.4-20 2.59-32.54 3.58 0 0-28.22.99-78.05-.46-11.5-.63-23.2-1.56-34.65-4.83 4.06-6.9 4.47-17.47-.8-16.15-4.57 1.14-3.07 12.29-9.55 15.91-18.58.72-37.26-3.77-54.36-10.4-4.22-9.62 2.07-20.67-4.3-20.74-5.2-.06-5.81 11.25-13.38 14.38-15.64-2.02-30.35-8.33-43.92-15.85-2.41-9.91 4.1-21.59.04-23.76-1.36-.73-3.02.05-4.04 1.62l-7.47 11.48c-5.21 8.01-26.31-5.82-34.74-13.95-1.8-2.38-.42-7.29.19-10.2 4.78-22.59 13.73-43.46 25.34-63.82 12.99 6.76 27.59 16.89 37.85 7.83-.91 11.83 15.93 14.31 27.72 19.16-12.9 27.38-4.49 59.99 21.32 75.98 18.64 11.55 42.19 11.79 60.93-.26 17.05-10.97 28.13-30.84 26.91-52.6 12.42 1.4 24.42 2.58 36.67 1.51 5.74-.5 9.58-3.31 12.47-9.16 4.17 14 28.13 9.49 43.95 8.77-.39 21.1 9.54 40.5 27.36 51.75 17.95 11.33 40.12 11.4 59.09.41.99 6.98 1.9 14.24-1.36 21.17-16.22 6.05-33.81 9.09-51.1 8.15-6.3-4.39-3-14.1-8.68-14.44-4.87-.29-4.09 7.95-.89 14.92z"/><path class="cls-6" d="M498.45 844.54c-7.48-1.01-9.85-12-14.55-10.71-3.98 1.09 2.11 11.21.98 19.62-7.99 8.19-18.95 16.96-31.03 17.93-6.61.53-10.64-13.83-14.58-12.94-5.66 1.29 2.73 14.78-2.06 20.44-7.96 9.4-21.74 10.96-33.02 7.86-35.74-31.5-36.31-80.88-31.18-126.55 14.16 7.16 38.34 16.17 45.76 3.55 1.37 4.69 3.83 7.69 8.02 8.93 13 3.86 26.8 4.58 40.27 2.66 4.89-.7 8.01-3.87 9.93-9 3.93 13.88 30.39 7.81 45.4 2.27 1.68 20.97 2.2 39.93-.1 60.32-6.2 6.63-13.67 14.01-23.85 15.6z"/><path class="cls-1" d="M479.71 659.3c-4.99.35-1.41 12.15-6.9 21.48-13.65 3.06-28.42 2.53-41.87-1.43-4.11-8.67-.05-19.7-4.03-20.84-5.25-1.49-4.4 10.41-10.79 18.84-10.57 1.04-21.01-1.67-30.68-6.89 6.17-37.73 13.64-74.15 22.36-110.87l4.02-4.83c1.74 4.96 5.41 8 10.37 8.98 17.93 3.52 36.14 3.46 54.39 1.57 6.46-.67 10.86-3.5 13.99-10.19 2.74 5.41 6.72 8.33 12.95 8.51 5.36 37.1 10.34 73.32 12.81 111.11-8.64 4.21-18.5 6.57-27.86 4.67-5.74-8.54-3.78-20.47-8.78-20.13z"/><path class="cls-6" d="M659.82 788.21l5.54-11.38c.56-1.16-.04-2.45-.95-3.14-.81-.62-2.12-.45-3.29.54l-8.08 6.79c-2.97 2.5-6.94 3.34-10.58.69-9.14-6.66-17.19-15.42-22.74-25.42-3.32-5.98-2.25-12.96-.04-18.67 10.86 6.68 32.06-9.22 41.59-17.88 3.35-3.04 4.77-6.65 4.07-11.45 11.77 5.33 26.77-10.84 35.01-21.78l32.41 37.05c8.78 10.03 16.23 20.2 21.95 32.19 10.66 22.33 8.68 48.28-6.35 68.13-12.71 3.34-27.26 2.47-37.65-5.81-4.53-3.61 1.91-16.89-1.94-18.77s-6.09 7.41-11.96 12.76c-6 5.46-26.06-7.3-34.8-15.15-2.37-2.12-3.77-5.42-2.18-8.68zm-423.12-12.3c-2.87 2.74 5.19 12.01 3.93 20.78-9.13 9.88-21.46 16.87-34.48 19.84-4.15.95-7.32-1.08-9.16-4.36l-5.86-10.44c-.65-1.16-2.87-.44-3.44.22-2.68 3.06 1.5 14.89-2.78 18.35-9.96 8.05-24.02 8.66-36.15 4.94-22.38-34.78-6.85-72.45 19.81-100.62l38.79-41c8.17 11.31 22.2 27.63 35.2 23.36-.52 4.26 0 7.78 2.84 10.46 9.35 8.81 31.79 25.81 42.63 19.35 1.07 5.45 3.07 12.86.06 18.83-6.53 12.97-29.9 38.1-38.61 29.15l-8.54-8.78c-1.13-1.16-3.11-1.15-4.22-.09z"/><path class="cls-1" d="M578.33 656.3c-7.24-4.08-8.73-17.21-13.32-15.9-5.01 1.43 1.45 11.76-1.76 20.12-8.2 5.32-18.22 7.35-28.05 6.47-11.5-33.86-18.96-67.91-22.34-103.42 14.83-.97 29.21-3.45 43.1-8.47 5.13-1.85 7.57-5.75 9.09-11.56 8.07 13.36 34.88.28 50.23-5.49 10.42 26.25 22.16 50.53 37.13 74.93-6.79 8.38-15.79 15.31-25.81 18.98-7.46-4.28-12.11-17.45-15.72-12.03-1.9 2.85 4.48 11.83 3.04 19.84-10.34 7.88-22.66 13.85-35.59 16.54z"/><path class="cls-6" d="M815.31 665.79c-2.92-8.44 1.51-18.81-2.63-19.59-4.58-.87-5.45 10.55-12.37 17.12-13.69-.79-27.31-6.87-37.52-16.51-1.97-1.86-2.5-8.19-1.68-10.73 5.68-10.03 13.69-19.31 9.9-30.18 8.16-3.1 11.89-15.29 14.2-25.1.98-4.16 1-8.02-1.39-12.01 3.08-1.71 4.66-3.77 5.97-7.06l37.9 7.43c13.57 2.66 26.27 6.8 37.99 13.69 29.88 17.57 40.62 54.05 25.63 85.66-7.86 3.98-17.38 6.69-25.32 2.11-4.76-6-2.08-16.16-6.9-15.81s-2.63 12.42-8.88 16.5c-11.62 2.94-24.34-.6-34.91-5.5zM98.46 648.53c-.82-1.72-2.96-1.69-4.02-.98-3.07 2.07.68 11.73-2.9 19.38-10.8 4.91-23.82 7.98-35.71 5.02-5.8-5.16-3.39-16.49-7.57-16.9-5.73-.57-3 12.72-8.39 15.86-7.66 4.46-17.29 1.73-24.56-2.28-14.59-30.42-3.44-65.2 25.13-82.65 11.87-7.25 24.66-12.02 38.61-14.64l43.56-8.2c1.12 3.84 3.18 5.71 6.34 7.43-6.12 7.22.78 26.05 7.04 33.93.93 1.17 3.8 1.6 4.06 2.68.31 1.27-1.3 3.51-1.32 4.91-.11 8.84 4.98 15.56 8.92 23.36 1.7 3.36.65 10.59-2.44 13.31-11.12 9.77-37.02 20.22-40.47 12.98l-6.29-13.23z"/><path class="cls-1" d="M348.64 660.61c-4.46-4.43 3.1-18.59-2.41-19.64-4.57-.87-5.68 11.61-13.33 15.57-12.97-2.19-24.54-8.49-35.27-15.61-.86-8.04 5.92-17.4 3.09-19.86-1.37-1.19-3.63-.35-4.62 1.32-3.21 3.91-5.88 8.04-10.75 10.89-10.05-2.94-18.97-9.55-25.5-17.69 16.11-25.45 29.77-50.64 41.22-78.19 14.07 4.86 34.62 15.33 43.26 3.84.61 6.04 3.81 9.41 8.97 11.4 14.07 5.43 28.74 8.08 44.5 8.96l-8.29 37.87c-4.99 22.79-10.78 44.51-18.82 66.86-7.44.6-16.66-.37-22.06-5.73z"/><path class="cls-5" d="M484.87 766.96c-3.79-5.35-4.04-11.06-5.44-16.72-.25-1.89-1.63-3.38-3.22-3.32-4.97.2-1.95 12.82-7.69 20.58-14.08 2.63-28.76 1.61-42.16-2.62-4.04-8.86-.03-19.71-4.46-20.41-1.42-.22-3.17.69-3.56 2.66-2.09 5.31-3.32 10.85-7.63 15.34-12.81.68-25.68-3.5-36.87-10.34l10.68-73.74c13.35 4.7 31.83 11.93 39.12.17 1.01 4.76 3.78 7.8 8.39 8.86 12.32 2.83 24.9 3.23 37.44 1.56 5.38-.72 9.11-3.23 11.72-8.82 4.92 11.39 22.17 7.03 35.19 2.98l5.39 77.39c-11.13 5.58-24 7.89-36.91 6.43zm123.2-48.17c-3.2 2.58 3.97 12.74.73 20.16-8.97 8.25-22.22 11.74-34.73 11.27-14.6-24.04-25.98-48.95-35.76-75.71 13.04-.89 30.79-3.67 32.58-15.25 8.93 9.45 33.13-3.95 44.29-11.27 3.98-2.61 6.02-6.23 5.85-11.7 10.19 7.35 25.98-7.39 35.34-16.44 12.96 19.87 25.84 38.08 40.35 56.51-6.71 10.15-15.39 18.88-26.3 23.82-7.67-1.88-12.83-13.02-16.15-10.1-4.14 3.64 5.57 11.77 3.61 19.48-7.23 8.96-33.13 26.69-38.58 19.63l-7.89-10.21c-.66-.86-2.75-.66-3.34-.18zm-312.55 20.14c-1.48-8.55 5.03-17.29 1.92-19.77-1.09-.88-3-.23-4.12 1.18l-7.31 9.16c-5.25 6.57-28.86-10.44-36.94-18.64-.81-8.66 10.36-19.68 4.02-20.34-3.42-.36-8.29 8.98-15.96 10.43-10.34-4.58-18.53-13.09-24.83-22.94 16.16-18.13 30.24-36.64 43.55-55.97 9.44 9.17 24.36 22.13 34.89 16.1.36 4.35 1.71 7.73 5 9.95 11.34 7.67 36.44 21.26 44.8 11.58 2.49 11.4 15.66 12.6 27.05 14.53-10.68 27.17-22.99 52.37-37.71 76.37-12.96.87-24.19-4.31-34.37-11.64z"/><path class="cls-6" d="M798.63 488.05c-5 .17-.18 11.41-4.37 20.42-11.87 5.5-36.59 9.61-36.12-1.86l.83-20.13c.18-4.38-1.77-8.15-5.7-10.75 9.01-7.99 1.63-32.06-5.21-43.95l39.06-16.22c13.18-5.47 27.01-7.03 40.97-5.38 30.78 4.82 47.71 31.37 44.88 64.05-5.73 5.02-12.36 11.27-20.29 10.79-6.07-1.74-7.34-13.07-11.55-12.06-4.68 1.13 1.35 11.83-1.88 19.04-8.54 7.09-19.72 10.6-30.37 11.6-6.33-5.14-5.85-15.69-10.27-15.54zm-681.57 20.46c-5.5-6.3 1.81-21.9-5.59-19.61-2.89.9-4.98 11.88-10.25 14.68-11.25.25-22.42-4.74-31.53-10.76-2.61-8.45 3.55-17.47-.28-19.09-4.61-1.95-7.85 11.51-13.79 11.71-7.81.27-13.97-6.17-19.81-10.48-5.28-34.23 19.76-63.71 54.41-63.32 11.94.14 23.23 1.77 34.58 6.08l43.77 16.62c-7.83 10.47-15.9 34.2-7.69 42.07-8.69 5.26-6.58 18.73-5.98 30.45.23 4.48-4.55 7.92-8.98 7.65-9.55-.59-20.25-.66-28.87-6.02z"/><path class="cls-5" d="M177.91 637.17c-1.59-5.01-12.68 6.75-17.94 1.9-7.3-6.73-13.1-17.24-14.27-27.08 1.53-5.01 8.98-6.14 11.08-9.73 4.04-6.91-12.31.89-15.63-2.9-4.96-5.68-7.23-14.33-7.82-21.74s14.96-7.75 10.47-12.31c-2.25-2.29-12.13 2.63-13.92-3.71 20.82-5.31 40.09-10.83 59.73-20.02 2.92 12.29 11.48 35.2 24.03 35.7-2.03 4.27-1.45 8.12.74 11.86 5.53 9.45 17.24 25.72 27.14 26.01.41 3.08 1.3 5.16 2.58 7.87-15.95 18.26-34.96 33.16-55.69 45.86-8-3.89-15.51-10.01-18.14-18.39-1.48-4.73 8.99-9.03 7.64-13.31zm572.07.94c-4.45 3.93-18.04-8.77-17.5-1.84.28 3.56 6.87 6.78 7.12 11.78-2.43 9.11-10.67 15.76-19.27 19.32-18.14-11.78-34.2-24.93-48.18-41.08-2.95-3.4-5.1-8.67-.56-12.38 2.23-1.83 7.23-1.33 10.24-4.43 8.6-8.85 22.55-22.95 18.46-33.22 12.68-1.24 21.87-22.25 25.04-35.03 19.26 8.62 38.76 14.18 58.88 19.05-2.37 7.26-16.58-1.21-14.78 5.27.84 3.02 10.33 4.06 10.43 8.3.2 8.81-4.01 17.31-8.14 24.56-7.74 2.11-14.74-3.54-16.18.1-1.87 4.75 9.49 5.79 10.96 12.71-2.73 9.91-8.67 19.97-16.49 26.87z"/><path class="cls-4" d="M615.32 273.75c-10.05 2.6-9.57-9.41-16.68-17.43 21.89-16.67 30.46-45.26 19.31-71.41l14.82-6.66c4.49-2.02 6.34-6.37 6.55-11.79 10.96 8.82 24.63-4.6 36.27-13.69 13.6 23.12 23.24 47.15 27.85 73.48-8.78 10.5-20.6 18.54-33.6 22.57-7.93-5.27-9.98-18.32-14.45-17.21-5.86 1.45 2.43 15.07-.86 26.05-11.98 7.78-25.46 12.54-39.19 16.1z"/><path class="cls-1" d="M170.43 527.79c2.44-3.34 10.92-4.22 10.51-7.54-.47-3.8-8.8.09-16.13-3.35-2.8-10.31-5.13-22.25-1.7-32.69 1.55-4.7 14.27-1.95 15-5.42 1.04-4.98-8.75-2.63-13.17-8.45-.89-11.82 3.6-23.62 10.5-33.33 26.08 9.16 52.16 16.77 79.81 16.12 2 18.43-5.61 28.06-14.07 42.05-18.97 20.42-43.17 34.47-69.01 44.38-2.21-3.6-4.18-8.41-1.73-11.76zm577.93-11.51c-5.68 3.83-19.64-.66-15.69 5.01 1.9 2.72 8.95 3.37 10.3 7.23 1.11 3.19-.1 7.27-2.67 9.4-36.78-14.51-82.41-42.4-75.78-86.16 26.66.05 51.23-7.23 76.62-16.4 6.17 10.09 10.87 21.82 9.27 33.42-.73 5.28-13.78 4.57-13.74 8.31.05 4.77 10.72 1.64 15.18 6.75 2.09 10.45.25 22.14-3.5 32.44zm-509.05 91.29c-8.5-6.46-16.2-15.39-20.01-25.16-.62-6.47 10.49-10.64 8.79-14.49-.7-1.59-2.75-2.02-4.66-.66-3.21 1.02-8.44 4.5-12.12 2.51-8.03-8.16-12.52-19.65-14.71-31.07 18.92-9.48 35.37-21.14 49.47-35.52 9.86 10.61 26.15 23.87 37.75 17.14.02 6.43 3.72 10.2 9.32 12.98-10.56 24.95-22.51 48.33-36.92 71.06-5.71-6.85-11.39 7.4-16.9 3.21zm434.94-1.78c-6.51 4.67-13.76-11.72-17.63-3.21-13-22.54-24.2-44.91-33.41-69.03 3.74-3.18 5.84-6.47 5.96-11.78 12.46 7.94 30.42-7.76 41.23-19.07 13.46 15.25 29.43 25.96 47.91 35.31-1.52 11.02-7.06 22.21-15.1 29.98-4.68 4.52-16.61-6.75-17.14-.46-.32 3.85 9.98 8.97 8 13.89-3.78 9.39-11.29 18.26-19.82 24.38z"/><path class="cls-4" d="M193.13 818.82c11.84 12.66 38.07-3.22 50.1-14.14 3.75-3.41 4.63-8.01 4.34-12.88 14.94 9.19 33.91-14.06 44.08-27.42 3.16-5.12 4.75-10.45 4.3-16.69 8.81 5.83 18.41 9.36 29.2 10.46-25.94 39.87-66.16 85.55-114.24 93.26-20.47 3.28-40.52-1.45-54.74-16.82 13.74.78 33.81-2.04 36.94-15.77z"/><circle class="cls-2" cx="357.06" cy="209.18" r="50.12"/><path class="cls-4" d="M702.52 815.75c2.05 13.38 23.04 17.29 36.9 17-23.42 21.35-55.71 16.39-82.49 1.77-30.86-16.84-55.66-47.16-74.27-76.98 10.62-.37 19.65-3.3 28.62-8.64.3 5.03 1.31 8.97 3.59 12.95 7.95 12.21 23.56 32.83 38.07 26.94-.85 5.1.18 9.63 4.12 13.04 11.39 9.87 33.84 25.54 45.48 13.93z"/><circle class="cls-2" cx="565.32" cy="209" r="49.96"/><path class="cls-4" d="M858.94 671.78c4.42 9.19 15.26 8.83 26.02 7.17-35.94 45.23-114.15 21.6-157.38-6.97 8.68-5.57 20.9-16.87 17.97-26.26 3.37.43 6.06-.37 9.32-2.46.55 4.85 2.35 8.33 5.71 11.09 11.89 9.78 38.18 23.1 47.31 10.44 1.48 4.53 3.85 7.42 7.75 9.08 12.7 5.42 36.95 10.47 43.3-2.09zm-837.2 7.59c9.95 1.47 21.06 1.92 26.24-7.07 4.8 12.78 30.3 7.87 43.18 2.63 4.05-1.65 6.55-4.56 7.88-9.29 9.16 12.96 35.62-.08 48.39-9.29 4.03-2.91 6.26-6.97 7.32-12.03 2.68 1.75 5.15 2.71 8.88 2.89-2.51 10.28 7.95 18.69 17.11 26.23-43.11 25.46-124.49 53.18-158.99 5.94zm734.01-162.96c7.99 7.77 27.24 4.04 37.92.03 4.65-1.74 7.3-5.13 8.28-10.65 6.98 10.47 29.14.35 39.38-6.23 3.45-2.22 5.04-5.61 5.37-9.92 3.75 2.83 7.36 3.24 11.27 2.31l12.29-5.63c-15.23 46.55-79.93 60.89-122.51 54.84 2.13-6.41 3.69-11.81.22-17.43 3.92-1.34 5.92-3.81 7.77-7.33zM39.59 487.99c-.86-.68.21-1.66.82-.77-.03.3.27.5.31.45 6.44 3.73 13.87 7.36 21.52 2.71.49 4.4 2.44 7.9 6.47 10.28 11.07 6.54 32.95 15.41 40.17 5.74.76 5.16 3.29 8.47 7.65 10.1 11.36 4.26 33.58 8.79 40.87.13 1.32 4.24 3.87 6.6 7.78 7.84-4.06 5.43-2.75 11.05.21 17.47-43.22 4.54-107.52-11.7-125.62-53.47.07-.3-.1-.43-.19-.48zm406.47 388.04c10.77 7.73 29.97-4.16 40.2-13.46 3.63-3.3 5.55-7.26 5.8-12.67 9.28 5.06 19.35-1.48 27.78-8.42-3.28 14.34-8.91 27.15-17.98 38.19-20.62 25.11-55.79 32.73-84.65 16.22 8.3-1.57 15.67-3.28 21.74-8.35 3.65-2.65 5.86-5.78 7.11-11.5z"/><circle class="cls-3" cx="358.32" cy="211.16" r="32.59"/><circle class="cls-3" cx="564.2" cy="210.99" r="32.51"/><circle class="cls-2" cx="346.72" cy="200.07" r="9.81"/><circle class="cls-2" cx="552.14" cy="200.34" r="9.74"/><path class="cls-3" d="M489.4 270.87c-14.59 12.95-36.85 13.4-51.45.47-5.23-4.63-11.55-13.32-6.44-16.33 6.13-3.61 4.71 7.95 17.33 14.72 14.74 7.9 33.47 2.29 41.42-12.41 1.22-2.26 3.02-3.2 5.02-2.43 6.01 2.3-.78 11.44-5.89 15.98z"/></g></svg>
\ No newline at end of file
diff --git a/plugins/woocommerce/assets/images/pinata/woo-pinata-box2.svg b/plugins/woocommerce/assets/images/pinata/woo-pinata-box2.svg
new file mode 100644
index 00000000000..72a93675a80
--- /dev/null
+++ b/plugins/woocommerce/assets/images/pinata/woo-pinata-box2.svg
@@ -0,0 +1 @@
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 766.92 675.53"><defs><style>.cls-2{fill:#c8b9fb}.cls-4{fill:#dfd6fa}.cls-6{fill:#9d7af3}</style></defs><g id="Layer_1-2" data-name="Layer 1"><path d="M742.73 219.22l-16.08-81.85c3.36-4.86 6.74-9.83 5.68-15.85l-16.6-93.59C712.56 10.07 697.52-.68 679.54.02L483.86 7.61 219.09 20.66c-11.22.55-22.93 1.8-31.91 9.09L14.19 170.05C4.14 178.2-1.14 189.97.21 202.79l10.56 100.09c.76 7.19 5.29 12.35 12.08 14.82l7.63 85.77c.65 7.27 5.2 12.11 11.47 14.93l7.46 86.67c.63 7.28 5.57 12.23 11.81 14.9l9.55 91.87c.76 7.36 6.69 12.17 12.81 14.5l3.1 18.43c2.79 16.56 17.03 29.56 34.85 29.67l133.13.84 313.96.25c15.59.01 33.06-5.33 43.74-16.76l136.52-146.1c10.47-11.2 17.5-24.31 15.58-39.98l-2.81-23c3.45-5.1 6.24-11.26 4.94-17.83l-17.24-87.38c4.57-6.59 5.95-13.75 4.37-21.73l-16.01-80.88c5.33-6.76 6.68-14.22 5.02-22.63z" fill="#2e0b5e"/><path class="cls-4" d="M431.5 587.69l.06 16.26c.02 5.91-3.91 10.03-9.99 11.14-15.08 2.75-30.73 2.43-45.91.12-7.36-1.12-12.75-6.01-14.48-13.03l-3.56-14.37c-.48-1.94-2.31-3.02-3.91-2.83s-3.03 1.7-3.02 3.71l.13 16.45c.05 5.62-4.18 10.19-10.27 11.16-16.67 2.65-34.01 2.58-50.52-.44-6.86-1.25-11.84-5.89-13.47-12.15l-4.08-15.62c-.5-1.91-2.04-2.99-3.63-2.95-1.95.05-3.41 1.62-3.38 3.91l.24 14.8c.09 5.71-2.99 10.87-9.1 12.01-15.09 2.83-30.64 2.94-45.67.11-6.13-1.15-11.42-4.83-12.93-10.7l-4.44-17.25c-.42-1.63-2.17-2.35-3.33-2.32-1.6.05-3.22 1.21-3.19 3.22l.28 16.42c.09 5.58-3.64 10-9.41 10.98-12.92 2.2-26.21 2.06-39.09-.22-6.05-1.07-10.79-5-12.18-10.82l-3.81-15.99c-.46-1.91-1.95-2.76-3.49-2.82-1.66-.07-3.44 1.32-3.36 3.5l.62 16.63c.18 4.79-2.67 8.98-7.58 10.06-11.34 2.51-27.35 3.1-28.38-7.18l-8.78-88.22c13.22-.81 26.02-.11 33.75-10.17 11.29 11.48 41.19 9.87 57.02 7.21 6.4-1.08 11.73-3.96 15.6-9.31 12.38 13.76 48.86 11.57 66.93 7.84 5.95-1.23 10.58-4.64 14.22-9.59 5.17 5.46 11.69 8.7 19.23 9.62 16.31 1.98 32.75 1.86 49.04-.76 6.4-1.03 11.81-3.99 15.88-9.19 12.8 12.72 46.32 11.16 64.78 7.93 6.16-1.08 10.94-4.4 14.97-9.17 5 4.8 10.44 7.47 16.97 8.31 17.77 2.29 55.53 3.98 64.24-10.53 4.97 5.02 10.72 7.88 17.45 8.97 14.42 2.14 31.26 3.64 44.68-1.87 2.28 32.15 6.8 63.07 11.06 94.69 1.63 12.06-27.86 10.15-41.26 7.18-6.75-1.5-11.59-5.79-13.29-12.34l-3.84-14.89c-.52-2.01-2.41-3.08-3.97-2.75-1.7.36-2.92 1.94-2.88 3.99l.31 15.03c.13 6.24-4.3 10.94-10.79 12.18-15.65 2.98-32.06 2.95-47.69-.03-6.63-1.27-11.11-6.21-12.59-12.28l-3.51-14.38c-.43-1.74-1.96-2.8-3.37-2.77-1.68.04-3.28 1.44-3.27 3.52z"/><path class="cls-2" d="M416.28 478.1l.2 15.86c.08 6.35-3.95 10.73-10.4 11.79-15 2.45-30.36 2.45-45.42.05-6.06-.96-11.37-4.85-12.85-10.6l-4.09-15.88c-.59-2.29-2.12-3.38-4.14-3.14s-3.05 1.79-3 4.17l.26 14.19c.13 6.76-4.29 11.58-11.27 12.6-15.89 2.32-32.17 2.48-47.99.14-7.58-1.12-12.87-6.29-14.63-13.33l-3.6-14.44c-.4-1.62-1.81-2.5-3.01-2.73-1.38-.26-3.74.53-3.75 2.42l-.06 16.92c-.02 6.06-3.95 10.66-10.12 11.81-16.62 3.1-55.99 5.62-60.01-9.78l-4.55-17.44c-.5-1.92-1.86-2.91-3.44-2.89-1.96.02-3.43 1.42-3.38 3.72l.31 16.39c.11 5.8-3.88 10.24-9.91 11.21-15.08 2.42-48.34 4.43-51.86-9.15l-4.68-18.07c-.44-1.71-2.26-2.61-3.62-2.46s-2.86 1.51-2.84 3.3l.19 18.65c.11 10.24-17.29 10.92-29.37 10.29-6.45-.34-9.78-4.38-10.28-10.5l-6.58-81.82 21.65-1.84c5.81-.5 10.3-4.15 13.95-8.78 10.49 11.68 41.85 9.67 57.87 6.99 6.66-1.12 12.08-4.32 16.35-9.58 11.91 13.73 47.63 11.21 65.81 7.95 7.02-1.26 12.63-5.04 16.53-10.49 5.46 5.47 11.95 8.49 19.52 9.47 16.31 2.12 32.82 1.75 49.06-1.04 6.74-1.16 12.26-4.61 16.11-9.81 5.05 4.88 10.92 7.76 17.78 8.65 17.38 2.24 52.03 3.56 61.19-10.33 4.68 4.18 9.94 7.19 16.37 8.1 16.26 2.28 32.75 2.13 48.99-.67 6.99-1.21 12.79-4.71 16.92-10.05 11.39 12.28 31.93 10.77 48.74 10.22 4.84-.3 9.11-1.6 13.55-3.49l10.31 87.41c.37 3.1 1.32 5.42-.52 8.12-4.82 7.06-29.92 5.16-41.59 2.52-6.82-1.54-11.28-6.09-12.93-12.65l-3.8-15.06c-.41-1.62-2.34-2.31-3.41-2.28-1.64.05-3.26 1.29-3.23 3.3l.22 16.39c.08 5.9-4.47 10.41-10.56 11.52-15.57 2.83-31.73 3.01-47.36.57-5.87-.92-11.19-4.6-12.62-10.01l-4.57-17.33c-.41-1.55-1.89-2.32-3.08-2.4-1.41-.1-3.4 1.09-3.37 3.3z"/><path class="cls-4" d="M408.1 372.78c-.5-1.87-2.06-2.81-3.63-2.68-1.88.15-3.11 1.62-3.07 3.89l.22 15.58c.07 5.39-3.78 9.79-9.53 10.97-15.26 3.13-31.28 3.4-46.54.53-6.1-1.15-10.82-5.04-12.29-10.68l-4.1-15.76c-.5-1.91-1.73-3.09-3.29-3.17-1.8-.1-3.73 1.16-3.69 3.37l.3 15.77c.13 6.69-4.38 11.47-11.34 12.54-15.82 2.43-32.12 2.54-47.95.37-7.94-1.09-13.47-6.47-15.29-13.84l-3.55-14.36c-.5-2.02-2.3-2.95-3.91-2.74-1.72.22-3.11 1.56-3.07 3.67l.33 14.87c.15 6.93-3.69 12.34-10.9 13.75-15.26 3-31.17 3.15-46.65.81-6.17-.94-12.2-4.5-13.84-10.33l-5.17-18.47c-.39-1.41-2.55-1.88-3.51-1.75-1.31.17-2.77 1.6-2.73 3.44l.3 16.29c.11 5.95-3.55 10.43-9.74 11.59-15.02 2.81-49.87 5.3-53.39-8.33l-4.7-18.16c-.46-1.77-2.2-2.58-3.69-2.35-1.36.2-2.83 1.63-2.8 3.42l.31 17.13c.09 5.01-2.72 8.89-7.76 10.01-8.23 1.83-16.65 2.34-25.15 1.74-4.06-.29-7.45-3.37-7.82-7.66l-7.24-83.57c13.7-.8 29.35 0 37.71-11.24 11.06 11.53 43.01 9.89 59.47 6.68 6.6-1.29 11.89-4.4 16.26-10.37 14.36 14.32 43.55 11.19 64.25 9.45l1.97 12.62c.42 2.71 2.51 6.95 5.55 7.68 9.61 2.29 19.57-1.26 26.73-7.95 8.63 8.45 23.63 7.57 35.78 5.27 5.55-1.05 10.03-3.74 13.54-7.81 8.63 7.82 20.59 11.01 31.74 7.83 4.93-1.41 6.52-7.11 6.01-11.59l-1.17-10.3c19.89.33 51.62 2.18 61.4-12.4 11.58 13.74 49.53 11.08 67.04 7.9 7.28-1.32 13.29-4.84 17.41-10.43 6.24 6.77 14.56 9.43 23.4 10.24 12.93 1.19 25.85 2.03 38.88-2.62 2.87 28.33 5.71 56.61 10.39 85.25.48 2.91.59 5.16-.76 7.55-1.06 1.88-3.73 3.57-6.65 3.96-14.72 1.96-43.66 2.65-47.17-10.72l-4.58-17.42c-.57-2.18-2.13-3.23-4.02-2.91s-3.06 1.72-3.03 3.91l.27 15.91c.1 6.04-4.44 10.28-10.6 11.49-15.76 3.1-32.08 2.97-48.01.65-5.61-.82-10.96-4.15-12.37-9.38l-4.58-17.11z"/><path class="cls-6" d="M539.08 159.1c-5.75 5.31-10.04 9.75-14.55 15.5-.38.48-.95.78-1.56.79l-200.32 6.06c-1.89.06-2.86-2.24-1.5-3.56l93.82-90.54 75.99-69.72c.36-.33.83-.52 1.32-.54l186.38-7c5.39-.2 10.2.13 14.73 2.67 1.22.68 1.4 2.37.38 3.32l-154.69 143z"/><path class="cls-2" d="M292.83 310.91c-5.22.54-2.37 12.02-28.45 11.52-15.32-.29-14.95-9.51-20.39-9.44-4.52.06-5.95 8.18-14.27 10.46-3.58.98-7.2-1.43-7.68-5.11L206.9 200.68c-.69-5.39 0-9.99 2.38-14.51.3-.57.71-1.08 1.18-1.52l88.55-82.95 79.43-73.01a27.706 27.706 0 0117.6-7.28l62.56-2.59c5.68-.23 8.57 6.73 4.39 10.59l-71.62 66.07-79.38 76.73c-.24.23-.47.49-.67.76-4.55 6.11-6.6 13.46-5.59 21.41l15.36 120.92c.51 4.01-2.94 7.36-6.94 6.81-12.71-1.75-15.62-11.79-21.34-11.2z"/><path class="cls-6" d="M193.44 187.66l-173.49 7.46c-5.14.22-8.55-5.35-5.93-9.79 1.54-2.6 3.64-4.91 6.1-6.91l169.8-138.15c8.22-6.75 17.02-9.34 27.54-9.87l134.08-6.77c6.08-.31 9.23 7.15 4.77 11.29L207.82 172.93c-3.64 3.38-6.62 6.13-8.64 10.72-1.02 2.32-3.21 3.9-5.74 4.01zm276.34 97.13c.1 15.39-42.81 13.6-59.59 11.1-5.29-.79-11.36-3.58-12.78-8.57l-5.3-18.6c-.55-1.92-2.2-2.71-3.7-2.57-2.13.19-3.05 1.78-3.05 4.12v17.11c0 .52-.06 1.04-.22 1.52-1.56 4.58-5.59 7.4-10.43 8.57-.15.04-.29.07-.44.09-13.32 2.31-26.65 3.13-40.31 2.29a5.155 5.155 0 01-4.8-4.48l-12.46-95.31a5.15 5.15 0 014.87-5.81l198.01-8.83c6.93.06 6.44 7.72 6.61 9.53 2.65 29.51 5.47 58.5 9.78 87.84.43 2.96 1.27 5.17-.24 7.81-4.17 7.32-30.12 5.8-41.77 3.1-7.29-1.69-11.98-6.77-13.74-13.76l-3.61-14.33c-.47-1.87-2.43-2.5-3.8-2.4-1.98.14-3.13 1.7-3.12 3.99l.11 17.59z"/><path d="M646.76 204.82c-7.49 7.8-20.37 23.4-23.73 13.42l-4.22-12.54c-.6-1.78-1.82-2.73-3.51-2.66-1.42.05-2.98 1.87-2.82 3.87l1.31 16.91c.4 5.15 0 10.13-3.1 14.32-6.99 9.45-22.87 27.13-26.25 17.2l-4.29-12.58c-.59-1.72-2.33-2.8-3.59-2.57-6.32 1.19.73 18.18-2.01 28.29-4.03 14.83-27.34 28.31-28.57 17.47-3.52-30.99-6.41-65.55-12.09-96.57-.7-3.84.65-7.75 3.54-10.36s5.17-4.29 8.71-8.26c.22-.24.45-.49.69-.71l142.1-133.8c6.48-6.1 17.14-2.61 18.75 6.14l14.85 80.35c.99 5.37-4.13 9.53-7.18 13.09-.35.41-.73.79-1.12 1.16-.04.04-.08.07-.12.11-6.09 5.77-16.01 3.28-18.57-4.71-.82-2.55-1.73-4.46-3.31-4.58-2.66-.2-3.69 1.53-3.57 3.98l1.12 22.45c.07 1.36-.09 2.73-.53 4.02-3.38 9.88-12.76 17.46-20.34 23.97-2.45 2.1-5.73-.27-6.36-2.12l-4.29-12.61c-.54-1.6-1.88-2.78-3.34-2.77-1.05 0-3.03 1.33-2.91 3l1.13 16c.58 8.18-.77 15.25-6.39 21.1z" fill="#a688f6"/><path class="cls-6" d="M438.32 614.83c11.94 12.99 45.93 11.28 63.25 8.49 7.3-1.18 13.4-4.36 17.84-10.29 5.39 5.49 11.43 8.28 18.5 9.26l21.26 1.43c7.25.49 13.78-.73 21.05-3.41l2.44 30.27c.58 7.13-3.56 15.1-11.76 15.08l-305.87-.49-143.28-.7c-14.06-.07-24.09-11.57-25.8-24.37l-1.71-12.81c11.83-.15 23.4-.18 28.99-9.68 4.3 4.43 9.35 6.85 15.3 7.8 16.23 2.59 47.13 4.27 55.52-8.81 11.42 13.19 45.72 11.96 63.13 8.76 6.4-1.18 11.61-4.18 15.39-9.59 4.69 5.1 10.62 8.58 17.61 9.68 18.25 2.87 58.37 5.92 67.45-9.66 12.16 13.29 46.66 11.59 64.98 8.5 6.53-1.1 11.84-4.07 15.72-9.46zm-308.66-310.2c-14.64 3.1-29.68 3.05-43.95.54-6.24-1.1-10.32-5.55-11.76-11.23l-4-15.81c-.39-1.55-2.13-2.17-3.17-2.25-1.51-.11-3.28.93-3.24 2.85l.31 17.95c.22 12.8-19.08 12.53-33.46 12.51-.18 0-.36 0-.53-.02-6.13-.56-8.77-4.38-9.36-10.2l-8.71-85.53a5.456 5.456 0 015.2-6.01l174.64-7.49c2.84-.12 5.3 1.96 5.66 4.78l11.77 93.6c.38 3-1.75 5.72-4.75 6.11-12.87 1.69-25.96 1.15-38.74-.7a6.57 6.57 0 01-.77-.16c-6.49-1.85-12.11-5.25-14.17-11.68l-4.28-16.5c-.52-2.02-2.05-2.94-3.7-2.8-2.07.17-3.29 1.72-3.22 4.12l.41 14.96c.16 5.97-3.36 11.52-10.17 12.96z"/><path class="cls-4" d="M648.35 557.37c-7.17 8.18-19.69 23.85-22.95 14.47l-4.31-12.42c-.61-1.77-1.9-2.87-3.47-2.68s-2.83 1.57-2.76 3.41l.92 24.15c-3.11 15.24-27.33 31.59-28.72 19.89-3.82-32.33-7.77-63.84-13.48-95.59 10 1.17 17.12-3.89 23.68-9.97 6.57-6.09 12.53-12.63 13.85-22.03 4.31-.15 8.26-.04 11.72-2.42 10.23-7.02 25.96-22.9 26.8-35.32 5.31.31 9.72-.97 13.56-4.02 10.72-8.51 23.2-21.63 26.11-34.91 13.04-.84 21.58-13.7 30.24-24.5 2.48-4.05 4.13-8.02 4.47-13.28 7.03.12 11.84-2.75 16.95-8.66l16.58 82.52c-2.67 9.11-9.33 17.05-17.4 21.88-7.19-5.73-5.4-18.65-10.84-17.86-6.32.92 1.21 19.69-1.29 28.63-2.86 10.25-12 18.14-19.16 25.44-2.01 2.05-5.46.15-6.06-1.54l-4.65-13.08c-.59-1.65-2.08-2.32-3.39-2.16-1.69.21-2.97 1.54-2.8 3.62l1.42 16.79c.48 5.74.04 11.23-3.35 15.94-6.84 9.5-23.16 29.08-26.6 18.86l-4.22-12.54c-.49-1.46-1.93-2.21-3.08-2.22s-3.14 1.27-3.02 2.99l1.47 22.77c.34 5.31-2.87 10-6.22 13.82zm-21.28-229.43c.37 5.38-.32 10.24-3.62 14.47-7.16 9.18-22.28 26.01-25.69 16.14l-4.52-13.05c-.53-1.52-2.11-2.25-3.28-2.09-1.3.17-2.65 1.23-2.61 2.9l.59 25.36c-3.35 12.88-27.41 30.74-29.01 15.76-3.14-29.52-7.3-58.11-12.26-87.76 16.25 1.65 34.73-16.74 37.7-31.65 5.69.61 10.09-.84 13.98-3.91 9.74-7.67 23.21-21.01 24.66-32.84 5.24.38 10.04-.81 13.99-3.94 10.46-8.28 24.16-21.61 25.47-34.58 6.24.23 11.53-1.53 15.54-5.76l13.95-14.73c4.21-4.45 6.54-9.92 7.19-16.69 7.79.64 13.05-3.24 18.99-9.04l15.23 76.59c.44 3.53.57 7.24-1.44 10.1-6.4 9.15-17.64 21.48-20.75 12.27l-4.24-12.52c-.49-1.44-2.03-2.05-3.2-2.03s-2.87 1.45-2.72 3.16l1.62 18.43c.42 4.74-.1 9.21-2.89 13.23-6.61 9.53-21.02 26.49-24.47 16.25l-4.01-11.92c-.57-1.69-1.63-2.78-2.95-2.81-1.79-.04-3.55 1.33-3.39 3.38l1.61 20.63c.36 4.64-1.4 9.24-4.19 12.97-6.86 9.18-22.67 27.09-26.06 17.29l-4.54-13.11c-.49-1.42-1.88-2.21-3.06-2.18-1.06.02-3.02 1.37-2.91 3.02l1.29 18.65z"/><path class="cls-2" d="M744.52 327.65l-13.09-65.39-2.51-11.47c-4.81 5.31-9.78 8.6-17.04 7.81-1.28 11.78-13.23 24.32-22.57 32.29-3.8 3.24-8.22 4.78-13.74 4.18-1.2 13.06-16.29 28.08-27 36.3-3.54 2.71-7.77 3.5-12.44 2.96-.95 11.76-15.6 26.57-25.37 33.75-3.98 2.93-8.28 3.7-13.42 3.33-2.34 14.77-23.02 34.21-37.56 31.26l2.07 10.38 10.72 79.77c.27 2.04.51 3.59 1.61 4.68 6.23 6.15 24.99-9.37 27.5-20.78l-.77-24.79c-.05-1.65.76-2.87 2.06-3.36 1.36-.52 3.2.1 3.82 1.93l4.48 13.15c3.44 10.09 18.13-6.69 25.32-15.96 3.11-4 4.47-8.78 4.1-14l-1.38-19.58c-.13-1.87 1.61-3.2 3.01-3.22 1.71-.02 2.75 1.11 3.37 2.97l4 12.01c3.42 10.28 19.49-8.59 26.59-18.01 3.33-4.42 4.05-9.58 3.61-15.06l-1.48-18.11c-.13-1.64 1.61-2.91 2.66-3.14 1.87-.41 3.05.76 3.7 2.75l3.9 11.98c3.08 9.45 15.98-5.68 22.66-14.88 3.33-4.59 4.27-9.85 3.84-15.53l-1.36-18.05c-.12-1.59 1.52-2.81 2.63-2.84 5.37-.13 3.82 13.03 9.87 16.67 4.5 1.43 8.56-5.16 11.28-7.92 4.42-4.49 8.21-9.75 6.94-16.08z"/><path class="cls-6" d="M625.24 584.4c11.73 2.31 24.23-13.91 32.55-24.42 3.19-4.03 4.63-9.58 5.95-13.89 4.79-.79 10.28-1.2 13.8-5.01l17.92-19.39c4.15-4.49 6.08-10.21 7-16.6 12.49.05 17.58-9.36 25.45-17.98 5.15-5.64 8.33-12.38 9.79-19.43 5.13-.73 10.84-2.12 14.88-7.57 3.2 13.16 4.09 29-6.01 39.86l-139.16 149.5c-4.97 5.34-10.52 8.58-17.16 11.23 1.92-4.77 2.89-9.33 2.13-14.36l-4.31-28.49c9.23.81 15.93-3.67 22.12-9.41 7.15-6.64 13.78-13.91 15.05-24.03z"/><path d="M97.36 158.78c1.7 3.75 10.3 3.69 10.03 7.73-.6 8.73-29.25 8.79-42.58 8.01-2.83-.16-5.05-2.97-5.04-5.12 0-1.81.69-5.29 2.79-7.1 20.74-17.81 42.56-34.26 65.1-50.03 5.43-3.8 12.2-5.97 14.75-1.97 4.37 6.86-31.35 29.68-43.81 42.93-1.44 1.53-2 3.85-1.24 5.55z" fill="#f0f0ef"/></g></svg>
\ No newline at end of file
diff --git a/plugins/woocommerce/assets/images/pinata/woo-pinata-cart2.svg b/plugins/woocommerce/assets/images/pinata/woo-pinata-cart2.svg
new file mode 100644
index 00000000000..2a20da0089e
--- /dev/null
+++ b/plugins/woocommerce/assets/images/pinata/woo-pinata-cart2.svg
@@ -0,0 +1 @@
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1021.93 823.67"><defs><style>.cls-1{fill:#c8b9fb}.cls-2{fill:#efe9fc}.cls-3{fill:#dfd6fa}.cls-4{fill:#2e0b5e}.cls-5{fill:#b79ffa}.cls-6{fill:#9d7af3}</style></defs><g id="Layer_1-2" data-name="Layer 1"><path class="cls-4" d="M259.25 80.67c-.11-.07-.22-.15-.33-.22.06.11.19.17.33.22zM971.4 329.14c-.06-.08-.12-.15-.19-.23.02.09.09.17.19.23zM532.49 823.67c.11-.08.21-.18.3-.31-.14.02-.22.15-.3.31zM790.16 37.35c.13-.02.24-.17.33-.35-.11.1-.22.22-.33.35z"/><path class="cls-4" d="M983.71 84.49c-1.84-15.36-5.54-30.95-10.86-45.5-1.01-.27-1.52-1.03-1.6-1.93C943.94-.83 892.3 22.99 854.69 26.82c-37.97 5.86-78.45 13.62-115.7 19.28-4.36.63-264.21 44.8-274.72 46.44-19.56 3.85-42.45 7.78-61.15 10.5-22.84 3.84-46.5 8.83-69.36 11.47-15.82 3.21-31.77 5.94-45.99 13.76-.2 2.66-1.53-.93-1.56-1.73-7.79-13.55-15.81-26.99-23.96-40.33.04-.16.08-.33.08-.49-.08.14-.14.28-.14.41-3.6-5.89-7.22-11.76-10.87-17.6-.65-1.04-1.3-2.09-1.96-3.13-1.94-3.11-3.89-6.22-5.83-9.33-.89-1.42-1.8-2.91-1.97-4.58-.24-2.46 1.13-4.72 1.03-7.15-.09-2.14-1.22-4.54-1.93-6.55-1.48-4.21-3.32-8.3-5.53-12.17-4.23-7.39-9.89-14.08-17.04-18.79-10.27-6.78-22.68-8.33-34.54-5.45L36.03 36.35C-23.93 48.76-3.49 145.87 56.5 131.34l99.95-23.27c8.36 12.6 16.15 63.83 37.91 61.3 8.63 12.15 24.69 89.55 46.87 85.67 8.49 13.08 26.68 93.88 49.32 88.41.27-.06 5.12 12.7 5.6 13.84 2.12 5.13 4.15 10.3 6.23 15.45.32.78.63 1.57.95 2.35.42 1.05.84 2.09 1.26 3.14 4.38 10.88 8.63 21.82 13.23 32.62 2.83 6.64 5.67 13.8 12.37 17.47 1.53.84 3.2 1.43 4.91 1.75.86-.26 3.49-.6 3.85.27 1.15 2.83 9.07 22.38 9.98 24.64 3.49 9.14 9.01 23.05 12.58 32.01 4.42 10.14 8.2 28.15 22.41 28.14 5.94 14.89 13.48 33.19 26.3 43.83-.86 2.89-3.91 21.87-5.2 24.1-2.58 17.26-3.91 34.77-3.15 52.22.78 17.95 3.91 35.9 6.15 53.72 1.1 8.75 2.32 17.48 3.41 26.24l.66 5.33c1.17 9.8 9.68 14.56 18.08 15.92 11.83-.54 28.29-2.78 38.66-8.74-.68.39-1.18 3.68-1.39 4.46-.43 1.55-.8 3.12-1.12 4.69-.63 3.12-1.04 6.29-1.24 9.47-.39 6.29.06 12.63 1.29 18.8 2.44 12.24 7.92 23.88 15.88 33.5 8.17 9.86 19.01 17.6 31.26 21.46a65.397 65.397 0 0026.48 2.68c3.96-.42 7.87-1.2 11.78-1.99 6.16-1.25 12.26-2.63 18.14-4.51-.11.06-.23.13-.34.2l.55-.27c8.64-2.79 16.78-6.69 23.85-12.97 8.68-7.7 15.1-17.74 18.92-28.66 3.84-11 5.08-22.9 3.57-34.46-1.54-11.75-5.98-23.08-13.14-32.55a66.113 66.113 0 00-10.53-11.01c14.01 1.35 27.71-2.04 40.67-7 3.88-2.47 8.12-4 11.3-8.44l6.74 2.24c8.15.41 16.37-.54 24.26-2.59 3.95-1.03 7.83-2.33 11.6-3.9 3.49-1.45 7.23-2.82 9.86-5.66 1.27-1.37 2.82-3.52 4.98-2.63.68.28 1.24.83 1.94 1.07.47.16.98.17 1.48.21 1.26.11 2.49.44 3.75.62 2.81.4 5.66.02 8.43-.49 2.73-.5 5.48-.81 8.21-1.35 3.16-.62 6.3-1.38 9.39-2.29 2.84-.84 6.43-1.58 8.97-3.13 3.9-2.38 7.45-3.69 10.5-8.19 14.22 6.1 43.09-.24 53.21-12.43 8.75 3.08 18.53 2.59 28.51.04-.47.12-1.19 3.99-1.33 4.55-.4 1.57-.75 3.16-1.04 4.76-.57 3.14-.92 6.32-1.04 9.51-.25 6.25.36 12.53 1.77 18.62 2.78 12.02 8.64 23.28 16.82 32.51 8.05 9.09 18.68 16.68 30.37 20.27 8.21 2.52 16.05 3.76 24.69 2.98 8.26-.74 16.35-2.82 24.37-4.95 4.55-1.21 9.1-2.44 13.46-4.18 14.75-5.9 26.25-17.61 33.4-31.65 3.89-7.63 6.59-15.9 8.01-24.35.17-1.01.32-2.03.41-3.05.1-1.1.12-2.21.09-3.31-.09-3.16-.64-6.28-1.19-9.39l-.3-1.67c-1.41-7.97-2.91-16.28-7.4-23.18-2.07-3.18-3.78-6.57-6.05-9.66-2.44-3.33-5.2-6.43-8.25-9.22-.26-.23-.51-.46-.77-.69.92-2.48 2.54-4.15 4.45-6.01 15.83 7.09 51.49-.59 54.72-20.22 2.08-9.15-18.54-60.98-26.26-67.03-7.4-5.8-17.03-9.08-27.6-6.58L463.01 630.24c-2.27-18.41-.36-36.92 6.34-54.7 8.3 1.98 421.61-100.82 440.57-104.36 25.11-5.93 41.88-26.31 50.32-48.18 1.05-2.72 1.74-4.58 2.66-12.27l.86-12.81c15.55-7.29 11.98-24.3 10.67-37.81.09-.4-6.87-55.68-7.35-66.2-2.73-6.31 14.3-5.77 10.8-28.09.19-1.21-8.39-75.83-8.4-77.02 13.72-7.12 12.57-21.03 10.44-34.56l-5.66-48.37c6.81-6.06 7.97-13.83 9.46-21.4zM171.09 70.41c.24-.29.72-.83 1.1-.92-.26.28-.69.8-1.1.92zm148 175l-.59-.74c.49-.3 1.08.32.59.74z"/><path class="cls-1" d="M792.06 319.04l-6.67-22.31c-.48-1.59-2.33-2.52-3.56-2.42-1.46.12-3.24 1.73-2.92 3.68l3.32 20.3c.98 5.99-1.62 11.2-7.34 13.48-14.7 5.87-30.01 9.29-45.76 10.84-5.79.57-10.4-2.44-12.03-7.99l-5.85-19.89c-.54-1.84-1.82-2.95-3.4-2.87-1.45.08-3.63 1.48-3.29 3.55l3.45 21.2c.97 5.98-1.91 11.01-7.66 13.09-15.15 5.5-30.75 9.6-46.79 10.51-4.93.28-8.94-2.55-10.29-6.87l-6.72-21.55c-.48-1.55-2.56-2.32-3.61-2.19-1.61.19-2.98 2.08-2.65 4.07l3.64 21.92c.85 5.15-2.17 9.27-7.03 11.17-13.34 5.2-27.25 8.28-41.53 9.54-5.79.51-10.29-3.02-11.94-8.43l-5.98-19.54c-.63-2.07-2.81-2.78-4.41-2.34-1.76.49-2.51 2.29-2.11 4.5l3.91 21.43c.92 5.02-2.09 8.8-6.75 10.57a146.354 146.354 0 01-40.23 9.07c-5.56.45-10.29-2.61-12.01-7.86l-6.68-20.42c-.61-1.88-3.01-2.03-4.29-1.5-1.62.67-2.2 2.29-1.81 4.36l4.25 22.57c2.07 11-31.63 16.48-46.59 17.15-4.97.23-8.93-3.27-10.36-7.62l-6.39-19.54c-.62-1.89-2.1-2.88-3.69-2.74-1.87.17-3.5 1.86-3.04 4.14l4.33 21.21c.9 4.41-1.75 8.24-5.92 9.75-13.21 4.79-34.28 9.68-38.16-1.68l-26.89-78.91c13.96-2.06 30.09-4.31 36.23-14.4 5.24 3.44 10.65 4.81 16.71 4.36 14.55-1.08 28.46-4.04 42.22-8.9 5.11-1.8 8.9-4.89 11.74-9.32 4.09 2.67 8.21 4.41 12.91 4.16 15.77-.83 31.17-3.87 45.95-9.42 4.84-1.81 8.63-4.68 11.46-9.31 4.88 3.05 10.56 4.28 16.65 3.73 16.08-1.46 31.74-4.85 46.85-10.45 5.34-1.98 9.39-5.22 12.26-10.29 4.85 3.33 10.09 4.55 15.91 4 16.13-1.53 31.84-5 47.22-10.31 6.58-2.27 11.93-5.65 15.53-11.61 5.32 3.36 10.74 4.25 16.73 3.66 17.84-1.76 35.12-6.04 51.76-12.58 5.41-2.13 9.32-5.5 12.21-10.63 4.71 3.16 9.24 4.19 14.43 3.78 17.18-1.37 33.6-5.53 49.74-11.66 5.84-2.22 10.21-5.81 13.53-11.16 4.94 2.92 9.89 3.82 15.33 3.19 16.51-1.91 32.33-5.85 47.59-12.25 4.87-2.04 8.19-5.49 11.18-10 4.27 2.53 8.92 3.82 13.79 2.68l19.82-4.65 8.68 77.95c1.41 12.66-15.44 16.9-29.33 18.99-5.13.77-9.01-2.02-10.39-7.1l-5.46-20.11c-.48-1.77-2.5-2.05-3.74-1.54-.95.39-2.47 1.59-2.24 3.26l2.98 21.62c.66 4.77-1.57 8.92-6.2 10.92-13.15 5.68-27.12 9.34-41.44 10.55-4.95.42-9-2.3-10.29-6.86l-5.72-20.23c-.5-1.78-1.8-3.01-3.36-2.92s-3.38 1.57-3.1 3.61l3.13 22.63c.62 4.52-1.66 8.34-5.9 10.13-13.94 5.89-28.5 9.68-43.64 10.9-4.32.35-8.96-1.32-10.32-5.85z"/><path class="cls-6" d="M966.17 55.25l5.29 23.52c1.7 7.55-.14 16.73-6.57 21.8-8.56 6.74-18.57 11.53-30.12 13.59L690.53 157.7 334.4 221.89c-17.67 3.19-36.61-.89-41.86-17.79-4.38-14.11-7.75-28.01-10.37-42.65-2.39-13.37 6.87-26.29 20.01-28.46 9.14-1.51 7.76 16.69 12.17 22.99s14.39 10.47 23.4 8.94l510.52-86.78 59.24-10.66c15.24-2.74 28.74-10.69 36.77-23.62 1.7-2.74 2.37-5.5 5.15-6.1 3.1-.67 6.62-1.12 8.96 1.49 3.88 4.33 6.36 9.76 7.77 16z"/><path class="cls-1" d="M787.37 442.5c5.98-2.25 9.96-5.78 13.33-10.8 4.04 2.84 8.26 4.02 13.09 3.65 16.41-1.29 32.34-5.33 47.68-11.47 5.02-2.01 8.81-5.05 11.47-9.98 10.7 8.07 31.55.19 46.43-4.22 4.76-2.05 8.83-4.4 11.94-9.18 6.4 3.1 12.48 3.07 20.24 1.15-.94 29.83-20.17 55.07-49.93 62.22l-216.61 52.05-201.18 47.92c-33.35 7.94-66.41.84-83.16-30l-7.99-19.5c11.23-2.12 21.46-4.48 31.69-9.82 3.35 11.16 12.35 17.14 23.29 16.57 12.66-.65 33.87-4.88 39.75-15 4.69 2.38 9.39 3.83 14.7 3.36 16.09-1.42 31.95-4.96 47.08-10.64 5.34-2 9.69-5.15 12.7-10.23 4.36 3.09 9.82 4.27 15.79 3.73 17.35-1.57 34.35-5.65 50.56-12.04 5.27-2.08 9.57-5.24 12.47-10.46 3.9 2.8 8.67 4.29 14.07 3.86 18.39-1.46 36.16-5.46 53.28-12.33 5.45-2.19 9.59-5.55 12.54-10.26 4 2.96 8.33 3.98 13.12 3.68 18.36-1.15 35.88-5.56 53.66-12.25z"/><path class="cls-5" d="M314.2 129.54c-1.08-.31-.51-1.86.55-1.11.13.08.58.02.71-.32l599.61-101.7c10.68-1.04 19.83-.46 29.36 3.63-4.95 2.28-6.33 5.65-8.72 9.35-6.49 10.03-17.28 16.33-29.48 18.51l-77.94 13.91-492.61 83.76c-8.33 1.42-14.47-4.13-15.42-11.2-.78-5.79-2.21-10.77-5.6-14.59l-.46-.24z"/><path class="cls-6" d="M214.4 50.06l-44.25 10.38c-8.63 2.03-15.39 7.07-19.04 13.98-4.11 7.76-3.36 16.18-.24 24.89l-97.58 23.01c-13.03 3.07-26.3-1.5-35.03-10.84C8.07 100.57 4.94 86.11 9.28 71.81c3.85-12.69 14.52-22.85 28.96-26.25l144.65-34.09c10.1-2.38 20.36-.69 28.72 4.73 11.51 7.46 17.7 20.52 18.35 34.14-5.64-.99-10.05-1.56-15.56-.27z"/><circle class="cls-6" cx="901.77" cy="665.84" r="60.83"/><circle class="cls-6" cx="533.52" cy="753.12" r="60.81"/><path class="cls-3" d="M940.52 298.56c-5.09 1.19-9.87.12-14.66-2.53-2.18 4.23-5 7.24-9.17 9.05-13.9 6.04-28.52 9.87-43.64 11.37-5.12.51-9.67-.39-14.14-3.26-2.22 4.02-4.98 6.97-9.11 8.79-14.76 6.51-30.3 10.31-46.45 11.79-5.24.48-9.91-.94-13.95-3.69-2.39 4.48-5.78 7.87-10.43 9.7-15.51 6.1-31.46 10.01-48.02 11.66-5.72.57-10.68-.43-15.56-3.6-2.89 4.81-6.39 7.93-11.19 9.82-15.48 6.09-31.58 9.9-48.16 11.48-5.34.51-10.1-.67-14.8-3.37-2.54 4.21-5.84 7.14-10.29 8.95-13.76 5.59-28.02 8.74-42.82 10.36-5.76.63-10.88-.24-16-3.48-2.7 4.65-6.12 7.41-10.76 9.21-13.71 5.31-27.98 8.4-42.63 9.65-5.05.43-9.44-.94-14.03-3.39-3.08 4.58-7.03 7.63-12.21 9.42-15.83 5.47-41.38 12.37-53.87 4.56-5.45 9.4-19.58 11.72-31.52 13.46l3.81 12.23 23.48 67.96c4.12 11.92 25.55 6.57 39.18 1.55 4.78-1.76 7.03-6.39 5.96-11.37l-4.58-21.24c-.38-1.77 1.51-2.65 2.56-2.95 1.46-.42 3.62-.2 4.29 1.75l7.13 20.77c1.71 4.99 6.24 7.66 11.63 7.22 16.17-1.32 31.88-4.81 46.94-10.83 4.69-1.87 7.72-6.31 6.75-11.29l-4.03-20.62c-.4-2.05.22-3.48 1.57-4.32 1.38-.86 4.26-.91 4.92 1.11l6.96 21.19c1.69 5.14 6.75 8.05 12.27 7.52 17.11-1.64 33.89-5.26 49.77-11.75 5.06-2.07 8.08-6.52 7.15-11.81l-3.79-21.46c-.4-2.28 1.37-3.8 3.09-4.03 2.02-.26 3.5.84 4.22 3.12l6.52 20.66c1.46 4.62 6.02 7.07 11.03 6.67 17.72-1.4 35.04-5.55 51.57-12.06 5.47-2.15 8.07-7.27 7.03-12.83l-3.67-19.62c-.44-2.37.45-4.05 2.25-4.7 2.36-.85 4.21.34 5 2.95l6.05 19.89c1.58 5.18 6.08 7.94 11.55 7.46 17.73-1.55 35.02-5.63 51.54-12.23 5.79-2.31 8.14-7.54 7.15-13.42l-3.2-19.09c-.44-2.64.49-4.24 2.59-4.8 2.25-.6 3.8.52 4.58 3.09l6.19 20.62c1.31 4.35 5.8 6.67 10.45 6.34 15.97-1.12 31.31-4.9 46.05-11.09 5.06-2.13 7.43-6.84 6.6-12.04l-3.12-19.41c-.34-2.09.19-3.56 1.52-4.46 1.46-.99 4.38-.89 4.99 1.25l6.11 21.37c1.3 4.56 5.66 7.04 10.35 6.54 11.1-1.18 21.79-3.72 32.14-7.82 4.48-1.77 7.28-5.59 6.65-10.34l-2.88-21.54c-.24-1.76.59-3.51 1.73-4.04.96-.44 3.6-.09 4.03 1.45l6.21 22.14c2.31 8.22 13.22 6.13 23.19 2.23 4.86-1.9 9-6.72 8.34-12.53l-7.84-69.61-1.71-13.21-14.82 3.45z"/><path class="cls-6" d="M1009.64 576.99l-17.79-44.94c-3.59-9.08-13.22-14.02-23.17-11.67L464.32 639.85l-35.62 8.66c-9.75 2.37-16.34 10.88-15.16 20.89l5.59 47.51c.61 5.19 3.71 10.26 9.37 10.43 11.69.36 23.07-2.31 33.7-7.06 4.33-1.93 5.83-6.16 5.06-10.74l-3.21-18.97c-.29-1.69.82-3.1 2.04-3.43 1.6-.43 3.24.38 3.91 2.39l7.06 21.16c10.82-14.49 25.11-23.33 42.18-26.69l-1.44-13.54c-.18-1.66 1.03-3.37 2.2-3.83 1.37-.55 3.59.49 4.21 2.31l4.58 13.4c16.64-.55 32.75 2.37 47.68 9.89 2.69-2.38 3.59-5.36 3.08-8.51l-3.35-20.42c-.26-1.57.95-2.29 1.86-2.62 1.16-.41 3.06-.43 3.6 1.26l6.48 20.44c1.15 3.61 4.5 5.87 8.36 5.77 11.8-.31 23.07-3.2 33.9-7.91 3.6-1.57 5.84-4.78 5.22-8.67l-3.25-20.32c-.27-1.72.36-3 1.33-3.71.87-.64 3.43-.88 3.87.52l6.15 19.59c1.46 4.65 5.26 7.38 10.02 7.15 10.95-.51 21.46-3 31.48-7.27 5.19-2.21 6.73-6.67 5.76-12.06l-3.13-17.36c-.35-1.96.66-3.64 2.07-4.03 1.55-.43 3.3.39 3.9 2.36l5.77 18.99c1.17 3.83 4.57 6.51 8.75 6.33 11.14-.47 21.9-3.07 32.13-7.5 3.86-1.67 5.94-5.63 5.22-9.74l-3.38-19.35c-.35-2 .63-3.59 2.11-4.01 2.18-.61 3.59.76 4.3 3.09l5.76 19.11c3.03 10.05 26.11 3.8 38.95-1.4 4.34-1.76 7.06-5.7 6.23-10.39l-3.27-18.58c-.37-2.09-.09-3.68 1.62-4.44 1.2-.53 3.56-.21 4.13 1.72l5.64 18.99c1.22 4.11 4.24 6.6 8.54 6.93 8-.48 15.85-1.39 23.51-4.56 3.26-6.03 7.31-11.12 11.69-16.39l-2.42-15.58c-.27-1.74.61-2.93 1.59-3.57.98-.64 3.32-.87 3.86.51l4.78 12.31c12.68-9.08 26.99-13.58 43.06-14 1-8.58-3.36-15.61.17-18.43 1.02-.82 3.51-.97 4.02.53l6.31 18.37c8.43 1.18 15.9 3.99 23.52 7.38l9.52 2.53c4.55 1.21 12.74-3.22 12.04-8.05l-3.2-21.93c-.31-2.12-.12-3.73 1.81-4.35 1.57-.51 3.32 0 3.97 2.15l5.43 18.12c1.37 4.57 5.06 7.44 9.84 7.27 8.85-.31 17.31-2.16 25.29-5.73 3.04-1.36 6.38-2.41 8.15-5.16 2.02-3.13 1.87-6.95.39-10.71z"/><path class="cls-3" d="M928.25 125.17l-188.26 33.31-219.85 39.36-172.23 31.21c-12.34 2.23-23.25 4.17-35.56 2.25l3.84 11.69.48 2.12.59.74 24.12 68.74c4.22 12.01 28.62 6.74 42.05 1.5 4.92-1.92 6.81-6.33 5.76-11.47l-4.12-20.2c-.35-1.74 1.09-3.17 2.36-3.58 1.37-.45 3.65.41 4.28 2.3l6.8 20.16c1.73 5.14 6.07 8.33 11.7 8.16 14.81-.45 29.26-3.36 43.13-8.75 4.48-1.74 7.27-5.86 6.37-10.68l-4.12-22.26c-.32-1.73 1.11-3.17 2.36-3.6 1.41-.48 3.64.45 4.26 2.34l7.26 21.91c1.5 4.54 6.12 7.17 11 6.91 14.63-.79 29.05-3.53 42.7-8.72 5.72-2.18 8.55-6.5 7.39-12.46l-3.99-20.45c-.38-1.96.58-3.52 1.96-4.26 1-.54 3.52-.65 4.09 1.13l6.86 21.26c1.76 5.47 6.33 9 12.41 8.61 16.41-1.04 32.61-4.6 47.9-10.66 4.72-1.87 7.28-6.64 6.5-11.36l-3.64-21.9c-.33-2.01.48-3.47 1.98-4.2 1.46-.7 3.96-.32 4.6 1.88l6.09 21.06c1.49 5.15 6.07 8.75 11.74 8.45 17.17-.91 33.82-4.93 49.89-11.16 4.68-1.81 8.52-6.03 7.75-11.03l-3.46-22.41c-.32-2.07.16-3.57 1.44-4.44 1.45-.99 4.4-.89 5.02 1.2l6.78 22.69c1.58 5.27 7.36 7.35 12.82 6.88 17.59-1.5 34.74-5.87 51.12-12.36 5.7-2.26 7.89-7.84 6.95-13.47l-3.55-21.34c-.28-1.7 1.2-3.09 2.4-3.51 1.38-.49 3.65.33 4.23 2.22l6.56 21.42c1.75 5.72 7.28 8.26 13.2 7.65 16.59-1.73 32.81-5.75 48.2-12.22 5.29-2.22 7.52-7.49 6.68-12.75l-3.26-20.45c-.31-1.94.46-3.22 1.6-4.11.84-.66 3.79-1.3 4.26.27l6.5 21.71c1.58 5.27 5.5 8.51 11.16 8.05 15.97-1.3 31.38-5.47 46.26-11.5 5.27-2.14 8.4-6.69 7.63-12.3l-2.96-21.6c-.26-1.88 1.06-3.39 2.28-3.78 1.46-.47 3.46 0 3.98 1.89l5.81 21.21c1.23 4.5 5.22 6.91 9.76 6.48 9.99-.95 19.87-3.58 28.63-8.76 4.18-2.47 5.74-8.01 5.19-12.72l-4.8-41.19-1.74-13.08c-11.18 5.78-22.29 9.7-35.15 11.98zM307.6 302.02l5.51 20.37c2.21 8.19-9.88 10.6-21.11 12.13-4.53.62-10.42-.5-12.51-5.69L249.5 254.2c19.23-3.12 22.88-10.96 23.97-11.55 1.5-.81 3.14.84 4.65 1.15 8.91 1.81 17.2-1.62 26.32-5.09l24.5 69.79c1.91 5.45 3.58 10.06 6.65 14.88-4.87 2.43-11.99 3.15-14.16-1.58l-8.52-18.64c-.57-1.25-1.23-1.62-1.65-2.08-.7-.76-4.05-.43-3.68.95z"/><path class="cls-6" d="M451.57 632.83l-24.12 6.16c-6.3 1.61-11.44 4.91-16.68 9.29-3.1-28.17-.63-55.23 6.62-82.6 12 7.17 24.77 9.9 39.06 10.59-5.2 18.74-7.11 36.78-4.87 56.55z"/><path class="cls-3" d="M238.76 69.45c-4.82-8.04-13.08-12.33-21.91-10.31l-29.01 6.63-17.48 4.16-1.1.92c-8.87 2.49-14.15 11.87-10.4 21.37l24.64 62.37c3.69 9.33 20.8 5.34 32.15.68 3.56-1.46 5.05-5.06 3.98-8.75l-4.96-17.14c-.45-1.56.39-3.02 1.37-3.54 1.04-.56 2.93-.14 3.58 1.32l7.94 17.9c2.24 5.04 7.85 5.44 12.89 4.25 10.28-2.43 20.81-4.42 28.27-11.21 2.43-2.3 5.4-4.07 6.42-7.91l-36.4-60.74z"/><path class="cls-5" d="M297.45 225.81c-7.45-4.75-12.92-12.45-15.07-21.23l-10.37-42.33c-1.27-5.17.39-9.7 1.04-15.53-13.13 7.62-34.85 15.56-46.37 9.08-1.98 4.12-4.77 6.89-8.83 8.09l-15.46 4.58 4.32 11.49 23.97 60.83c4.65 8.92 20.74 5 31.34.5 3.88-1.65 5.09-5.39 4.02-9.21l-4.83-17.33c-.49-1.77.26-3.47 1.54-3.96 1.36-.51 3.12.2 3.82 1.84l7.4 17.42c1.54 3.63 4.5 5.9 8.57 5.64 6.52-.75 12.81-2.53 18.76-5.21.38-2.94-1.9-3.42-3.86-4.67zm56.2 114.31l-3.45-9.45c-9.59-1.57-18.69 6.7-29.51 1.19-5.09 6.85-12.88 8.97-21.7 10.31l4.13 11.83 24.45 61.19c5.1 12.78 35.46 1.89 49.41-6.75l-23.33-68.32z"/><path class="cls-3" d="M417.58 486l-20.11-59.8-7.13-1.79c-3.73-.94-6.48-4.65-9.5-7.71-10.4 6.42-21.66 10.01-33.52 12.32l4.19 11.42 23.73 60.19c1.96 4.96 7.36 5.94 11.25 5.35 2.94-.44 6.61.29 8.85-2.05 5.84-.49 11.43-2.12 16.88-4.04 2.84-1 6.04-1.68 8.86-3.52L417.59 486z"/><path class="cls-2" d="M411.3 166.71c2.95-.18 3.49 2.87.88 4.14-4.34 2.49-9.05 4.54-14.4 6l-49.29 13.49c-7.97 2.18-16.2 2.28-24.24 1.59-14.28-1.22-22.18-13.18-17.58-17.74 5.66-5.6 13.43 5.46 39.5 1.32l58.61-9.3c2.44-.39 4.53.04 6.51.5zM77.97 63.65c-18.6 8.14-26.52 19.78-40.08 21.42-4.13.5-7.97-.8-10.01-3.52-2.47-3.29-2.43-7.96-.12-11.74 6.72-10.99 33.8-14.37 48.95-14.4 2.12 0 3.94 1.88 4.31 3.17.54 1.92-.9 4.12-3.05 5.06z"/><circle class="cls-4" cx="901.68" cy="666" r="29.68"/><path class="cls-2" d="M870.13 642.33c-4.94 8.9-11.04 22.8-17.6 19.25-1.81-.98-2.32-3.39-2.16-6.17 1.23-21.07 21.3-35.56 25.03-32.27 4.58 4.04-1.46 12.33-5.27 19.2z"/><circle class="cls-4" cx="533.46" cy="753.23" r="29.68"/><path class="cls-2" d="M491.26 746.63c-1.29 2.17-4.52 2.64-5.94 2.27-8.48-2.23-.89-31.88 20.22-38.64 3.1-.99 4.03 5.49 2.75 7.64l-17.03 28.73z"/><circle class="cls-3" cx="901.6" cy="665.94" r="20.29"/><circle class="cls-3" cx="533.41" cy="753.28" r="20.32"/></g></svg>
\ No newline at end of file
diff --git a/plugins/woocommerce/assets/images/pinata/woo-pinata-llama2.svg b/plugins/woocommerce/assets/images/pinata/woo-pinata-llama2.svg
new file mode 100644
index 00000000000..10297bf2840
--- /dev/null
+++ b/plugins/woocommerce/assets/images/pinata/woo-pinata-llama2.svg
@@ -0,0 +1 @@
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 789.58 979.2"><defs><style>.cls-1{fill:#c8b9fb}.cls-3{fill:#efe9fc}.cls-4{fill:#ede7f9}.cls-5{fill:#dfd6fa}.cls-7{fill:#2e0b5e}.cls-8{fill:#9d7af3}</style></defs><g id="Layer_1-2" data-name="Layer 1"><path class="cls-7" d="M756.38 428.72c2.81-18.34-9.77-34.89-28.51-38.76-30.65-6.33-61.31 12.1-73.69 41.49-14.44-2.26-28.36-2.97-43.4-.12l-185.14 35.04c-8.94 1.27-17.03-.13-23.63-6.04l-15.57-39.78c9.72-5.09 14.33-15.5 9.43-25.53l-17.83-36.44c-8.92-18.22-16.43-36.24-22.37-56.16 10.87-11.75 6.08-26.74.73-42.62-2.18-6.46-7.11-10.96-13.95-12.83l-9.18-46c-4.33-21.73-16.42-40.18-34.08-53.12-6.8-38.03-17.81-73.83-35.42-107.52C252.8 19.34 237.2-4.2 213.23.63c-22.33 4.49-30.79 28.47-28.91 49.59l4.28 48.21c-15.85-25.95-40.31-62.66-65.94-74.13-17.95-8.02-39.76.01-45.12 19.08-3.15 11.2-1 22.58 2.55 33.64 8.97 27.91 20.03 54.25 31.25 82.41-16.67 13.42-30.14 29.2-40.51 48.07L9.67 318.78c-10.92 20.94-12.73 44.54-4.58 66.49 10.43 28.1 37.56 45.11 67.18 39.68l58.49-10.72-9.81 56.21c-1.53 8.78 3.29 16.56 11.57 19.29-6.44 23.37-13.04 45.97-16.62 69.58-1.5 9.9 4.27 18.15 14.12 20.57-4.33 25.75-7.68 50.82-8.27 76.63-.24 10.38 5.68 18.61 15.86 20.62-.25 27.09 1.24 53.46 4.95 80.33 1.56 11.29 9.88 18.23 21.12 19.36l16.37 74.24c2.11 9.56 10.56 15.2 19.71 15.87l12.37.91 29.62 87.33c5.75 16.95 22.34 26.63 39.58 23.38l30.5-5.75c6.35-1.2 11.63-3.89 17.03-7.68 7.76 7.5 18.33 10.91 29.03 8.87l33.41-6.39c16.57-3.17 28.16-17.82 27.41-34.99l-4.16-95.15 3.56-5.28c8.19 9.33 35.37 2.24 50.37-2.01 5.41-1.53 9.03-5.2 11.85-10.48 4.16 4 9.16 5.82 14.84 5.34 12.18-1.02 24.24-3.28 35.88-6.93 4.99-1.57 8.43-5.4 10.76-9.55 3.31 2.63 6.47 3.73 10.16 4.94l27.15 79.65c5.3 15.55 21.35 24.53 37.19 21.58l32.5-6.04c5.24-.97 9.71-3.09 14.44-6.05 7.72 6.42 17.43 10.06 27.7 8.04l35.12-6.88c17.08-4.76 26.67-19.86 25.85-37.1l-4.52-95.33c13.23-2.89 21.7-12.5 20.24-25.43l-7.36-64.99c12.5-4.52 16.98-15.13 13.4-27.13L761.3 612.3c7.17-4.77 11.69-12.75 8.63-20.95l-13.26-35.48c12.67-.19 22.95-7.13 27.55-18.71 5.46-13.73 2.44-28.38-6.25-41.11 7.68-5.7 11.42-13.51 11.65-22.58.53-20.86-12.16-39.2-33.19-44.77z"/><path class="cls-1" d="M604.39 769.28c-.55-2.05-2.5-2.8-3.65-2.66-1.88.23-2.69 1.99-2.51 4.12l1.4 16.29c.41 4.73-1.8 9.42-6.77 10.95-12.01 3.68-24.28 6.2-36.82 7.17-5.48.42-9.96-2.62-11.41-7.67l-4.49-15.72c-.5-1.74-1.72-3.04-3.27-3.01s-3.25 1.53-3.1 3.56l1.31 17.13c.41 5.38-2.55 9.74-7.87 11.28-10.87 3.15-21.85 5.46-33.1 6.05-5.7.29-9.83-3.74-11.37-8.76l-4.7-15.31c-.45-1.47-1.98-2.23-3.06-2.18-1.29.06-2.81 1.4-2.69 3.26l1.01 16.72c.34 5.57-2.38 10.24-7.97 11.95-13.71 4.19-41 10.78-44.05.85l-5.66-18.45c-.44-1.43-1.74-1.82-2.5-2.08-1.29-.43-3.6.45-3.48 2.14l1.28 18.64c.32 4.68-2.19 8.75-6.8 10.29-10.54 3.52-21.42 5.39-32.54 6-4.04.22-7.97-2.29-9-6.04l-4.93-17.99c-.45-1.66-2.39-2.43-3.51-2.31-1.82.2-2.94 1.94-2.75 4.04l1.52 17.03c.43 4.87-2.48 9.3-7.43 10.64-13.19 3.58-26.47 6.13-40.09 6.63-4.47.16-8.43-2.37-9.53-6.49l-5.05-19.08c-.39-1.47-1.82-2.25-2.89-2.21-1.16.03-2.95 1.36-2.86 3.07l.92 18.35c.22 4.38-2.49 8.19-7.02 9.24-11.81 2.73-23.88 3.75-35.97 3.19-4.55-.21-8.13-3.44-9.04-7.75l-3.93-18.62c-.38-1.8-1.82-2.51-3.11-2.46-1.6.06-3.25 1.21-3.16 3.26l.76 17.58c.44 10.2-12.42 9.89-24.61 8.4-5.46-.67-10.33-4.06-11.58-9.86l-15.11-70.3c10.98 1.02 20.85 1.56 28.68-5.53 3.01 3.77 6.79 6.61 11.99 7.16 14.69 1.55 45.65 1.68 52.62-9.75 9.4 10.5 37.86 4.81 53.59.47 5.48-1.51 9.6-4.72 12.13-9.47 8.81 9.47 36.42 2.41 51.3-2.07 5.13-1.54 8.87-4.9 12.03-9.29 4.86 3.2 10.04 4.58 15.7 4.03 13.56-1.31 26.8-3.69 39.75-7.83 5.05-1.61 8.69-4.99 10.9-9.47 4.39 4.09 9.51 5.19 15.18 4.72 13.87-1.15 27.43-3.86 40.76-7.9 4.93-1.49 8.17-5.08 11.12-9.21 4.19 3.56 8.82 4.92 13.95 4.55 13.69-1 26.92-3.86 40.19-7.5 5.53-1.52 9.68-4.95 12.63-9.8 4.87 3.79 10.07 5.06 15.77 4.47 13.36-1.39 26.35-3.76 39.18-7.63 5.34-1.61 9.19-5.16 11.54-9.8 4 3.61 8.38 5.18 13.42 4.89 15.23-.88 41.94-5.02 46.38-17.17 4.25 2.65 8.57 3.96 13.15 2.79l16.64-4.25 7.13 64.47c1.08 9.8-12.24 15.4-23.3 17.19-3.82.62-6.86-1.7-7.92-5.2l-5.26-17.31c-.41-1.36-2.32-1.75-3.23-1.65-1.35.14-2.78 1.39-2.56 3.25l2.09 17.59c.62 5.23-1.93 9.97-7.05 11.72-14.62 5.01-34.23 10.44-37.69-1.19l-5.21-17.53c-.46-1.56-2.83-1.66-3.94-1.06-1.18.63-1.8 1.76-1.62 3.68l1.54 16.49c.5 5.3-2.68 9.53-7.95 11-11.88 3.29-23.83 5.61-36.1 6.95-6.18.68-10.83-3.09-12.38-8.84l-3.99-14.81z"/><path d="M625.52 603.02c.87 5.42-2.92 9.35-7.62 10.24l-144.14 27.37c-5.28 1-9.66-2.21-10.64-7.34l-26.31-137.18-6.7-21.81 147.97-28.05c5.87 2.41 8.79 7.46 11.46 12.96 17.14 35.24 29.23 101.71 35.97 143.81z" fill="#e0d7fb"/><path class="cls-8" d="M245.99 455.3l-7.77-23.12c-.65-1.93-2.23-2.59-3.73-2.41s-3.23 1.48-2.84 3.45l4.86 24.46c1.08 5.44-1.81 10.08-6.85 11.94-12.85 4.76-25.95 7.6-39.61 8.53-4.94.34-9.29-2.61-9.9-7.69l-2.64-21.92c-.23-1.87-.94-3.16-2.35-3.52s-4.04.6-4.08 2.53l-.46 22.63c-.28 13.87-18.55 13.48-33.76 11.82-4.94-.8-8.2-5.34-7.26-10.37l8.04-42.79c34.88-2.23 65.56-13.69 74.82-47.72 48.28-19.81 94.19-41.83 135.78-72.41 10.16 31.21 24.26 58.9 38.7 87.25 2.31 4.53 3.47 9.9-.31 13.6-7.76 7.6-25.54 14.66-29.88 5.59l-10.94-22.86c-.98-2.05-3.02-2.61-4.53-1.95-1.93.83-2.48 2.8-1.69 4.97l8.37 22.92c1.69 4.63-.36 9.23-4.6 11.61-8.7 4.88-17.95 8.66-27.74 10.82-5.05 1.11-9.12-1.1-11.02-5.6L294.85 412c-.71-1.69-2.79-2.18-3.83-1.85-1.57.5-2.71 2.06-2.14 3.99l6.79 23.13c1.66 5.66.23 11.13-5.38 13.74-10.39 4.83-21.46 8.16-32.92 10.24-4.72.86-9.69-1.01-11.35-5.96z"/><path class="cls-5" d="M142.82 402.91L72.5 416.2c-25.08 4.74-48.68-8.3-58.31-31.89-13.11-32.11-.86-56.45 15.68-84.23 11.91-7.53 25.83-8.83 39.55-5.53 35.63 8.58 60.59 44.29 72.39 78-2.27 16.88 13.35 28.02 1.01 30.35zm539.89 112.22c-.82-1.86-2.87-2.15-3.82-1.92-1.74.42-2.57 2.18-2.06 4.27l4.08 16.65c2.91 11.87-18.88 15.03-33.6 14.52-5.95-29.85-12.75-58.42-22.99-86.61-2.92-8.03-5.9-15-11.22-22.4 56.87-9.61 95.72 24.06 117.25 73.86 1.89 4.38-.52 9.41-4.14 11.68-12.23 7.7-31.74 16.72-36.7 5.43l-6.8-15.49z"/><path class="cls-1" d="M708.78 613.91c1 4.45-.66 9.21-4.95 10.82-11.8 4.45-25.07 8.5-37.61 7.09-7.62-.86-6.78-9.31-7.67-14.84l-9.57-59.66c14.82-.25 34.76-2.87 39.76-15.3 11.99 7.15 33.31-3.84 45.78-12.09L760.86 591c2.46 5.7.36 11.35-4.73 14.54-11.71 7.34-33.58 16.92-38.04 6.19L710.72 594c-.73-1.75-3.03-2.2-4.26-1.53-1.42.77-1.96 2.33-1.52 4.28l3.84 17.16z"/><path class="cls-8" d="M762.51 490.22c9.73 11.76 9.67 28.96-.72 34.14-7.84 3.91-24.39-3.95-22.6-12.67-16.2-36.24-37.71-64.89-76.34-77.63 9.48-23.03 31.8-37.55 55.96-36.9 12 .32 22.62 7.04 27.52 17.48 3.26 6.94 2.05 13.07-2.36 20.28 23.88 1.53 40.41 20.56 36.32 43.19-1.58 8.74-8.16 12.31-17.76 12.11zM633.94 799.53l25.74-5.8c5.02-1.13 8.92-4.1 11.58-9.31 4.1 2.9 7.93 4.59 12.88 4.26 14.12-.91 38.17-4.91 42.19-16.56 3.98 2.67 7.6 2.92 12.33 2.3l3.29 69.27c-29.45 9.09-58.55 14.48-88.55 16.84l-19.45-61zM408.88 906.74c-28.66 9.52-58.31 14.5-88.86 17.29l-20.68-64.29c17.09.99 33.46-2.41 49.63-7.12 4.68-1.37 7.9-4.51 10.64-8.68 4.64 3.11 9.4 4.7 14.76 4.04 10.57-.5 20.33-2.97 31.4-5.71l3.11 64.47z"/><path class="cls-1" d="M212.22 371.91c-1.59-9.8-6.2-17.55-13.15-23.84 31.31-13.2 60.95-27.34 90.04-44.18 16.74-10.35 32.96-19.91 47.81-32.46 4.36-3.68 6.91-7.63 9.07-13.39 4.85 9.38 7.29 19.06 7.66 28.83.45 11.84-30.49 28.28-43.77 37.22-31.12 18.64-63.06 33.89-97.67 47.82z"/><path class="cls-8" d="M289.28 859.04l19.25 58.84c-21.6 5.92-43.37 9.55-66.5 11.32L221.1 866c3.68-1.02 6.2-2.35 8.59-5.35 4.39 3.71 9.07 5.91 14.8 6 13.32.19 33.68-.65 44.8-7.61z"/><path class="cls-5" d="M395.01 465.97l-11.12-26.95-5.46-14.79c-7.21 2.88-14.49 5.34-22.06 2.05-1.88 4.96-4.56 8.67-9.13 11.12-12.44 6.66-32.45 15.72-42.69 9.24-2.2 5.8-5.82 9.79-11.29 12.23-14.21 6.34-38.89 15.6-48.94 7.38-5.01 14.43-36.63 19.12-53.32 20.17-5.55.35-10.48-1.3-14.72-5.24-8 10.24-20.93 10.32-34.48 10.1l-4.38 14.35c-5.52 18.05-9.8 36.13-13.03 54.89-2.07 12.03 14.56 14.01 28.06 13.18 4.89-.3 8.58-3.75 9.24-8.49l2.58-18.75c.25-1.82 1.82-2.93 3.16-2.95 1.47-.02 3.11 1.17 3.15 3.09l.49 20.24c.12 5.12 4.29 8.21 9.32 8.6 13.12 1.01 26.34-.2 39.23-2.96 5.85-1.25 9.29-5.74 9.03-11.47l-.85-19.12c-.08-1.83 1.72-3.01 3.02-3.05 1.36-.04 2.91.91 3.3 2.8l3.87 18.66c1.03 4.96 5.2 8.24 10.55 7.91 13.19-.8 26.15-3.62 38.7-7.94 5.3-1.83 8.64-6.64 7.68-12.03l-3.51-19.55c-.38-2.1.21-3.72 1.88-4.31 1.77-.62 3.77.08 4.57 2.32l7.11 20.02c3.84 10.82 33.53-1.37 46.78-8.5 4.82-2.59 6.83-7.56 5.21-12.67l-6.18-19.51c-.57-1.81.33-3.39 1.56-3.98 1.37-.66 3.35-.19 4.19 1.47l9.51 18.69c4.85 9.53 29.33-3.64 39.3-13.99-1.19-14.5-4.78-28.79-10.34-42.25z"/><path class="cls-8" d="M578.52 865.31l-17.16-52.28 31.1-6.23c6.28-1.46 10.89-5.1 13.98-10.17 5.13 4.69 11.32 5.11 18.38 4.15l17.44 53.88c-20.73 5.42-41.25 8.8-63.74 10.66zM323.67 199.02c-6.24-23.03-20.99-41.5-41.93-51.17-7.02-34.23-16.62-66.79-32.47-97.25-6.87-13.2-14.09-25.37-24.9-35.03-4.17-3.09-8.91-5.44-13.59-4.61-12.31 2.17-17.74 20.16-17.63 34.47.22 27.05 4.29 53.7 10.71 79.28l1.06 9.24-38.87 8.02c-36.14 9.25-66.14 32.1-84.23 64.45l-31.5 56.33c52.15-8.48 95.03 32.94 116.43 79.26 7.93-1.68 15.39-1.88 23.23.88 47.85-20.44 93.29-41.98 134.88-72.74 4.34-3.21 7.97-6.23 11.08-10.69l-12.27-60.42z"/><path class="cls-5" d="M204.92 133.93l-1.06-9.24-3.57-52.55c-.87-12.76-.32-32.31 9.59-34.44 17.08-3.66 36.28 74.1 40.39 96.74.47 2.59-.71 6.5-4.08 6.38-14.16-.5-28.72-1.87-41.26-6.89z"/><path class="cls-8" d="M131.32 55.46c-9.21-10.59-25.81-26.1-36.57-21.35-12.36 5.46-11.19 24.9-6.58 39.55 8.67 27.59 19.69 53.71 30.5 80.57l2.74-1.99c12.34-7.19 24.79-14.34 38.73-17.55l18.35-4.22c-12.38-27.09-27.63-52.55-47.17-75.03z"/><path class="cls-5" d="M160.14 134.71c-13.95 3.2-26.39 10.36-38.73 17.55-.51 0-1.01-.02-1.46-.18-1.83-.63-12.88-31.55-14.42-35.88-3.68-10.07-7.29-20.24-9.54-30.73-1.54-7.16-3.93-21.35 2.62-26.47 4.54-3.55 9.1-2.49 13.62.39 16.67 10.6 41.35 54.43 49.21 73.37l-1.3 1.95zm197.05 830.75c-12.31 2.3-23.99-4.46-28.72-16.01l-5.51-17.12c29.86-2.71 57.8-7.7 86.12-16.52l.73 16.67c.59 13.47-8.82 24.8-22.06 27.27l-30.55 5.71zm-77.97 4.52c-12.31 2.3-23.99-4.46-28.72-16.01l-5.51-17.12c29.86-2.71 36.73-3.8 65.89-11.19l4.65 18.26c-.22 2.39 7.48 17.87-5.76 20.35l-30.55 5.71zm335.76-64.5c-12.31 2.3-23.99-4.46-28.72-16.01l-5.51-17.12c29.86-2.71 34.62-3.4 63.78-10.79l5.54 19.44c-.22 2.39 6.62 15.37-4.55 18.77l-30.55 5.71zm75.68-3.43c-12.33 2.32-23.25-4.04-28.19-14.92l-6-18.16c29.34-2.4 57.32-7.89 85.62-16.44l.84 17.51c.63 13.18-9.17 23.91-22.2 26.36l-30.07 5.66z"/><path class="cls-1" d="M145.64 359.13c-17.9-43.68-58.63-85.11-108.21-71.96 5.86-16.81 13.52-18.16 31.43-17.03 40.89 2.58 73.61 39.62 90.12 75.38-6.02 3.57-9.45 7.87-13.33 13.61z"/><circle class="cls-1" cx="176.88" cy="375.87" r="26.73"/><path class="cls-1" d="M407.84 517.79c-12.15 9.43-28.56 19.2-42.19 15.05-1.85 14.18-31.15 22.74-46.96 26.31-5.57 1.26-10.73.17-15.95-2.54-2.62 5.45-6.62 9.45-12.36 11.43-16.01 5.52-46.23 13.68-55.48 3.07-6.54 13.07-39.11 13.91-55.31 12.69-5.93-.44-10.63-3.41-13.8-7.74-7.3 6.73-16.59 7.11-26.78 5.44-4.84 24.79-7.48 49.4-8.61 74.59-.17 3.89 1.03 9.06 4.55 10.88 9.97 5.17 31.01 8.12 32.43-3.83l2.16-18.21c.23-1.96 1.94-2.94 3.46-2.97 2.04-.03 3.1 1.82 3.14 4.18l.29 18.42c.08 5.44 3.98 9.84 9.59 10.6 14.42 1.96 29.06 1.55 43.53-.99 5.9-1.04 9.87-5.3 9.75-11.06l-.39-18.14c-.05-2.35 1.12-3.9 3.14-4.12 2.02-.22 3.46 1.02 3.88 3.42l3.53 20.32c1.03 5.92 7.53 7.46 12.74 6.92s2.06-.21 2.06-.21c1.22.75 1.91.68 2.07-.23s6.03-.42 6.03-.42l20.48-3.75c6.17-1.13 14.72-2.81 16.31-9.83 2.19-9.71-4.5-24.92-.76-27.53 1.44-1.01 4.33-1.08 5 1.2l5.67 19.11c1.54 5.18 6.13 8.24 11.76 7.42 13.92-2.02 27.37-6.12 40.26-11.85 5.24-2.33 8.2-7.4 6.73-13l-5.34-20.41c-.53-2.01.43-3.52 1.98-4.11 1.7-.65 3.49.04 4.43 2.15l8.82 19.86c3.89 8.76 25.74-2.43 37.05-8.78 2.24-1.26 2.1-4.46 1.58-7.17l-18.49-96.16z"/><path class="cls-8" d="M610.44 451.34c-3.81-8.2-11.31-11.55-20.28-6.88 6.96 8.49 11.35 18.76 15.13 30.43 13.72 42.32 22.48 85.59 28.81 129.56 1.1 7.67-5.2 15.11-12.4 16.48l-147.59 28.05c-8.94 1.7-17.31-3.83-19.01-12.66L428.64 498.7c-1.66-8.61-3.97-16.19-8.25-23.38-4.43-.02-7.95-.22-12.53-1.7l2.71 12.35c.05.11.09.23.11.36l.21 1.09.36 1.63s-.03.02-.04.02l1.13 5.95 23.21 122.16c.07.14.14.29.17.47l3.79 19.94 4.15 19.02c3.5 8.45 12.48 12.99 22.06 11.17l167.7-31.77c5.17-.98 10.15-3.6 12.97-7.16 3.41-4.3 4.5-10.1 3.6-15.7-7.83-48.53-19.92-119.5-39.56-161.82z"/><circle cx="200.78" cy="261" r="48.08" fill="#330e64"/><path class="cls-3" d="M141.81 183.59c13.33 13.21-26.57 66.07-41.41 58.45-10.36-5.32 3.06-42.14 31.74-58.64 3.1-1.78 7.58-1.89 9.68.19z"/><path class="cls-8" d="M473.03 518.66l27.98 18.06 20.53-27.22c2.07-2.92 5.5-3.86 8.56-1.95l29.05 18.13 20.23-27.48c1.52-2.06 3.36-2.8 5.4-2.27 2.14.56 4.02 4.1 2.49 6.24l-21.52 30.04c-1.79 2.5-5.3 4.78-8.23 2.93l-30-18.91-19.42 26.65c-2.57 3.53-6.53 5.18-10.24 2.22l-31.13-19.95c-1.95-1.25-1.5-4.84-.2-6.32 1.43-1.62 3.9-1.85 6.5-.17zm8.15 46.25l29.07 18.5 20.35-27.35c1.9-2.82 5.28-3.63 8.12-1.85l29.41 18.4 19.36-27.04c1.72-2.4 4.41-3.86 6.86-2.44s2.92 4.7 1.12 7.16l-21.08 28.88c-1.95 3.07-5.64 4.33-8.78 2.34l-29.24-18.54-20.74 28.36c-2.09 2.85-6.58 2.46-9.13.5l-29.61-19.02c-2.27-1.46-3.28-3.6-2.52-5.63 1.01-2.69 3.98-4.07 6.81-2.27zM63.33 345.29c-3.59 13.76-19.54 23.32-24.73 18.96-6.08-5.1 2.12-22.58 15.82-27.13 2.6-.86 5.5-.07 6.94 1.27 1.65 1.55 2.67 4.25 1.98 6.89z"/><path class="cls-5" d="M765.85 659.39l-8.03-28.98-4.56-13.63c-12.33 5.76-25.26 11.6-36.71 5.8-2.51 5.42-6.51 9.12-11.94 11.03-14.77 5.18-37.24 11.1-47.49 2.83-.37-.15-.69-.26-.92-.29-.06-.27-.25-.56-.61-.89l-.8-1.55c-6.09 5.73-12.75 9.38-21.74 11.06l-168.01 31.36c-12.55 2.34-23.61-5.18-28.36-14.78-2.69-5.45-4.24-10.95-4.79-16.81l-.12-1.31-.22-1.97c-.21-1.91-.35-3.79-.9-5.65l-2.12-7.17c-13.1 7.83-29.29 16.71-42.2 11.26-1.86 6.11-5.56 10.24-10.96 12.77-15.69 7.36-46.74 19.04-58.52 9.04-4.58 9.59-14.13 11.87-23.16 13.9-15.44 3.46-39.35 8.78-48.79-1.89-7.59 13.33-43.2 12.29-59.55 9.94-6.12-.88-11.08-3.86-14.41-8.81-7 5.8-15.37 5.73-24.37 4.26l-.17 14.73c-.25 21.65 1.99 43.26 5.44 65.17.65 4.14 4.4 7.52 8.04 8.52 13.25 3.64 36.88 6.31 37.2-5.24l.48-17.64c.05-1.65 1.22-3.26 2.45-3.48 1.71-.3 3.61.82 3.9 2.89l2.64 18.85c.76 5.42 5.01 8.72 10.35 9.07 11.99.78 23.97.16 35.86-2.15 5.3-1.03 8.34-5.26 8.11-10.35l-.82-17.74c-.1-2.09 2.01-3.02 3.55-2.97 1.74.06 2.9 1.27 3.31 3.45l3.16 16.76c.98 5.2 4.97 8.77 10.45 8.78 12.86.03 25.47-1.96 37.99-5.47 4.31-1.21 7.5-4.76 7.12-9.22l-1.61-19.03c-.16-1.87.93-3.28 2.35-3.74 1.46-.47 3.73.24 4.26 2.26l4.71 18.24c1.05 4.08 4.88 6.93 9.42 6.77 12.69-.45 25.18-3.08 37.33-7 4.9-1.58 7.07-6.31 6.49-11.13l-2.04-16.85c-.27-2.21.88-3.73 2.69-4.13 1.72-.38 3.33.75 3.92 2.9l4.38 15.9c1.41 5.1 5.2 8.75 10.92 8.36 13.4-.92 26.6-3.5 39.48-7.46 5.25-1.61 7.97-6.08 7.39-11.43l-1.93-17.68c-.2-1.83 1.36-2.8 2.57-3.08 1.34-.32 3.17.04 3.66 1.84l4.64 17.29c1.2 4.49 4.86 8.18 10.05 7.9 13.74-.74 27.31-3.54 40.59-7.46 5.28-1.56 7.79-6.31 7.23-11.48l-1.9-17.7c-.18-1.63 1.42-3.06 2.51-3.27 1.24-.25 3.29.43 3.73 2.05l4.91 18.08c1.25 4.61 5.54 7.61 10.5 7.21 13.57-1.1 26.7-3.69 39.69-7.64 4.78-1.45 7.91-5.69 7.38-10.49l-1.99-17.77c-.25-2.21.98-3.74 2.71-4.13 1.74-.39 3.41.74 3.98 2.87l4.33 16.11c1.32 4.92 5.18 8.68 10.76 8.24 13.44-1.04 26.7-3.65 39.58-7.59 4.91-1.5 7.63-6 7.13-10.72l-1.86-17.44c-.2-1.88.53-3.38 2-4 1.37-.59 3.67.14 4.23 2.14l5.07 17.98c1.21 4.28 5.17 7.12 9.81 6.93 11.6-.47 22.93-2.96 33.93-6.82 4.48-1.57 6.93-6.02 6.24-10.54l-2.61-17c-.31-2.05.41-3.68 2.06-4.2 1.44-.45 3.39.14 4.03 2.11l5.57 16.95c3.44 10.46 24.4 2.8 36.31-3.54 4.62-2.46 7.06-7.03 5.62-12.24z"/><circle class="cls-3" cx="177.09" cy="376.21" r="13.33"/><circle class="cls-4" cx="200.78" cy="261.05" r="39.54"/><circle class="cls-7" cx="200.75" cy="261.18" r="22.11"/><path class="cls-4" d="M188.1 250.79c3.08-2.71 7.5-2.2 9.67 1.21 1.63 2.57 1.45 6.49-2.11 8.96-2.15 1.49-6.08 2.1-8.95-1.02-1.88-2.04-1.92-6.23 1.39-9.15z"/></g></svg>
\ No newline at end of file
diff --git a/plugins/woocommerce/assets/images/pinata/woo-whale.svg b/plugins/woocommerce/assets/images/pinata/woo-whale.svg
new file mode 100644
index 00000000000..af645d60e4a
--- /dev/null
+++ b/plugins/woocommerce/assets/images/pinata/woo-whale.svg
@@ -0,0 +1 @@
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1092.3 736.32"><defs><style>.cls-2{fill:#c8b9fb}.cls-5{fill:#ddd3fa}.cls-7{fill:#fdfcfc}.cls-10{fill:#dfd6fa}.cls-13{fill:#9d7af3}</style></defs><g id="Layer_1-2" data-name="Layer 1"><path d="M5.95 331.39C1.41 322.64.03 314.91 0 305.4c-.16-47.82 13.32-94.08 36.34-135.95 23.1-42.01 53.42-78.9 91.32-108.2C199.64 5.62 301.06-9.58 379.38 5.47c127.56 24.52 184.81 72.6 228.37 130.69 16.72 22.29 34.09 52.92 48.84 76.56 33.99 54.47 64.55 114.45 132.02 125.47 12.95 2.12 24.6 1.43 36.68-3.61 14.88-6.2 28-15.46 39.84-27.29-25.15-18.19-46.63-39.23-63.89-64.29-8.05-1.08-13.22-5.64-17.52-12.08-14.16-21.21-21.84-45.45-25.01-71.22-14.87-5.43-12.57-24.2-11.97-40.67-15.46-7.06-9.48-31.53-2.09-46.72 4.12-8.46 12.23-13.07 21.95-12.63 27.02 1.24 53.2 6.51 79.02 14.71 28.23 9.78 53.88 23 68.02 49.81 28.62-43.65 93.18-64.64 141.93-68.06 10.02-.7 20.03 2.03 25.79 9.71 9.97 13.29 15.37 37.7 6.3 51.34l1.97 19.65c.68 6.8-3.02 12.34-8.95 15.66-2.91 25.64-10.26 50.08-24.48 71.22-4.39 6.52-9.85 10.61-17.47 11.95-15.53 26.47-36.33 48.06-61.44 66.35l4.25 39.76c.73 6.83-2.17 12.5-7.16 17 .81 22.35.68 43.83-2.34 65.44-1.04 7.43-4.73 13.07-10.87 16.99-6 27.58-14.63 53.58-27.54 78.27-3.3 6.31-7.34 10.79-13.75 13.93-52.99 99.27-138.71 154.46-249.18 171.64-12.97 7.58-28.53 14.96-40.66 4.96-1.49 6.77-5.27 11.56-11.39 13.8-11.43 4.18-23.34 6.61-35.53 7.28-6.36.35-11.37-2.42-15.48-7-15.25 27.93-64.4 1.36-86.95-14l-37.72-1.77c-24.53-1.15-47.36-6.97-70.51-14.29C231.2 679.51 99.17 589.94 36.89 462.64 16.83 421.65 5.93 377.72 5.95 331.38z" fill="#260a5d"/><path class="cls-10" d="M278.46 662.2c-2.03-1.8-3.97-3.74-5.35-6.09-12.07-20.67-22.26-47.01-30.43-69.64a610.355 610.355 0 01-29.66-117.78c-3.53-23.86-7.04-51.92-6.21-75.89.09-2.73.89-5.37 1.82-7.92 12.19-2.7 23.91-7.81 34.22-15.15 8.09 6.08 18.18 10.91 19.88 4.3 2.06-7.99-12.52-4.64-23.52-23.75-.82-1.43-4.51-2.3-6-1.71s-3.29 4.09-2.67 5.63c1.23 3.06 2.67 4.97 5.06 8.3-8.62 5.68-18.37 9.77-28.91 12.42-52.72 13.23-109.95 1.51-157.29-24.23-11.53-6.27-21.64-13.62-30.69-22.66-6.42-6.41-8.64-13.81-8.6-22.96.18-41.18 10.58-81.46 29.29-118.62 11.19 8.14 21.83 15.05 33.47 20.78 5.73 2.83 11.8 2.31 17.5-1.58-.55 6.94 2.41 12.28 8.32 15.77 14.75 8.69 30.18 16.25 46.29 22.1 6.09 2.21 11.95.17 16.86-4.32.29 6.41 3.4 11.63 9.23 14.24 15.67 7.04 31.53 13.23 47.89 18.77 6.79 2.3 13.3-.2 17.66-5.19.99 6.73 4.28 11.87 10.22 14.32 13 5.37 26.05 9.64 40.03 13.33-5.07 33.96 16.38 65.34 49.15 72.53 32.71 7.18 64.83-12.52 74.42-44.9l19.91 2.09c5.95.62 10.5-3.43 13.76-8.14 2.37 6.27 6.8 9.93 12.97 10.81 12.89 1.84 25.77 2.78 38.68 2.5 6.04-.13 10.42-3.69 13.59-8.96 2.14 5.69 7.08 9.81 13.5 10.2 14.16.84 28.22.49 42.22-.94 6.55-.67 11.22-4.64 13.74-11.29 3.6 6 9.48 9.24 16.57 8.69 12.94-.99 25.56-2.89 38.02-6.19 6.73-1.78 11.28-6.37 12.59-13.25 4.24 4.68 8.99 7.14 14.67 6.4 14.22-1.85 27.62-6.67 39.94-14.18 28.38 28.92 60.7 47.6 101.42 49.55 4.36 26.97-38.34 61.42-49.06 45.58l-11.19-16.53c-.74-1.1-3.84-1.76-5.03-.93-1.07.75-1.54 3.25-1.14 4.72l4.3 15.98c1.57 5.85-2.95 10.5-8.27 12.38-12.31 4.33-24.62 7.3-37.63 9.28-4.33.66-9.18-1.39-10.92-5.4l-8.12-18.76c-.84-1.94-2.6-3.48-4.76-3.36-8.59.48 8.89 29.95-9.44 34.76-13.82 3.62-27.52 5.94-41.83 7.08-5.14.41-9.78-2.17-11.2-7.02l-5.72-19.63c-.52-1.79-2.94-3.7-4.52-3.4-8.14 1.54 4.72 31.53-14.11 34.23-14.03 2.01-27.84 2.74-42.19 2.2-4.07-.15-8-3.48-8.68-7.22l-3.8-21.13c-.4-2.24-2.48-4.08-4.58-3.6-1.69.39-2.89 2.71-3.12 4.66l-2.17 18.56c-.73 6.22-5.87 9.81-11.88 10.06-13.62.55-26.96.32-40.59-1.01-17.25-1.69-7.28-32.2-15.32-33.66-8.58-1.55-2.09 32.53-19.63 32.57-14.29.03-28.18-1.42-42.22-4-5.22-.96-9.5-4.57-9.46-10.06l.13-18.27c.02-2.2-1.72-4.44-3.88-4.45-7.54-.02-3.44 31.36-23.11 29.69-23.04-1.95-44.85-7.61-66.76-14.98-2.55-.86-6.12.84-6.48 3.74-3.68 29.94-5.2 59.69-1.97 89.5.88 8.09 4.64 14.14 11.42 17.8.74 26.13 3.75 51.33 13.15 75.04 3.64 9.17 8.68 16.18 17.69 19.71 8.39 22.39 20.71 41.76 37.47 58.4-27.76-4.02-53.77-10.45-78.94-19.9z"/><path class="cls-2" d="M571.83 310.84c.28 6.39-4.3 10.15-9.8 10.63-12.73 1.1-25.05 1.45-37.95.78-3.92-.2-7.54-3.65-8.1-7.35l-3.48-23.06c-.19-1.27-2.41-3.27-3.67-3.3-1.73-.04-3.41 2.09-3.63 4.13l-2.34 21.46c-.46 4.24-4.62 7.15-8.59 6.89l-35.05-2.3c-3.93-.26-7.42-3.59-7.49-7.54l-.4-22.76c-.04-1.97-.88-4.18-2.57-4.81-1.84-.69-4.33 1.01-4.83 3.02l-5.46 21.92c-.86 3.45-4.67 7.19-8.21 6.86l-17.97-1.67c4.96-33.56-15.97-64.71-48.44-71.99-32.11-7.2-64.95 11.56-75.09 44.21-12.91-3.24-25.3-7.44-37.57-12.42-4.69-1.9-5.97-6.01-6.32-10.86l4.6-19.52c.46-1.95-.5-4.23-2.48-5.06-6.99-2.92-12.1 30.9-25.71 25.61l-43.96-17.11c-4.6-1.79-8.33-5.92-6.81-11.11l5.39-18.4c.56-1.92.25-4.56-1.34-5.28s-4.24.2-5.21 1.69l-11.22 17.29c-2.4 3.7-7.49 5.6-11.76 3.88A340.246 340.246 0 01104 214.19c-4.32-2.47-6.66-7.42-4.53-12.2l6.67-14.98c.78-1.76.96-4.5-.21-5.39-1.62-1.22-4.53-.8-5.69.58L87.4 197.38c-3.15 2.09-7.27 3.61-10.91 1.69-11.52-6.08-22.52-12.55-32.66-21.14 17.18-32.89 38.74-61.55 64.99-86.6 14.47 9.61 30.36 24.27 42.8 13.2-.53 6.78 2.16 12.14 7.9 15.17 14.11 7.45 28.66 13.9 43.79 19.17 6.44 2.25 12.68.44 17.64-4.14.89 6.21 3.45 11.15 8.89 13.7 15.99 7.51 32.48 13.74 49.59 18.59 6.4 1.81 12.09-.71 17.11-5.16.93 6.56 4.4 11.54 10.38 13.67 15.07 5.39 30.26 9.82 46.04 12.92 6.68 1.31 12.3-1.6 16.24-7.21 1.71 7.01 5.71 11.75 12.17 13.41 14.27 3.67 28.56 6.41 43.19 8.06 6.62.75 12.1-2.63 15.32-8.28 2.17 7.15 6.84 11.33 13.74 12.57 14.13 2.55 28.37 3.84 42.7 3.97 6.1.05 10.69-3.11 14.03-8.98 2.83 5.85 7.33 10.16 14.23 10.77 11.98 1.06 23.86 1.15 35.73.19 6.46-.52 11.39-4.06 14.22-10.39 2.71 4.56 7.13 7.39 12.59 7.37 14.99-.06 29.56-3.16 43.78-7.66l24.62 38.65c11.75 18.45 24.41 35.3 38.93 52.45-10.17 6.16-21.48 9.91-33.23 12-4.18.74-7.4-1.49-9.97-4.61l-9.48-20.27c-.58-1.24-2.99-2.87-4.27-2.7-1.74.24-3.29 2.87-2.94 4.73l3.72 19.86c.97 5.16-2.89 9.31-7.63 10.47-11.7 2.87-23.24 4.63-35.3 5.69-4.72.42-9.11-2.29-10.48-6.74l-6.59-21.55c-.47-1.54-2.91-3.19-4.64-2.98-1.37.17-2.73 2.7-2.65 4.37l.85 19.19zm1.76 226.55c-4.71 5-13.79 3.95-19.59 3.61-9.87-14.08-19.28-26.5-32.2-36.92-22.32-17.99-50.69-26.58-78.63-20.68-27.97 5.9-48.56 26.93-52.74 55.79l-19.36-2.96c-3.14-.48-6.5-4.38-6.62-7.59l-.75-19.44c-.08-2.14-1.1-4.2-3.11-4.54-1.88-.31-3.78 1.39-4.36 3.38l-5.19 17.64c-1.55 5.27-6.91 7.55-12.19 6.79-14.31-2.04-28.12-5.25-41.59-9.93-7.01-2.42-9.83-7.74-10.53-14.93-2.57-26.3-1.14-52.41 1.55-79.39 21.7 6.82 43.23 11.88 65.58 13.36 7.93.53 14.56-2.79 18.71-9.99 1.36 5.86 5.71 10.78 12.12 12.13 15.71 3.33 31.63 5.05 47.61 4.87 7.56-.08 13.23-4.28 16.91-11.51 2.28 6.5 6.81 11.29 14.07 12.24 15.53 2.03 31.15 2.2 46.67 1.04 7.42-.56 12.45-4.81 15.61-12.01 2.35 6.54 7.5 10.61 14.48 11.02 15.52.91 30.98-.24 46.29-2.55 7.55-1.14 12.53-6.33 14.92-13.8 2.67 6.42 8.98 10.3 16.37 9.98 15.74-.69 31.32-3.61 46.49-7.74 7.02-1.91 11.39-6.95 13.16-13.97 4.53 5.63 10.3 8.25 16.99 7.43 14.63-1.8 28.99-5.41 42.62-10.82 6.46-2.56 10.44-7.51 11.41-15.16 6.55 5.92 14.04 7.32 21.61 3.94 22.64-9.31 41.05-29.94 41.97-55.52 18.72 6.9 37.16 10.28 56.39 10.28 6.11 0 10.73-3.78 14.43-8.2 1.05 7.35 5.98 11.38 12.79 12.02 9.88.94 19.8.88 29.61-.13 6.13-.62 10.73-4.59 13.02-9.89 2.66 4.87 6.83 8.59 12.16 8l14.44-1.6c.98 20.07.7 39.94-1.7 59.95-.78 6.48-4.43 11.08-10.63 13.16-6.59 2.21-15.5 7.47-22.43 4.54-6.93-3.75-5.37-17.29-9.33-21.61-.81-.88-4.11-.73-4.66.33-2.71 5.22 1.71 21.2-5.55 26.47-9.13 6.63-21.5 7.34-32.29 9.73-4.44.99-8.74-1.64-9.98-5.78l-5.06-16.91c-.38-1.28-2.87-2.65-4.08-2.47-1.76.27-2.99 2.64-3 4.55l-.1 14.58c-.08 12.9-20.31 15.62-35.23 17.66-4.59.63-9.13-1.09-11.07-5.46l-7.75-17.48c-.56-1.26-3.5-2.45-4.74-1.95s-2.57 3.27-2.26 4.74l4.09 19.31c1.51 7.12-2.02 13.51-7.56 17.75-10.75 8.25-22.21 14.78-34.91 19.63-3.44 1.32-7.92.18-9.47-3.21l-7.38-16.12c-.77-1.68-2.67-3.03-4.76-2.75-1.65.22-2.89 2.97-2.67 5.01l1.88 17.17c.63 5.78-3.27 10.64-8.43 12.79-14.58 6.08-29.43 10.24-45.15 12.6-4.11.62-8.7-1.43-9.92-5.25l-6.02-18.78c-.59-1.84-2.7-3.42-4.89-3.08-1.46.23-2.6 2.7-2.61 4.63l-.12 17.75c-.03 4.78-4.05 8.86-8.73 9.91-15.88 3.58-31.69 5.66-48.05 6.24-4.62.16-8.93-2.51-9.69-7.05l-3.21-19.1c-.3-1.78-2.31-4.09-3.89-4.05-7.62.17-1.18 19.19-9.75 28.29z"/><path class="cls-13" d="M384.7 186.59c-15.97-3.92-.82-36.34-8.12-38.4-9.33-2.63-6.38 35.31-23.98 31.4-14.19-3.15-27.79-7.11-41.6-11.92-4.57-1.59-7.26-6.59-6.19-11.31l4.79-21.11c.46-2.05-.46-4.38-2.35-4.79s-3.74.91-4.68 2.7L292 153.33c-2.46 4.69-7.7 6.32-12.68 4.74-15.18-4.83-29.67-10.2-44.13-16.83-14.49-6.65 6.93-32.57 1.05-36.45-1.36-.9-4.42-.17-5.4 1.31l-13.28 19.99c-2.88 4.34-8.08 5.93-12.92 4.06-13.74-5.3-26.69-10.95-39.76-17.61-14.9-7.59 10.32-28.62 1.9-32.34-1.23-.54-3.62.52-4.78 1.79l-13.24 14.48c-9.28 8.31-20.93-3.42-33.22-11.41 62.85-58.09 143.2-79.25 227.63-68.93 87.23 12.84 168.97 45.24 230.15 110.09 19.84 21.02 36.26 43.78 52.36 68.44-12.76 4.26-25.01 6.13-37.99 6.57-3.76.13-6.43-3.36-8.28-6.31l-6.92-22.98c-.47-1.55-2.47-3.18-3.93-3.17-1.73 0-3.34 2.41-3.14 4.16l2.32 20.25c.43 3.74-1.78 9.98-5.88 10.63-12.08 1.9-23.85 1.36-36.06.36-15.5-1.27-8.14-37.32-16.54-37.6-1.64-.05-3.42 1.96-3.54 3.94l-1.5 23.66c-.31 4.9-4.69 8.42-9.45 8.25-12.94-.46-25.42-1.66-38.23-3.65-17.45-2.72-5.2-36.47-12.6-38.61-1.25-.36-4.06 1.14-4.34 2.42l-5.24 24.26c-1.14 5.3-6.01 7.8-11.12 7.07-13.16-1.87-25.71-4.15-38.54-7.3z"/><path class="cls-5" d="M201.64 386.41l1.26 4.27c1.7 91.66 23.59 180.85 64 263.11l.83 4.37c-20.98-8.2-41.49-17.79-60.73-29.5-3.07-2.39-5.21-5.24-7.36-8.36-14.71-21.34-28.27-51.18-38.23-75.3-11.69-28.3-20.92-57.63-26.95-87.66-3.89-19.34-7.86-42.47-7.8-62.08 0-2.57.73-5.05 1.58-7.46 24.37 4.13 49.28 3.96 73.39-1.38z"/><path class="cls-13" d="M701.92 616.19c13.99-2.01 26.99-6.14 39.78-11.03 6.25-2.39 10.56-6.68 12.77-13.92 4.53 5.25 10.61 7.02 17.27 5.31 13.72-3.52 26.67-9.07 38.98-16.06 6.69-3.8 11.08-9.22 12.14-17.26 4.05 4.5 9.77 6 15.65 4.47 15.16-3.94 29.68-10.1 42.84-18.49 5.66-3.61 8.89-8.64 10.26-15.59 3.43 4.56 8.34 4.68 14.05 4.96-28.07 49.63-68.33 89.89-117.47 117.2-33.48 18.33-69.15 30.47-107.75 37.27 7.38-27.09-13.1-45.48-34.18-63.02l26.64-6.63c6.91-1.72 11.49-6.56 14.09-13.71 3.42 4.86 8.65 7.39 14.93 6.49z"/><path class="cls-2" d="M566.89 701.21c-.59-1.43-2.95-3.07-4.3-2.84-1.76.29-2.95 2.7-2.84 4.62l.71 12.88c.38 6.86-5.62 10.73-12.19 10.94-31.07.99-74.94-31.61-98.58-55.38 17.47.35 40.96 4.25 46.45-13.16 3.74 5.43 9.42 8.67 16.32 8.07 13.89-1.22 27.56-4.91 40.07-10.88 6.52-3.11 10.06-8.58 10.51-16.06 13.85 14.01 39.85-6.64 51.36-20.6l24.85 18.17c10.92 7.98 20.45 16.8 28.17 27.75 4.57 8.55 8.69 19.26 1.95 27.85-6.2 7.91-19.64 13.86-29.52 12.65-10.58-3.52-13.63-21.25-19.06-20.41-2.13.33-3.44 2.99-2.94 4.9l3.63 13.92c1.41 5.39-2.16 10.4-7.16 12.09-12.86 4.37-36.88 10.8-41.16.52l-6.26-15.05z"/><path d="M495.17 636.43c-.68-1.57-3.91-2.7-5.18-1.7-4.53 3.57 3.7 17.91-4.71 25.51-14.47 5.83-31.6 3.82-46.41-.07-18.2-21.14-29.66-45.56-36.66-72.65 18 3.62 40.13 10.38 46.93-6.33 2.7 6.52 8.09 10.63 15.34 10.33 13.2-.55 26.06-3.35 38.31-8.06 6.12-2.35 9.71-7.18 10.58-14.47 10.79 12.71 28.61.19 42.16-9 14.36 20.25 31.73 37.63 51.64 53.23-8.25 11.57-32.3 29.32-39.83 19.23l-10.31-13.81c-.79-1.06-3.74-1.79-4.77-1.15s-1.67 3.41-1.34 4.66l3.84 14.55c3.41 12.92-27.47 19.26-41.69 21.07-4.4.56-9.17-1.21-10.92-5.24l-7-16.12z" fill="#dbd2f9"/><path class="cls-10" d="M890.28 351.03l1.71-19.85c.13-1.5-1.88-3.81-3.51-3.69-5.8.44-6.03 19.16-17.55 24.39-15.68 2.74-31.83-1.65-47.38-5.84 47.58-18.13 79.29-61.96 92.19-109.62 16.25 1.07 38.87 5.97 45.57-7.04 2.39 4.82 6.02 7.93 11.18 8.32 10.95.82 21.69.42 32.57-.71 5.01-.52 8.86-3.61 11.66-8.24 2.41 3.4 5.49 5.88 10.38 6.99-14.59 23.12-34.05 42.49-56.18 58.64-2.95 2.15-3.88 5.07-3.46 8.5l4.75 38.77c.24 1.99-.8 6.98-2.66 8.11-5.85 3.53-16.05 7.01-22.1 3.34-6.54-4.66-4.27-18.07-7.48-22.22-.69-.88-3.43-1.23-4.27-.5-4 3.51-.35 21.26-8.12 24.58-10.05 4.3-21.83 1.97-32.64 1.66-1.64-.05-4.82-3.75-4.66-5.59z"/><path class="cls-5" d="M120.51 386.48l1.37 3.7c4.26 80.48 30.33 156.62 70.29 226.16l.8 3.77c-28.02-18.24-55.3-39.25-76.88-63.64-14.44-20.26-24.23-44.58-32.87-67.94-13.39-36.2-23.86-76.53-25.98-115.14-.06-1.06.17-2.15.42-3.25s.65-2.2 1.08-3.28c19.86 8.79 40.36 15.97 61.77 19.6z"/><path class="cls-13" d="M1019.38 145.53c-.12 4.08-3.75 7.24-7.18 7.58l-28.59 2.78c-2.88.28-6.48-2.48-7-5.29l-2.96-16.2c-.24-1.34-2.16-3.44-3.46-3.45-2.17-.02-3.44 2.02-3.73 4.16l-2.07 15.42c-.37 2.73-3.62 6.67-6.52 6.98-12.66 1.33-24.67 1.33-37.37.17-4.04-12.48-1.98-23.87 5.99-33.97 10.17-12.88 22.55-22.98 37.36-30.87 28.22-15.03 59.42-24.12 91.36-26.5 6.17-.46 13.89.02 17.75 5.09 7.51 9.86 11.24 23.96 8.64 36.16-1.15 2.68-5.19 4.62-4.65 8.32l2.97 20.37c.64 4.41-3.04 8.15-7.14 8.76l-32.11 4.75c-3.58.53-7.61-2.24-8.59-5.53l-5.08-17.01c-.51-1.71-2.5-3.39-4.39-3.11-1.36.2-2.68 2.67-2.73 4.3l-.49 17.09zm-211.01 8.27l-1.97-16.02c-.24-1.94-1.47-4.03-3.25-4.18-1.99-.17-3.7 1.85-4.02 3.74l-2.5 14.76c-.48 2.83-4.01 6.34-6.95 6.05l-25.67-2.56c-10.6-1.06-9.12-20.73-7.72-33.72.85-7.9-10.01-4.33-9.64-14.06.47-12.33 5.49-32.04 16.84-31.48C804.7 78.37 870.51 91.48 895.27 125c7 9.47 11.65 20.22 9.86 32.31-13.1 2.16-25.99 2.66-38.94 1.54-6.73-8.95-5.14-21.26-9.56-24.33-.97-.67-4.28.52-4.37 1.78l-1.24 16.32c-.35 4.61-4.01 7.84-8.23 7.75l-27.46-.62c-2.75-.06-6.6-3.05-6.96-5.94z"/><path class="cls-2" d="M505.56 565.57c2.23 12.4-26.17 16.3-40.14 17.44-4.56.37-8.48-2.37-9.54-6.63l-4.35-17.46c-.43-1.71-2.16-3.74-3.64-3.68-2.4.11-3.59 2.27-3.86 4.63l-1.78 15.91c-1.44 12.84-27.07 6.69-41.85 2.1-2.71-12.66-2.79-24.93-.86-37.54 4.16-27.2 25.49-46.17 52.93-49.04 27.31-2.86 53.19 8.73 72.5 28.55 9.81 10.06 17.39 21.24 25.51 33.13-9.93 7.08-24.46 16.99-31.28 10.62l-9.57-16.22c-.89-1.5-3.34-2.91-4.94-2.31-1.32.5-2.23 3.31-1.95 4.89l2.81 15.6zm306.14-332.1c-7.69 5.87-17.2.08-21.68-6.97-11.9-18.71-19.1-39.38-21.98-61.62l21.51 1.72c5.67.45 10.24-2.78 12.6-7.68 2.05 5.13 5.82 8.89 11.23 9.01l30.79.67c5.89.13 10.47-3.31 13.19-8.72 2.03 4.11 5.91 7.65 10.76 7.84 13.19.53 25.98-.25 38.89-1.95 2.12 21.65 2.27 42.6-2.61 63.91-6.91 1.25-15.39 4-21.96 1.16-5.72-2.48-5.68-11.42-7.72-16.22l-1.82-4.27c-.48-1.13-4.41-.76-4.93.36-2.7 5.76 2.68 17.78-4.9 23.1-10.2 3.33-23.24 3.77-33.87 1.95-7-4.89-4.59-16.63-8.01-22.13-.58-.93-3.79-1.06-4.43-.17-3.27 4.53-.11 16.23-5.07 20.02zm147.65-28.13l-4.05 17.79c-2.13 9.35-24.3 6.04-37.47 4.73 4-20.97 4.35-40.85 2.94-61.34 13.02.97 25.68 1.01 38.45-.46 5.09-.58 8.76-4.13 11.46-8.66 2.33 4.04 6.57 7.74 11.66 7.24l32.02-3.16c5.54-.55 9.47-4.51 12.06-9.94 2.95 4.23 7.43 7.77 12.98 7.06l31.25-3.96c-3.54 23.99-10.22 47.04-24.75 66.6-3.88 5.22-15.91 8.04-20.56 3.95-6.31-5.55-3-23.68-9.8-22.34-6.34 1.25-.29 20.74-8.71 24.09-10.55 4.2-22.64 2.22-33.81 2.02-2.68-.05-5.51-4.37-5.65-6.59l-1.08-16.59c-.09-1.38-1.96-3.35-3.12-3.52-1.27-.19-3.5 1.67-3.82 3.08z"/><path d="M358.71 598.36l-2.14 16.53c-.49 3.79-4.6 6.92-8.6 6.37-9.61-1.32-19.38-3.31-27.97-8.02-14.18-7.77-21.4-60.53-21.47-80.69 14.04 4.09 27.06 7.18 40.86 8.62 7.41.77 13.56-2.12 17.78-8.84 1.14 5.94 4.71 10.92 10.65 11.97l21.29 3.75c-1.61 28.12 5.78 54.69 17.81 80.63-15.09-.72-34.01.12-37.55-11.61l-3.4-18.89c-.31-1.7-1.96-3.42-3.74-3.54-1.35-.1-3.28 2.04-3.5 3.73z" fill="#dbd1f8"/><circle class="cls-7" cx="349.66" cy="304.43" r="54.56"/><path d="M466.53 699.79c-26.82-.67-81.82-6.44-98.41-20.82-16.18-14.02-28.13-31.77-36.69-51.62l16.43 2.49c6.06.92 11.23-2.5 14.45-8.11 4.83 16.21 30.58 15 49.14 15.57 8.99 16.36 20.01 31.29 34.08 43.81l21 18.69z" fill="#9878f0"/><path d="M51.03 363.04c.97 2.02 1.91 4.13 2.15 6.38 2.72 25.7 5.26 48.22 11.68 73.51 7.36 29 17.63 57.2 29.52 84.61l.8 6.45C50.05 478.5 17.96 413.32 16.2 340.03c11.43 9.39 22.59 16.91 34.83 23.01z" fill="#dbd2f8"/><path class="cls-10" d="M811.69 244.31c3.15-2.12 5.37-4.01 7.94-6.87 2.23 4.25 6.72 7.31 11.77 7.49 10.85.4 21.45-.16 32.06-2.01 4.64-.81 7.75-4.72 9.66-9.02 2.74 3.64 6.25 5.69 10.94 6.7l18.03-1.51c-6.52 22.29-17.12 42.52-32.72 60.22-22.12-15.17-41.08-33.43-57.68-55z"/><path class="cls-2" d="M208.63 384.87c-.03 94.63 25.06 194.28 69.83 277.33l-10.73-4.03c-43.19-83.6-66.27-177.44-66.09-271.75l6.99-1.55zm-80.38 2.92c2.57 86.02 33.33 168.74 78.76 240.87l-14.04-8.54c-42.12-70.01-70.01-149.83-72.46-233.63l7.74 1.31zm-69.51-20.91c3.11 64.98 26.3 131.93 57.35 189.6l-20.91-22.5C71.95 481.96 52.99 422.4 51.03 363.04l7.71 3.84z"/><path d="M743.12 507.47c3.33 3.76 9.97 5.64 15.72 3.46 16.91-6.4 48.35-21.85 48.62-39.63 9.37 6.86 31.24.53 44.19-3.81 5.3-1.78 8.5-5.81 11.14-11.4 3.22 4.53 8.05 7.54 13.76 6.91 11.91-1.31 23.59-4 34.7-8.36 5.04-1.98 8.04-6.56 9.9-11.33 7.04 9.66 17.12 5.2 28.9 2.39-5.96 26.34-14.8 50.38-27.26 73.54-6.02 6.26-14.61 10.34-23.15 10.3-8.35-6.42-5.74-19.9-11.33-20.61-1.88-.24-3.88 2.05-3.88 3.9v15.32c0 6.4-4.02 11.56-9.29 14.7-12.03 7.18-24.6 12.62-38.11 16.41-4.15 1.16-8.67-.57-10.35-4.51l-5.64-13.25c-.59-1.38-2.83-3.02-4.34-2.87-1.94.19-2.94 2.89-2.82 5.08l.9 16.54c.32 5.79-3.84 10.14-8.68 12.85-11.62 6.49-23.68 11.36-36.54 15.14-3.95 1.16-8.56-.74-9.96-4.55l-5.03-13.71c-.62-1.68-2.52-3.32-4.39-3.09-1.37.17-2.67 2.69-2.69 4.3l-.13 14.83c-.05 5.31-4.09 9.4-8.99 11.28-11.98 4.6-24.08 8-36.82 10.48-4.09.79-8.35-1.81-9.46-5.57l-3.81-12.95c-.65-2.21-2.33-4.28-4.48-3.92-6.4 1.08.58 21.58-8.98 27.19-11.83 6.95-26.32 7.75-39.56 10.02l-18.66-14.07c-21.77-16.41-40.5-35.45-56.07-58.11l9.14-1.36c6.58-.98 11.47-4.86 14.05-11.57 1.99 6 7.29 10.35 14.19 10.41 17.93.15 35.59-2.53 53.05-6.58 6.7-1.55 11.28-6.67 12.91-13.43 3.2 5.76 8.99 9.56 16.16 8.76 17.17-1.91 33.73-6.8 49.64-13.56 6.25-2.66 10.63-8.08 11.87-14.41l.21-1.09.19-1.39 1.19 1.34z" fill="#dcd2f9"/><path d="M282.25 47.16c4.76 21.78-70.57 40.16-75.6 19.2-4.96-20.67 71.2-39.31 75.6-19.2z" fill="#e8e1fb"/><circle cx="349.76" cy="304.17" r="33.66" fill="#230759"/><circle class="cls-7" cx="340.61" cy="291.98" r="10.28"/></g></svg>
\ No newline at end of file
diff --git a/plugins/woocommerce/changelog/add-order-milestone-easter-egg b/plugins/woocommerce/changelog/add-order-milestone-easter-egg
new file mode 100644
index 00000000000..92177b9bd3b
--- /dev/null
+++ b/plugins/woocommerce/changelog/add-order-milestone-easter-egg
@@ -0,0 +1,4 @@
+Significance: minor
+Type: add
+
+Add an order milestone celebration for the 1st, 100th, and 1000th paid orders.
diff --git a/plugins/woocommerce/client/admin/client/wp-admin-scripts/order-milestone-easter-egg/index.js b/plugins/woocommerce/client/admin/client/wp-admin-scripts/order-milestone-easter-egg/index.js
new file mode 100644
index 00000000000..00003212a03
--- /dev/null
+++ b/plugins/woocommerce/client/admin/client/wp-admin-scripts/order-milestone-easter-egg/index.js
@@ -0,0 +1,1496 @@
+/* global wcOrderMilestoneEgg, Path2D, requestAnimationFrame, cancelAnimationFrame, navigator, history */
+( function () {
+ 'use strict';
+
+ /* eslint-disable no-var */
+ var _cfg =
+ typeof wcOrderMilestoneEgg !== 'undefined' ? wcOrderMilestoneEgg : {};
+ var milestones = _cfg.milestones || {};
+ var SVG_DATA = _cfg.svgData || {};
+ var ALL_MILESTONES = _cfg.allMilestones || {};
+ var LABELS = _cfg.labels || {};
+ var DISMISS = _cfg.dismiss || null;
+ var shown = {};
+ var reducedMotion = !! (
+ window.matchMedia &&
+ window.matchMedia( '(prefers-reduced-motion: reduce)' ).matches
+ );
+
+ /* -- Variant definitions ------------------------------------------------ */
+ var VARIANTS = {
+ llama: {
+ vbW: 789.58,
+ vbH: 979.2,
+ headTopFrac: 0.32,
+ classes: [
+ '.cls-1',
+ '.cls-3',
+ '.cls-4',
+ '.cls-5',
+ '.cls-6',
+ '.cls-7',
+ '.cls-8',
+ ],
+ attachX: 415,
+ attachY: 275,
+ },
+ octo: {
+ vbW: 910.68,
+ vbH: 914.05,
+ headTopFrac: 0.3,
+ classes: [
+ '.cls-1',
+ '.cls-2',
+ '.cls-3',
+ '.cls-4',
+ '.cls-5',
+ '.cls-6',
+ ],
+ boomOffsetX: 5,
+ boomOffsetY: 25,
+ stringOffsetX: 0,
+ },
+ whale: {
+ vbW: 1092.3,
+ vbH: 736.32,
+ headTopFrac: 0.5,
+ classes: [
+ '.cls-1',
+ '.cls-2',
+ '.cls-3',
+ '.cls-4',
+ '.cls-5',
+ '.cls-6',
+ '.cls-7',
+ '.cls-8',
+ '.cls-9',
+ '.cls-10',
+ '.cls-11',
+ '.cls-12',
+ '.cls-13',
+ '.cls-14',
+ ],
+ scale: 2.475,
+ boomOffsetX: -5,
+ boomOffsetY: 70,
+ maxSwing: 0.4,
+ },
+ };
+
+ var DEFAULTS = {
+ headline: 'You got your very first order!',
+ body: 'Your store is officially in business, and\nthis is just the beginning.',
+ cta: "Let's go!",
+ variant: 'llama',
+ gravity: 0.0028,
+ damp: 0.985,
+ hit: 0.0004,
+ sway: 1.0,
+ cfOn: true,
+ cfPile: true,
+ cfShape: 'all',
+ cfCount: 22,
+ cfSize: 1.0,
+ };
+
+ /* -- Module-level state (reset per showOverlay call) -------------------- */
+ var settings;
+ var active, COLOR_LAYERS, HEAD_TOP_LAYER;
+ var _contentBB = { topY: 0, centerY: 0, centerX: 0 };
+ var ALL_SHAPES = [],
+ activeShapes = [];
+ var mainAngle = 0,
+ mainOmega = 0,
+ dropped = false;
+ var mx = 0,
+ my = 0,
+ lastMx = 0,
+ mouseVx = 0,
+ mActive = false;
+ var stickAngle = 25,
+ stickAngleVel = 0;
+ var _pinataCenterX = 0,
+ _pinataCenterY = 0,
+ _pinataR = 0,
+ _shiftX = 0;
+ var COLUMN_W = 2,
+ columns = [];
+ var live = [],
+ settled = [],
+ SETTLED_CAP = 1200;
+ var bgCV, bgCtx, cfCV, cfCtx, stick;
+ var overlayEl,
+ svgDefsEl,
+ closeOverlay,
+ rafId = null;
+ var fallingPieces = [],
+ protectedEls;
+ var eyeEls = [],
+ eyeElsSet,
+ blinkTimer = null;
+ var blinkScaleY = 1;
+ var highlightEls = [];
+ var eyeGroups = [];
+ var currentMilestone = null;
+ var pinataEl = null;
+ var squishAmp = 0,
+ squishVel = 0,
+ squishAngle = 0;
+ var _previousFocus = null;
+
+ /* -- Layout helpers ----------------------------------------------------- */
+ function pinataPxWidth() {
+ var w = Math.min( window.innerWidth * 0.21, 266 );
+ return Math.max( 154, w ) * ( active.scale || 1.0 ) * 0.9;
+ }
+
+ function applyLayout() {
+ var w = pinataPxWidth();
+ var sc = w / active.vbW;
+ var attachX =
+ active.attachX !== null && active.attachX !== undefined
+ ? active.attachX
+ : _contentBB.centerX;
+
+ _shiftX = active.shiftX || 0;
+ var cont = document.getElementById( 'egg-pinata-container' );
+ cont.style.width = w + 'px';
+ cont.style.height = ( w * active.vbH ) / active.vbW + 'px';
+ cont.style.transform =
+ 'translateX(' + ( w / 2 - attachX * sc + _shiftX ) + 'px)';
+
+ var topOfContainer =
+ window.innerHeight / 2 - 60 - _contentBB.centerY * sc;
+ _pinataCenterX = ( _contentBB.centerX - attachX ) * sc + _shiftX;
+ _pinataCenterY = window.innerHeight / 2 - 60;
+ _pinataR = w * 0.42;
+
+ document.getElementById( 'egg-rope' ).style.height =
+ Math.max( 0, topOfContainer ) + 'px';
+ var copy = overlayEl.querySelector( '.egg-copy' );
+ copy.style.top = Math.round( window.innerHeight * 0.7 ) + 'px';
+ }
+
+ function pinataCentre() {
+ var sa = Math.sin( mainAngle ),
+ ca = Math.cos( mainAngle );
+ return {
+ x:
+ window.innerWidth / 2 +
+ _pinataCenterX * ca -
+ _pinataCenterY * sa,
+ y:
+ ( dropped ? 0 : -window.innerHeight * 1.2 ) +
+ _pinataCenterX * sa +
+ _pinataCenterY * ca,
+ r: _pinataR,
+ };
+ }
+
+ /* -- Load pinata -------------------------------------------------------- */
+ async function loadPinata( variantKey ) {
+ if ( ! VARIANTS[ variantKey ] ) return;
+
+ var svgText = SVG_DATA[ variantKey ];
+ if ( ! svgText ) return;
+
+ active = VARIANTS[ variantKey ];
+ var v = active;
+ var cont = document.getElementById( 'egg-pinata-container' );
+ HEAD_TOP_LAYER.els = [];
+ HEAD_TOP_LAYER.val = 0;
+ HEAD_TOP_LAYER.vel = 0;
+
+ cont.innerHTML = svgText;
+
+ var svg = cont.querySelector( 'svg' );
+ pinataEl = svg;
+ var firstEl =
+ svg &&
+ svg.querySelector( 'path,circle,ellipse,polygon,rect,polyline' );
+ if ( firstEl ) protectedEls.add( firstEl );
+ svg.removeAttribute( 'width' );
+ svg.removeAttribute( 'height' );
+ svg.setAttribute( 'preserveAspectRatio', 'xMidYMid meet' );
+
+ _contentBB = { topY: 0, centerY: v.vbH / 2, centerX: v.vbW / 2 };
+ applyLayout();
+
+ var SPRING_PRESETS = [
+ { stiff: 0.024, damp: 0.84, velMult: 0.3 },
+ { stiff: 0.03, damp: 0.82, velMult: 0.22 },
+ { stiff: 0.027, damp: 0.83, velMult: 0.25 },
+ { stiff: 0.022, damp: 0.85, velMult: 0.32 },
+ { stiff: 0.02, damp: 0.86, velMult: 0.34 },
+ { stiff: 0.034, damp: 0.8, velMult: 0.18 },
+ { stiff: 0.026, damp: 0.83, velMult: 0.28 },
+ ];
+ COLOR_LAYERS = v.classes.map( function ( sel, i ) {
+ var p = SPRING_PRESETS[ i % SPRING_PRESETS.length ];
+ return {
+ sel,
+ stiff: p.stiff,
+ damp: p.damp,
+ velMult: p.velMult,
+ els: [].slice.call( svg.querySelectorAll( sel ) ),
+ val: 0,
+ vel: 0,
+ };
+ } );
+
+ await new Promise( function ( r ) {
+ requestAnimationFrame( r );
+ } );
+ await new Promise( function ( r ) {
+ requestAnimationFrame( r );
+ } );
+
+ var minX = Infinity,
+ minY = Infinity,
+ maxX = -Infinity,
+ maxY = -Infinity;
+ [].slice
+ .call(
+ svg.querySelectorAll(
+ 'path,circle,ellipse,polygon,rect,polyline'
+ )
+ )
+ .forEach( function ( el ) {
+ var bb;
+ try {
+ bb = el.getBBox();
+ } catch ( _ ) {
+ return;
+ }
+ if ( bb.width === 0 && bb.height === 0 ) return;
+ if ( bb.x < minX ) minX = bb.x;
+ if ( bb.y < minY ) minY = bb.y;
+ if ( bb.x + bb.width > maxX ) maxX = bb.x + bb.width;
+ if ( bb.y + bb.height > maxY ) maxY = bb.y + bb.height;
+ } );
+ if ( isFinite( minY ) ) {
+ _contentBB = {
+ topY: minY,
+ centerY: ( minY + maxY ) / 2,
+ centerX: ( minX + maxX ) / 2,
+ };
+ }
+ applyLayout();
+
+ var headThreshold = _contentBB.topY + ( maxY - minY ) * v.headTopFrac;
+ HEAD_TOP_LAYER.els = [];
+ COLOR_LAYERS.forEach( function ( layer ) {
+ layer.els = layer.els.filter( function ( el ) {
+ var bb;
+ try {
+ bb = el.getBBox();
+ } catch ( _ ) {
+ return true;
+ }
+ if ( bb.y + bb.height / 2 < headThreshold ) {
+ HEAD_TOP_LAYER.els.push( el );
+ return false;
+ }
+ return true;
+ } );
+ } );
+
+ // -- Detect eye circles (all groups of concentric circles in head area) --
+ eyeEls = [];
+ eyeElsSet = null;
+ eyeGroups = [];
+ var headCircles = [].slice
+ .call( svg.querySelectorAll( 'circle' ) )
+ .filter( function ( c ) {
+ var bb;
+ try {
+ bb = c.getBBox();
+ } catch ( _ ) {
+ return false;
+ }
+ return bb.y + bb.height / 2 < headThreshold;
+ } );
+ var posMap = {};
+ headCircles.forEach( function ( c ) {
+ var key =
+ Math.round( parseFloat( c.getAttribute( 'cx' ) ) / 15 ) +
+ ',' +
+ Math.round( parseFloat( c.getAttribute( 'cy' ) ) / 15 );
+ if ( ! posMap[ key ] ) posMap[ key ] = [];
+ posMap[ key ].push( c );
+ } );
+ Object.keys( posMap ).forEach( function ( k ) {
+ var group = posMap[ k ];
+ if ( group.length < 2 ) return;
+ var sumCx = 0,
+ sumCy = 0;
+ group.forEach( function ( c ) {
+ sumCx += parseFloat( c.getAttribute( 'cx' ) );
+ sumCy += parseFloat( c.getAttribute( 'cy' ) );
+ } );
+ var gCx = sumCx / group.length,
+ gCy = sumCy / group.length;
+ var pupil = group.reduce( function ( min, el ) {
+ return parseFloat( el.getAttribute( 'r' ) || '999' ) <
+ parseFloat( min.getAttribute( 'r' ) || '999' )
+ ? el
+ : min;
+ }, group[ 0 ] );
+ group.forEach( function ( el ) {
+ eyeEls.push( el );
+ protectedEls.add( el );
+ } );
+ eyeGroups.push( {
+ pupilEl: pupil,
+ pupilCx: parseFloat( pupil.getAttribute( 'cx' ) ),
+ pupilCy: parseFloat( pupil.getAttribute( 'cy' ) ),
+ eyeCx: gCx,
+ eyeCy: gCy,
+ } );
+ } );
+ if ( eyeGroups.length ) {
+ eyeElsSet = new Set( eyeEls );
+
+ [].slice
+ .call( svg.querySelectorAll( 'circle' ) )
+ .forEach( function ( c ) {
+ if ( eyeElsSet.has( c ) ) return;
+ var cx = parseFloat( c.getAttribute( 'cx' ) ),
+ cy = parseFloat( c.getAttribute( 'cy' ) );
+ var near = eyeGroups.some( function ( g ) {
+ return (
+ Math.sqrt(
+ ( cx - g.eyeCx ) * ( cx - g.eyeCx ) +
+ ( cy - g.eyeCy ) * ( cy - g.eyeCy )
+ ) < 100
+ );
+ } );
+ if ( ! near ) return;
+ protectedEls.add( c );
+ eyeEls.push( c );
+ eyeElsSet.add( c );
+ HEAD_TOP_LAYER.els = HEAD_TOP_LAYER.els.filter( function (
+ el
+ ) {
+ return el !== c;
+ } );
+ COLOR_LAYERS.forEach( function ( layer ) {
+ layer.els = layer.els.filter( function ( el ) {
+ return el !== c;
+ } );
+ } );
+ } );
+
+ HEAD_TOP_LAYER.els = HEAD_TOP_LAYER.els.filter( function ( el ) {
+ return ! eyeElsSet.has( el );
+ } );
+ COLOR_LAYERS.forEach( function ( layer ) {
+ layer.els = layer.els.filter( function ( el ) {
+ return ! eyeElsSet.has( el );
+ } );
+ } );
+
+ highlightEls = [];
+ [].slice
+ .call( svg.querySelectorAll( 'path' ) )
+ .forEach( function ( p ) {
+ var bb;
+ try {
+ bb = p.getBBox();
+ } catch ( _ ) {
+ return;
+ }
+ var cx = bb.x + bb.width / 2,
+ cy = bb.y + bb.height / 2;
+ var nearAnyEye = eyeGroups.some( function ( g ) {
+ return (
+ Math.sqrt(
+ ( cx - g.eyeCx ) * ( cx - g.eyeCx ) +
+ ( cy - g.eyeCy ) * ( cy - g.eyeCy )
+ ) < 40 &&
+ bb.width < 35 &&
+ bb.height < 35
+ );
+ } );
+ if ( nearAnyEye ) {
+ highlightEls.push( p );
+ protectedEls.add( p );
+ HEAD_TOP_LAYER.els = HEAD_TOP_LAYER.els.filter(
+ function ( el ) {
+ return el !== p;
+ }
+ );
+ COLOR_LAYERS.forEach( function ( layer ) {
+ layer.els = layer.els.filter( function ( el ) {
+ return el !== p;
+ } );
+ } );
+ }
+ } );
+ }
+
+ var existingBoom = svg.querySelector( '#egg-boom-text' );
+ if ( existingBoom ) existingBoom.remove();
+ var allClassEls = [];
+ v.classes.forEach( function ( sel ) {
+ allClassEls = allClassEls.concat(
+ [].slice.call( svg.querySelectorAll( sel ) )
+ );
+ } );
+ var svgAll = [].slice.call( svg.querySelectorAll( '*' ) );
+ var firstClassEl = null;
+ for ( var i = 0; i < svgAll.length; i++ ) {
+ if ( allClassEls.indexOf( svgAll[ i ] ) >= 0 ) {
+ firstClassEl = svgAll[ i ];
+ break;
+ }
+ }
+ var boomText = document.createElementNS(
+ 'http://www.w3.org/2000/svg',
+ 'text'
+ );
+ boomText.id = 'egg-boom-text';
+ var boomSc = pinataPxWidth() / active.vbW;
+ var boomOffX = active.boomOffsetX !== null ? active.boomOffsetX : 20;
+ var boomOffY = active.boomOffsetY !== null ? active.boomOffsetY : 40;
+ boomText.setAttribute(
+ 'x',
+ ( _contentBB.centerX + boomOffX / boomSc ).toFixed( 1 )
+ );
+ boomText.setAttribute(
+ 'y',
+ ( _contentBB.centerY + boomOffY / boomSc ).toFixed( 1 )
+ );
+ boomText.setAttribute( 'text-anchor', 'middle' );
+ boomText.setAttribute( 'dominant-baseline', 'middle' );
+ boomText.setAttribute( 'fill', '#ffffff' );
+ boomText.setAttribute(
+ 'font-size',
+ ( ( active.vbW * 0.08 ) / ( active.scale || 1.0 ) ).toFixed( 1 )
+ );
+ boomText.setAttribute( 'font-weight', '500' );
+ boomText.setAttribute(
+ 'font-family',
+ 'system-ui,-apple-system,"Segoe UI",Roboto,sans-serif'
+ );
+ boomText.textContent = settings.boomText || 'One down';
+ boomText.style.opacity = '0';
+ boomText.style.transition = 'opacity 0.6s ease';
+ if ( firstClassEl && firstClassEl.parentNode ) {
+ firstClassEl.parentNode.insertBefore(
+ boomText,
+ firstClassEl.nextSibling
+ );
+ } else {
+ svg.appendChild( boomText );
+ }
+
+ mainAngle = 0;
+ mainOmega = 0;
+ }
+
+ /* -- Init --------------------------------------------------------------- */
+ /* -- Blink -------------------------------------------------------------- */
+ function startBlink() {
+ if ( ! eyeGroups.length ) return;
+ blinkScaleY = 1;
+ function animTo( from, to, dur, done ) {
+ var t0 = Date.now();
+ ( function tick() {
+ var p = Math.min( 1, ( Date.now() - t0 ) / dur );
+ blinkScaleY = from + ( to - from ) * p;
+ if ( p < 1 ) requestAnimationFrame( tick );
+ else if ( done ) done();
+ } )();
+ }
+ function doBlink() {
+ animTo( 1, 0.05, 80, function () {
+ animTo( 0.05, 1, 150, function () {
+ blinkTimer = setTimeout(
+ doBlink,
+ 1500 + Math.random() * 2500
+ );
+ } );
+ } );
+ }
+ blinkTimer = setTimeout( doBlink, 1000 + Math.random() * 1500 );
+ }
+
+ function updatePupil() {
+ if ( ! eyeGroups.length || ! overlayEl || ! overlayEl.parentNode )
+ return;
+ var lastOx = 0,
+ lastOy = 0;
+ eyeGroups.forEach( function ( group ) {
+ var ctm;
+ try {
+ ctm = group.pupilEl.getScreenCTM();
+ } catch ( _ ) {
+ return;
+ }
+ if ( ! ctm ) return;
+ var scale = Math.sqrt( ctm.a * ctm.a + ctm.b * ctm.b );
+ var esx = ctm.a * group.pupilCx + ctm.c * group.pupilCy + ctm.e;
+ var esy = ctm.b * group.pupilCx + ctm.d * group.pupilCy + ctm.f;
+ var dx = mx - esx,
+ dy = my - esy;
+ var maxPx = 13 * scale;
+ var dist = Math.sqrt( dx * dx + dy * dy );
+ if ( dist > maxPx ) {
+ var ratio = maxPx / dist;
+ dx *= ratio;
+ dy *= ratio;
+ }
+ var ox = dx / scale,
+ oy = dy / scale;
+ lastOx = ox;
+ lastOy = oy;
+ var t =
+ 'translate(' +
+ ( group.pupilCx + ox ) +
+ ',' +
+ ( group.pupilCy + oy ) +
+ ') scale(1,' +
+ blinkScaleY.toFixed( 4 ) +
+ ') translate(' +
+ -group.pupilCx +
+ ',' +
+ -group.pupilCy +
+ ')';
+ group.pupilEl.setAttribute( 'transform', t );
+ } );
+ highlightEls.forEach( function ( el ) {
+ el.setAttribute(
+ 'transform',
+ 'translate(' + lastOx + ',' + lastOy + ')'
+ );
+ } );
+ }
+
+ /* -- Physics ------------------------------------------------------------ */
+ function update() {
+ if ( ! dropped ) return;
+
+ var proxTorque = 0;
+ if ( mActive ) {
+ var c = pinataCentre(),
+ dx = mx - c.x,
+ d = Math.hypot( dx, my - c.y ),
+ R = c.r * 2.69;
+ if ( d < R && d > 1 )
+ proxTorque = -( dx / d ) * Math.pow( 1 - d / R, 2 ) * 0.0006;
+ }
+
+ mainOmega =
+ ( mainOmega +
+ ( -settings.gravity * Math.sin( mainAngle ) + proxTorque ) ) *
+ settings.damp;
+ if ( mainOmega > 0.06 ) mainOmega = 0.06;
+ if ( mainOmega < -0.06 ) mainOmega = -0.06;
+ mainAngle += mainOmega;
+ var _maxSwing =
+ active && active.maxSwing !== null ? active.maxSwing : 0.9;
+ if ( mainAngle > _maxSwing ) {
+ mainAngle = _maxSwing;
+ mainOmega *= -0.4;
+ }
+ if ( mainAngle < -_maxSwing ) {
+ mainAngle = -_maxSwing;
+ mainOmega *= -0.4;
+ }
+
+ var pcx = _contentBB.centerX,
+ pcy = _contentBB.centerY;
+ COLOR_LAYERS.forEach( function ( layer ) {
+ if ( ! layer.els.length ) return;
+ var target =
+ -mainOmega *
+ layer.velMult *
+ settings.sway *
+ ( 180 / Math.PI ) *
+ 14;
+ layer.vel =
+ ( layer.vel + ( target - layer.val ) * layer.stiff ) *
+ layer.damp;
+ layer.val += layer.vel;
+ var t =
+ 'rotate(' +
+ layer.val.toFixed( 3 ) +
+ ' ' +
+ pcx +
+ ' ' +
+ pcy +
+ ')';
+ layer.els.forEach( function ( el ) {
+ el.setAttribute( 'transform', t );
+ } );
+ } );
+
+ if ( HEAD_TOP_LAYER.els.length ) {
+ var ht =
+ -mainOmega *
+ HEAD_TOP_LAYER.velMult *
+ settings.sway *
+ ( 180 / Math.PI ) *
+ 14;
+ HEAD_TOP_LAYER.vel =
+ ( HEAD_TOP_LAYER.vel +
+ ( ht - HEAD_TOP_LAYER.val ) * HEAD_TOP_LAYER.stiff ) *
+ HEAD_TOP_LAYER.damp;
+ HEAD_TOP_LAYER.val += HEAD_TOP_LAYER.vel;
+ var htT =
+ 'rotate(' +
+ HEAD_TOP_LAYER.val.toFixed( 3 ) +
+ ' ' +
+ pcx +
+ ' ' +
+ pcy +
+ ')';
+ HEAD_TOP_LAYER.els.forEach( function ( el ) {
+ el.setAttribute( 'transform', htT );
+ } );
+ }
+
+ squishVel = ( squishVel - squishAmp * 0.22 ) * 0.72;
+ squishAmp += squishVel;
+ if ( pinataEl ) {
+ var sdeg = ( ( squishAngle * 180 ) / Math.PI ).toFixed( 2 );
+ var sAlong = ( 1 - squishAmp * 0.042 ).toFixed( 4 );
+ var sPerp = ( 1 + squishAmp * 0.063 ).toFixed( 4 );
+ pinataEl.style.transform =
+ 'rotate(' +
+ sdeg +
+ 'deg) scaleX(' +
+ sAlong +
+ ') scaleY(' +
+ sPerp +
+ ') rotate(' +
+ ( ( -squishAngle * 180 ) / Math.PI ).toFixed( 2 ) +
+ 'deg)';
+ }
+ }
+
+ function applyRotation() {
+ document.getElementById( 'egg-pendulum' ).style.transform =
+ 'rotate(' + mainAngle + 'rad)';
+ }
+
+ /* -- Canvases ----------------------------------------------------------- */
+ function sizeCanvasHiDPI( canvas ) {
+ var dpr = window.devicePixelRatio || 1,
+ w = window.innerWidth,
+ h = window.innerHeight;
+ var tw = Math.round( w * dpr ),
+ th = Math.round( h * dpr );
+ if ( canvas.width !== tw || canvas.height !== th ) {
+ canvas.width = tw;
+ canvas.height = th;
+ }
+ return dpr;
+ }
+
+ function sizeConfetti() {
+ sizeCanvasHiDPI( cfCV );
+ }
+
+ /* -- Confetti ----------------------------------------------------------- */
+ async function loadConfettiShapes() {
+ var text = SVG_DATA.confetti;
+ if ( ! text ) return;
+ var tmp = document.createElement( 'div' );
+ tmp.style.cssText =
+ 'position:absolute;left:-9999px;top:-9999px;visibility:hidden';
+ tmp.innerHTML = text;
+ document.body.appendChild( tmp );
+ [].slice
+ .call( tmp.querySelectorAll( 'path' ) )
+ .forEach( function ( p ) {
+ var bb;
+ try {
+ bb = p.getBBox();
+ } catch ( _ ) {
+ return;
+ }
+ var d = p.getAttribute( 'd' ),
+ fill = p.getAttribute( 'fill' ) || '#7c5cf0';
+ if ( ! d || bb.width <= 0 || bb.height <= 0 ) return;
+ var aspect =
+ Math.max( bb.width, bb.height ) /
+ Math.max( 0.0001, Math.min( bb.width, bb.height ) );
+ var kind = 'misc';
+ if ( aspect < 1.15 ) {
+ kind = 'circle';
+ } else if ( aspect > 1.7 ) {
+ kind = 'line';
+ }
+ ALL_SHAPES.push( {
+ path2d: new Path2D( d ),
+ cx: bb.x + bb.width / 2,
+ cy: bb.y + bb.height / 2,
+ r: Math.max( bb.width, bb.height ) / 2,
+ color: fill,
+ kind,
+ } );
+ } );
+ document.body.removeChild( tmp );
+ }
+
+ function filterShapes() {
+ var k = settings.cfShape;
+ if ( k === 'circles' ) {
+ activeShapes = ALL_SHAPES.filter( function ( s ) {
+ return s.kind === 'circle';
+ } );
+ } else if ( k === 'lines' ) {
+ activeShapes = ALL_SHAPES.filter( function ( s ) {
+ return s.kind === 'line';
+ } );
+ } else {
+ activeShapes = ALL_SHAPES.slice();
+ }
+ if ( ! activeShapes.length ) activeShapes = ALL_SHAPES.slice();
+ }
+
+ function rebuildColumns() {
+ columns = new Array(
+ Math.ceil( window.innerWidth / COLUMN_W ) + 4
+ ).fill( window.innerHeight );
+ }
+
+ function colOf( x ) {
+ return Math.max(
+ 0,
+ Math.min( columns.length - 1, Math.floor( x / COLUMN_W ) )
+ );
+ }
+
+ function spawnBurst( x, y, count, opts ) {
+ if ( ! settings.cfOn || ! activeShapes.length ) return;
+ count = count || settings.cfCount;
+ var upBias = ( opts && opts.upBias ) || 2.5;
+ for ( var i = 0; i < count; i++ ) {
+ var ang = Math.random() * Math.PI * 2,
+ speed = 5 + Math.random() * 8;
+ var tpl =
+ activeShapes[
+ Math.floor( Math.random() * activeShapes.length )
+ ];
+ var scale =
+ ( 6 / Math.max( 0.5, tpl.r ) ) *
+ ( 0.85 + Math.random() * 0.3 ) *
+ settings.cfSize;
+ live.push( {
+ x: x + ( Math.random() - 0.5 ) * 10,
+ y: y + ( Math.random() - 0.5 ) * 10,
+ vx: Math.cos( ang ) * speed,
+ vy: Math.sin( ang ) * speed - upBias,
+ rot: Math.random() * Math.PI * 2,
+ rotVel: ( Math.random() - 0.5 ) * 0.18,
+ scale,
+ tpl,
+ r: tpl.r * scale,
+ } );
+ }
+ }
+
+ function updateConfetti() {
+ var H = window.innerHeight;
+ for ( var i = live.length - 1; i >= 0; i-- ) {
+ var p = live[ i ];
+ p.vy += 0.36;
+ p.vx *= 0.992;
+ p.rotVel *= 0.992;
+ p.x += p.vx;
+ p.y += p.vy;
+ p.rot += p.rotVel;
+ if ( p.x < -p.r ) {
+ p.x = -p.r;
+ p.vx = -p.vx * 0.4;
+ }
+ if ( p.x > window.innerWidth + p.r ) {
+ p.x = window.innerWidth + p.r;
+ p.vx = -p.vx * 0.4;
+ }
+
+ if ( ! settings.cfPile ) {
+ if ( p.y - p.r > H + 50 ) live.splice( i, 1 );
+ continue;
+ }
+
+ var r = p.r,
+ r2 = r * 2,
+ cc = colOf( p.x ),
+ hc = Math.ceil( r / COLUMN_W ),
+ ftop = H;
+ for ( var dc = -hc; dc <= hc; dc++ ) {
+ var nc = cc + dc;
+ if ( nc >= 0 && nc < columns.length && columns[ nc ] < ftop )
+ ftop = columns[ nc ];
+ }
+
+ if ( p.y + r >= ftop ) {
+ var fc = cc,
+ fy = columns[ cc ],
+ rr = Math.max( 2, hc + 1 );
+ for ( var dc2 = -rr; dc2 <= rr; dc2++ ) {
+ if ( ! dc2 ) continue;
+ var nc2 = cc + dc2;
+ if (
+ nc2 >= 0 &&
+ nc2 < columns.length &&
+ columns[ nc2 ] > fy + 1
+ ) {
+ fc = nc2;
+ fy = columns[ nc2 ];
+ }
+ }
+ if ( fc !== cc )
+ p.x =
+ ( fc + 0.5 ) * COLUMN_W +
+ ( Math.random() - 0.5 ) * COLUMN_W;
+ p.y = fy - r;
+ p.rotVel = 0;
+ var sp = hc + 2;
+ for ( var dc3 = -sp; dc3 <= sp; dc3++ ) {
+ var nc3 = fc + dc3;
+ if ( nc3 < 0 || nc3 >= columns.length ) continue;
+ var dx3 = dc3 * COLUMN_W;
+ if ( Math.abs( dx3 ) > r2 ) continue;
+ var nt =
+ p.y +
+ r -
+ Math.sqrt( Math.max( 0, r2 * r2 - dx3 * dx3 ) );
+ if ( nt < columns[ nc3 ] ) columns[ nc3 ] = nt;
+ }
+ settled.push( p );
+ live.splice( i, 1 );
+ if ( settled.length > SETTLED_CAP ) settled.splice( 0, 60 );
+ } else if ( p.y - p.r > H + 50 ) {
+ live.splice( i, 1 );
+ }
+ }
+ }
+
+ function drawShapeList( arr ) {
+ for ( var i = 0; i < arr.length; i++ ) {
+ var p = arr[ i ],
+ tpl = p.tpl;
+ cfCtx.save();
+ cfCtx.translate( p.x, p.y );
+ cfCtx.rotate( p.rot );
+ cfCtx.scale( p.scale, p.scale );
+ cfCtx.translate( -tpl.cx, -tpl.cy );
+ cfCtx.fillStyle = tpl.color;
+ cfCtx.fill( tpl.path2d );
+ cfCtx.restore();
+ }
+ }
+
+ function drawFallingPieces() {
+ for ( var i = 0; i < fallingPieces.length; i++ ) {
+ var p = fallingPieces[ i ];
+ cfCtx.save();
+ cfCtx.translate( p.x, p.y );
+ cfCtx.rotate( p.rot );
+ cfCtx.scale( p.scale, p.scale );
+ cfCtx.translate( -p.svgCx, -p.svgCy );
+ cfCtx.fillStyle = p.fill;
+ cfCtx.fill( p.path2d );
+ cfCtx.restore();
+ }
+ }
+
+ function drawConfetti() {
+ var dpr = sizeCanvasHiDPI( cfCV );
+ cfCtx.setTransform( dpr, 0, 0, dpr, 0, 0 );
+ cfCtx.clearRect( 0, 0, window.innerWidth, window.innerHeight );
+ drawShapeList( settled );
+ drawShapeList( live );
+ drawFallingPieces();
+ }
+
+ function drawBg() {
+ var dpr = sizeCanvasHiDPI( bgCV );
+ bgCtx.setTransform( dpr, 0, 0, dpr, 0, 0 );
+ bgCtx.clearRect( 0, 0, window.innerWidth, window.innerHeight );
+ if ( ! dropped ) return;
+ var c = pinataCentre();
+ var strOff =
+ active && active.stringOffsetX !== null ? active.stringOffsetX : 10;
+ var topX = window.innerWidth / 2 + strOff,
+ topY = 0;
+ var botX = c.x + strOff,
+ botY = c.y;
+ var trail = mainOmega * 1200;
+ var cp1x = topX + ( botX - topX ) * 0.25 - trail * 0.2;
+ var cp1y = topY + ( botY - topY ) * 0.25;
+ var cp2x = topX + ( botX - topX ) * 0.75 - trail * 0.8;
+ var cp2y = topY + ( botY - topY ) * 0.75;
+ bgCtx.beginPath();
+ bgCtx.moveTo( topX, topY );
+ bgCtx.bezierCurveTo( cp1x, cp1y, cp2x, cp2y, botX, botY );
+ bgCtx.strokeStyle = '#330862';
+ bgCtx.lineWidth = 4;
+ bgCtx.lineCap = 'round';
+ bgCtx.stroke();
+ }
+
+ /* -- Falling pinata pieces ---------------------------------------------- */
+ function detachPiece() {
+ var allLayers = COLOR_LAYERS.filter( function ( l ) {
+ return l.els.length > 0;
+ } );
+ if ( HEAD_TOP_LAYER && HEAD_TOP_LAYER.els.length > 0 )
+ allLayers.push( HEAD_TOP_LAYER );
+
+ var eligible = [];
+ allLayers.forEach( function ( layer ) {
+ layer.els.forEach( function ( el ) {
+ if ( ! protectedEls.has( el ) ) eligible.push( { layer, el } );
+ } );
+ } );
+ if ( ! eligible.length ) return;
+
+ var pick = eligible[ Math.floor( Math.random() * eligible.length ) ];
+ var layer = pick.layer;
+ var el = pick.el;
+ var idx = layer.els.indexOf( el );
+
+ var d = el.getAttribute( 'd' );
+ var fill =
+ window.getComputedStyle( el ).fill ||
+ el.getAttribute( 'fill' ) ||
+ '#c084fc';
+ var bb, ctm;
+ try {
+ bb = el.getBBox();
+ } catch ( _ ) {
+ bb = null;
+ }
+ try {
+ ctm = el.getScreenCTM();
+ } catch ( _ ) {
+ ctm = null;
+ }
+
+ layer.els.splice( idx, 1 );
+ if ( el.parentNode ) el.parentNode.removeChild( el );
+
+ if ( ! d || ! bb || ! ctm || bb.width === 0 ) return;
+
+ var svgCx = bb.x + bb.width / 2;
+ var svgCy = bb.y + bb.height / 2;
+ var sx = ctm.a * svgCx + ctm.c * svgCy + ctm.e;
+ var sy = ctm.b * svgCx + ctm.d * svgCy + ctm.f;
+ var scale = Math.sqrt( ctm.a * ctm.a + ctm.b * ctm.b );
+
+ fallingPieces.push( {
+ path2d: new Path2D( d ),
+ fill,
+ svgCx,
+ svgCy,
+ x: sx,
+ y: sy,
+ vx: ( Math.random() - 0.5 ) * 9,
+ vy: -5 - Math.random() * 5,
+ rot: Math.atan2( ctm.b, ctm.a ),
+ rotVel: ( Math.random() - 0.5 ) * 0.14,
+ scale,
+ } );
+ }
+
+ function updateFallingPieces() {
+ for ( var i = fallingPieces.length - 1; i >= 0; i-- ) {
+ var p = fallingPieces[ i ];
+ p.vy += 0.5;
+ p.vx *= 0.992;
+ p.x += p.vx;
+ p.y += p.vy;
+ p.rot += p.rotVel;
+ if ( p.y > window.innerHeight + 300 ) fallingPieces.splice( i, 1 );
+ }
+ }
+
+ /* -- Cursor ------------------------------------------------------------- */
+ function updateCursor() {
+ if ( ! mActive ) return;
+ var rawVx = mx - lastMx;
+ mouseVx = mouseVx * 0.7 + rawVx * 0.3;
+ lastMx = mx;
+ var vel = Math.max( -35, Math.min( 35, mouseVx * 0.45 ) );
+ stickAngleVel =
+ ( stickAngleVel + ( 25 + vel - stickAngle ) * 0.1 ) * 0.82;
+ stickAngle += stickAngleVel;
+ stick.style.transform =
+ 'translate(' +
+ ( mx - 65 ) +
+ 'px,' +
+ ( my - 73 ) +
+ 'px) rotate(' +
+ stickAngle.toFixed( 2 ) +
+ 'deg)';
+ var near =
+ dropped &&
+ Math.hypot( mx - pinataCentre().x, my - pinataCentre().y ) <
+ pinataCentre().r * 1.68;
+ stick.style.opacity = near ? 1 : 0;
+ overlayEl.classList.toggle( 'near-pinata', near );
+ }
+
+ function swingStick() {
+ stickAngleVel -= 55;
+ }
+
+ /* -- Hits --------------------------------------------------------------- */
+ function tryHit( cx, cy ) {
+ if ( ! dropped ) return;
+ var c = pinataCentre();
+ if ( Math.hypot( cx - c.x, cy - c.y ) > c.r * 1.68 ) return;
+ mainOmega +=
+ ( c.x - cx ) * settings.hit +
+ ( Math.random() - 0.5 ) * settings.hit * 5;
+ COLOR_LAYERS.forEach( function ( l ) {
+ l.vel += ( Math.random() - 0.5 ) * 4.5;
+ } );
+ spawnBurst( cx, cy );
+ swingStick();
+ detachPiece();
+ squishAngle = Math.atan2( c.y - cy, c.x - cx );
+ squishVel += 0.9;
+ var boomEl = document.getElementById( 'egg-boom-text' );
+ if ( boomEl && boomEl.style.opacity === '0' )
+ boomEl.style.opacity = '1';
+ }
+
+ /* -- Main loop ---------------------------------------------------------- */
+ function loop() {
+ update();
+ applyRotation();
+ drawBg();
+ updateConfetti();
+ updateFallingPieces();
+ drawConfetti();
+ updateCursor();
+ updatePupil();
+ rafId = requestAnimationFrame( loop );
+ }
+
+ async function init() {
+ stick.innerHTML = SVG_DATA.stick || '';
+ ALL_SHAPES = [];
+ if ( ! reducedMotion ) await loadConfettiShapes();
+ filterShapes();
+ await loadPinata( settings.variant );
+ if ( ! reducedMotion ) startBlink();
+ dropped = true;
+ if ( reducedMotion ) {
+ applyRotation();
+ drawBg();
+ } else {
+ mainOmega = 0.022;
+ loop();
+ }
+ }
+
+ /* -- Named event handlers (for cleanup) --------------------------------- */
+ function onMouseMove( e ) {
+ mx = e.clientX;
+ my = e.clientY;
+ mActive = true;
+ }
+ function onMouseLeave() {
+ mActive = false;
+ }
+ function onMouseEnter() {
+ mActive = true;
+ }
+ function onResize() {
+ applyLayout();
+ sizeConfetti();
+ rebuildColumns();
+ settled.length = 0;
+ }
+
+ function onKeyDown( e ) {
+ if ( e.key === 'Escape' ) {
+ closeOverlay();
+ return;
+ }
+ if ( e.key === 'Tab' && overlayEl ) {
+ var focusable = [].slice.call(
+ overlayEl.querySelectorAll(
+ 'button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])'
+ )
+ );
+ if ( ! focusable.length ) return;
+ var first = focusable[ 0 ],
+ last = focusable[ focusable.length - 1 ];
+ var activeElement = overlayEl.ownerDocument.activeElement;
+ if ( e.shiftKey ) {
+ if ( activeElement === first ) {
+ e.preventDefault();
+ last.focus();
+ }
+ } else if ( activeElement === last ) {
+ e.preventDefault();
+ first.focus();
+ }
+ }
+ }
+
+ function onDocClick( e ) {
+ var t = e.target;
+ if ( ! t || ! t.closest ) {
+ tryHit( e.clientX, e.clientY );
+ return;
+ }
+ if ( t.closest( '#egg-close-btn' ) ) return;
+ if ( t.closest( '.egg-celebrate-btn' ) ) return;
+ if ( t.closest( '.egg-opt-out-btn' ) ) return;
+ tryHit( e.clientX, e.clientY );
+ }
+
+ /* -- Close -------------------------------------------------------------- */
+ closeOverlay = function () {
+ if ( currentMilestone && currentMilestone._orderId && DISMISS ) {
+ var fd = new FormData();
+ fd.append( 'action', 'wc_egg_dismiss' );
+ fd.append( 'nonce', DISMISS.nonce );
+ fd.append( 'order_id', currentMilestone._orderId );
+ if ( navigator.sendBeacon ) {
+ navigator.sendBeacon( DISMISS.url, fd );
+ } else {
+ fetch( DISMISS.url, { method: 'POST', body: fd } );
+ }
+ }
+ if ( blinkTimer ) {
+ clearTimeout( blinkTimer );
+ blinkTimer = null;
+ }
+ if ( rafId ) {
+ cancelAnimationFrame( rafId );
+ rafId = null;
+ }
+ document.removeEventListener( 'mousemove', onMouseMove );
+ document.removeEventListener( 'mouseleave', onMouseLeave );
+ document.removeEventListener( 'mouseenter', onMouseEnter );
+ document.removeEventListener( 'click', onDocClick );
+ document.removeEventListener( 'keydown', onKeyDown );
+ window.removeEventListener( 'resize', onResize );
+ if ( svgDefsEl && svgDefsEl.parentNode ) svgDefsEl.remove();
+ if ( overlayEl && overlayEl.parentNode ) overlayEl.remove();
+ var st = document.getElementById( 'woo-egg-style' );
+ if ( st ) st.remove();
+ if ( _previousFocus && typeof _previousFocus.focus === 'function' ) {
+ _previousFocus.focus();
+ }
+ };
+
+ /* -- Build overlay DOM -------------------------------------------------- */
+ function escHtml( s ) {
+ return String( s )
+ .replace( /&/g, '&' )
+ .replace( /</g, '<' )
+ .replace( />/g, '>' )
+ .replace( /"/g, '"' );
+ }
+
+ function buildOverlay( milestoneData ) {
+ var W = window.innerWidth,
+ H = window.innerHeight;
+
+ var clipId = 'woo-egg-clip-' + Date.now();
+ svgDefsEl = document.createElementNS(
+ 'http://www.w3.org/2000/svg',
+ 'svg'
+ );
+ svgDefsEl.setAttribute(
+ 'style',
+ 'position:fixed;width:0;height:0;overflow:hidden;'
+ );
+ svgDefsEl.setAttribute( 'aria-hidden', 'true' );
+ svgDefsEl.innerHTML =
+ '<defs><clipPath id="' +
+ clipId +
+ '" clipPathUnits="userSpaceOnUse">' +
+ '<path d="M307.663 146.15C359.341 75.0814 488.669 81.0479 596.526 159.476C704.382 237.904 749.924 359.096 698.247 430.164C651.519 494.425 541.305 495.701 440.882 437.375C449.291 461.059 449.707 484.793 440.392 505.903C429.177 531.317 405.648 548.879 375.294 557.678C396.625 569.611 410.777 587.78 412.436 609.027C415.632 649.967 371.235 686.824 313.274 691.349C255.312 695.874 205.734 666.353 202.537 625.413C200.224 595.777 222.849 568.282 257.506 553.641C246.771 550.423 235.976 546.454 225.237 541.715C133.082 501.051 79.9982 419.086 106.67 358.642C133.178 298.571 228.485 282.367 320.121 322.088C281.506 259.241 274.191 192.182 307.663 146.15Z"' +
+ ' transform="translate(' +
+ W / 2 +
+ ' ' +
+ H / 2 +
+ ') scale(0) translate(-391 -381)"/>' +
+ '</clipPath></defs>';
+ document.body.appendChild( svgDefsEl );
+ var wooblePath = svgDefsEl.querySelector( 'path' );
+
+ var style = document.createElement( 'style' );
+ style.id = 'woo-egg-style';
+ style.textContent =
+ '#woo-egg-overlay,#woo-egg-overlay *{box-sizing:border-box;margin:0;padding:0}' +
+ '#woo-egg-overlay{position:fixed;inset:0;background:#fff;z-index:999999;overflow:visible;cursor:default;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Oxygen-Sans",Ubuntu,Cantarell,"Helvetica Neue",sans-serif;color:#1e1e1e;clip-path:url(#' +
+ clipId +
+ ');--wp-components-color-accent:#3858e9;--wp-components-color-accent-darker-10:#2145e6;--wp-components-color-accent-darker-20:#183ad6;--wp-components-color-accent-inverted:#fff}' +
+ '#woo-egg-overlay .egg-celebrate-btn.components-button{padding:6px 12px;cursor:pointer}' +
+ '#woo-egg-overlay .egg-celebrate-btn.components-button:active:not(:disabled){background:var(--wp-components-color-accent-darker-20,#183ad6);color:var(--wp-components-color-accent-inverted,#fff)}' +
+ '#woo-egg-overlay .egg-opt-out-btn.components-button:active:not(:disabled){color:var(--wp-components-color-accent,#3858e9)}' +
+ '#woo-egg-overlay.near-pinata,#woo-egg-overlay.near-pinata .egg-celebrate-btn{cursor:none}' +
+ '#woo-egg-overlay.near-pinata *{user-select:none}' +
+ '#egg-scene{position:absolute;inset:0;overflow:visible}' +
+ '#egg-bg,#egg-confetti{position:absolute;inset:0;width:100%;height:100%}' +
+ '#egg-confetti{pointer-events:none;z-index:2}' +
+ '#egg-drop-wrapper{position:absolute;top:0;left:50%;transform:translate(-50%,0);will-change:transform;pointer-events:none;z-index:1;overflow:visible}' +
+ '#egg-pendulum{position:relative;transform-origin:top center;will-change:transform;pointer-events:auto;overflow:visible}' +
+ '#egg-rope{width:0;margin:0 auto}' +
+ '#egg-pinata-container{position:relative;margin:0 auto;pointer-events:auto;overflow:visible}' +
+ '#egg-pinata-container svg{display:block;width:100%;height:auto;pointer-events:auto;transform-origin:center center;overflow:visible}' +
+ '#woo-egg-overlay .egg-copy{position:fixed;left:50%;transform:translateX(-50%);text-align:center;pointer-events:auto;width:min(560px,calc(100vw - 32px));z-index:3}' +
+ '#woo-egg-overlay .egg-copy h1{font-size:clamp(20px,2.4vw,32px);font-weight:500;color:#1e1e1e;margin-bottom:24px;letter-spacing:0}' +
+ '#woo-egg-overlay .egg-copy p{font-size:15px;color:#707070;line-height:24px;margin-bottom:32px;max-width:100%;margin-left:auto;margin-right:auto;white-space:pre-line}' +
+ '#egg-cursor-stick{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;will-change:transform,opacity;transition:opacity 120ms ease;width:91px;height:91px;transform-origin:80% 90%;opacity:0}' +
+ '#egg-cursor-stick svg{width:100%;height:100%;display:block}' +
+ '#egg-close-btn{position:fixed;top:16px;right:16px;width:32px;height:32px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#1e1e1e;z-index:1000000;transition:background 120ms ease,border-color 120ms ease;padding:0}' +
+ '#egg-close-btn svg{width:24px;height:24px;fill:currentColor;display:block}' +
+ '#egg-close-btn:hover{background:#f0f0f0;border-color:#949494}' +
+ '#egg-sprinkle-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}' +
+ '#egg-sprinkle-bg svg{width:100%;height:100%;display:block}' +
+ '@keyframes egg-particle-pulse{0%,100%{opacity:1}50%{opacity:0.15}}' +
+ '#woo-egg-overlay .egg-actions{display:flex;flex-direction:column;align-items:center;gap:8px}' +
+ '#woo-egg-overlay .egg-opt-out-btn.components-button{padding:6px 12px}' +
+ '@media (prefers-reduced-motion: reduce){#egg-sprinkle-bg *{animation:none!important}#egg-pinata-container svg{transition:none!important}}';
+ document.head.appendChild( style );
+
+ var el = document.createElement( 'div' );
+ el.id = 'woo-egg-overlay';
+ el.innerHTML =
+ '<div id="egg-scene">' +
+ '<canvas id="egg-bg"></canvas>' +
+ '<div id="egg-drop-wrapper">' +
+ '<div id="egg-pendulum">' +
+ '<div id="egg-rope"></div>' +
+ '<div id="egg-pinata-container"></div>' +
+ '</div>' +
+ '</div>' +
+ '<canvas id="egg-confetti"></canvas>' +
+ '<div class="egg-copy">' +
+ '<h1 id="egg-headline" class="egg-headline">' +
+ escHtml( milestoneData.title ) +
+ '</h1>' +
+ '<p class="egg-body">' +
+ escHtml( milestoneData.subtitle ) +
+ '</p>' +
+ '<div class="egg-actions">' +
+ '<button class="egg-celebrate-btn components-button is-primary">' +
+ escHtml( LABELS.cta ) +
+ '</button>' +
+ '<button class="egg-opt-out-btn components-button is-tertiary">' +
+ escHtml( LABELS.optOut ) +
+ '</button>' +
+ '</div>' +
+ '</div>' +
+ '<div id="egg-cursor-stick"></div>' +
+ '</div>' +
+ '<button id="egg-close-btn" aria-label="' +
+ escHtml( LABELS.closeLabel ) +
+ '" title="' +
+ escHtml( LABELS.closeTitle ) +
+ '"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"/></svg></button>';
+
+ if ( SVG_DATA.sprinkle ) {
+ var sp = document.createElement( 'div' );
+ sp.id = 'egg-sprinkle-bg';
+ sp.innerHTML = SVG_DATA.sprinkle;
+ var spSvg = sp.querySelector( 'svg' );
+ if ( spSvg ) {
+ spSvg.setAttribute( 'preserveAspectRatio', 'xMidYMid slice' );
+ var particles = spSvg.querySelectorAll( 'path,circle,rect' );
+ particles.forEach( function ( p ) {
+ var dur = ( 3 + Math.random() * 5 ).toFixed( 2 );
+ var delay = -( Math.random() * 8 ).toFixed( 2 );
+ p.style.animation =
+ 'egg-particle-pulse ' +
+ dur +
+ 's ease-in-out ' +
+ delay +
+ 's infinite';
+ } );
+ }
+ var scene = el.querySelector( '#egg-scene' );
+ scene.insertBefore( sp, scene.firstChild );
+ }
+
+ el.setAttribute( 'role', 'dialog' );
+ el.setAttribute( 'aria-modal', 'true' );
+ el.setAttribute( 'aria-labelledby', 'egg-headline' );
+ document.body.appendChild( el );
+ overlayEl = el;
+
+ var firstFocusable = el.querySelector(
+ '.egg-celebrate-btn, #egg-close-btn'
+ );
+ if ( firstFocusable ) firstFocusable.focus();
+
+ bgCV = document.getElementById( 'egg-bg' );
+ bgCtx = bgCV.getContext( '2d' );
+ cfCV = document.getElementById( 'egg-confetti' );
+ cfCtx = cfCV.getContext( '2d' );
+ stick = document.getElementById( 'egg-cursor-stick' );
+ sizeConfetti();
+ rebuildColumns();
+
+ el.querySelector( '.egg-celebrate-btn' ).addEventListener(
+ 'click',
+ function ( e ) {
+ var r = e.currentTarget.getBoundingClientRect();
+ spawnBurst(
+ r.left + r.width / 2,
+ r.top + r.height / 2,
+ settings.cfCount + 8,
+ { upBias: 7 }
+ );
+ swingStick();
+ closeOverlay();
+ }
+ );
+
+ document
+ .getElementById( 'egg-close-btn' )
+ .addEventListener( 'click', closeOverlay );
+
+ el.querySelector( '.egg-opt-out-btn' ).addEventListener(
+ 'click',
+ function () {
+ if ( DISMISS ) {
+ var fd = new FormData();
+ fd.append( 'action', 'wc_egg_opt_out' );
+ fd.append( 'nonce', DISMISS.nonce );
+ if ( navigator.sendBeacon ) {
+ navigator.sendBeacon( DISMISS.url, fd );
+ } else {
+ fetch( DISMISS.url, { method: 'POST', body: fd } );
+ }
+ }
+ closeOverlay();
+ }
+ );
+
+ document.addEventListener( 'mousemove', onMouseMove );
+ document.addEventListener( 'mouseleave', onMouseLeave );
+ document.addEventListener( 'mouseenter', onMouseEnter );
+ document.addEventListener( 'click', onDocClick );
+ document.addEventListener( 'keydown', onKeyDown );
+ window.addEventListener( 'resize', onResize );
+
+ var maxScale = Math.sqrt( W * W + H * H ) / 220;
+ var revealStart = Date.now();
+ ( function animReveal() {
+ var t = Math.min( ( Date.now() - revealStart ) / 1000, 1 );
+ var e2 =
+ t < 0.5 ? 4 * t * t * t : 1 - Math.pow( -2 * t + 2, 3 ) / 2;
+ wooblePath.setAttribute(
+ 'transform',
+ 'translate(' +
+ W / 2 +
+ ' ' +
+ H / 2 +
+ ') scale(' +
+ e2 * maxScale +
+ ') translate(-391 -381)'
+ );
+ if ( t < 1 ) requestAnimationFrame( animReveal );
+ else overlayEl.style.clipPath = 'none';
+ } )();
+ }
+
+ /* -- showOverlay -------------------------------------------------------- */
+ function showOverlay( milestoneData ) {
+ mainAngle = 0;
+ mainOmega = 0;
+ dropped = false;
+ mouseVx = 0;
+ mActive = false;
+ stickAngle = 25;
+ stickAngleVel = 0;
+ live.length = 0;
+ settled.length = 0;
+ fallingPieces = [];
+ protectedEls = new Set();
+ eyeEls = [];
+ eyeElsSet = null;
+ blinkScaleY = 1;
+ highlightEls = [];
+ eyeGroups = [];
+ pinataEl = null;
+ squishAmp = 0;
+ squishVel = 0;
+ squishAngle = 0;
+ if ( blinkTimer ) {
+ clearTimeout( blinkTimer );
+ blinkTimer = null;
+ }
+ ALL_SHAPES = [];
+ activeShapes = [];
+ COLOR_LAYERS = [];
+ HEAD_TOP_LAYER = {
+ stiff: 0.038,
+ damp: 0.78,
+ velMult: 0.06,
+ els: [],
+ val: 0,
+ vel: 0,
+ };
+ _contentBB = { topY: 0, centerY: 0, centerX: 0 };
+ mx = window.innerWidth / 2;
+ my = window.innerHeight / 2;
+ lastMx = mx;
+
+ currentMilestone = milestoneData;
+ settings = Object.assign( {}, DEFAULTS, {
+ headline: milestoneData.title,
+ body: milestoneData.subtitle,
+ variant: milestoneData.variant || 'llama',
+ boomText: milestoneData.boomText || 'One down',
+ } );
+
+ _previousFocus = document.body.ownerDocument.activeElement;
+ buildOverlay( milestoneData );
+ init();
+ }
+
+ /* -- Milestone URL detection -------------------------------------------- */
+ function checkUrl() {
+ var params = new URLSearchParams( window.location.search );
+ var testKey = params.get( 'woo_egg' );
+ if ( testKey && ALL_MILESTONES[ testKey ] ) {
+ if ( ! shown[ '__test__' + testKey ] ) {
+ shown[ '__test__' + testKey ] = true;
+ showOverlay( ALL_MILESTONES[ testKey ] );
+ }
+ return;
+ }
+ if (
+ params.get( 'page' ) !== 'wc-orders' ||
+ params.get( 'action' ) !== 'edit'
+ )
+ return;
+ var orderId = parseInt( params.get( 'id' ), 10 );
+ if ( ! orderId || shown[ orderId ] || ! milestones[ orderId ] ) return;
+ shown[ orderId ] = true;
+ showOverlay(
+ Object.assign( {}, milestones[ orderId ], { _orderId: orderId } )
+ );
+ }
+
+ window.addEventListener( 'load', checkUrl );
+ var _push = history.pushState;
+ history.pushState = function () {
+ _push.apply( this, arguments );
+ setTimeout( checkUrl, 200 );
+ };
+ var _replace = history.replaceState;
+ history.replaceState = function () {
+ _replace.apply( this, arguments );
+ setTimeout( checkUrl, 200 );
+ };
+ window.addEventListener( 'popstate', checkUrl );
+ /* eslint-enable no-var */
+} )();
diff --git a/plugins/woocommerce/includes/class-woocommerce.php b/plugins/woocommerce/includes/class-woocommerce.php
index 9854f4e4604..2bcbad37cff 100644
--- a/plugins/woocommerce/includes/class-woocommerce.php
+++ b/plugins/woocommerce/includes/class-woocommerce.php
@@ -32,6 +32,7 @@ use Automattic\WooCommerce\Internal\Admin\EmailImprovements\EmailImprovements;
use Automattic\WooCommerce\Internal\Email\DeferredEmailQueue;
use Automattic\WooCommerce\Internal\Email\EmailLogger;
use Automattic\WooCommerce\Internal\Admin\Marketplace;
+use Automattic\WooCommerce\Internal\Admin\OrderMilestoneEasterEgg;
use Automattic\WooCommerce\Proxies\LegacyProxy;
use Automattic\WooCommerce\Utilities\{LoggingUtil, TimeUtil};
use Automattic\WooCommerce\Internal\Logging\RemoteLogger;
@@ -378,6 +379,7 @@ final class WooCommerce {
$container->get( ProductVersionStringInvalidator::class );
$container->get( OrdersVersionStringInvalidator::class );
$container->get( TaxRateVersionStringInvalidator::class );
+ $container->get( OrderMilestoneEasterEgg::class );
// Feature flags.
if ( Constants::is_true( 'WOOCOMMERCE_BIS_ALPHA_ENABLED' ) ) {
diff --git a/plugins/woocommerce/src/Internal/Admin/OrderMilestoneEasterEgg.php b/plugins/woocommerce/src/Internal/Admin/OrderMilestoneEasterEgg.php
new file mode 100644
index 00000000000..7dabd8e01ae
--- /dev/null
+++ b/plugins/woocommerce/src/Internal/Admin/OrderMilestoneEasterEgg.php
@@ -0,0 +1,429 @@
+<?php
+
+declare( strict_types = 1 );
+
+namespace Automattic\WooCommerce\Internal\Admin;
+
+/**
+ * Displays a full-screen animated piñata overlay when a merchant opens a
+ * milestone order (1st, 100th, or 1000th real order) in the admin.
+ *
+ * Fires for any real paid order: status is processing or completed and a
+ * transaction ID is present.
+ *
+ * @since 10.9.0
+ */
+class OrderMilestoneEasterEgg {
+
+ /**
+ * Option key used to cache computed milestone order IDs.
+ */
+ private const MILESTONE_CACHE_OPTION = '_wc_order_milestone_egg_order_ids';
+
+ /**
+ * Maximum number of qualifying orders needed to resolve all milestones.
+ */
+ private const MAX_QUALIFYING_ORDERS = 1000;
+
+ /**
+ * Number of orders to inspect per milestone scan batch.
+ */
+ private const QUERY_BATCH_SIZE = 100;
+
+ /**
+ * Milestone positions mapped to milestone message keys.
+ */
+ private const MILESTONE_POSITIONS = array(
+ 0 => 'first',
+ 99 => 'hundred',
+ 999 => 'thousand',
+ );
+
+ /**
+ * Sets up the hooks.
+ *
+ * @internal
+ *
+ * @since 10.9.0
+ */
+ final public function init(): void {
+ add_action( 'admin_enqueue_scripts', array( $this, 'handle_admin_enqueue_scripts' ) );
+ add_action( 'wp_ajax_wc_egg_dismiss', array( $this, 'handle_ajax_dismiss' ) );
+ add_action( 'wp_ajax_wc_egg_opt_out', array( $this, 'handle_ajax_opt_out' ) );
+ add_action( 'woocommerce_new_order', array( $this, 'clear_milestone_cache' ), 10, 0 );
+ add_action( 'woocommerce_update_order', array( $this, 'clear_milestone_cache' ), 10, 0 );
+ add_action( 'woocommerce_delete_order', array( $this, 'clear_milestone_cache' ), 10, 0 );
+ add_action( 'woocommerce_trash_order', array( $this, 'clear_milestone_cache' ), 10, 0 );
+ }
+
+ /**
+ * Clears the cached milestone order IDs.
+ *
+ * @internal
+ */
+ public function clear_milestone_cache(): void {
+ delete_option( self::MILESTONE_CACHE_OPTION );
+ }
+
+ /**
+ * Opts the current user out of all future milestone overlays.
+ *
+ * @internal
+ */
+ public function handle_ajax_opt_out(): void {
+ check_ajax_referer( 'wc_egg_dismiss', 'nonce' );
+ update_user_meta( get_current_user_id(), '_wc_egg_opted_out', '1' );
+ wp_die();
+ }
+
+ /**
+ * Marks a milestone order as dismissed for the current user.
+ *
+ * @internal
+ */
+ public function handle_ajax_dismiss(): void {
+ check_ajax_referer( 'wc_egg_dismiss', 'nonce' );
+ $order_id = isset( $_POST['order_id'] ) ? absint( wp_unslash( $_POST['order_id'] ) ) : 0;
+ if ( $order_id > 0 ) {
+ update_user_meta( get_current_user_id(), '_wc_egg_seen_' . $order_id, '1' );
+ }
+ wp_die();
+ }
+
+ /**
+ * Enqueues the milestone overlay script when the current order is a qualifying milestone.
+ *
+ * @internal
+ */
+ public function handle_admin_enqueue_scripts(): void {
+ /**
+ * Filters whether the order milestone easter egg feature is enabled.
+ *
+ * Return false to disable the feature entirely — no order queries or assets will be loaded.
+ *
+ * @param bool $enabled Whether the feature is enabled. Default true.
+ *
+ * @since 10.9.0
+ */
+ if ( ! apply_filters( 'wc_order_milestone_egg_enabled', true ) ) {
+ return;
+ }
+
+ if ( ! function_exists( 'wc_get_orders' ) ) {
+ return;
+ }
+
+ // phpcs:disable WordPress.Security.NonceVerification.Recommended
+ $woo_egg_key = isset( $_GET['woo_egg'] ) ? sanitize_text_field( wp_unslash( $_GET['woo_egg'] ) ) : '';
+ $page_param = isset( $_GET['page'] ) ? sanitize_text_field( wp_unslash( $_GET['page'] ) ) : '';
+ $action_param = isset( $_GET['action'] ) ? sanitize_text_field( wp_unslash( $_GET['action'] ) ) : '';
+ $id_param = isset( $_GET['id'] ) ? absint( wp_unslash( $_GET['id'] ) ) : 0;
+ // phpcs:enable WordPress.Security.NonceVerification.Recommended
+
+ // Preview: ?woo_egg=first|hundred|thousand lets admins preview any milestone without real orders.
+ // Only available when WP_DEBUG is enabled to prevent accidental triggering in production.
+ $is_debug_preview = ( defined( 'WP_DEBUG' ) && WP_DEBUG ) && current_user_can( 'manage_options' ) && '' !== $woo_egg_key;
+
+ // Respect the user's opt-out preference (debug preview always shows).
+ if ( ! $is_debug_preview && get_user_meta( get_current_user_id(), '_wc_egg_opted_out', true ) ) {
+ return;
+ }
+
+ // Only run the order query on the HPOS order edit page to avoid overhead on every admin page.
+ $is_order_edit_page = 'wc-orders' === $page_param && 'edit' === $action_param;
+
+ if ( ! $is_debug_preview && ! $is_order_edit_page ) {
+ return;
+ }
+
+ // For real order pages: check cheaply whether the current order qualifies
+ // before running the more expensive milestone count query.
+ if ( ! $is_debug_preview ) {
+ if ( $id_param <= 0 || ! $this->is_qualifying_order( $id_param ) ) {
+ return;
+ }
+ }
+
+ $milestone_map = $is_debug_preview ? array() : $this->get_milestone_map();
+
+ if ( ! $is_debug_preview && empty( $milestone_map ) ) {
+ return;
+ }
+
+ // Remove milestones the current user has already seen.
+ if ( ! $is_debug_preview ) {
+ $user_id = get_current_user_id();
+ foreach ( array_keys( $milestone_map ) as $order_id ) {
+ if ( get_user_meta( $user_id, '_wc_egg_seen_' . $order_id, true ) ) {
+ unset( $milestone_map[ $order_id ] );
+ }
+ }
+ if ( empty( $milestone_map ) ) {
+ return;
+ }
+
+ // Only show the overlay when the current order is itself the milestone.
+ if ( ! isset( $milestone_map[ $id_param ] ) ) {
+ return;
+ }
+ $milestone_map = array( $id_param => $milestone_map[ $id_param ] );
+ }
+
+ // Only load the SVG variants needed for the matched milestones.
+ $all_msgs = array();
+ if ( $is_debug_preview ) {
+ $all_msgs = $this->get_milestone_messages();
+ $preview_variant = $all_msgs[ $woo_egg_key ]['variant'] ?? null;
+ $needed_variants = $preview_variant ? array( $preview_variant ) : array_keys( $this->get_variant_map() );
+ } else {
+ $needed_variants = array_unique(
+ array_filter( array_column( array_values( $milestone_map ), 'variant' ) )
+ );
+ }
+
+ $svg_data = $this->get_svg_data( $needed_variants );
+ $labels = $this->get_ui_labels();
+
+ WCAdminAssets::register_script( 'wp-admin-scripts', 'order-milestone-easter-egg', true );
+
+ $localize_data = array(
+ 'milestones' => $milestone_map,
+ 'svgData' => $svg_data,
+ 'labels' => $labels,
+ 'dismiss' => array(
+ 'url' => admin_url( 'admin-ajax.php' ),
+ 'nonce' => wp_create_nonce( 'wc_egg_dismiss' ),
+ ),
+ );
+
+ if ( $is_debug_preview ) {
+ $localize_data['allMilestones'] = $all_msgs;
+ }
+
+ wp_localize_script( 'wc-admin-order-milestone-easter-egg', 'wcOrderMilestoneEgg', $localize_data );
+ }
+
+ /**
+ * Returns true if the given order qualifies for milestone consideration: status is
+ * processing or completed, and a transaction ID is present.
+ *
+ * Used as a cheap pre-filter before running the full milestone count query.
+ *
+ * @param int $order_id The order ID to check.
+ * @return bool
+ */
+ public function is_qualifying_order( int $order_id ): bool {
+ $order = wc_get_order( $order_id );
+ if ( ! $order instanceof \WC_Order ) {
+ return false;
+ }
+ return '' !== $order->get_transaction_id()
+ && in_array( $order->get_status(), array( 'processing', 'completed' ), true );
+ }
+
+ /**
+ * Returns a map of milestone order IDs to their milestone data.
+ *
+ * Uses cached milestone order IDs when available; otherwise computes and caches
+ * them by scanning qualifying orders in chronological order.
+ *
+ * @return array<int, array<string, string>>
+ */
+ private function get_milestone_map(): array {
+ $milestone_order_ids = $this->get_cached_milestone_order_ids();
+ if ( null === $milestone_order_ids ) {
+ $milestone_order_ids = $this->compute_milestone_order_ids();
+ update_option( self::MILESTONE_CACHE_OPTION, $milestone_order_ids, false );
+ }
+
+ $messages = $this->get_milestone_messages();
+ $milestone_map = array();
+
+ foreach ( $milestone_order_ids as $key => $order_id ) {
+ if ( isset( $messages[ $key ] ) ) {
+ $milestone_map[ $order_id ] = $messages[ $key ];
+ }
+ }
+
+ /**
+ * Filters the map of milestone order IDs to their milestone data.
+ *
+ * @param array<int, array<string, string>> $milestone_map Map of order ID to milestone data.
+ *
+ * @since 10.9.0
+ */
+ return apply_filters( 'wc_order_milestone_egg_map', $milestone_map );
+ }
+
+ /**
+ * Returns cached milestone order IDs, or null when the cache is missing.
+ *
+ * @return array<string, int>|null
+ */
+ private function get_cached_milestone_order_ids(): ?array {
+ $cached = get_option( self::MILESTONE_CACHE_OPTION, null );
+ if ( ! is_array( $cached ) ) {
+ return null;
+ }
+
+ $milestone_order_ids = array();
+ foreach ( self::MILESTONE_POSITIONS as $key ) {
+ if ( isset( $cached[ $key ] ) ) {
+ $order_id = absint( $cached[ $key ] );
+ if ( $order_id > 0 ) {
+ $milestone_order_ids[ $key ] = $order_id;
+ }
+ }
+ }
+
+ return $milestone_order_ids;
+ }
+
+ /**
+ * Computes milestone order IDs by scanning qualifying orders in chronological order.
+ *
+ * @return array<string, int>
+ */
+ private function compute_milestone_order_ids(): array {
+ $qualifying_order_ids = array();
+ $qualifying_order_ids_count = 0;
+ $page = 1;
+
+ while ( $qualifying_order_ids_count < self::MAX_QUALIFYING_ORDERS ) {
+ $batch = (array) wc_get_orders(
+ array(
+ 'limit' => self::QUERY_BATCH_SIZE,
+ 'paged' => $page,
+ 'orderby' => 'date',
+ 'order' => 'ASC',
+ 'status' => array( 'processing', 'completed' ),
+ 'return' => 'objects',
+ )
+ );
+
+ if ( empty( $batch ) ) {
+ break;
+ }
+
+ foreach ( $batch as $order ) {
+ if ( $order instanceof \WC_Order && '' !== $order->get_transaction_id() ) {
+ $qualifying_order_ids[] = $order->get_id();
+ ++$qualifying_order_ids_count;
+ if ( $qualifying_order_ids_count >= self::MAX_QUALIFYING_ORDERS ) {
+ break 2;
+ }
+ }
+ }
+
+ if ( count( $batch ) < self::QUERY_BATCH_SIZE ) {
+ break;
+ }
+
+ ++$page;
+ }
+
+ $milestone_order_ids = array();
+ foreach ( self::MILESTONE_POSITIONS as $pos => $key ) {
+ if ( isset( $qualifying_order_ids[ $pos ] ) ) {
+ $milestone_order_ids[ $key ] = (int) $qualifying_order_ids[ $pos ];
+ }
+ }
+
+ return $milestone_order_ids;
+ }
+
+ /**
+ * Returns milestone copy and variant configuration keyed by milestone name.
+ *
+ * @return array<string, array<string, string>>
+ */
+ private function get_milestone_messages(): array {
+ return array(
+ 'first' => array(
+ 'title' => __( 'Cha-ching! Order number one', 'woocommerce' ),
+ 'subtitle' => __( "That's a big deal. Smash the llama. You've earned it.", 'woocommerce' ),
+ 'variant' => 'llama',
+ 'boomText' => __( 'One down', 'woocommerce' ),
+ ),
+ 'hundred' => array(
+ 'title' => __( 'Triple digits looks good on you', 'woocommerce' ),
+ 'subtitle' => __( "A hundred orders means you're juggling a lot. Take a moment to celebrate", 'woocommerce' ),
+ 'variant' => 'octo',
+ 'boomText' => __( 'Hands full', 'woocommerce' ),
+ ),
+ 'thousand' => array(
+ 'title' => __( 'ONE. THOUSAND. ORDERS', 'woocommerce' ),
+ 'subtitle' => __( 'Seriously. A thousand orders. This called for a bigger piñata', 'woocommerce' ),
+ 'variant' => 'whale',
+ 'boomText' => __( 'Off the charts', 'woocommerce' ),
+ ),
+ );
+ }
+
+ /**
+ * Returns translated UI labels for the overlay script.
+ *
+ * @return array<string, string>
+ */
+ private function get_ui_labels(): array {
+ return array(
+ 'cta' => __( "Let's go!", 'woocommerce' ),
+ 'closeLabel' => __( 'Close', 'woocommerce' ),
+ 'closeTitle' => __( 'Close (Esc)', 'woocommerce' ),
+ 'optOut' => __( "Don't show again", 'woocommerce' ),
+ );
+ }
+
+ /**
+ * Returns the map of variant keys to their SVG filenames.
+ *
+ * @return array<string, string>
+ */
+ private function get_variant_map(): array {
+ return array(
+ 'llama' => 'woo-pinata-llama2.svg',
+ 'octo' => 'woo-octo.svg',
+ 'whale' => 'woo-whale.svg',
+ );
+ }
+
+ /**
+ * Loads and returns SVG assets as inline strings.
+ *
+ * Only the variant SVGs listed in $variants are loaded; shared assets
+ * (confetti, stick, sprinkle) are always included.
+ *
+ * @param string[] $variants Variant keys to load (e.g. ['llama', 'octo']).
+ * @return array<string, string>
+ */
+ private function get_svg_data( array $variants = array() ): array {
+ $svg_dir = WC_ABSPATH . 'assets/images/pinata/';
+
+ if ( empty( $variants ) ) {
+ $variants = array_keys( $this->get_variant_map() );
+ }
+
+ $svg_data = array();
+ $variant_map = $this->get_variant_map();
+
+ // phpcs:disable WordPress.WP.AlternativeFunctions.file_get_contents_file_get_contents
+ foreach ( $variants as $key ) {
+ if ( isset( $variant_map[ $key ] ) ) {
+ $svg_data[ $key ] = (string) file_get_contents( $svg_dir . $variant_map[ $key ] );
+ }
+ }
+
+ $svg_data['confetti'] = (string) file_get_contents( $svg_dir . 'confetti.svg' );
+ $svg_data['stick'] = (string) file_get_contents( $svg_dir . 'stick.svg' );
+ $sprinkle_svg = (string) file_get_contents( $svg_dir . 'sprinkle.svg' );
+ // phpcs:enable WordPress.WP.AlternativeFunctions.file_get_contents_file_get_contents
+
+ $sprinkle_svg = preg_replace( '/<defs>.*?<\/defs>/s', '', $sprinkle_svg ) ?? '';
+ $sprinkle_svg = preg_replace( '/\s*clip-path="[^"]*"/', '', $sprinkle_svg ) ?? '';
+ $sprinkle_svg = preg_replace( '/<rect[^>]+fill="white"[^>]*\/?>/', '', $sprinkle_svg ) ?? '';
+
+ $svg_data['sprinkle'] = $sprinkle_svg;
+
+ return $svg_data;
+ }
+}
diff --git a/plugins/woocommerce/tests/php/src/Internal/Admin/OrderMilestoneEasterEggTest.php b/plugins/woocommerce/tests/php/src/Internal/Admin/OrderMilestoneEasterEggTest.php
new file mode 100644
index 00000000000..a6139dcb46e
--- /dev/null
+++ b/plugins/woocommerce/tests/php/src/Internal/Admin/OrderMilestoneEasterEggTest.php
@@ -0,0 +1,412 @@
+<?php
+
+declare( strict_types = 1 );
+
+namespace Automattic\WooCommerce\Tests\Internal\Admin;
+
+use Automattic\WooCommerce\Internal\Admin\OrderMilestoneEasterEgg;
+use Automattic\WooCommerce\RestApi\UnitTests\HPOSToggleTrait;
+use Automattic\WooCommerce\RestApi\UnitTests\Helpers\OrderHelper;
+
+/**
+ * Unit tests for OrderMilestoneEasterEgg.
+ */
+class OrderMilestoneEasterEggTest extends \WC_Unit_Test_Case {
+ use HPOSToggleTrait;
+
+ /** @var OrderMilestoneEasterEgg */
+ private OrderMilestoneEasterEgg $sut;
+
+ /** @var int */
+ private int $admin_user_id;
+
+ /**
+ * Set up the test case.
+ */
+ public function setUp(): void {
+ parent::setUp();
+ $this->setup_cot();
+ $this->toggle_cot_feature_and_usage( true );
+
+ $this->sut = new OrderMilestoneEasterEgg();
+ $this->admin_user_id = $this->factory->user->create( array( 'role' => 'administrator' ) );
+ wp_set_current_user( $this->admin_user_id );
+ }
+
+ /**
+ * Tear down the test case.
+ */
+ public function tearDown(): void {
+ delete_option( $this->get_cache_option_name() );
+ remove_action( 'admin_enqueue_scripts', array( $this->sut, 'handle_admin_enqueue_scripts' ) );
+ remove_action( 'wp_ajax_wc_egg_dismiss', array( $this->sut, 'handle_ajax_dismiss' ) );
+ remove_action( 'wp_ajax_wc_egg_opt_out', array( $this->sut, 'handle_ajax_opt_out' ) );
+ remove_action( 'woocommerce_new_order', array( $this->sut, 'clear_milestone_cache' ) );
+ remove_action( 'woocommerce_update_order', array( $this->sut, 'clear_milestone_cache' ) );
+ remove_action( 'woocommerce_delete_order', array( $this->sut, 'clear_milestone_cache' ) );
+ remove_action( 'woocommerce_trash_order', array( $this->sut, 'clear_milestone_cache' ) );
+
+ // Drop HPOS tables before toggling off — avoids the "orders out of sync" exception
+ // that fires when HPOS is disabled while the table still holds unsync'd rows.
+ OrderHelper::delete_order_custom_tables();
+ $this->clean_up_cot_setup();
+ wp_set_current_user( 0 );
+ parent::tearDown();
+ }
+
+ // -------------------------------------------------------------------------
+ // Hook registration
+ // -------------------------------------------------------------------------
+
+ /**
+ * @testdox init registers all expected hooks.
+ */
+ public function test_init_registers_all_hooks(): void {
+ $this->sut->init();
+
+ $this->assertNotFalse(
+ has_action( 'admin_enqueue_scripts', array( $this->sut, 'handle_admin_enqueue_scripts' ) )
+ );
+ $this->assertNotFalse(
+ has_action( 'wp_ajax_wc_egg_dismiss', array( $this->sut, 'handle_ajax_dismiss' ) )
+ );
+ $this->assertNotFalse(
+ has_action( 'wp_ajax_wc_egg_opt_out', array( $this->sut, 'handle_ajax_opt_out' ) )
+ );
+ $this->assertNotFalse(
+ has_action( 'woocommerce_new_order', array( $this->sut, 'clear_milestone_cache' ) )
+ );
+ $this->assertNotFalse(
+ has_action( 'woocommerce_update_order', array( $this->sut, 'clear_milestone_cache' ) )
+ );
+ $this->assertNotFalse(
+ has_action( 'woocommerce_delete_order', array( $this->sut, 'clear_milestone_cache' ) )
+ );
+ $this->assertNotFalse(
+ has_action( 'woocommerce_trash_order', array( $this->sut, 'clear_milestone_cache' ) )
+ );
+ }
+
+ // -------------------------------------------------------------------------
+ // AJAX handlers
+ // -------------------------------------------------------------------------
+
+ /**
+ * @testdox handle_ajax_dismiss saves the seen meta for the given order.
+ */
+ public function test_handle_ajax_dismiss_saves_seen_meta(): void {
+ $order = $this->create_real_paid_order();
+
+ $nonce = wp_create_nonce( 'wc_egg_dismiss' );
+ $_POST['order_id'] = $order->get_id();
+ $_POST['nonce'] = $nonce;
+ $_REQUEST['nonce'] = $nonce;
+
+ try {
+ $this->sut->handle_ajax_dismiss();
+ } catch ( \WPDieException $e ) {
+ $this->assertInstanceOf( \WPDieException::class, $e );
+ }
+
+ $this->assertEquals(
+ '1',
+ get_user_meta( $this->admin_user_id, '_wc_egg_seen_' . $order->get_id(), true )
+ );
+ }
+
+ /**
+ * @testdox handle_ajax_dismiss does nothing when order_id is zero.
+ */
+ public function test_handle_ajax_dismiss_ignores_zero_order_id(): void {
+ $nonce = wp_create_nonce( 'wc_egg_dismiss' );
+ $_POST['order_id'] = 0;
+ $_POST['nonce'] = $nonce;
+ $_REQUEST['nonce'] = $nonce;
+
+ try {
+ $this->sut->handle_ajax_dismiss();
+ } catch ( \WPDieException $e ) {
+ $this->assertInstanceOf( \WPDieException::class, $e );
+ }
+
+ $meta = get_user_meta( $this->admin_user_id );
+ $keys = array_keys( $meta );
+ $seen = array_filter( $keys, fn( $k ) => str_starts_with( $k, '_wc_egg_seen_' ) );
+ $this->assertEmpty( $seen );
+ }
+
+ /**
+ * @testdox handle_ajax_opt_out saves the opted-out meta for the current user.
+ */
+ public function test_handle_ajax_opt_out_saves_opted_out_meta(): void {
+ $nonce = wp_create_nonce( 'wc_egg_dismiss' );
+ $_POST['nonce'] = $nonce;
+ $_REQUEST['nonce'] = $nonce;
+
+ try {
+ $this->sut->handle_ajax_opt_out();
+ } catch ( \WPDieException $e ) {
+ $this->assertInstanceOf( \WPDieException::class, $e );
+ }
+
+ $this->assertEquals(
+ '1',
+ get_user_meta( $this->admin_user_id, '_wc_egg_opted_out', true )
+ );
+ }
+
+ // -------------------------------------------------------------------------
+ // is_qualifying_order
+ // -------------------------------------------------------------------------
+
+ /**
+ * @testdox is_qualifying_order returns true for a processing order with a transaction ID.
+ */
+ public function test_is_qualifying_order_returns_true_for_processing_order(): void {
+ $order = $this->create_real_paid_order();
+ $this->assertTrue( $this->sut->is_qualifying_order( $order->get_id() ) );
+ }
+
+ /**
+ * @testdox is_qualifying_order returns true for a completed order with a transaction ID.
+ */
+ public function test_is_qualifying_order_returns_true_for_completed_order(): void {
+ $order = new \WC_Order();
+ $order->set_transaction_id( 'txn_live_' . wp_rand( 1000, 9999 ) );
+ $order->set_status( 'completed' );
+ $order->save();
+
+ $this->assertTrue( $this->sut->is_qualifying_order( $order->get_id() ) );
+ }
+
+ /**
+ * @testdox is_qualifying_order returns false when no transaction ID is set.
+ */
+ public function test_is_qualifying_order_returns_false_without_transaction_id(): void {
+ $order = new \WC_Order();
+ $order->set_status( 'processing' );
+ $order->save();
+
+ $this->assertFalse( $this->sut->is_qualifying_order( $order->get_id() ) );
+ }
+
+ /**
+ * @testdox is_qualifying_order returns false when status is not processing or completed.
+ */
+ public function test_is_qualifying_order_returns_false_for_pending_status(): void {
+ $order = new \WC_Order();
+ $order->set_transaction_id( 'txn_live_789' );
+ $order->set_status( 'pending' );
+ $order->save();
+
+ $this->assertFalse( $this->sut->is_qualifying_order( $order->get_id() ) );
+ }
+
+ /**
+ * @testdox is_qualifying_order returns false for a non-existent order ID.
+ */
+ public function test_is_qualifying_order_returns_false_for_nonexistent_order(): void {
+ $this->assertFalse( $this->sut->is_qualifying_order( 999999 ) );
+ }
+
+ // -------------------------------------------------------------------------
+ // get_milestone_map (via filter hook to inspect)
+ // -------------------------------------------------------------------------
+
+ /**
+ * @testdox get_milestone_map identifies the first qualifying order as a milestone.
+ */
+ public function test_get_milestone_map_identifies_first_order(): void {
+ $order = $this->create_real_paid_order();
+
+ $map = $this->get_milestone_map_via_filter();
+
+ $this->assertArrayHasKey( $order->get_id(), $map );
+ $this->assertEquals( 'llama', $map[ $order->get_id() ]['variant'] );
+ }
+
+ /**
+ * @testdox get_milestone_map applies the wc_order_milestone_egg_map filter.
+ */
+ public function test_get_milestone_map_applies_wc_order_milestone_egg_map_filter(): void {
+ $this->create_real_paid_order();
+
+ add_filter(
+ 'wc_order_milestone_egg_map',
+ function ( $map ) {
+ $map[99999] = array( 'variant' => 'test_variant' );
+ return $map;
+ }
+ );
+
+ $map = $this->get_milestone_map_via_filter();
+
+ remove_all_filters( 'wc_order_milestone_egg_map' );
+
+ $this->assertArrayHasKey( 99999, $map );
+ }
+
+ /**
+ * @testdox get_milestone_map caches computed milestone order IDs.
+ */
+ public function test_get_milestone_map_caches_computed_milestone_order_ids(): void {
+ $order = $this->create_real_paid_order();
+
+ $this->get_milestone_map_via_filter();
+
+ $this->assertSame(
+ array( 'first' => $order->get_id() ),
+ get_option( $this->get_cache_option_name(), array() )
+ );
+ }
+
+ /**
+ * @testdox get_milestone_map uses cached milestone order IDs when available.
+ */
+ public function test_get_milestone_map_uses_cached_milestone_order_ids(): void {
+ update_option( $this->get_cache_option_name(), array( 'first' => 12345 ), false );
+
+ $map = $this->get_milestone_map_via_filter();
+
+ $this->assertArrayHasKey( 12345, $map );
+ }
+
+ /**
+ * @testdox clear_milestone_cache deletes cached milestone order IDs.
+ */
+ public function test_clear_milestone_cache_deletes_cached_milestone_order_ids(): void {
+ update_option( $this->get_cache_option_name(), array( 'first' => 12345 ), false );
+
+ $this->sut->clear_milestone_cache();
+
+ $this->assertFalse( get_option( $this->get_cache_option_name(), false ) );
+ }
+
+ // -------------------------------------------------------------------------
+ // Opt-out gate (handle_admin_enqueue_scripts)
+ // -------------------------------------------------------------------------
+
+ /**
+ * @testdox handle_admin_enqueue_scripts skips enqueue when the user has opted out.
+ */
+ public function test_enqueue_skipped_when_user_opted_out(): void {
+ $order = $this->create_real_paid_order();
+ update_user_meta( $this->admin_user_id, '_wc_egg_opted_out', '1' );
+
+ $_GET['page'] = 'wc-orders';
+ $_GET['action'] = 'edit';
+ $_GET['id'] = (string) $order->get_id();
+
+ $this->sut->handle_admin_enqueue_scripts();
+
+ $this->assertFalse( wp_script_is( 'wc-order-milestone-easter-egg', 'enqueued' ) );
+
+ unset( $_GET['page'], $_GET['action'], $_GET['id'] );
+ delete_user_meta( $this->admin_user_id, '_wc_egg_opted_out' );
+ }
+
+ /**
+ * @testdox handle_admin_enqueue_scripts skips enqueue when not on the order edit page.
+ */
+ public function test_enqueue_skipped_when_not_order_edit_page(): void {
+ $_GET['page'] = 'woocommerce';
+
+ $this->sut->handle_admin_enqueue_scripts();
+
+ $this->assertFalse( wp_script_is( 'wc-order-milestone-easter-egg', 'enqueued' ) );
+
+ unset( $_GET['page'] );
+ }
+
+ /**
+ * @testdox handle_admin_enqueue_scripts skips enqueue when the current order is not qualifying.
+ */
+ public function test_enqueue_skipped_when_current_order_is_not_qualifying(): void {
+ $order = new \WC_Order();
+ $order->set_status( 'pending' );
+ $order->save();
+
+ $_GET['page'] = 'wc-orders';
+ $_GET['action'] = 'edit';
+ $_GET['id'] = (string) $order->get_id();
+
+ $this->sut->handle_admin_enqueue_scripts();
+
+ $this->assertFalse( wp_script_is( 'wc-order-milestone-easter-egg', 'enqueued' ) );
+
+ unset( $_GET['page'], $_GET['action'], $_GET['id'] );
+ }
+
+ /**
+ * @testdox handle_admin_enqueue_scripts skips enqueue when the current order qualifies but is not itself a milestone.
+ */
+ public function test_enqueue_skipped_when_qualifying_order_is_not_a_milestone(): void {
+ // Create a first milestone order so the milestone map is non-empty.
+ $milestone_order = $this->create_real_paid_order();
+ unset( $milestone_order );
+
+ // Create a second qualifying order — it passes is_qualifying_order() but
+ // is not at a milestone position in the ordered list.
+ $non_milestone_order = $this->create_real_paid_order();
+
+ $_GET['page'] = 'wc-orders';
+ $_GET['action'] = 'edit';
+ $_GET['id'] = (string) $non_milestone_order->get_id();
+
+ $this->sut->handle_admin_enqueue_scripts();
+
+ $this->assertFalse( wp_script_is( 'wc-order-milestone-easter-egg', 'enqueued' ) );
+
+ unset( $_GET['page'], $_GET['action'], $_GET['id'] );
+ }
+
+ // -------------------------------------------------------------------------
+ // Helpers
+ // -------------------------------------------------------------------------
+
+ /**
+ * Creates a real paid order (processing status with a transaction ID).
+ */
+ private function create_real_paid_order(): \WC_Order {
+ $order = new \WC_Order();
+ $order->set_transaction_id( 'txn_live_' . wp_rand( 1000, 9999 ) );
+ $order->set_status( 'processing' );
+ $order->save();
+ return $order;
+ }
+
+ /**
+ * Returns the private milestone cache option name.
+ *
+ * @return string
+ */
+ private function get_cache_option_name(): string {
+ $ref = new \ReflectionClass( OrderMilestoneEasterEgg::class );
+ return (string) $ref->getConstant( 'MILESTONE_CACHE_OPTION' );
+ }
+
+ /**
+ * Calls get_milestone_map() via a filter that captures the result before it's returned.
+ *
+ * @return array<int, array<string, string>>
+ */
+ private function get_milestone_map_via_filter(): array {
+ $captured = array();
+ add_filter(
+ 'wc_order_milestone_egg_map',
+ function ( $map ) use ( &$captured ) {
+ $captured = $map;
+ return $map;
+ }
+ );
+
+ // Use reflection to call the private method.
+ $ref = new \ReflectionMethod( OrderMilestoneEasterEgg::class, 'get_milestone_map' );
+ $ref->setAccessible( true );
+ $ref->invoke( $this->sut );
+
+ remove_all_filters( 'wc_order_milestone_egg_map' );
+
+ return $captured;
+ }
+}