Use plugin-api

client/coral-ui/index.js

@@ -28,3 +28,4 @@ export { default as Label } from './components/Label';
 export { default as FlagLabel } from './components/FlagLabel';
 export { default as Dropdown } from './components/Dropdown';
 export { default as Option } from './components/Option';
+export { default as BareButton } from './components/BareButton';

plugin-api/beta/client/components/index.js

@@ -26,3 +26,4 @@ export {
 export {
   default as StreamConfiguration,
 } from 'coral-framework/components/StreamConfiguration';
+export { default as Recaptcha } from 'coral-framework/components/Recaptcha';

plugins/talk-plugin-auth/client/login/components/External.js

@@ -1,21 +1,21 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import t from 'coral-framework/services/i18n';
 import styles from './External.css';
 import { Slot } from 'plugin-api/beta/client/components';
 import { IfSlotIsNotEmpty } from 'plugin-api/beta/client/components';
+import { t } from 'plugin-api/beta/client/services';
 
 const External = ({ slot }) => (
-  <div>
-    <IfSlotIsNotEmpty slot={slot}>
+  <IfSlotIsNotEmpty slot={slot}>
+    <div>
       <div className={styles.external}>
         <Slot fill={slot} />
       </div>
       <div className={styles.separator}>
         <h1>{t('sign_in.or')}</h1>
       </div>
-    </IfSlotIsNotEmpty>
-  </div>
+    </div>
+  </IfSlotIsNotEmpty>
 );
 
 External.propTypes = {

plugins/talk-plugin-auth/client/login/components/ForgotPassword.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import styles from './ForgotPassword.css';
 import { Button, TextField } from 'plugin-api/beta/client/components/ui';
-import t from 'coral-framework/services/i18n';
+import { t } from 'plugin-api/beta/client/services';
 
 class ForgotPassword extends React.Component {
   handleSignUpLink = e => {

plugins/talk-plugin-auth/client/login/components/ResendEmailConfirmation.js

@@ -5,9 +5,9 @@ import {
   Success,
   Alert,
 } from 'plugin-api/beta/client/components/ui';
+import { t } from 'plugin-api/beta/client/services';
 import PropTypes from 'prop-types';
 import styles from './ResendEmailConfirmation.css';
-import t from 'coral-framework/services/i18n';
 
 class ResendVerification extends React.Component {
   handleSubmit = e => {

plugins/talk-plugin-auth/client/login/components/SignIn.js

@@ -7,9 +7,9 @@ import {
   Alert,
 } from 'plugin-api/beta/client/components/ui';
 import styles from './SignIn.css';
-import t from 'coral-framework/services/i18n';
+import { t } from 'plugin-api/beta/client/services';
 import cn from 'classnames';
-import Recaptcha from 'coral-framework/components/Recaptcha';
+import { Recaptcha } from 'plugin-api/beta/client/components';
 import External from './External';
 
 class SignIn extends React.Component {

plugins/talk-plugin-auth/client/login/components/SignUp.js

@@ -7,7 +7,7 @@ import {
   Success,
   Alert,
 } from 'plugin-api/beta/client/components/ui';
-import t from 'coral-framework/services/i18n';
+import { t } from 'plugin-api/beta/client/services';
 import styles from './SignUp.css';
 import External from './External';