Commit Graph

46 Commits

Author SHA1 Message Date
Cvetan Cvetanov 54dd7a621a
Add new shared payment methods logos component (#49300)
* Add WooPaymentMethodsLogos component

---------

Co-authored-by: Anurag Bhandari <anurag.bhd@gmail.com>
2024-07-16 17:42:52 +03:00
Vlad Olaru b5cf9826d7
Update WCPay Tracks events props (#48901)
* Add path and source props to incentive CTA clicked Tracks event

* Minor inline docs fixes

* Fix wording mistake

* Add from param to Payments settings CTA URL

* Add from param to incentive CTA URL

* refact: Clearer logic for incentive page tracking

* Add changelog

* Fix incentives page tests
2024-07-02 18:45:27 +03:00
Ilyas Foo 7f657cca53
Add test for `wcpay_connect_account_clicked` track (#48347)
* Refactor Connect Account Page test, add wcpay_connect_account_clicked track test

* Changelog
2024-06-12 14:39:21 +08:00
Ilyas Foo 60ca86e31c
Add unit tests for 4 wcadmin tracks (#47876)
* Add unit test for pageview on non-embedded layout component

* Add tracks test for payments welcome page

* Add test for task completion track

* Update completion track to use get_json instead for more accurate coverage

* Changelog

* Lint

* Add test for tasklist item click

* Change test name
2024-06-07 15:14:26 +08:00
Vlad Olaru 8a0ed2dd0b
Revert "Upgrade the WooPayments surfaces to the new designs" (#46915)
Revert "Upgrade the WooPayments surfaces to the new designs (#46873)"

This reverts commit 24808a0a8b.
2024-04-25 16:24:05 +03:00
Vlad Olaru 24808a0a8b
Upgrade the WooPayments surfaces to the new designs (#46873)
* Import colors.native scss variables

* Add changelog

* Refactor WCPay banner and cleanup

We introduce a new WCPayConnectCard onboarding component and
remove/cleanup all other WCPay surface components.

This component uses the new design, updated payment methods icons
and WCPay logo.

* Add changelog

* Upgrade the WCPay payments settings banner

* test: Fix WCPay payments settings banner tests

* Update the WCPay welcome page to use the WCPayConnectCard component

* Update the Payments task page to use the WCPayConnectCard component

* Fix copy for payments settings methods CTA buttons label

* Add changelog

* Further cleanup of no-longer-used WCPay surfaces

* Consolidate onboarding component icons for single sources

* Minor cleanup

* test: Fix WCPay payments settings banner test

* test: Fix payments tasks page tests
2024-04-24 21:41:40 +03:00
Oleksandr Aratovskyi 5bcbb52a9b
Remove BNPL (Klarna) apm and fix icons on wcpay welcome page (#46523)
* Update payment method icons

* Use latest payment methods icons on wcpay weclome page

* Style payment icons on wcpay welcome page similarly to connect page

* Remove BNPL from wcpay welcome page additional payment methods

* Add changefile(s) from automation for the following project(s): @woocommerce/onboarding, woocommerce

* Fix warnings on CB payment method

* Fix lint error

* Change discover icon to new

---------

Co-authored-by: oaratovskyi <oleksandr.aratovskyi@automattic.com>
Co-authored-by: github-actions <github-actions@github.com>
2024-04-12 17:07:12 +03:00
Leif Singer 8ee74ede0e
Update Woo.com references to WooCommerce.com (#46259)
* replace capitalized Woo.com with WooCommerce.com

* replace http URLs

* replace https URLs

* replace developer.woo.com

* add missing version in `@since` tag

* unslash the HTTP_REFERER

* WordPress.Security.ValidatedSanitizedInput.InputNotSanitized

* add changelog file

* add more changelog files

* address linter errors

* address more linter errors

* fix test

* more linter errors
2024-04-09 09:50:15 +01:00
Moon 79d65eeea0
Add launch your store homescreen status tour (#46203)
* Tour component initial design

* Add woocommerce_lys_tour_dismissed option on 8.7.0 update

* Use woocommerce_lys_tour_dismissed to render the tour

* Rename option

* Add useSiteVisibilityTour

* Remove unused tourDismissed var

* Remove unused import

* Add changefile(s) from automation for the following project(s): woocommerce

* Use ' not `

* Lint fixes

* Update plugins/woocommerce-admin/client/launch-your-store/tour/index.tsx

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>

* Add discover more link

* woocommerce_launch_your_store_tour_hidden should be added < 8.9

* Adjust padding bottom for the footer

* Use user meta to manage woocommerce_launch_your_store_tour_hidden

* Adjust tour padding

* Fix global types

* Exclude the tour on new sites

* Fix missing doc comment

* Update tour descriptions

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
2024-04-08 16:29:49 +08:00
Luigi Teschio 1453597400
CYS - Core: implement 'noAI' flowType (#43368)
* CYS - Core: implement 'noAI' flowType

* Add changefile(s) from automation for the following project(s): woocommerce

* remove unused import

---------

Co-authored-by: github-actions <github-actions@github.com>
2024-01-09 15:49:59 +01:00
Leif Singer 808a0fc54f update references to woocommerce.com to now reference woo.com 2023-11-10 15:49:08 +01:00
Daniel Mallory e4b1657f98
Remove references to Sofort (#40745)
* Removing all references to Sofort in the various locations we show payment method information.

* Adding changelogs.
2023-10-19 13:45:48 +01:00
Vlad Olaru 6e83c3c9e6
Remove custom button styling and defer to core styling 2023-09-21 15:54:27 +03:00
Kyle Nel f2446da15f
Merge branch 'trunk' into feature/marketplace 2023-08-22 13:16:13 +02:00
And Finally b56654867a Changes from `add/marketplace-product-card-component` after rebasing on feature branch. 2023-08-08 15:29:08 +01:00
Alefe Souza 428feb58a7
Update WCPay banners for WooPay (#39596)
* Update WCPay banners for WooPay

* Fix unit tests

* Always checks for WooPay eligibility

* Use existing method to determine WooPay eligibility

* Create is_woopay_eligible method
2023-08-07 19:17:59 -07:00
Ismael Martín Alabarce d31b7866af
Add missing spacing in WCPay welcome incentive page cards (#38819)
* Add missing card spacing for the WCPay welcome incentive cards

* Add changelog entry
2023-06-20 11:12:44 -05:00
Vlad Olaru 4fffdf5703
Fix lint issue 2023-06-19 18:50:12 +03:00
Vlad Olaru 2a88ed10b1
Encode URL param to be safe 2023-06-19 18:14:42 +03:00
Vlad Olaru a76d979962
Include incentive ID in connect URL 2023-06-19 18:05:45 +03:00
Vlad Olaru 5e1b6a71f4
Replace tos_url with tc_url for accurate naming 2023-06-19 14:32:57 +03:00
Ismael Martín Alabarce 9b0e5dc89a Remove unnecessary SCSS after #38775 fix 2023-06-19 13:05:01 +02:00
Ismael Martín Alabarce 4afd148e0e Add incentive ID to every track event
on the welcome incentive page.
2023-06-19 13:04:14 +02:00
Ismael Martín Alabarce 9a49ff72da
Update WCPay welcome page incentives (#38689)
* Initial refactor of components

Move out from index every UI component to make it easier to maintain.

* Initial implementation of new design

Some minor adjustments are missing, and I've added a few TODOs to complete later.

* Add changelog entry

* Finish design update

* Compress menu icon

* Add user's first name to heading copy

* Fetch and cache eligible incentive from WCPay API

Sharing its properties under `window.WcSettings.admin`

* Filter `allowed_promo_notes`

To be able to add those form WCPay API request

* Update JS side to use the new shared incentive details

* Ensure we cache requests even if there are no eligible incentives

* Fix a typo in WCPayBanner

* Move incentive preloaded data from wcSettings

to a new window variable which will be only loaded on WCPay welcome page.

* Simplify `has_wcpay` check

* Render sanitized HTML from incentive description

* Update get incentive logic to also cache non success responses

* Add incentive ID to page view track

* Add changelog entry for the onboarding package

* Update used options names

and add them to `get_default_option_permissions

* Differentiate every dismissed incentive

Reuse WCPay welcome page logic for notes display conditions

* Use tos_url instead of tos_link to match response

* Fix incentives endpoint request payload

* Back to preload incentive on admin shared settings

* Move promo notes filter to where it's used

to avoid any possible race conditions.

* Replace every occurrence of `WooCommerce Payments` with `WooPayments`

* Prevent modal large padding-bottom

* Prevent another global style override on modal

* Fix TS error coming from trunk merge

* Fix wrong style property

* Further restrict WCPay incentives to plugin not active and countries supported

* Adjust the meaning of has_wcpay

* Wait for dismiss option update before redirect

to prevent the side menu entry to be visible after redirecting back to WC admin.

* Enforce TOS asterix at the end of incentive description

* Remove underscore from priavate instance var.

* Fix ESLint error

* Fix SCSS linting issues

* Refine `has_wcpay` and `has_orders`

* Enforce consistent WooPayments branding

* Enforce stricter i18n calls with escape

* Update page title to match new branding

* docs: Enforce branding in code docs also

* Remove method that is unreliable to be used outside of onboarding

* Remove unused constant

* Missing new line

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>

---------

Co-authored-by: Vlad Olaru <vlad@pixelgrade.com>
Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
2023-06-16 16:32:58 +02:00
Sam Seay 1834621d1a
Update the @woocommerce/eslint-plugin and fix bugs (#36988) 2023-03-02 11:36:38 +13:00
Daniel Mallory ad80ff7134
WCPay Experiment: Create an Inbox Note if user wants more info on WCPay (#35581) 2022-11-16 13:22:16 +00:00
Ismael Martín Alabarce 3d1f8c36e0
Update WCPay promo requirements and ensure dismiss (#35030)
* Ensure Payments menu is dismissed after choosing no

Now it gets also dismissed on modal close

* Add a new requirement

Check if the store has another payment gateway installed to be eligible for the promotion.

* Add changelog entry

* Fix not using strict comparison for in_array

* Update is_another_payment_gateway_installed

To use a static list instead of PaymentGatewaySuggestions
2022-10-13 08:14:01 +02:00
Oleksandr Aratovskyi a9dbb6d64e
Change copy of the payments welcome modal (#35031)
* Change copy in Payments Welcome modal

* Change copy in Payments Welcome modal
2022-10-12 16:18:13 +03:00
Adam Heckler 4b44189e1d
Change "WCPay" to "WooCommerce Payments" (#34666) 2022-10-03 15:42:04 +05:30
Oleksandr Aratovskyi 013a5f25ec
Show APMs on the new Payments menu (#34581)
* Initial commit

* Implement APMs toggle button
- Add valid links to each APM
- Add valid link to the marketplace

* Implement APMs toggle button
- Add valid links to each APM
- Add valid link to the marketplace

* Refactor the code to be more explicit

* Delete the apm on toggle off if it's local state

* Implement FAQ simple block
- Style a notice about APM is enabled
- Add noreferrer and target=_blank to external links

* Add todo comments

* FAQ simple styling fix (improve padding)

* Fixes after inner review

* Add changelog item

* Address PR review comments

* Remove Affirm as it's not in the store

* Style fixes, proper internationalization and put valid link

* Styling fixes, translators comment, rename ApmsProps component to ApmListProps

* Two more styling fixes

* Styling fix

* Styling fix

* Remove text-decoration: none to match the design
2022-09-23 20:36:12 +08:00
Ismael Martín Alabarce 115cac05de
Add WC Payments welcome page experiment (#34251)
* Show WCPay welcome page to all eligible merchants.

Remove the experiment and also check for marketplace suggestions.

* Update banner design and copy

Replace background `wcpay-banner.png` with `wcpay-offer.svg`, `flag.j` svg component with `gift.js`. Adjust styles and ensure it's responsive.

* Add more requirements.

Don't register it when there is an existing WCPay account or the site is on a WPCOM starter plan.

* Update promotion and FAQ copy

* Add the new experiment.

And remove the supported country check to use Explat instead.

* Add changelog entry

* Remove WPCOM starter plan check

* Remove Yoda comparisons

* Update `wcpay_exit_survey` event.

Record it also when the user chooses `Just remove` and use snake_case to avoid Track errors.

* Country and time conditions.

Only for US based businesses with a live store of at least 90 days.

* Update design and copy to match new requirements

* Update promo ID

* Fix country condition

* Load SVG as image instead of background

To prevent wrong asset generation due to Webpack configuration

* Fix WCPay installed condition

* Update promo ID

* Update promo ID in allowed notes

* Update FAQ copy

* Add `apply_filters` docblock

* Add missing `@since` to docblock comment
2022-08-17 17:11:51 +08:00
Chi-Hsuan Huang b274831334
Update wcpay suggestion UI in payment task (#33717)
* Add WCPayBanner & WCPayBenefits

* Update payment setting & welcome screen to use components from woo onboarding

* Update wcpay suggestion UI in payment task

* Add changelog

* Add WCPayBannerImageCut image and update wcpay banner style

* Update packages/js/onboarding/src/components/WCPayBanner/WCPayBanner.scss

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>

* Set .woocommerce-recommended-payments-banner__image_container display: flex

Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>
2022-07-06 14:20:11 +08:00
Chi-Hsuan Huang 7068c78101
Fix JS lint errors (#33484)
* Fix @woocommerce/data lint errors

* Fix internal-e2e-builds lint error

* Fix lint errors
2022-06-21 16:37:34 +08:00
Ilyas Foo fc74c42fe0
Merge branch 'trunk' into add/wc-payment-gateways-banner 2022-04-29 09:11:20 +08:00
Chi-Hsuan Huang 678e893f60 Fix react admin ./client types after updating @woocommerce/data types 2022-04-25 15:17:28 +08:00
Chi-Hsuan Huang d94c1dc7bd Remove unnecessary wpDataselect & WCDataSelector types from react client 2022-04-25 14:17:28 +08:00
RJChow 73634d63d8 cleanup 2022-04-21 11:29:28 +08:00
RJChow aaf5c9ff5a Refactored and added new payment icons 2022-04-21 11:29:28 +08:00
RJChow 9a95dc028f implement slotfill 2022-04-21 11:29:28 +08:00
Chi-Hsuan Huang 7514c2edce Fix error type 2022-04-19 17:07:55 +08:00
Chi-Hsuan Huang f861dc4602 Fix woo admin payments & payment-weclome types 2022-04-19 16:31:15 +08:00
RJChow 1ba60ee69d Codemod to change i18n text domain from 'woocommerce-admin' to 'woocommerce' in WCA Client 2022-04-01 11:41:32 +08:00
Moon 8232b226f7 Use constant to construct image URLs (https://github.com/woocommerce/woocommerce-admin/pull/8451)
* Add WC_ADMIN_IMAGES_FOLDER constant

* Use WC_ADMIN_IMAGES_FOLDER to construct image URL

* Rename WC_ADMIN_IMAGES_FOLDER to WC_ADMIN_IMAGES_FOLDER_URL

* Use WC_ADMIN_IMAGES_FOLDER_URL to construct image URLs

* Move wcpay-banner.png to client dir

* Move wcpay-banner.png to client dir

* Use WC_ADMIN_IMAGES_FOLDER_URL for wcAdminAssetUrl

* Use WC_ADMIN_IMAGES_FOLDER_URL to construct image URLs

* Use WC_ADMIN_IMAGES_FOLDER_URL to construct image URLs

* Revert to images

* Add / to the path
2022-03-14 15:01:03 -07:00
Ilyas Foo 5840898524 Add card fees to specify what the discount applies to (https://github.com/woocommerce/woocommerce-admin/pull/8319) 2022-02-17 11:30:59 +08:00
Ilyas Foo d590b1116f Fix WCPay in core texts and promo slug (https://github.com/woocommerce/woocommerce-admin/pull/8296)
* Fix texts and change promo slug

* Changelog
2022-02-16 11:10:59 +08:00
Ilyas Foo a0ffceec06 Move WC Pay welcome page from wc-calypso-bridge (https://github.com/woocommerce/woocommerce-admin/pull/8151)
* Move WC Pay welcome page from wc-calypso-bridge (https://github.com/woocommerce/woocommerce-admin/pull/8083)

* Add wc-pay-welcome-screen flags

* Add wc pay welcome page from wc calpyso bridge

* Add changelog

* Rename var to pageViewTimestamp to prevent confusion

* Remove unused code

* Make sure hasViewedWelcomePage is a boolean value

* Simplify storeViewWelcome

* Add payments remind me later note (https://github.com/woocommerce/woocommerce-admin/pull/8085)

* Add payments remind me later note

Fix wcpay path

* Add changelogs

* Update src/Notes/PaymentsRemindMeLater.php

Co-authored-by: Joshua T Flowers <joshuatf@gmail.com>

* Fix possibly_add_note syntax error

Update Events.php

Co-authored-by: Joshua T Flowers <joshuatf@gmail.com>

* Replace flag icon with component and svg background to png (https://github.com/woocommerce/woocommerce-admin/pull/8101)

* Activate promo note after WC Pay is activated (https://github.com/woocommerce/woocommerce-admin/pull/8104)

* Activate promo after wcpay is a\ctivated

* Add changelogs

* Add experimental to promo API path and limit the promo names

* Use ExPlat to render the WC Pay menu conditionally (https://github.com/woocommerce/woocommerce-admin/pull/8115)

* Check ExPlat to render the menu conditionally

* Update the experiment name

* Fix letter case to follow feature class naming convention

* Enable wc-pay-welcome-page feature in core config (https://github.com/woocommerce/woocommerce-admin/pull/8124)

* Use wc_calypso_bridge_payments_dismissed option name to respect the previously saved setting from wp.com

* Missed wc_calypso_bridge_payments_dismissed rename

* Use the existing code to prevent duplication

* Fix warning (https://github.com/woocommerce/woocommerce-admin/pull/8141)

* Change experiment to come after checks (https://github.com/woocommerce/woocommerce-admin/pull/8142)

* Change track path to (https://github.com/woocommerce/woocommerce-admin/pull/8143)

Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Co-authored-by: Joshua T Flowers <joshuatf@gmail.com>
Co-authored-by: Ilyas Foo <foo.ilyas@gmail.com>

* Replace deprecated wc-admin-settings package

Co-authored-by: Moon <moon.kyong@automattic.com>
Co-authored-by: Chi-Hsuan Huang <chihsuan.tw@gmail.com>
Co-authored-by: Joshua T Flowers <joshuatf@gmail.com>
2022-01-12 14:46:33 +08:00