Commit Graph

15 Commits

Author SHA1 Message Date
Ismael Martín Alabarce 1ae97495de
Update WooPayments welcome page incentive logic (#38797)
* Update orders status query to ensure it exclude trash.

* Add incentive ID to every track event

on the welcome incentive page.

* Remove unnecessary SCSS after #38775 fix

* Add changelog entry

* Replace tos_url with tc_url for accurate naming

* Fix phpcs errors

---------

Co-authored-by: Vlad Olaru <vlad@pixelgrade.com>
2023-06-19 15:23:33 +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
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 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
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