Release/5.0.1 beta.1 (#1344)

* Add lerna

* Add theme

* Add forms

* Add misty config to build theme & forms

* reset packages version

* Publish

 - @meetfranz/forms@1.0.0
 - @meetfranz/theme@1.0.0

* Reset package version

* restructure packages

* try ci with lerna

* Fix missing packages in build

* move storybook to root + typescript

TODO: fix modules

* Add lerna instructions

* Merge

* wip

* Make packages work in electron, node and web

* Finalize packages & replace storybook with homegrown `uidev`

* Bring package-lock back in sync

* Publish

 - @meetfranz/forms@1.0.1
 - @meetfranz/theme@1.0.1

* fix webpack issue

* expose legacy styles

* Add toggle element to @meetfranz/forms

* start typings package

* Update package.json

* Add buttons

* Update theme

* add types

* Add mdi icons to buttons

* Publish

 - @meetfranz/forms@1.0.2
 - @meetfranz/theme@1.0.2
 - @meetfranz/typings@0.0.1

* Button, add missing success state

* Update lerna packages

* Try to disable automatic npm ci

* Try to get a working bundle

* Add href and type to button component

* Update packages

* update versions

* cleanup

* Update package versions

[ci skip]

* Update versions

* Add withTheme context to button

* Update & reuse electron-rebuild

* feat(Windows): Add option to quit Franz from Taskbar icon

* Add missing withTheme

* Fix package versions

* Update versions

* Add pageview event

* Simplify analytics calls

* Pin gulp-sass-variables to 1.1.1

* Add onFocus event

* Add modal overlay color

* remove legacy theme files

* remove code

* Add dialog to share franz on social media

* Fix service count

* remove ping

* replace ms time strings with ms module

* remove unused packages

* fix value setter

* new payment flow

* fix module reference

* feat(Spell check): Add en-gb spell check languages (#1306)

* move devmode info

* fix(Windows): Fix losing window when "Keep Franz in background" is enabled

* fix(Service): Fix service zoom (cmd/ctrl+ & cmd/ctrl-)

* fixes appveyor build issue

* feat(App): Update electron to 4.0.7

* ignore intellij idea project files

* Automatic i18n update (i18n.meetfranz.com)

* feat(App): Add security checks for external URLs

* setup react-intl translations managing script

* use same zooming logic for all os

* feat(Linux): Add auto updater for Linux AppImage builds

* Add ctrl+ for zoom in on Windows

* move translation scripts into src/i18n folder

* only manage en-US translations

* manage translations before git pushes

* Fix unused i18n strings

* Bump version to 5.0.1-beta.1

* fix(Service) shortcuts for activating prev/next service fixes #1298

* fix(Service): Fix shortcut for (un)muting notifications & audio

* add missing react-intl files

* correctly update services submenu on language change

* fix(Windows): Fix copy & paste in service context menus

Closes #1316

* fix(Linux): Fix minimized window focusing (#1304) (@skoruppa)

* trigger build

* Check if window is minimized before restoring it

* restore() should be executed only when window is minimized

* fix(Notifications): Fix notifications & notification click when icon is blob

* Fix/service webview unmounting (#1328)

* detach service when underlying webview unmounts

* disable no-param-reassign eslint rule

* Add notification debug events

* Update electron to 4.0.8

Update required in order to fix performance degradation due to memory leak issue https://github.com/electron/electron/pull/16772.

* Automatic i18n update (i18n.meetfranz.com)

* Automatic i18n update (i18n.meetfranz.com)

* 5.0.1-beta.1

1 files changed, 126 insertions, 0 deletions

diff --git a/uidev/src/stories/infobox.stories.tsx b/uidev/src/stories/infobox.stories.tsx
new file mode 100644
index 000000000..2a5e8b0d5
--- /dev/null
+++ b/uidev/src/stories/infobox.stories.tsx
@@ -0,0 +1,126 @@
+import { observable } from 'mobx';
+import { observer } from 'mobx-react';
+import React from 'react';
+
+import { Infobox } from '@meetfranz/ui';
+import { storiesOf } from '../stores/stories';
+
+interface IStoreArgs {
+  icon?: string;
+  ctaLabel?: string;
+  type?: string;
+  dismissable?: boolean;
+}
+
+const createStore = (args?: IStoreArgs) => {
+  return observable(Object.assign({
+    type: 'primary',
+    ctaOnClick: () => {
+      alert('on click handler');
+    },
+  },                              args));
+};
+
+const WithStoreInfobox = observer(({ store, children }: { store: any, children: string | React.ReactNode }) => (
+  <>
+    <Infobox
+      icon={store.icon}
+      ctaLabel={store.ctaLabel}
+      type={store.type}
+      ctaOnClick={store.ctaOnClick}
+      dismissable={store.dismissable}
+    >
+      {children}
+    </Infobox>
+  </>
+));
+
+storiesOf('Infobox')
+  .add('Basic', () => (
+    <WithStoreInfobox store={createStore()}>Welcome to the world of tomorrow</WithStoreInfobox>
+  ))
+  .add('Icon + Dismissable', () => (
+    <WithStoreInfobox
+      store={createStore({
+        icon: 'mdiEarth',
+        dismissable: true,
+      })}
+    >
+      Welcome to the world of tomorrow
+    </WithStoreInfobox>
+  ))
+  .add('With CTA', () => (
+    <WithStoreInfobox
+      store={createStore({
+        icon: 'mdiEarth',
+        ctaLabel: 'Ok, hi!',
+      })}
+    >
+      Welcome to the world of tomorrow
+    </WithStoreInfobox>
+  ))
+  .add('With long text', () => (
+    <WithStoreInfobox
+      store={createStore({
+        icon: 'mdiEarth',
+        ctaLabel: 'Ok, hi!',
+      })}
+    >
+      Franz is your messaging app / former Emperor of Austria and combines chat & messaging services into one application. Franz currently supports Slack, WhatsApp, WeChat, HipChat, Facebook Messenger, Telegram, Google Hangouts,GroupMe, Skype and many more.
+    </WithStoreInfobox>
+  ))
+  .add('Secondary', () => (
+    <WithStoreInfobox
+      store={createStore({
+        icon: 'mdiEarth',
+        ctaLabel: 'Ok, hi!',
+        type: 'secondary',
+      })}
+    >
+      Welcome to the world of tomorrow
+    </WithStoreInfobox>
+  ))
+  .add('Success', () => (
+    <WithStoreInfobox
+      store={createStore({
+        icon: 'mdiEarth',
+        ctaLabel: 'Ok, hi!',
+        type: 'success',
+      })}
+    >
+      Welcome to the world of tomorrow
+    </WithStoreInfobox>
+  ))
+  .add('Warning', () => (
+    <WithStoreInfobox
+      store={createStore({
+        icon: 'mdiEarth',
+        ctaLabel: 'Ok, hi!',
+        type: 'warning',
+      })}
+    >
+      Welcome to the world of tomorrow
+    </WithStoreInfobox>
+  ))
+  .add('Danger', () => (
+    <WithStoreInfobox
+      store={createStore({
+        icon: 'mdiEarth',
+        ctaLabel: 'Ok, hi!',
+        type: 'danger',
+      })}
+    >
+      Welcome to the world of tomorrow
+    </WithStoreInfobox>
+  ))
+  .add('Inverted', () => (
+    <WithStoreInfobox
+      store={createStore({
+        icon: 'mdiEarth',
+        ctaLabel: 'Ok, hi!',
+        type: 'inverted',
+      })}
+    >
+      Welcome to the world of tomorrow
+    </WithStoreInfobox>
+  ));