@artsy/reaction 29.2.0 → 29.4.0

package/CHANGELOG.md

@@ -1,3 +1,75 @@
+# v29.4.0 (Fri Apr 08 2022)
+
+#### 🚀  Enhancement
+
+- chore: update renovate assignee [#3722](https://github.com/artsy/reaction/pull/3722) ([@ovasdi](https://github.com/ovasdi))
+
+#### 🏠  Internal
+
+- Bump handlebars from 4.5.3 to 4.7.7 [#3682](https://github.com/artsy/reaction/pull/3682) ([@dependabot[bot]](https://github.com/dependabot[bot]))
+
+#### Authors: 2
+
+- [@dependabot[bot]](https://github.com/dependabot[bot])
+- Ozzie Vasdi ([@ovasdi](https://github.com/ovasdi))
+
+---
+
+# v29.3.0 (Thu Apr 07 2022)
+
+#### 🚀  Enhancement
+
+- fix: formating [#3723](https://github.com/artsy/reaction/pull/3723) ([@mc-jones](https://github.com/mc-jones))
+
+#### 🐛  Bug Fix
+
+- chore(inclusive-language): Rename master to main [#3716](https://github.com/artsy/reaction/pull/3716) ([@damassi](https://github.com/damassi))
+- chore: Adopt inclusive language [#3715](https://github.com/artsy/reaction/pull/3715) ([@sonecabr](https://github.com/sonecabr))
+
+#### 🏠  Internal
+
+- chore(deps): update dep @artsy/lint-changed from 3.4.0 to v5 [#3693](https://github.com/artsy/reaction/pull/3693) ([@renovate-bot](https://github.com/renovate-bot) [@renovate[bot]](https://github.com/renovate[bot]))
+- chore(deps): update dep vscode-apollo-relay from 1.5.1 to v1.5.2 [#3713](https://github.com/artsy/reaction/pull/3713) ([@renovate-bot](https://github.com/renovate-bot) [@renovate[bot]](https://github.com/renovate[bot]))
+- Bump lodash from 4.17.11 to 4.17.21 [#3684](https://github.com/artsy/reaction/pull/3684) ([@dependabot[bot]](https://github.com/dependabot[bot]))
+- Bump path-parse from 1.0.6 to 1.0.7 [#3696](https://github.com/artsy/reaction/pull/3696) ([@dependabot[bot]](https://github.com/dependabot[bot]))
+- chore(deps): update dep @artsy/lint-changed from 3.1.0 to v3.4.0 [#3689](https://github.com/artsy/reaction/pull/3689) ([@renovate-bot](https://github.com/renovate-bot) [@renovate[bot]](https://github.com/renovate[bot]))
+- Bump ssri from 6.0.1 to 6.0.2 [#3680](https://github.com/artsy/reaction/pull/3680) ([@dependabot[bot]](https://github.com/dependabot[bot]))
+- Bump y18n from 3.2.1 to 3.2.2 [#3679](https://github.com/artsy/reaction/pull/3679) ([@dependabot[bot]](https://github.com/dependabot[bot]))
+- Bump tmpl from 1.0.4 to 1.0.5 [#3706](https://github.com/artsy/reaction/pull/3706) ([@dependabot[bot]](https://github.com/dependabot[bot]))
+- chore(deps): update dep @artsy/auto-config from 1.0.2 to v1.1.0 [#3708](https://github.com/artsy/reaction/pull/3708) ([@renovate-bot](https://github.com/renovate-bot) [@renovate[bot]](https://github.com/renovate[bot]))
+- chore(deps): update auto orb from 1.3.2 to v2 [#3711](https://github.com/artsy/reaction/pull/3711) ([@renovate-bot](https://github.com/renovate-bot) [@renovate[bot]](https://github.com/renovate[bot]))
+- chore: Update Rennovate [#3712](https://github.com/artsy/reaction/pull/3712) ([@icirellik](https://github.com/icirellik))
+- chore: (PLATFORM-3528) update node version to 14LTS, update README [#3705](https://github.com/artsy/reaction/pull/3705) ([@ovasdi](https://github.com/ovasdi))
+
+#### 🔩 Dependency Updates
+
+- Bump ini from 1.3.5 to 1.3.8 [#3668](https://github.com/artsy/reaction/pull/3668) ([@dependabot[bot]](https://github.com/dependabot[bot]))
+
+#### Authors: 8
+
+- [@dependabot[bot]](https://github.com/dependabot[bot])
+- [@renovate[bot]](https://github.com/renovate[bot])
+- Andre Rocha ([@sonecabr](https://github.com/sonecabr))
+- Cameron Rollheiser ([@icirellik](https://github.com/icirellik))
+- Christopher Pappas ([@damassi](https://github.com/damassi))
+- Matt Jones ([@mc-jones](https://github.com/mc-jones))
+- Ozzie Vasdi ([@ovasdi](https://github.com/ovasdi))
+- WhiteSource Renovate ([@renovate-bot](https://github.com/renovate-bot))
+
+---
+
+# v29.2.1 (Thu Aug 12 2021)
+
+#### 🐛  Bug Fix
+
+- bugfix: Fix overflow text [#3697](https://github.com/artsy/reaction/pull/3697) ([@damassi](https://github.com/damassi))
+
+#### Authors: 1
+
+- Christopher Pappas ([@damassi](https://github.com/damassi))
+
+---
+
 # v29.2.0 (Fri Jun 11 2021)
 
 #### 🚀  Enhancement
@@ -370,7 +442,7 @@
 - add "schedule:nonOfficeHours" [#3608](https://github.com/artsy/reaction/pull/3608) ([@eessex](https://github.com/eessex))
 - Reenable renovate [#3608](https://github.com/artsy/reaction/pull/3608) ([@eessex](https://github.com/eessex))
 
-#### ⚠️  Pushed to `master`
+#### ⚠️  Pushed to `main`
 
 - Disable renovate ([@dblandin](https://github.com/dblandin))
 
@@ -397,7 +469,7 @@
 
 - Remove tracking calls for now [#3591](https://github.com/artsy/reaction/pull/3591) ([@sweir27](https://github.com/sweir27))
 
-#### ⚠️  Pushed to `master`
+#### ⚠️  Pushed to `main`
 
 - Update renovate.json ([@damassi](https://github.com/damassi))
 - Update README ([@damassi](https://github.com/damassi))
@@ -611,7 +683,7 @@
 
 - 2FA enrollment responsive fix: switch to maxWidth [#3567](https://github.com/artsy/reaction/pull/3567) ([@dblandin](https://github.com/dblandin))
 
-#### ⚠️  Pushed to `master`
+#### ⚠️  Pushed to `main`
 
 - Bump to trigger npm publish :rocket: ([@dblandin](https://github.com/dblandin))
 
@@ -627,7 +699,7 @@
 
 - Add responsive styles to 2FA Enrollment UI [#3566](https://github.com/artsy/reaction/pull/3566) ([@dblandin](https://github.com/dblandin))
 
-#### ⚠️  Pushed to `master`
+#### ⚠️  Pushed to `main`
 
 - empty commit to trigger build ([@ds300](https://github.com/ds300))
 
@@ -1015,7 +1087,7 @@
 - Update metaphysics schema [#3500](https://github.com/artsy/reaction/pull/3500) ([@artsyit](https://github.com/artsyit))
 - Fallback to base route if no route found through index [#3504](https://github.com/artsy/reaction/pull/3504) ([@zephraph](https://github.com/zephraph))
 
-#### ⚠️  Pushed to `master`
+#### ⚠️  Pushed to `main`
 
 - Force deploy ([@zephraph](https://github.com/zephraph))
 
@@ -1161,7 +1233,7 @@
 - Update metaphysics schema [#3483](https://github.com/artsy/reaction/pull/3483) ([@artsyit](https://github.com/artsyit))
 - Fix Formik boolean handling [#3481](https://github.com/artsy/reaction/pull/3481) ([@dblandin](https://github.com/dblandin))
 
-#### ⚠️  Pushed to `master`
+#### ⚠️  Pushed to `main`
 
 - empty commit to trigger build ([@ds300](https://github.com/ds300))
 
@@ -1250,7 +1322,7 @@
 - [mWeb] Show OTP prompt during login when 2FA-enabled [#3472](https://github.com/artsy/reaction/pull/3472) ([@dblandin](https://github.com/dblandin))
 - [Chore] Turns on exhaustive-deps [#3473](https://github.com/artsy/reaction/pull/3473) ([@dzucconi](https://github.com/dzucconi))
 
-#### ⚠️  Pushed to `master`
+#### ⚠️  Pushed to `main`
 
 - Fix @artsy/cohesion Intent.login reference ([@dblandin](https://github.com/dblandin))
 
@@ -1440,7 +1512,7 @@
 - Update metaphysics schema [#3452](https://github.com/artsy/reaction/pull/3452) ([@artsyit](https://github.com/artsyit))
 - [NavBar Drop Down QA] add a new prop to control background color [#3447](https://github.com/artsy/reaction/pull/3447) ([@xtina-starr](https://github.com/xtina-starr))
 
-#### ⚠️  Pushed to `master`
+#### ⚠️  Pushed to `main`
 
 - Bump for force reaction release ([@zephraph](https://github.com/zephraph))
 
@@ -2467,7 +2539,7 @@ Cypress integration testing. [#3384](https://github.com/artsy/reaction/pull/3384
 - Organize MobileNav into folder [#3335](https://github.com/artsy/reaction/pull/3335) ([@damassi](https://github.com/damassi))
 - Display information about identity verification on credit card form [#3334](https://github.com/artsy/reaction/pull/3334) ([@bhoggard](https://github.com/bhoggard))
 
-#### ⚠️  Pushed to master
+#### ⚠️  Pushed to main
 
 - Forcing a reaction release  ([@zephraph](https://github.com/zephraph))
 
@@ -3844,7 +3916,7 @@ Cypress integration testing. [#3384](https://github.com/artsy/reaction/pull/3384
 
 - Fix conversation detail link [#3187](https://github.com/artsy/reaction/pull/3187) ([@ashkan18](https://github.com/ashkan18))
 
-#### ⚠️  Pushed to master
+#### ⚠️  Pushed to main
 
 - [BundleSplitting] Comment out for now  ([@damassi](https://github.com/damassi))
 
@@ -5059,7 +5131,7 @@ Paired with @abhitip @mikehrom on updates to these event payloads. [#3099](https
 - Bump down threshold for lazy-loading on artist artwork grid [#3053](https://github.com/artsy/reaction/pull/3053) ([@zephraph](https://github.com/zephraph))
 - Restore Artworks link to mobile nav [#3046](https://github.com/artsy/reaction/pull/3046) ([@xtina-starr](https://github.com/xtina-starr))
 
-#### ⚠️  Pushed to master
+#### ⚠️  Pushed to main
 
 - Bump to 23.0.1 to get around issues with auto-release  (steven.j.hicks@gmail.com)
 
@@ -5377,7 +5449,7 @@ addresses https://artsyproduct.atlassian.net/browse/AUCT-773 [#3034](https://git
 
 #### 🚀  Enhancement
 
-- Meta: Merge recent auctions team product work into master [#3022](https://github.com/artsy/reaction/pull/3022) ([@yuki24](https://github.com/yuki24) [@dleve123](https://github.com/dleve123))
+- Meta: Merge recent auctions team product work into main [#3022](https://github.com/artsy/reaction/pull/3022) ([@yuki24](https://github.com/yuki24) [@dleve123](https://github.com/dleve123))
 
 #### Authors: 2
 
@@ -6701,7 +6773,7 @@ Details
 
 # v20.0.9 (Mon Sep 30 2019)
 
-#### ⚠️  Pushed to master
+#### ⚠️  Pushed to main
 
 - Remove Luc from point people  (eve.essex@gmail.com)
 
@@ -8323,7 +8395,7 @@ Co-authored-by: Erik Stockmeier <erik.d.stock@gmail.com> [#2703](https://github.
 
 - update test [#2644](https://github.com/artsy/reaction/pull/2644) (jiahaodavid4040@gmail.com)
 
-#### ⚠️  Pushed to master
+#### ⚠️  Pushed to main
 
 - resolve conflicting files  (jiahaodavid4040@gmail.com)
 
@@ -9183,7 +9255,7 @@ Co-authored-by: Daniel Levenson <dleve123@gmail.com> [#2672](https://github.com/
 <details>
 <summary>artsy/palette</summary>
 
-### [`v4.14.23`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v41423-Thu-Jun-27-2019)
+### [`v4.14.23`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v41423-Thu-Jun-27-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.14.22...v4.14.23)
 
@@ -9290,7 +9362,7 @@ _From #2577_
 <details>
 <summary>artsy/palette</summary>
 
-### [`v4.14.22`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v41422-Mon-Jun-24-2019)
+### [`v4.14.22`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v41422-Mon-Jun-24-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.14.21...v4.14.22)
 
@@ -9358,7 +9430,7 @@ _From #2577_
 <details>
 <summary>artsy/palette</summary>
 
-### [`v4.14.21`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v41421-Fri-Jun-21-2019)
+### [`v4.14.21`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v41421-Fri-Jun-21-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.14.20...v4.14.21)
 
@@ -9571,7 +9643,7 @@ _From #2577_
 <details>
 <summary>artsy/palette</summary>
 
-### [`v4.14.16`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v41416-Thu-Jun-13-2019)
+### [`v4.14.16`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v41416-Thu-Jun-13-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.14.15...v4.14.16)
 
@@ -9903,7 +9975,7 @@ _From #2577_
 <details>
 <summary>artsy/palette</summary>
 
-### [`v4.14.9`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v4149-Fri-Jun-07-2019)
+### [`v4.14.9`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v4149-Fri-Jun-07-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.14.8...v4.14.9)
 
@@ -10073,19 +10145,19 @@ _From #2577_
 <details>
 <summary>artsy/palette</summary>
 
-### [`v4.14.2`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v4142-Mon-Jun-03-2019)
+### [`v4.14.2`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v4142-Mon-Jun-03-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.14.1...v4.14.2)
 
 * * *
 
-### [`v4.14.1`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v4141-Mon-Jun-03-2019)
+### [`v4.14.1`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v4141-Mon-Jun-03-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.14.0...v4.14.1)
 
 * * *
 
-### [`v4.14.0`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v4140-Sun-Jun-02-2019)
+### [`v4.14.0`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v4140-Sun-Jun-02-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.13.5...v4.14.0)
 
@@ -10138,7 +10210,7 @@ _From #2577_
 <details>
 <summary>artsy/palette</summary>
 
-### [`v4.13.5`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v4135-Sat-Jun-01-2019)
+### [`v4.13.5`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v4135-Sat-Jun-01-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.13.4...v4.13.5)
 
@@ -10153,7 +10225,7 @@ _From #2577_
 
 * * *
 
-### [`v4.13.4`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v4134-Sat-Jun-01-2019)
+### [`v4.13.4`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v4134-Sat-Jun-01-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.13.3...v4.13.4)
 
@@ -10264,7 +10336,7 @@ _From #2577_
 <details>
 <summary>artsy/palette</summary>
 
-### [`v4.13.2`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v4132-Thu-May-30-2019)
+### [`v4.13.2`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v4132-Thu-May-30-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.13.1...v4.13.2)
 
@@ -10279,7 +10351,7 @@ _From #2577_
 
 * * *
 
-### [`v4.13.1`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v4131-Thu-May-30-2019)
+### [`v4.13.1`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v4131-Thu-May-30-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.13.0...v4.13.1)
 
@@ -10294,7 +10366,7 @@ _From #2577_
 
 * * *
 
-### [`v4.13.0`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v4130-Wed-May-29-2019)
+### [`v4.13.0`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v4130-Wed-May-29-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.12.9...v4.13.0)
 
@@ -10309,7 +10381,7 @@ _From #2577_
 
 * * *
 
-### [`v4.12.9`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v4129-Wed-May-29-2019)
+### [`v4.12.9`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v4129-Wed-May-29-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.12.8...v4.12.9)
 
@@ -10370,7 +10442,7 @@ _From #2577_
 <details>
 <summary>artsy/palette</summary>
 
-### [`v4.12.8`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v4128-Tue-May-28-2019)
+### [`v4.12.8`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v4128-Tue-May-28-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.12.7...v4.12.8)
 
@@ -10394,7 +10466,7 @@ _From #2471_
 <details>
 <summary>artsy/palette</summary>
 
-### [`v4.12.7`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v4127-Tue-May-28-2019)
+### [`v4.12.7`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v4127-Tue-May-28-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.12.6...v4.12.7)
 
@@ -10418,7 +10490,7 @@ _From #2455_
 <details>
 <summary>artsy/palette</summary>
 
-### [`v4.12.6`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v4126-Tue-May-28-2019)
+### [`v4.12.6`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v4126-Tue-May-28-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.12.5...v4.12.6)
 
@@ -10439,7 +10511,7 @@ _From #2455_
 
 * * *
 
-### [`v4.12.5`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v4125-Thu-May-23-2019)
+### [`v4.12.5`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v4125-Thu-May-23-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.12.4...v4.12.5)
 
@@ -10453,7 +10525,7 @@ _From #2455_
 
 * * *
 
-### [`v4.12.4`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v4124-Thu-May-23-2019)
+### [`v4.12.4`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v4124-Thu-May-23-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.12.3...v4.12.4)
 
@@ -10468,7 +10540,7 @@ _From #2455_
 
 * * *
 
-### [`v4.12.3`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v4123-Thu-May-23-2019)
+### [`v4.12.3`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v4123-Thu-May-23-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.12.2...v4.12.3)
 
@@ -10634,7 +10706,7 @@ _From #2455_
 <details>
 <summary>webpack-contrib/webpack-bundle-analyzer</summary>
 
-### [`v3.3.2`](https://togithub.com/webpack-contrib/webpack-bundle-analyzer/blob/master/CHANGELOG.md#&#8203;332)
+### [`v3.3.2`](https://togithub.com/webpack-contrib/webpack-bundle-analyzer/blob/main/CHANGELOG.md#&#8203;332)
 
 [Compare Source](https://togithub.com/webpack-contrib/webpack-bundle-analyzer/compare/v2.13.1...v3.3.2)
 
@@ -10765,7 +10837,7 @@ _From #2455_
 <details>
 <summary>omakase-js/omakase</summary>
 
-### [`v0.0.9`](https://togithub.com/omakase-js/omakase/blob/master/CHANGELOG.md#&#8203;009-Tue-May-21-2019)
+### [`v0.0.9`](https://togithub.com/omakase-js/omakase/blob/main/CHANGELOG.md#&#8203;009-Tue-May-21-2019)
 
 [Compare Source](https://togithub.com/omakase-js/omakase/compare/v0.0.8...v0.0.9)
 
@@ -10780,7 +10852,7 @@ _From #2455_
 
 * * *
 
-### [`v0.0.8`](https://togithub.com/omakase-js/omakase/blob/master/CHANGELOG.md#&#8203;008-Tue-May-21-2019)
+### [`v0.0.8`](https://togithub.com/omakase-js/omakase/blob/main/CHANGELOG.md#&#8203;008-Tue-May-21-2019)
 
 [Compare Source](https://togithub.com/omakase-js/omakase/compare/v0.0.7...v0.0.8)
 
@@ -10804,7 +10876,7 @@ _From #2443_
 <details>
 <summary>artsy/palette</summary>
 
-### [`v4.12.1`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v4121-Tue-May-21-2019)
+### [`v4.12.1`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v4121-Tue-May-21-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.12.0...v4.12.1)
 
@@ -10882,7 +10954,7 @@ _From #2443_
 <details>
 <summary>artsy/palette</summary>
 
-### [`v4.12.0`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v4120-Fri-May-17-2019)
+### [`v4.12.0`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v4120-Fri-May-17-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.11.9...v4.12.0)
 
@@ -11223,7 +11295,7 @@ _From #2443_
 <details>
 <summary>artsy/palette</summary>
 
-### [`v4.11.9`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v4119-Fri-May-10-2019)
+### [`v4.11.9`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v4119-Fri-May-10-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.11.8...v4.11.9)
 
@@ -11247,7 +11319,7 @@ _From #2399_
 <details>
 <summary>artsy/palette</summary>
 
-### [`v4.11.8`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v4118-Fri-May-10-2019)
+### [`v4.11.8`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v4118-Fri-May-10-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.11.7...v4.11.8)
 
@@ -11321,7 +11393,7 @@ _From #2399_
 <details>
 <summary>artsy/palette</summary>
 
-### [`v4.11.7`](https://togithub.com/artsy/palette/blob/master/CHANGELOG.md#v4117-Fri-May-10-2019)
+### [`v4.11.7`](https://togithub.com/artsy/palette/blob/main/CHANGELOG.md#v4117-Fri-May-10-2019)
 
 [Compare Source](https://togithub.com/artsy/palette/compare/v4.11.6...v4.11.7)
 
@@ -14817,11 +14889,11 @@ Co-authored-by: Renovate Bot <bot@renovateapp.com> [#2297](https://github.com/ar
 - Revert "Refactor tests" [#1963](https://github.com/artsy/reaction/pull/1963) ([@ds300](https://github.com/ds300))
 - Refactor tests [#1899](https://github.com/artsy/reaction/pull/1899) ([@ds300](https://github.com/ds300) sweir27@gmail.com)
 
-#### ⚠️  Pushed to master
+#### ⚠️  Pushed to main
 
 - remove --detectOpenHandles  ([@ds300](https://github.com/ds300))
 - add --forceExit to jest invocation  ([@ds300](https://github.com/ds300))
-- Merge remote-tracking branch 'upstream/master' into refactor-tests  ([@ds300](https://github.com/ds300))
+- Merge remote-tracking branch 'upstream/main' into refactor-tests  ([@ds300](https://github.com/ds300))
 - don't re-calculate path array  ([@ds300](https://github.com/ds300))
 - add todo comment context  ([@ds300](https://github.com/ds300))
 - More sanity checks  ([@ds300](https://github.com/ds300))
@@ -14830,8 +14902,8 @@ Co-authored-by: Renovate Bot <bot@renovateapp.com> [#2297](https://github.com/ar
 - abmiguous -> ambiguous  ([@ds300](https://github.com/ds300))
 - Update src/DevTools/createMockNetworkLayer/index.ts  ([@alloy](https://github.com/alloy))
 - Update src/DevTools/createMockNetworkLayer/index.ts  ([@alloy](https://github.com/alloy))
-- Merge remote-tracking branch 'upstream/master' into refactor-tests  ([@ds300](https://github.com/ds300))
-- Merge branch 'master' into refactor-tests  ([@d.j.sheldrick@gmail.com](https://github.com/d.j.sheldrick@gmail.com))
+- Merge remote-tracking branch 'upstream/main' into refactor-tests  ([@ds300](https://github.com/ds300))
+- Merge branch 'main' into refactor-tests  ([@d.j.sheldrick@gmail.com](https://github.com/d.j.sheldrick@gmail.com))
 - bring countdown timer test fixtures closer to the tests  ([@ds300](https://github.com/ds300))
 
 ---
@@ -15795,4 +15867,4 @@ Update dependency @artsy/palette to v2.34.0 [#1921](https://github.com/artsy/rea
 #### Authors: 2
 
 - Art.sy ([@artsyit](https://github.com/artsyit))
-- Justin Bennett ([@zephraph](https://github.com/zephraph))
+- Justin Bennett ([@zephraph](https://github.com/zephraph))

package/README.md

@@ -13,11 +13,9 @@
 ## Meta
 
 - **State:** production
-- **Demo:** <https://artsy.github.io/reaction>
 - **CI:** [![CircleCI](https://circleci.com/gh/artsy/reaction.svg?style=shield)](https://circleci.com/gh/artsy/reaction)
 - **NPM:** [![npm version](https://badge.fury.io/js/%40artsy%2Freaction.svg)](https://www.npmjs.com/package/@artsy/reaction)
-- **Coverage:** [![codecov](https://codecov.io/gh/artsy/reaction/branch/master/graph/badge.svg)](https://codecov.io/gh/artsy/reaction)
-- **Point People:** [@eessex](https://github.com/eessex)
+- **Coverage:** [![codecov](https://codecov.io/gh/artsy/reaction/branch/main/graph/badge.svg)](https://codecov.io/gh/artsy/reaction)
 
 ## Installation
 
@@ -133,8 +131,8 @@ You can learn more about this work from [our blog][footer_blog] and by following
 our [job postings][footer_jobs]!
 
 [footer_website]: https://www.artsy.net/
-[footer_principles]: https://github.com/artsy/README/blob/master/culture/engineering-principles.md
-[footer_open]: https://github.com/artsy/README/blob/master/culture/engineering-principles.md#open-source-by-default
+[footer_principles]: https://github.com/artsy/README/blob/main/culture/engineering-principles.md
+[footer_open]: https://github.com/artsy/README/blob/main/culture/engineering-principles.md#open-source-by-default
 [footer_blog]: https://artsy.github.io/
 [footer_twitter]: https://twitter.com/ArtsyOpenSource
 [footer_api]: https://developers.artsy.net/

package/dist/Artsy/Relay/middleware/metaphysicsExtensionsLoggerMiddleware.js

@@ -33,7 +33,7 @@ function metaphysicsExtensionsLoggerMiddleware() {
     return function (req) {
       return next(req).then(function (res) {
         if (res.json.extensions && console.groupCollapsed && res.json.extensions.requests) {
-          // See: https://github.com/artsy/metaphysics/blob/master/src/lib/loaders/api/extensionsLogger.ts
+          // See: https://github.com/artsy/metaphysics/blob/main/src/lib/loaders/api/extensionsLogger.ts
           var requests = res.json.extensions.requests; // Pull out the stitching logs, e.g. what graphql requests
           // did stitching do for you under the hood
 

package/dist/Artsy/Relay/middleware/metaphysicsExtensionsLoggerMiddleware.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/Artsy/Relay/middleware/metaphysicsExtensionsLoggerMiddleware.ts"],"names":["metaphysicsExtensionsLoggerMiddleware","next","req","then","res","json","extensions","console","groupCollapsed","requests","stitching","stitchCount","Object","keys","length","stitchSummary","apis","requestCount","map","k","reduce","a","c","colorForRequests","noBold","noColor","requestSummary","title","forEach","host","group","route","log","groupEnd","stitchedSchema"],"mappings":"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","sourcesContent":["import _ from \"lodash\"\n\n/**\n * This takes the extra extension metadata that staging and dev metaphysics\n * sends about API requests it makes for you, and logs it out during dev\n * time into your console at the same places as the relay queries.\n */\nexport function metaphysicsExtensionsLoggerMiddleware() {\n  return next => req => {\n    return next(req).then(res => {\n      if (\n        res.json.extensions &&\n        console.groupCollapsed &&\n        res.json.extensions.requests\n      ) {\n        // See: https://github.com/artsy/metaphysics/blob/master/src/lib/loaders/api/extensionsLogger.ts\n        const requests = res.json.extensions.requests\n\n        // Pull out the stitching logs, e.g. what graphql requests\n        // did stitching do for you under the hood\n        const stitching = requests.stitching\n        const stitchCount = stitching && Object.keys(stitching.requests).length\n        const stitchSummary = stitchCount ? `${stitchCount} stitched` : \"\"\n\n        // Grab the rest API requests (only ones that use DataLoader)\n        // so this is kinda a sub-set but it's more or less everything\n        const apis = _.omit(requests, [\"stitching\"])\n        const requestCount = Object.keys(apis)\n          .map(k => Object.keys(requests[k].requests).length) // API requests\n          .reduce((a, c) => a + c, 0) // Add them all up\n\n        // Not telling anyone off, but over 15 is probably a point\n        // where you want that highlighted.\n        const colorForRequests =\n          requestCount >= 15 ? \"color: #F1AF1B;\" : \"color: #6E1EFF;\"\n\n        // The way the console coloring works is you use %c as an inline span\n        // sentinal to correlate style to the next set of characters\n        //\n        // So we'll need some styles to work with\n        const noBold = \"font-weight: normal;\"\n        const noColor = \"color: black; font-weight: normal;\"\n        const requestSummary = requestCount\n          ? `%c ${requestCount} %ccalls` // These need consistent amounts of %c\n          : \"%c%c\"\n\n        const title = `%cMetaphysics API -${requestSummary} ${stitchSummary}`\n\n        // Make sure we have something to show\n        if (requestCount || stitchCount) {\n          // The main title for the metaphysics section\n          console.groupCollapsed(title, noBold, colorForRequests, noColor)\n\n          // Loop through all of the hosts, make a subsection for those\n          // and show the raw request obj in-case we add new things to it\n          if (requestCount) {\n            Object.keys(apis).forEach(host => {\n              console.group(host)\n              Object.keys(apis[host].requests).forEach(route => {\n                console.log(route, apis[host].requests[route])\n              })\n              console.groupEnd()\n            })\n          }\n\n          // Show stitched queries inline. This will probably need work in\n          // the future, because I bet it's ugly.\n\n          if (stitchCount) {\n            console.group(\"Stitched\")\n            Object.keys(stitching.requests).forEach(stitchedSchema => {\n              console.log(stitching.requests[stitchedSchema])\n            })\n            console.groupEnd()\n          }\n\n          // Wrap up the metaphysics section\n          console.groupEnd()\n        }\n      }\n      return res\n    })\n  }\n}\n"],"file":"metaphysicsExtensionsLoggerMiddleware.js"}
+{"version":3,"sources":["../../../../src/Artsy/Relay/middleware/metaphysicsExtensionsLoggerMiddleware.ts"],"names":["metaphysicsExtensionsLoggerMiddleware","next","req","then","res","json","extensions","console","groupCollapsed","requests","stitching","stitchCount","Object","keys","length","stitchSummary","apis","requestCount","map","k","reduce","a","c","colorForRequests","noBold","noColor","requestSummary","title","forEach","host","group","route","log","groupEnd","stitchedSchema"],"mappings":"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","sourcesContent":["import _ from \"lodash\"\n\n/**\n * This takes the extra extension metadata that staging and dev metaphysics\n * sends about API requests it makes for you, and logs it out during dev\n * time into your console at the same places as the relay queries.\n */\nexport function metaphysicsExtensionsLoggerMiddleware() {\n  return next => req => {\n    return next(req).then(res => {\n      if (\n        res.json.extensions &&\n        console.groupCollapsed &&\n        res.json.extensions.requests\n      ) {\n        // See: https://github.com/artsy/metaphysics/blob/main/src/lib/loaders/api/extensionsLogger.ts\n        const requests = res.json.extensions.requests\n\n        // Pull out the stitching logs, e.g. what graphql requests\n        // did stitching do for you under the hood\n        const stitching = requests.stitching\n        const stitchCount = stitching && Object.keys(stitching.requests).length\n        const stitchSummary = stitchCount ? `${stitchCount} stitched` : \"\"\n\n        // Grab the rest API requests (only ones that use DataLoader)\n        // so this is kinda a sub-set but it's more or less everything\n        const apis = _.omit(requests, [\"stitching\"])\n        const requestCount = Object.keys(apis)\n          .map(k => Object.keys(requests[k].requests).length) // API requests\n          .reduce((a, c) => a + c, 0) // Add them all up\n\n        // Not telling anyone off, but over 15 is probably a point\n        // where you want that highlighted.\n        const colorForRequests =\n          requestCount >= 15 ? \"color: #F1AF1B;\" : \"color: #6E1EFF;\"\n\n        // The way the console coloring works is you use %c as an inline span\n        // sentinal to correlate style to the next set of characters\n        //\n        // So we'll need some styles to work with\n        const noBold = \"font-weight: normal;\"\n        const noColor = \"color: black; font-weight: normal;\"\n        const requestSummary = requestCount\n          ? `%c ${requestCount} %ccalls` // These need consistent amounts of %c\n          : \"%c%c\"\n\n        const title = `%cMetaphysics API -${requestSummary} ${stitchSummary}`\n\n        // Make sure we have something to show\n        if (requestCount || stitchCount) {\n          // The main title for the metaphysics section\n          console.groupCollapsed(title, noBold, colorForRequests, noColor)\n\n          // Loop through all of the hosts, make a subsection for those\n          // and show the raw request obj in-case we add new things to it\n          if (requestCount) {\n            Object.keys(apis).forEach(host => {\n              console.group(host)\n              Object.keys(apis[host].requests).forEach(route => {\n                console.log(route, apis[host].requests[route])\n              })\n              console.groupEnd()\n            })\n          }\n\n          // Show stitched queries inline. This will probably need work in\n          // the future, because I bet it's ugly.\n\n          if (stitchCount) {\n            console.group(\"Stitched\")\n            Object.keys(stitching.requests).forEach(stitchedSchema => {\n              console.log(stitching.requests[stitchedSchema])\n            })\n            console.groupEnd()\n          }\n\n          // Wrap up the metaphysics section\n          console.groupEnd()\n        }\n      }\n      return res\n    })\n  }\n}\n"],"file":"metaphysicsExtensionsLoggerMiddleware.js"}

package/dist/Components/Publishing/Header/Layouts/Components/FeatureSplitHeader.js

@@ -148,7 +148,7 @@ var Img = _styledComponents.default.img.withConfig({
 var FeatureSplitHeaderContainer = (0, _styledComponents.default)(_palette.Flex).withConfig({
   displayName: "FeatureSplitHeader__FeatureSplitHeaderContainer",
   componentId: "sc-1y8c2x0-5"
-})(["height:", ";min-height:fit-content;", ";"], function (props) {
+})(["height:", ";overflow:hidden;min-height:fit-content;", ";"], function (props) {
   return props.hasNav ? "100vh" : "calc(100vh - 61px)";
 }, function (props) {
   return !props.hasNav && "\n    margin-top: 61px;\n  ";

package/dist/Components/Publishing/Header/Layouts/Components/FeatureSplitHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/Components/Publishing/Header/Layouts/Components/FeatureSplitHeader.tsx"],"names":["FeatureSplitHeader","props","article","hero_section","seriesArticle","editImage","url","isVideo","includes","src","length","width","HeaderTextContainer","Box","TextContainer","SubContentContainer","BylineContainer","media","md","Title","FeatureVideo","styled","video","FeatureAssetContainer","ImageContainer","div","Img","img","FeatureSplitHeaderContainer","Flex","hasNav"],"mappings":"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","sourcesContent":["import { Box, Flex, media, space } from \"@artsy/palette\"\nimport { BylineContainer } from \"Components/Publishing/Byline/Byline\"\nimport React from \"react\"\nimport styled from \"styled-components\"\nimport { resize } from \"Utils/resizer\"\nimport { Media } from \"Utils/Responsive\"\nimport { EditImage, FeatureHeaderProps } from \"../FeatureHeader\"\nimport {\n  FeatureInnerContent,\n  FeatureInnerSubContent,\n  SubContentContainer,\n  TextContainer,\n  Title,\n} from \"./FeatureInnerContent\"\n\nexport const FeatureSplitHeader: React.SFC<FeatureHeaderProps> = props => {\n  const {\n    article: { hero_section, seriesArticle },\n    editImage,\n  } = props\n\n  const url = (hero_section && hero_section.url) || \"\"\n  const isVideo = url.includes(\"mp4\")\n  const src = !isVideo && url.length && resize(url, { width: 1600 })\n\n  return (\n    <FeatureSplitHeaderContainer\n      hasNav={(seriesArticle || editImage) && true}\n      justifyContent=\"space-between\"\n      flexDirection={[\"column\", \"column\", \"row\", \"row\"]}\n    >\n      <HeaderTextContainer width={[\"100%\", \"100%\", \"50%\", \"50%\"]} p={20}>\n        <FeatureInnerContent {...props} />\n      </HeaderTextContainer>\n\n      <FeatureAssetContainer\n        width={[\"100%\", \"100%\", \"50%\", \"50%\"]}\n        p={[0, 0, 20, 20]}\n      >\n        {editImage && <EditImage>{editImage}</EditImage>}\n        {isVideo ? (\n          <FeatureVideo\n            src={url}\n            autoPlay\n            controls={false}\n            loop\n            muted\n            playsInline\n          />\n        ) : (\n          src && (\n            <ImageContainer src={src}>\n              <Img src={src} />\n            </ImageContainer>\n          )\n        )}\n      </FeatureAssetContainer>\n\n      <Media lessThan=\"md\">\n        <HeaderTextContainer width=\"100%\" px={20}>\n          <FeatureInnerSubContent {...props} />\n        </HeaderTextContainer>\n      </Media>\n    </FeatureSplitHeaderContainer>\n  )\n}\n\nconst HeaderTextContainer = styled(Box)`\n  ${TextContainer} {\n    height: 100%;\n    justify-content: space-between;\n  }\n\n  ${SubContentContainer} {\n    display: block;\n  }\n\n  ${BylineContainer} {\n    margin-top: ${space(3)}px;\n  }\n\n  ${media.md`\n    ${Title} {\n      margin-bottom: 20px;\n    }\n    ${TextContainer} {\n      ${SubContentContainer} {\n        display: none;\n      }\n    }\n  `};\n`\n\nconst FeatureVideo = styled.video`\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n\n  ${media.md`\n    height: auto;\n  `};\n`\n\nexport const FeatureAssetContainer = styled(Box)`\n  flex: 1;\n  overflow: hidden;\n  position: relative;\n\n  img {\n    display: none;\n  }\n\n  ${media.md`\n    height: fit-content;\n    overflow: inherit;\n\n    img {\n      display: block;\n    }\n  `};\n`\n\nconst ImageContainer = styled.div<{ src?: string }>`\n  ${props =>\n    props.src &&\n    `\n  background-image: url(${props.src});\n  `};\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position: center;\n  height: 100%;\n\n  ${media.md`\n    height: fit-content;\n    ${props =>\n      props.src &&\n      `\n      background-image: none;\n      height: fit-content;\n    `}\n  `};\n`\n\nconst Img = styled.img`\n  width: 100%;\n`\n\nexport const FeatureSplitHeaderContainer = styled(Flex)<{\n  hasNav?: boolean\n}>`\n  height: ${props => (props.hasNav ? \"100vh\" : \"calc(100vh - 61px)\")};\n  min-height: fit-content;\n\n  ${props =>\n    !props.hasNav &&\n    `\n    margin-top: 61px;\n  `};\n`\n"],"file":"FeatureSplitHeader.js"}
+{"version":3,"sources":["../../../../../../src/Components/Publishing/Header/Layouts/Components/FeatureSplitHeader.tsx"],"names":["FeatureSplitHeader","props","article","hero_section","seriesArticle","editImage","url","isVideo","includes","src","length","width","HeaderTextContainer","Box","TextContainer","SubContentContainer","BylineContainer","media","md","Title","FeatureVideo","styled","video","FeatureAssetContainer","ImageContainer","div","Img","img","FeatureSplitHeaderContainer","Flex","hasNav"],"mappings":"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","sourcesContent":["import { Box, Flex, media, space } from \"@artsy/palette\"\nimport { BylineContainer } from \"Components/Publishing/Byline/Byline\"\nimport React from \"react\"\nimport styled from \"styled-components\"\nimport { resize } from \"Utils/resizer\"\nimport { Media } from \"Utils/Responsive\"\nimport { EditImage, FeatureHeaderProps } from \"../FeatureHeader\"\nimport {\n  FeatureInnerContent,\n  FeatureInnerSubContent,\n  SubContentContainer,\n  TextContainer,\n  Title,\n} from \"./FeatureInnerContent\"\n\nexport const FeatureSplitHeader: React.SFC<FeatureHeaderProps> = props => {\n  const {\n    article: { hero_section, seriesArticle },\n    editImage,\n  } = props\n\n  const url = (hero_section && hero_section.url) || \"\"\n  const isVideo = url.includes(\"mp4\")\n  const src = !isVideo && url.length && resize(url, { width: 1600 })\n\n  return (\n    <FeatureSplitHeaderContainer\n      hasNav={(seriesArticle || editImage) && true}\n      justifyContent=\"space-between\"\n      flexDirection={[\"column\", \"column\", \"row\", \"row\"]}\n    >\n      <HeaderTextContainer width={[\"100%\", \"100%\", \"50%\", \"50%\"]} p={20}>\n        <FeatureInnerContent {...props} />\n      </HeaderTextContainer>\n\n      <FeatureAssetContainer\n        width={[\"100%\", \"100%\", \"50%\", \"50%\"]}\n        p={[0, 0, 20, 20]}\n      >\n        {editImage && <EditImage>{editImage}</EditImage>}\n        {isVideo ? (\n          <FeatureVideo\n            src={url}\n            autoPlay\n            controls={false}\n            loop\n            muted\n            playsInline\n          />\n        ) : (\n          src && (\n            <ImageContainer src={src}>\n              <Img src={src} />\n            </ImageContainer>\n          )\n        )}\n      </FeatureAssetContainer>\n\n      <Media lessThan=\"md\">\n        <HeaderTextContainer width=\"100%\" px={20}>\n          <FeatureInnerSubContent {...props} />\n        </HeaderTextContainer>\n      </Media>\n    </FeatureSplitHeaderContainer>\n  )\n}\n\nconst HeaderTextContainer = styled(Box)`\n  ${TextContainer} {\n    height: 100%;\n    justify-content: space-between;\n  }\n\n  ${SubContentContainer} {\n    display: block;\n  }\n\n  ${BylineContainer} {\n    margin-top: ${space(3)}px;\n  }\n\n  ${media.md`\n    ${Title} {\n      margin-bottom: 20px;\n    }\n    ${TextContainer} {\n      ${SubContentContainer} {\n        display: none;\n      }\n    }\n  `};\n`\n\nconst FeatureVideo = styled.video`\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n\n  ${media.md`\n    height: auto;\n  `};\n`\n\nexport const FeatureAssetContainer = styled(Box)`\n  flex: 1;\n  overflow: hidden;\n  position: relative;\n\n  img {\n    display: none;\n  }\n\n  ${media.md`\n    height: fit-content;\n    overflow: inherit;\n\n    img {\n      display: block;\n    }\n  `};\n`\n\nconst ImageContainer = styled.div<{ src?: string }>`\n  ${props =>\n    props.src &&\n    `\n  background-image: url(${props.src});\n  `};\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position: center;\n  height: 100%;\n\n  ${media.md`\n    height: fit-content;\n    ${props =>\n      props.src &&\n      `\n      background-image: none;\n      height: fit-content;\n    `}\n  `};\n`\n\nconst Img = styled.img`\n  width: 100%;\n`\n\nexport const FeatureSplitHeaderContainer = styled(Flex)<{\n  hasNav?: boolean\n}>`\n  height: ${props => (props.hasNav ? \"100vh\" : \"calc(100vh - 61px)\")};\n  overflow: hidden;\n  min-height: fit-content;\n\n  ${props =>\n    !props.hasNav &&\n    `\n    margin-top: 61px;\n  `};\n`\n"],"file":"FeatureSplitHeader.js"}

package/dist/Components/Publishing/Sections/Video.js

@@ -97,7 +97,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var BLACKLIST = ["gif", "jpg", "jpeg", "png"];
+var DENYLIST = ["gif", "jpg", "jpeg", "png"];
 var QUERYSTRING = "?title=0&portrait=0&badge=0&byline=0&showinfo=0&rel=0&controls=2&modestbranding=1&iv_load_policy=3&color=E5E5E5";
 var VIDEO_RATIO = 0.5625;
 exports.VIDEO_RATIO = VIDEO_RATIO;
@@ -209,7 +209,7 @@ function (_React$Component) {
 
 function isValidVideoUrl(url) {
   var urlExtension = url && url.split(".").pop();
-  var isValid = BLACKLIST.every(function (bad) {
+  var isValid = DENYLIST.every(function (bad) {
     return urlExtension !== bad;
   });
   return isValid;

package/dist/Components/Publishing/Sections/Video.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/Components/Publishing/Sections/Video.tsx"],"names":["BLACKLIST","QUERYSTRING","VIDEO_RATIO","VideoComponent","props","trackingData","dispatch","data","Events","postEvent","url","section","isValid","isValidVideoUrl","parsedUrl","urlParser","parse","playerUrl","getPlayerUrl","id","getId","playerSrc","state","src","hidden","console","error","playVideo","bind","tracking","trackEvent","action","label","setState","trackVideoClick","color","layout","caption","cover_image_url","width","size","showCaption","children","React","Component","x","urlExtension","split","pop","every","bad","hostname","indexOf","pathname","query","v","IFrame","styled","iframe","height","VideoContainer","div","p","breakpoint","md","xs","CoverImage","sizeMeOptions","refreshRate","SIZE_ME_REFRESH_RATE","noPlaceholder","Video"],"mappings":"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","sourcesContent":["import React from \"react\"\nimport sizeMe from \"react-sizeme\"\nimport track, { TrackingProp } from \"react-tracking\"\nimport styled from \"styled-components\"\nimport urlParser from \"url\"\nimport Events from \"../../../Utils/Events\"\nimport { resize } from \"../../../Utils/resizer\"\nimport { pMedia as breakpoint } from \"../../Helpers\"\nimport { SIZE_ME_REFRESH_RATE } from \"../Constants\"\nimport { ArticleLayout } from \"../Typings\"\nimport { Caption } from \"./Caption\"\nimport { VideoControls } from \"./VideoControls\"\n\nconst BLACKLIST = [\"gif\", \"jpg\", \"jpeg\", \"png\"]\nconst QUERYSTRING =\n  \"?title=0&portrait=0&badge=0&byline=0&showinfo=0&rel=0&controls=2&modestbranding=1&iv_load_policy=3&color=E5E5E5\"\nexport const VIDEO_RATIO = 0.5625\n\ninterface VideoProps {\n  color?: string\n  section: {\n    url: string\n    caption?: string\n    cover_image_url?: string\n  }\n  size?: any\n  tracking?: TrackingProp\n  trackingData?: any\n  layout?: ArticleLayout\n}\n\ninterface VideoState {\n  src?: string // FIXME: Coming from Positron, this can be empty / invalid\n  hidden: boolean\n}\n\n@track(\n  props => {\n    return props.trackingData ? props.trackingData : {}\n  },\n  {\n    dispatch: data => Events.postEvent(data),\n  }\n)\nclass VideoComponent extends React.Component<VideoProps, VideoState> {\n  static defaultProps = {\n    size: {\n      width: 500,\n    },\n    tracking: {\n      trackEvent: x => x,\n    },\n  }\n\n  constructor(props) {\n    super(props)\n\n    const { url } = this.props.section\n    const isValid = url && isValidVideoUrl(url)\n\n    if (isValid) {\n      const parsedUrl = urlParser.parse(url, true)\n      const playerUrl = getPlayerUrl(parsedUrl)\n      const id = getId(parsedUrl)\n      const playerSrc = playerUrl + id + QUERYSTRING\n\n      this.state = {\n        src: playerSrc,\n        hidden: false,\n      }\n    } else {\n      console.error(\n        \"(@artsy/reaction) Video.tsx: A url is required for video.\",\n        this.props\n      )\n\n      this.state = {\n        hidden: true,\n      }\n    }\n    this.playVideo = this.playVideo.bind(this)\n  }\n\n  trackVideoClick() {\n    this.props.tracking.trackEvent({\n      action: \"Click\",\n      label: \"Play video\",\n    })\n  }\n\n  playVideo() {\n    const playerSrc = this.state.src + \"&autoplay=1\"\n    this.setState({ src: playerSrc, hidden: true })\n    this.trackVideoClick()\n  }\n\n  render() {\n    const {\n      color,\n      layout,\n      section: { caption, cover_image_url },\n      size: { width },\n    } = this.props\n    const showCaption = layout !== \"feature\"\n\n    return (\n      <VideoContainer layout={layout} className=\"VideoContainer\">\n        {cover_image_url && (\n          <CoverImage\n            className=\"VideoCover\"\n            src={resize(cover_image_url, { width: 1200 })}\n            height={width && width * VIDEO_RATIO}\n            onClick={this.playVideo}\n            hidden={this.state.hidden}\n          >\n            <VideoControls />\n          </CoverImage>\n        )}\n\n        <IFrame\n          src={this.state.src}\n          frameBorder=\"0\"\n          allowFullScreen\n          height={width && width * VIDEO_RATIO}\n        />\n\n        {showCaption && (\n          <Caption caption={caption} layout={layout} color={color}>\n            {this.props.children}\n          </Caption>\n        )}\n      </VideoContainer>\n    )\n  }\n}\n\n// Utils\nexport function isValidVideoUrl(url: string) {\n  const urlExtension = url && url.split(\".\").pop()\n  const isValid = BLACKLIST.every(bad => urlExtension !== bad)\n  return isValid\n}\n\nexport function getPlayerUrl(url) {\n  const { hostname } = url\n\n  if (hostname) {\n    if (hostname.indexOf(\"vimeo.com\") > -1) {\n      return \"https://player.vimeo.com/video/\"\n    } else if (hostname.indexOf(\"youtu\") > -1) {\n      return \"https://www.youtube.com/embed/\"\n    }\n  } else {\n    return \"\" // FIXME: check for errors\n  }\n}\n\nfunction getId(url) {\n  const { hostname, pathname } = url\n\n  if (hostname && pathname) {\n    if (url.hostname.indexOf(\"youtube.com\") > 0) {\n      return url.query.v\n    } else {\n      return url.pathname.split(\"/\").pop()\n    }\n  } else {\n    return \"\" // FIXME: error\n  }\n}\n\n// Styles\n\nexport const IFrame = styled.iframe`\n  width: 100%;\n  height: ${props => (props.height ? `${props.height}px` : \"100%\")};\n`\n\ninterface CoverImageProps {\n  src?: string\n  height?: number\n  layout?: ArticleLayout\n}\n\nconst VideoContainer = styled.div<CoverImageProps>`\n  width: 100%;\n  position: relative;\n\n  ${p => {\n    if (p.layout === \"feature\") {\n      return `\n        text-align: center;\n        padding-bottom: 53px;\n        max-width: 1200px;\n        margin: 0 auto;\n        ${breakpoint.md`\n          height: 450px;\n        `}\n\n        ${breakpoint.xs`\n          height: 300px;\n          padding-bottom: 20px;\n        `}\n      `\n    }\n  }};\n`\n\nexport const CoverImage = styled.div<CoverImageProps>`\n  display: ${props => (props.hidden || !props.src ? \"none\" : \"flex\")};\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: ${props => (props.height ? `${props.height}px` : \"100%\")};\n  position: absolute;\n  background: url(${props => props.src || \"\"}) no-repeat center center;\n  background-size: cover;\n  cursor: pointer;\n`\n\nconst sizeMeOptions = {\n  refreshRate: SIZE_ME_REFRESH_RATE,\n  noPlaceholder: true,\n}\n\nexport const Video = sizeMe(sizeMeOptions)(VideoComponent)\n"],"file":"Video.js"}
+{"version":3,"sources":["../../../../src/Components/Publishing/Sections/Video.tsx"],"names":["DENYLIST","QUERYSTRING","VIDEO_RATIO","VideoComponent","props","trackingData","dispatch","data","Events","postEvent","url","section","isValid","isValidVideoUrl","parsedUrl","urlParser","parse","playerUrl","getPlayerUrl","id","getId","playerSrc","state","src","hidden","console","error","playVideo","bind","tracking","trackEvent","action","label","setState","trackVideoClick","color","layout","caption","cover_image_url","width","size","showCaption","children","React","Component","x","urlExtension","split","pop","every","bad","hostname","indexOf","pathname","query","v","IFrame","styled","iframe","height","VideoContainer","div","p","breakpoint","md","xs","CoverImage","sizeMeOptions","refreshRate","SIZE_ME_REFRESH_RATE","noPlaceholder","Video"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,QAAQ,GAAG,CAAC,KAAD,EAAQ,KAAR,EAAe,MAAf,EAAuB,KAAvB,CAAjB;AACA,IAAMC,WAAW,GACf,iHADF;AAEO,IAAMC,WAAW,GAAG,MAApB;;IA4BDC,c,WARL,4BACC,UAAAC,KAAK,EAAI;AACP,SAAOA,KAAK,CAACC,YAAN,GAAqBD,KAAK,CAACC,YAA3B,GAA0C,EAAjD;AACD,CAHF,EAIC;AACEC,EAAAA,QAAQ,EAAE,kBAAAC,IAAI;AAAA,WAAIC,gBAAOC,SAAP,CAAiBF,IAAjB,CAAJ;AAAA;AADhB,CAJD,C;;;;;AAkBC,0BAAYH,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,wFAAMA,KAAN;AADiB,QAGTM,GAHS,GAGD,MAAKN,KAAL,CAAWO,OAHV,CAGTD,GAHS;AAIjB,QAAME,OAAO,GAAGF,GAAG,IAAIG,eAAe,CAACH,GAAD,CAAtC;;AAEA,QAAIE,OAAJ,EAAa;AACX,UAAME,SAAS,GAAGC,aAAUC,KAAV,CAAgBN,GAAhB,EAAqB,IAArB,CAAlB;;AACA,UAAMO,SAAS,GAAGC,YAAY,CAACJ,SAAD,CAA9B;AACA,UAAMK,EAAE,GAAGC,KAAK,CAACN,SAAD,CAAhB;AACA,UAAMO,SAAS,GAAGJ,SAAS,GAAGE,EAAZ,GAAiBlB,WAAnC;AAEA,YAAKqB,KAAL,GAAa;AACXC,QAAAA,GAAG,EAAEF,SADM;AAEXG,QAAAA,MAAM,EAAE;AAFG,OAAb;AAID,KAVD,MAUO;AACLC,MAAAA,OAAO,CAACC,KAAR,CACE,2DADF,EAEE,MAAKtB,KAFP;AAKA,YAAKkB,KAAL,GAAa;AACXE,QAAAA,MAAM,EAAE;AADG,OAAb;AAGD;;AACD,UAAKG,SAAL,GAAiB,MAAKA,SAAL,CAAeC,IAAf,+BAAjB;AA1BiB;AA2BlB;;;;sCAEiB;AAChB,WAAKxB,KAAL,CAAWyB,QAAX,CAAoBC,UAApB,CAA+B;AAC7BC,QAAAA,MAAM,EAAE,OADqB;AAE7BC,QAAAA,KAAK,EAAE;AAFsB,OAA/B;AAID;;;gCAEW;AACV,UAAMX,SAAS,GAAG,KAAKC,KAAL,CAAWC,GAAX,GAAiB,aAAnC;AACA,WAAKU,QAAL,CAAc;AAAEV,QAAAA,GAAG,EAAEF,SAAP;AAAkBG,QAAAA,MAAM,EAAE;AAA1B,OAAd;AACA,WAAKU,eAAL;AACD;;;6BAEQ;AAAA,wBAMH,KAAK9B,KANF;AAAA,UAEL+B,KAFK,eAELA,KAFK;AAAA,UAGLC,MAHK,eAGLA,MAHK;AAAA,4CAILzB,OAJK;AAAA,UAIM0B,OAJN,uBAIMA,OAJN;AAAA,UAIeC,eAJf,uBAIeA,eAJf;AAAA,UAKGC,KALH,eAKLC,IALK,CAKGD,KALH;AAOP,UAAME,WAAW,GAAGL,MAAM,KAAK,SAA/B;AAEA,aACE,6BAAC,cAAD;AAAgB,QAAA,MAAM,EAAEA,MAAxB;AAAgC,QAAA,SAAS,EAAC;AAA1C,SACGE,eAAe,IACd,6BAAC,UAAD;AACE,QAAA,SAAS,EAAC,YADZ;AAEE,QAAA,GAAG,EAAE,qBAAOA,eAAP,EAAwB;AAAEC,UAAAA,KAAK,EAAE;AAAT,SAAxB,CAFP;AAGE,QAAA,MAAM,EAAEA,KAAK,IAAIA,KAAK,GAAGrC,WAH3B;AAIE,QAAA,OAAO,EAAE,KAAKyB,SAJhB;AAKE,QAAA,MAAM,EAAE,KAAKL,KAAL,CAAWE;AALrB,SAOE,6BAAC,4BAAD,OAPF,CAFJ,EAaE,6BAAC,MAAD;AACE,QAAA,GAAG,EAAE,KAAKF,KAAL,CAAWC,GADlB;AAEE,QAAA,WAAW,EAAC,GAFd;AAGE,QAAA,eAAe,MAHjB;AAIE,QAAA,MAAM,EAAEgB,KAAK,IAAIA,KAAK,GAAGrC;AAJ3B,QAbF,EAoBGuC,WAAW,IACV,6BAAC,gBAAD;AAAS,QAAA,OAAO,EAAEJ,OAAlB;AAA2B,QAAA,MAAM,EAAED,MAAnC;AAA2C,QAAA,KAAK,EAAED;AAAlD,SACG,KAAK/B,KAAL,CAAWsC,QADd,CArBJ,CADF;AA4BD;;;;EAzF0BC,eAAMC,S,4CACX;AACpBJ,EAAAA,IAAI,EAAE;AACJD,IAAAA,KAAK,EAAE;AADH,GADc;AAIpBV,EAAAA,QAAQ,EAAE;AACRC,IAAAA,UAAU,EAAE,oBAAAe,CAAC;AAAA,aAAIA,CAAJ;AAAA;AADL;AAJU,C,uBA2FxB;;AACO,SAAShC,eAAT,CAAyBH,GAAzB,EAAsC;AAC3C,MAAMoC,YAAY,GAAGpC,GAAG,IAAIA,GAAG,CAACqC,KAAJ,CAAU,GAAV,EAAeC,GAAf,EAA5B;AACA,MAAMpC,OAAO,GAAGZ,QAAQ,CAACiD,KAAT,CAAe,UAAAC,GAAG;AAAA,WAAIJ,YAAY,KAAKI,GAArB;AAAA,GAAlB,CAAhB;AACA,SAAOtC,OAAP;AACD;;AAEM,SAASM,YAAT,CAAsBR,GAAtB,EAA2B;AAAA,MACxByC,QADwB,GACXzC,GADW,CACxByC,QADwB;;AAGhC,MAAIA,QAAJ,EAAc;AACZ,QAAIA,QAAQ,CAACC,OAAT,CAAiB,WAAjB,IAAgC,CAAC,CAArC,EAAwC;AACtC,aAAO,iCAAP;AACD,KAFD,MAEO,IAAID,QAAQ,CAACC,OAAT,CAAiB,OAAjB,IAA4B,CAAC,CAAjC,EAAoC;AACzC,aAAO,gCAAP;AACD;AACF,GAND,MAMO;AACL,WAAO,EAAP,CADK,CACK;AACX;AACF;;AAED,SAAShC,KAAT,CAAeV,GAAf,EAAoB;AAAA,MACVyC,QADU,GACazC,GADb,CACVyC,QADU;AAAA,MACAE,QADA,GACa3C,GADb,CACA2C,QADA;;AAGlB,MAAIF,QAAQ,IAAIE,QAAhB,EAA0B;AACxB,QAAI3C,GAAG,CAACyC,QAAJ,CAAaC,OAAb,CAAqB,aAArB,IAAsC,CAA1C,EAA6C;AAC3C,aAAO1C,GAAG,CAAC4C,KAAJ,CAAUC,CAAjB;AACD,KAFD,MAEO;AACL,aAAO7C,GAAG,CAAC2C,QAAJ,CAAaN,KAAb,CAAmB,GAAnB,EAAwBC,GAAxB,EAAP;AACD;AACF,GAND,MAMO;AACL,WAAO,EAAP,CADK,CACK;AACX;AACF,C,CAED;;;AAEO,IAAMQ,MAAM,GAAGC,0BAAOC,MAAV;AAAA;AAAA;AAAA,gCAEP,UAAAtD,KAAK;AAAA,SAAKA,KAAK,CAACuD,MAAN,aAAkBvD,KAAK,CAACuD,MAAxB,UAAqC,MAA1C;AAAA,CAFE,CAAZ;;;;AAWP,IAAMC,cAAc,GAAGH,0BAAOI,GAAV;AAAA;AAAA;AAAA,2CAIhB,UAAAC,CAAC,EAAI;AACL,MAAIA,CAAC,CAAC1B,MAAF,KAAa,SAAjB,EAA4B;AAC1B,gJAKI2B,gBAAWC,EALf,4CASID,gBAAWE,EATf;AAcD;AACF,CArBiB,CAApB;;AAwBO,IAAMC,UAAU,GAAGT,0BAAOI,GAAV;AAAA;AAAA;AAAA,2LACV,UAAAzD,KAAK;AAAA,SAAKA,KAAK,CAACoB,MAAN,IAAgB,CAACpB,KAAK,CAACmB,GAAvB,GAA6B,MAA7B,GAAsC,MAA3C;AAAA,CADK,EAKX,UAAAnB,KAAK;AAAA,SAAKA,KAAK,CAACuD,MAAN,aAAkBvD,KAAK,CAACuD,MAAxB,UAAqC,MAA1C;AAAA,CALM,EAOH,UAAAvD,KAAK;AAAA,SAAIA,KAAK,CAACmB,GAAN,IAAa,EAAjB;AAAA,CAPF,CAAhB;;;AAYP,IAAM4C,aAAa,GAAG;AACpBC,EAAAA,WAAW,EAAEC,+BADO;AAEpBC,EAAAA,aAAa,EAAE;AAFK,CAAtB;AAKO,IAAMC,KAAK,GAAG,0BAAOJ,aAAP,EAAsBhE,cAAtB,CAAd","sourcesContent":["import React from \"react\"\nimport sizeMe from \"react-sizeme\"\nimport track, { TrackingProp } from \"react-tracking\"\nimport styled from \"styled-components\"\nimport urlParser from \"url\"\nimport Events from \"../../../Utils/Events\"\nimport { resize } from \"../../../Utils/resizer\"\nimport { pMedia as breakpoint } from \"../../Helpers\"\nimport { SIZE_ME_REFRESH_RATE } from \"../Constants\"\nimport { ArticleLayout } from \"../Typings\"\nimport { Caption } from \"./Caption\"\nimport { VideoControls } from \"./VideoControls\"\n\nconst DENYLIST = [\"gif\", \"jpg\", \"jpeg\", \"png\"]\nconst QUERYSTRING =\n  \"?title=0&portrait=0&badge=0&byline=0&showinfo=0&rel=0&controls=2&modestbranding=1&iv_load_policy=3&color=E5E5E5\"\nexport const VIDEO_RATIO = 0.5625\n\ninterface VideoProps {\n  color?: string\n  section: {\n    url: string\n    caption?: string\n    cover_image_url?: string\n  }\n  size?: any\n  tracking?: TrackingProp\n  trackingData?: any\n  layout?: ArticleLayout\n}\n\ninterface VideoState {\n  src?: string // FIXME: Coming from Positron, this can be empty / invalid\n  hidden: boolean\n}\n\n@track(\n  props => {\n    return props.trackingData ? props.trackingData : {}\n  },\n  {\n    dispatch: data => Events.postEvent(data),\n  }\n)\nclass VideoComponent extends React.Component<VideoProps, VideoState> {\n  static defaultProps = {\n    size: {\n      width: 500,\n    },\n    tracking: {\n      trackEvent: x => x,\n    },\n  }\n\n  constructor(props) {\n    super(props)\n\n    const { url } = this.props.section\n    const isValid = url && isValidVideoUrl(url)\n\n    if (isValid) {\n      const parsedUrl = urlParser.parse(url, true)\n      const playerUrl = getPlayerUrl(parsedUrl)\n      const id = getId(parsedUrl)\n      const playerSrc = playerUrl + id + QUERYSTRING\n\n      this.state = {\n        src: playerSrc,\n        hidden: false,\n      }\n    } else {\n      console.error(\n        \"(@artsy/reaction) Video.tsx: A url is required for video.\",\n        this.props\n      )\n\n      this.state = {\n        hidden: true,\n      }\n    }\n    this.playVideo = this.playVideo.bind(this)\n  }\n\n  trackVideoClick() {\n    this.props.tracking.trackEvent({\n      action: \"Click\",\n      label: \"Play video\",\n    })\n  }\n\n  playVideo() {\n    const playerSrc = this.state.src + \"&autoplay=1\"\n    this.setState({ src: playerSrc, hidden: true })\n    this.trackVideoClick()\n  }\n\n  render() {\n    const {\n      color,\n      layout,\n      section: { caption, cover_image_url },\n      size: { width },\n    } = this.props\n    const showCaption = layout !== \"feature\"\n\n    return (\n      <VideoContainer layout={layout} className=\"VideoContainer\">\n        {cover_image_url && (\n          <CoverImage\n            className=\"VideoCover\"\n            src={resize(cover_image_url, { width: 1200 })}\n            height={width && width * VIDEO_RATIO}\n            onClick={this.playVideo}\n            hidden={this.state.hidden}\n          >\n            <VideoControls />\n          </CoverImage>\n        )}\n\n        <IFrame\n          src={this.state.src}\n          frameBorder=\"0\"\n          allowFullScreen\n          height={width && width * VIDEO_RATIO}\n        />\n\n        {showCaption && (\n          <Caption caption={caption} layout={layout} color={color}>\n            {this.props.children}\n          </Caption>\n        )}\n      </VideoContainer>\n    )\n  }\n}\n\n// Utils\nexport function isValidVideoUrl(url: string) {\n  const urlExtension = url && url.split(\".\").pop()\n  const isValid = DENYLIST.every(bad => urlExtension !== bad)\n  return isValid\n}\n\nexport function getPlayerUrl(url) {\n  const { hostname } = url\n\n  if (hostname) {\n    if (hostname.indexOf(\"vimeo.com\") > -1) {\n      return \"https://player.vimeo.com/video/\"\n    } else if (hostname.indexOf(\"youtu\") > -1) {\n      return \"https://www.youtube.com/embed/\"\n    }\n  } else {\n    return \"\" // FIXME: check for errors\n  }\n}\n\nfunction getId(url) {\n  const { hostname, pathname } = url\n\n  if (hostname && pathname) {\n    if (url.hostname.indexOf(\"youtube.com\") > 0) {\n      return url.query.v\n    } else {\n      return url.pathname.split(\"/\").pop()\n    }\n  } else {\n    return \"\" // FIXME: error\n  }\n}\n\n// Styles\n\nexport const IFrame = styled.iframe`\n  width: 100%;\n  height: ${props => (props.height ? `${props.height}px` : \"100%\")};\n`\n\ninterface CoverImageProps {\n  src?: string\n  height?: number\n  layout?: ArticleLayout\n}\n\nconst VideoContainer = styled.div<CoverImageProps>`\n  width: 100%;\n  position: relative;\n\n  ${p => {\n    if (p.layout === \"feature\") {\n      return `\n        text-align: center;\n        padding-bottom: 53px;\n        max-width: 1200px;\n        margin: 0 auto;\n        ${breakpoint.md`\n          height: 450px;\n        `}\n\n        ${breakpoint.xs`\n          height: 300px;\n          padding-bottom: 20px;\n        `}\n      `\n    }\n  }};\n`\n\nexport const CoverImage = styled.div<CoverImageProps>`\n  display: ${props => (props.hidden || !props.src ? \"none\" : \"flex\")};\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: ${props => (props.height ? `${props.height}px` : \"100%\")};\n  position: absolute;\n  background: url(${props => props.src || \"\"}) no-repeat center center;\n  background-size: cover;\n  cursor: pointer;\n`\n\nconst sizeMeOptions = {\n  refreshRate: SIZE_ME_REFRESH_RATE,\n  noPlaceholder: true,\n}\n\nexport const Video = sizeMe(sizeMeOptions)(VideoComponent)\n"],"file":"Video.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/reaction",
-  "version": "29.2.0",
+  "version": "29.4.0",
   "description": "Force’s React Components",
   "main": "dist/index.js",
   "repository": "https://github.com/artsy/reaction.git",
@@ -32,7 +32,7 @@
     "prettier-write": "yarn run prettier --write",
     "relay": "relay-compiler",
     "release": "auto shipit",
-    "sync-schema": "curl https://raw.githubusercontent.com/artsy/metaphysics/master/_schemaV2.graphql -o data/schema.graphql; yarn prettier --write --parser graphql data/schema.graphql",
+    "sync-schema": "curl https://raw.githubusercontent.com/artsy/metaphysics/main/_schemaV2.graphql -o data/schema.graphql; yarn prettier --write --parser graphql data/schema.graphql",
     "sync-schema:localhost": "cd ../metaphysics && yarn dump-schema v2 ../reaction/data/",
     "test": "ALLOW_CONSOLE_LOGS=true jest",
     "test:watch": "jest --watch --runInBand",
@@ -46,8 +46,8 @@
     "chokidar": "^3.0.2"
   },
   "devDependencies": {
-    "@artsy/auto-config": "1.0.2",
-    "@artsy/lint-changed": "3.1.0",
+    "@artsy/auto-config": "1.1.0",
+    "@artsy/lint-changed": "5.0.2",
     "@artsy/palette": "13.28.0",
     "@babel/cli": "7.0.0",
     "@babel/core": "7.7.2",
@@ -150,7 +150,7 @@
     "ts-node": "8.2.0",
     "typescript": "3.8.3",
     "typescript-styled-plugin": "0.13.0",
-    "vscode-apollo-relay": "1.5.1",
+    "vscode-apollo-relay": "1.5.2",
     "webpack": "4.29.6",
     "webpack-bundle-analyzer": "3.4.1",
     "webpack-merge": "4.1.2",