Because:
* We need to upgrade to react 18
This commit:
* Upgrades all frontend packages to react 18
Closes: FXA-7932
Closes: FXA-3587
Closes: FXA-4353
Closes: FXA-5081
Closes: FXA-5136
Closes: FXA-5140
Closes: FXA-5142
Closes: FXA-5143
Because:
- we want to upgrade our React/CRA packages to react-scripts and
webpack v5
This commit:
- upgrades react-scripts and webpack to v5 for Settings, Payments, and
Admin Panel
- upgrades other dependencies in order to make the react-scripts and
webpack upgrades work
- hybridizes fxa-auth-client and fxa-shared into dual module format
packages
Because:
- We want to avoid redundant git clone operations
- We want to reduce the number of ftl bundles requested on the client side.
This Commit:
- Adds _scripts/l10n/*.sh for conducting l10n build operations
- Bundles ftl files together into ftl main
- Removes bundle prop on AppLocalizer, so that it uses the default, [main.ftl]
- Replace - with _ in locale names when resolving ftl files
- Removes clone-l10n.sh
Because:
* For exclusive tax, display the tax amount in subscription management
This commit:
* Adds a new component, PriceDetails, that can be used to display the
price with/out tax, and price intervals with/out tax.
* Adds PriceDetails component to Subscription Management, and updates
the copy used.
* Preview invoice for each subscription to get the current tax amount
* Update preview invoice and subsequent invoices endpoints to return
total and subtotal *_excluding_tax amounts.
Closes #FXA-6187
Because:
- Concatenating shared FTL strings into multiple packages before sending for localization created duplication of localization work, and we want each string to only be translated once.
This commit:
- Remove concatenation of shared files (branding.ftl, fxa-react ftl files) from grunttasks
- Add grunttasks in fxa-react to concatenate fxa-react FTL files into one react.ftl file
- Add grunt to fxa-react dev dependencies
- Update fxa-react scripts to run l10n and ftl tasks
- Update clone-l10n script to distribute react.ftl to packages
- Bundle branding and shared into AppLocalizationProvider
Closes #FXA-6388
Because
* Organizing l10n strings in per-component files aligns payments-server with the setup used for auth-server and settings. Splitting the FTL files also improves maintability by more tightling coupling the strings with the components where the strings are used.
This commit
* Create a temporary branding file in fxa-payments-server/src
* Create a gruntfile with tasks for FTL concatenation and watching
* Rename the destination file from main.ftl to payments.ftl
* Switch payments-server's default locale from en-US to en and update all references of en-US to en
* Create individual FTL files per component and move messages to their respective component FTL file
* Add a l10n entry in the package readme
* Update clone-l10n.sh to copy 'payments' ftl files instead of 'main'
* Update AppLocalizationProvider to use 'payments' bundles
* Replace setupFluentLocalizationTest with getFtlBundle/getFtlFromPackage from fxa-react
* Remove setupFluentLocalizationTest function (no longer used in fxa-settings)
* Add merge-ftl:test task to package.json start and test:frontend scripts
* Remove legacy strings from FTL files
* Update currency and date formats to use 'en' as default locale
* Remove legacy paths from .gitignore files in payments-server
* Move remaining paths to global .gitignore
* Delete .gitignore files in payments-server
Closes #FXA-5996 and #FXA-6255
Because:
- We want to convert the main-content class to using Tailwind.
This commit:
- Creates a custom class and converts main-content to using Tailwind.
Closes #FXA-5628
Minor review edits
Because:
*We want to upgrade to Tailwind v3 and update other related outdated dependencies
This commit:
*Upgrades storybook packages across the board, upgrades autoprefixer, removes postcss-7 compatibility package and postcss-cli, installs postcss per Tailwind requirement
*Upgrades fxa-admin-panel to Tailwind v3
*Upgrades fxa-react to Tailwind v3, changing Portal from SCSS to CSS to remove a build step
*Upgrades fxa-settings to Tailwind v3, first transforming our SCSS to CSS before it’s sent to PostCSS. There will be a follow up to change our SCSS files to CSS and use PostCSS plugins instead
*Upgrades fxa-payments-server to Tailwind v3, decoupling SCSS from the Tailwind out file since payments will be using Tailwind exclusively in the next few months. Makes Storybook more consistent with other packages
* chore(payments): add subscriptionCoupons feature flag
Because:
* We want to have a feature flag for the coupons UI
This commit:
* Adds a feature flag called subscriptionCoupons
Closes # (GH issue linked to epic so i dont want to put anything here that will close that ticket)
Because:
* This UI is enabled by default for all environments, it is no longer necessary for local/dev.
This commit:
* Removes the feature flag, removes references to it, and updates the README
Closes#10531
Because:
- some routes in Payments need an access token
This commit:
- prevent a redirect to sign in Storybook by adding an access token in
the mocked app context
- new PaymentFormV2 component using new Stripe components, based on
PaymentForm with tweaks for all-in-one card widget and shifts
responsibility for card processing onto parent component
- plumbing in AppContext for new method for loading Stripe API
- add @stripe/react-stripe-js and @stripe/stripe-js dependencies
- switch to explicit tooltip parent wrapper for Stripe elements
- tweak functional test subscribeToTestProduct helper to more robustly
target Stripe elements
fixes#4294
- replace "according to payment term" in all FTL strings with
"according to <termsOfServiceLink>Terms of Service</termsOfServiceLink>
and <privacyNoticeLink>Privacy Notice</privacyNoticeLink>"
- supply legal doc URLs to localized rendering of confirmation checkbox
label from Stripe metadata product details
- enable storybook MockApp to accept a locale to exercise localized
content
fixes#5584
compile tailwind for use in fxa-react, fxa-settings, and fxa-admin-panel
add script to tailwind configs to only apply postcss output to fxa-react components being used in a given project
- post a comment on PRs for storybook deploy when relevant
- tweaks to CircleCi config to build & deploy storybooks for pull
requests and master merges
- try to avoid building storybooks if the packages are not in
packages/test.list generated by base-install
- updates for yarn
- tweaks to use github personal access token
- refactor storybook webpack customizations to use shared function in
fxa-react, along with fixes to module resolution
- add fxa-content-server as dependency for fxa-react, since it seems to
reuse content server styles that, in turn, need photon-colors
issue #5385
Fix missed parameter
Remove comments
Move urls to and add more specific methods to apiClient
Refactor apiClient to exported functions to prevent passing instance around
Upgrade react-stripe-element package to get rid of console warning
Begin to fix tests, add apiClient.test.ts
Export actions from ./actions.ts (#1079), WIP
Init actions refactor
Continue moving actions into actions.ts
Add 'simple' actions from store to actions
Move selectors into selectors.ts
Move reducers into reducers.ts
Move thunks into thunks.ts
Export thunks and selectors individually
Fix selector imports, better typing
Fix failed api call tests
Remove unused code
selectors.ts 100% line coverage - remove LoadingOverlay selector (not used), remove ternary return
Thunks test coverage - display dialogue error if subscription cancellation fails
Remove unused cruft
Remove commented out code left from rebase
Fix#2745 - React Hook dependency warning
Julian Poyourow
Barry Chen
dschom
Reino Muhl
Valerie Pomerleau
Lauren Zugai
Ivo Plamenac
Dave Justice
Bianca Danforth
Vijay Budhram
Les Orchard
Jody Heavener
Les Orchard
Ian Bicking