9 |
11 | )
12 | }
13 | }
14 |
15 | export default Scenario
16 |
--------------------------------------------------------------------------------
/src/css/EventDetails.css:
--------------------------------------------------------------------------------
1 | .reminder-group {
2 | display: flex;
3 | justify-content: space-between;
4 | }
5 |
6 | .reminder-group input,
7 | .reminder-group select {
8 | width: 48%;
9 | }
10 |
11 | .reminder-group select {
12 | height: 34px;
13 | }
14 |
15 | .container-fluid .row + .row {
16 | margin-top: 15px;
17 | }
18 |
--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
1 | [*]
2 | indent_style = tab
3 | end_of_line = lf
4 | charset = utf-8
5 | trim_trailing_whitespace = true
6 | insert_final_newline = true
7 |
8 | [*.{html,js}]
9 | indent_style = space
10 | indent_size = 2
11 |
12 | [*.{json, css}]
13 | indent_style = space
14 | indent_size = 4
15 |
16 | [*.md]
17 | indent_style = space
18 | indent_size = 4
19 | trim_trailing_whitespace = false
20 |
--------------------------------------------------------------------------------
/src/containers/index.js:
--------------------------------------------------------------------------------
1 | import CalendarContainer from './Calendar'
2 | import PublicCalendarContainer from './PublicCalendar'
3 | import SettingsContainer from './Settings'
4 | import FilesContainer from './Files'
5 | import HelpContainer from './Help'
6 |
7 | export {
8 | CalendarContainer,
9 | PublicCalendarContainer,
10 | SettingsContainer,
11 | FilesContainer,
12 | HelpContainer,
13 | }
14 |
--------------------------------------------------------------------------------
/src/store/reducers.js:
--------------------------------------------------------------------------------
1 | import { combineReducers } from 'redux'
2 | import { connectRouter } from 'connected-react-router'
3 |
4 | // Reducers
5 | import auth from './auth/reducer'
6 | import events from './event/reducer'
7 | import gaia from './gaia/reducer'
8 |
9 | export default history =>
10 | combineReducers({
11 | router: connectRouter(history),
12 | auth,
13 | events,
14 | gaia,
15 | })
16 |
--------------------------------------------------------------------------------
/src/components/Help/index.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Profile } from '@stacks/profile'
3 | import FAQs from '../FAQ'
4 | import QuestionsWeb from './QuestionsWeb'
5 | import QuestionsDevs from './QuestionsDevs'
6 |
7 | interface IProps {
8 | user?: Profile
9 | }
10 |
11 | const Help: React.FCCalendar
7 | }
8 | let UserProfile = props => {
9 | return UserProfile
10 | }
11 |
12 | it('renders without crashing', () => {
13 | const div = document.createElement('div')
14 | ReactDOM.render(
9 | {name}
10 | {ics && (
11 |
12 |
13 | {name}.ics
14 |
15 | )}
16 |
17 | )
18 | }
19 |
20 | File.propTypes = {
21 | ics: PropTypes.string,
22 | name: PropTypes.string,
23 | url: PropTypes.string,
24 | }
25 |
26 | export default memo(File)
27 |
--------------------------------------------------------------------------------
/src/containers/Files.js:
--------------------------------------------------------------------------------
1 | import { connect } from 'react-redux'
2 | import { showFiles, loadingFiles } from '../store/gaia/actions'
3 | import Files from '../components/Export'
4 |
5 | const mapStateToProps = state => {
6 | return {
7 | files: state.gaia.files,
8 | }
9 | }
10 | const mapDispatchToProps = (dispatch, redux) => {
11 | return {
12 | refreshFiles: () => {
13 | dispatch(loadingFiles())
14 | dispatch(showFiles())
15 | },
16 | }
17 | }
18 |
19 | const FilesContainer = connect(mapStateToProps, mapDispatchToProps)(Files)
20 |
21 | export default FilesContainer
22 |
--------------------------------------------------------------------------------
/public/_headers:
--------------------------------------------------------------------------------
1 | /index.html
2 | Access-Control-Allow-Origin: *
3 | Access-Control-Allow-Headers: "X-Requested-With, Content-Type, Origin, Authorization, Accept, Client-Security-Token, Accept-Encoding"
4 | Access-Control-Allow-Methods: "POST, GET, OPTIONS, DELETE, PUT"
5 | can't-be-evil: true
6 | /manifest.json
7 | Access-Control-Allow-Origin: *
8 | Access-Control-Allow-Headers: "X-Requested-With, Content-Type, Origin, Authorization, Accept, Client-Security-Token, Accept-Encoding"
9 | Access-Control-Allow-Methods: "POST, GET, OPTIONS, DELETE, PUT"
10 | can't-be-evil: true
11 | /*
12 | can't-be-evil: true
13 |
--------------------------------------------------------------------------------
/src/containers/AppMenu.js:
--------------------------------------------------------------------------------
1 | import { connect } from 'react-redux'
2 |
3 | // Components
4 | import AppMenu from '../components/AppMenu'
5 |
6 | const mapStateToProps = state => {
7 | const { events, auth } = state
8 | const { user } = auth
9 | let username = null
10 | let signedIn = false
11 |
12 | if (user) {
13 | username = user.username
14 | signedIn = true
15 | }
16 |
17 | let page = events.showPage
18 | if (!page) {
19 | page = 'all'
20 | }
21 |
22 | return { username, signedIn, page }
23 | }
24 |
25 | const AppMenuContainer = connect(mapStateToProps, null)(AppMenu)
26 |
27 | export default AppMenuContainer
28 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "jsx": "react-jsx",
4 | "target": "es5",
5 | "lib": [
6 | "dom",
7 | "dom.iterable",
8 | "esnext"
9 | ],
10 | "allowJs": true,
11 | "skipLibCheck": true,
12 | "esModuleInterop": true,
13 | "allowSyntheticDefaultImports": true,
14 | "strict": true,
15 | "forceConsistentCasingInFileNames": true,
16 | "module": "esnext",
17 | "moduleResolution": "node",
18 | "resolveJsonModule": true,
19 | "isolatedModules": true,
20 | "noEmit": true,
21 | "noFallthroughCasesInSwitch": true
22 | },
23 | "include": [
24 | "src"
25 | ]
26 | }
27 |
--------------------------------------------------------------------------------
/.eslintrc:
--------------------------------------------------------------------------------
1 | {
2 | "parser": "babel-eslint",
3 | "extends": [
4 | "standard",
5 | "standard-react",
6 | "plugin:prettier/recommended",
7 | "prettier/react"
8 | ],
9 | "plugins": [
10 | "prettier",
11 | "react"
12 | ],
13 | "env": {
14 | "browser": true,
15 | "es6": true,
16 | "jest": true
17 | },
18 | "globals": {
19 | "__DEV__": false,
20 | "__TEST__": false,
21 | "__PROD__": false,
22 | "__COVERAGE__": false
23 | },
24 | "rules": {
25 | "valid-jsdoc": "warn",
26 | "react/prop-types": "warn",
27 | "linebreak-style": ["error", "unix"]
28 | },
29 | "settings": {
30 | "react": {
31 | "pragma": "React",
32 | "version": "16.8"
33 | }
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/src/containers/RemindersModal.js:
--------------------------------------------------------------------------------
1 | import { connect } from 'react-redux'
2 |
3 | import {
4 | unsetRemindersInfoRequest,
5 | updateAllNotifEnabled,
6 | } from '../store/event/eventActionLazy'
7 | import RemindersModal from '../components/Calendar/RemindersModal'
8 |
9 | export default connect(
10 | state => {
11 | console.log('[ConnectedRemindersModal]', state)
12 | return {}
13 | },
14 | dispatch => {
15 | return {
16 | handleRemindersHide: () => {
17 | dispatch(unsetRemindersInfoRequest())
18 | },
19 | handleNoPermissionCheck: () => {
20 | dispatch(updateAllNotifEnabled(false))
21 | },
22 | }
23 | }
24 | )(RemindersModal)
25 |
--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "OI Calendar",
3 | "name": "OI Calendar",
4 | "description": "Private, Encrypted Calendar in the Cloud",
5 | "icons": [
6 | {
7 | "src": "https://cal.openintents.org/android-chrome-192x192.png",
8 | "sizes": "192x192",
9 | "type": "image/png"
10 | },
11 | {
12 | "src": "https://cal.openintents.org/android-chrome-512x512.png",
13 | "sizes": "512x512",
14 | "type": "image/png"
15 | }
16 | ],
17 | "start_url": "https://cal.openintents.org",
18 | "display": "standalone",
19 | "theme_color": "#ffffff",
20 | "background_color": "#ffffff"
21 | }
22 |
--------------------------------------------------------------------------------
/src/store/event/eventAction.js:
--------------------------------------------------------------------------------
1 | import { SET_CURRENT_EVENT, UNSET_CURRENT_EVENT } from '../ActionTypes'
2 |
3 | export function setCurrentEvent(eventDetails) {
4 | return {
5 | type: SET_CURRENT_EVENT,
6 | payload: { currentEvent: eventDetails },
7 | }
8 | }
9 |
10 | export function setNewCurrentEvent(eventDetails, eventType) {
11 | return {
12 | type: SET_CURRENT_EVENT,
13 | payload: { currentEvent: eventDetails, currentEventType: eventType },
14 | }
15 | }
16 |
17 | export function unsetCurrentEvent() {
18 | return { type: UNSET_CURRENT_EVENT }
19 | }
20 |
21 | export function setCurrentEventUid(uid, eventType) {
22 | return {
23 | type: SET_CURRENT_EVENT,
24 | payload: { currentEventUid: uid, currentEventType: eventType },
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/src/routes.js:
--------------------------------------------------------------------------------
1 | import * as Containers from './containers'
2 | import Terms from './components/Terms'
3 |
4 | export const routes = [
5 | {
6 | component: Containers.CalendarContainer,
7 | exact: true,
8 | path: '/',
9 | },
10 | {
11 | component: Containers.PublicCalendarContainer,
12 | exact: true,
13 | path: '/public',
14 | },
15 | {
16 | component: Containers.SettingsContainer,
17 | exact: true,
18 | path: '/settings',
19 | },
20 | {
21 | component: Containers.FilesContainer,
22 | exact: true,
23 | path: '/files',
24 | },
25 | {
26 | component: Containers.HelpContainer,
27 | exact: true,
28 | path: '/help',
29 | },
30 | {
31 | component: Terms,
32 | exact: true,
33 | path: '/terms',
34 | },
35 | ]
36 |
--------------------------------------------------------------------------------
/public/.well-known/assetlinks.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "relation": ["delegate_permission/common.handle_all_urls"],
4 | "target": {
5 | "namespace": "android_app",
6 | "package_name": "org.openintents.calendar.sync",
7 | "sha256_cert_fingerprints": [
8 | "E6:34:C9:F2:9F:CB:18:1F:E6:C3:7C:40:78:5B:16:EC:13:99:4A:ED:86:E1:01:43:9C:92:7B:E8:A8:C9:12:7F"
9 | ]
10 | }
11 | },
12 | {
13 | "relation": ["delegate_permission/common.handle_all_urls"],
14 | "target": {
15 | "namespace": "android_app",
16 | "package_name": "org.openintents.calendar.sync",
17 | "sha256_cert_fingerprints": [
18 | "54:55:E3:18:09:6E:33:39:16:FB:E5:E9:53:3B:1F:06:1B:84:88:A8:23:3B:99:F4:7B:C8:A2:9C:C7:6D:BE:B0"
19 | ]
20 | }
21 | }
22 | ]
23 |
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import ReactDOM from 'react-dom'
3 | import { Provider, connect } from 'react-redux'
4 |
5 | // App
6 | import App from './components/App'
7 |
8 | // Redux Store
9 | import store, { history } from './store'
10 |
11 | // Styles
12 | import './index.css'
13 |
14 | // FontAwesome
15 | import './fontawesome'
16 |
17 | // Service Worker
18 | import registerServiceWorker from './registerServiceWorker'
19 | import { initializeLazyActions } from './store/event/eventActionLazy'
20 |
21 | registerServiceWorker()
22 | const ConnectedApp = connect(state => {
23 | return { auth: state.auth }
24 | })(App)
25 |
26 | ReactDOM.render(
27 | 
19 |
20 | OI Calendar
21 | {props.name}
8 | {props.children}
9 |
10 | )
11 | }
12 | const Licenses = () => (
13 | Open Source Licenses
16 | This software may contain portions of the following libraries, subject to 17 | the below licenses. 18 |
31 |
39 |
43 |
45 | )
46 | }
47 | }
48 |
49 | export default Scenario
50 |
--------------------------------------------------------------------------------
/spec/event_crud.spec.js:
--------------------------------------------------------------------------------
1 | var assert = require('assert')
2 | var storeManager = require('../src/store')
3 | var eventActionLazy = require('../src/store/event/eventActionLazy')
4 |
5 | const store = storeManager.createInitialStore({})
6 | const EVENT_URL =
7 | 'https://chat.openintents.org/#/room/#oi-calendar:openintents.modular.im'
8 |
9 | describe('CRUD Events', () => {
10 | describe('add private event', () => {
11 | it('should store a new private event', () => {
12 | store
13 | .dispatch(
14 | eventActionLazy.addEvent({
15 | title: 'Testing add private event',
16 | url: EVENT_URL,
17 | })
18 | )
19 | .then(() => {
20 | const allEvents = store.getState().events.allEvents
21 | assert.strict.equal(
22 | allEvents,
23 | 2,
24 | 'Should contain default event and new event'
25 | )
26 | assert.strict.equal(
27 | allEvents[1].url,
28 | EVENT_URL,
29 | 'Should contain the correcly event url'
30 | )
31 | })
32 | })
33 | })
34 |
35 | describe('add public event', () => {
36 | it('should publish the event', () => {})
37 | })
38 |
39 | describe('update event', () => {
40 | it('should store the updated event', () => {})
41 | })
42 |
43 | describe('delete event', () => {
44 | it('should remove the event', () => {})
45 | })
46 | })
47 |
--------------------------------------------------------------------------------
/public/safari-pinned-tab.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
26 |
--------------------------------------------------------------------------------
/resources/usecases.md:
--------------------------------------------------------------------------------
1 | # Use cases
2 |
3 | ## CRUD
4 |
5 | ### Create
6 |
7 | - User clicks (or drags) on a day or timeslot
8 | - Event details are shown
9 | - User confirms details
10 | - Event details are saved
11 |
12 | ### Create with Invites
13 |
14 | - User clicks (or drags) on a day or timeslot
15 | - Event details are shown
16 | - User adds guests
17 | - Details of guests are shown
18 | - User confirms to send invites
19 | - Invites are sent
20 | - Event details are shown
21 |
22 | ### Update Event
23 |
24 | - User clicks on an event
25 | - Event details are shown
26 | - User changes event details
27 | - User confirms to save details
28 |
29 | ### Resend Invites
30 |
31 | - User clicks on an event
32 | - User clicks on "Send Invites"
33 | - Guest details are shown
34 | - User confirms to send details
35 | - Invites are sent
36 | - Event details are hidden
37 |
38 | ### Delete Event
39 |
40 | - User clicks on an event
41 | - User clicks on "Delete event"
42 | - Event is deleted
43 | - Event details are hidden
44 |
45 | ## RSVP
46 |
47 | - User clicks on a privatly shared link
48 | - Event details are shown
49 | - User confirms to add event to calendar
50 | - Event is saved in default calendar
51 |
52 | ### RSVP while not signed in
53 |
54 | - User clicks on a privately shared link
55 | - Event details are shown
56 | - User confirms to add event to calendar
57 | - User is redirected to login
58 | - After login event is saved in default calendar
59 | - Confirmation message is shown
60 |
--------------------------------------------------------------------------------
/src/components/Help/QuestionsDevs.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Card, Container, Row } from 'react-bootstrap'
3 | import { FAQ } from '../FAQ'
4 |
5 | const QuestionsWeb = () => (
6 | FAQ for Developers
9 |-
18 |
- 19 | start Start date in a format that can be parsed by 20 | Date. 21 | 22 |
- 23 | end End date in a format that can be parsed by Date. 24 | 25 |
- 26 | title The title of the event. 27 | 28 |
- 29 | via A blockstack ID that will be added as guest. 30 | 31 |
-
42 |
- 43 | url The url to the calendar feed. 44 | 45 |
27 |
35 | )
36 | }
37 |
38 | if (isConnecting) {
39 | return {message}
40 | }
41 |
42 | return (
43 |
44 |
51 | )
52 | }
53 |
54 | UserProfile.propTypes = {
55 | isSignedIn: PropTypes.bool,
56 | isConnecting: PropTypes.bool,
57 | name: PropTypes.string,
58 | avatarUrl: PropTypes.string,
59 | identityAddress: PropTypes.string,
60 | message: PropTypes.string,
61 | userSignIn: PropTypes.func,
62 | userSignOut: PropTypes.func,
63 | }
64 |
65 | export default UserProfile
66 |
--------------------------------------------------------------------------------
/src/components/Calendar/RemindersModal.js:
--------------------------------------------------------------------------------
1 | import { Button, Modal } from 'react-bootstrap'
2 | import React from 'react'
3 | import PropTypes from 'prop-types'
4 |
5 | class RemindersModal extends React.Component {
6 | constructor(props) {
7 | super(props)
8 | console.log('SetRemindersModal')
9 | }
10 |
11 | render() {
12 | const { handleRemindersHide, handleNoPermissionCheck } = this.props
13 | let notifPermissionGranted = true
14 | if (Notification.permission !== 'granted') {
15 | notifPermissionGranted = false
16 | Notification.requestPermission()
17 | }
18 | return (
19 |
53 |
57 | )
58 | }
59 | }
60 |
61 | export default Scenario
62 |
--------------------------------------------------------------------------------
/src/components/EventDetails/__usage__/scenario.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | import EventDetails from '..'
4 |
5 | const handleHide = () => {
6 | console.log('HIDE')
7 | }
8 |
9 | const deleteEvent = () => {
10 | console.log('DELETE')
11 | }
12 | const addEvent = () => {
13 | console.log('ADD')
14 | }
15 | const updateEvent = () => {
16 | console.log('UPDATE')
17 | }
18 | const loadGuestList = () => {
19 | console.log('LOAD GUEST LIST')
20 | }
21 |
22 | const GuestList = guests => {
23 | return {JSON.stringify(guests)}
24 | }
25 |
26 | const Scenario = () => {
27 | const eventToAdd = {
28 | eventType: 'add',
29 | eventInfo: {
30 | title: 'Event To Add',
31 | slots: ['2018-12-31T23:00:00.000Z'],
32 | start: new Date('2018-12-31T23:00:00.000Z'),
33 | end: new Date('2018-12-31T23:00:00.000Z'),
34 | action: 'click',
35 | },
36 | newIndex: 1,
37 | }
38 | const eventToEdit = {
39 | eventType: 'edit',
40 | eventInfo: {
41 | title: 'Event To Edit',
42 | slots: ['2018-12-31T23:00:00.000Z'],
43 | start: new Date('2018-12-31T23:00:00.000Z'),
44 | end: new Date('2018-12-31T23:00:00.000Z'),
45 | action: 'click',
46 | },
47 | newIndex: 1,
48 | }
49 | return (
50 |
51 |
70 | )
71 | }
72 |
73 | export default Scenario
74 |
--------------------------------------------------------------------------------
/src/containers/SendInvitesModal.js:
--------------------------------------------------------------------------------
1 | import { connect } from 'react-redux'
2 |
3 | import { setCurrentEvent } from '../store/event/eventAction'
4 |
5 | import { saveAllEvents } from '../store/event/eventActionLazy'
6 | import SendInvitesModal from '../components/Calendar/SendInvitesModal'
7 | import {
8 | setInviteStatus,
9 | sendInvites,
10 | unsetCurrentInvites,
11 | loadGuestList,
12 | } from '../store/event/contactActionLazy'
13 |
14 | export default connect(
15 | state => {
16 | console.log('[ConnectedSendInvitesModal]', state)
17 | const { currentEvent, currentEventType, currentGuests } = state.events
18 | const inviteError = state.events.inviteError
19 | const inviteSuccess = state.events.inviteSuccess
20 | const inviteStatus = state.events.inviteStatus
21 | const sending = inviteStatus === 'started'
22 |
23 | return {
24 | inviteStatus,
25 | inviteError,
26 | inviteSuccess,
27 | currentEvent,
28 | currentEventType,
29 | guests: currentEvent.guests,
30 | title: currentEvent.title,
31 | sending,
32 | profiles: currentGuests,
33 | }
34 | },
35 | dispatch => {
36 | return {
37 | handleInvitesHide: (inviteError, eventDetails) => {
38 | dispatch(setInviteStatus(undefined))
39 | dispatch(unsetCurrentInvites())
40 | eventDetails.noInvites = !inviteError
41 | dispatch(setCurrentEvent(eventDetails))
42 | },
43 | loadGuestList: guests => {
44 | dispatch(loadGuestList(guests))
45 | },
46 | sendInvites: (eventDetails, guests, editMode) => {
47 | dispatch(setInviteStatus('started'))
48 | dispatch(sendInvites(eventDetails, guests)).then(allEvents => {
49 | if (editMode === 'add' || editMode === 'edit') {
50 | allEvents[eventDetails.uid] = eventDetails
51 | }
52 | dispatch(saveAllEvents(allEvents))
53 | })
54 | },
55 | }
56 | }
57 | )(SendInvitesModal)
58 |
--------------------------------------------------------------------------------
/src/components/App/__usage__/scenario.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 |
3 | import App from '..'
4 | // import ReudxApp from "../redux-app";
5 | // import ConnectedCalendar from "../redux-calendar";
6 | // import ConnectedEventDetails from "../redux-event-details";
7 | // import ConnectedUserProfile from "../redux-user-profile";
8 | // import ConnectedGuestList from "../redux-guest-list";
9 |
10 | // import EventDetails from "../../components/event-details/EventDetails";
11 | // import { LoadGuestList, SendInvites } from "../../store/event/eventActionLazy";
12 |
13 | // import moment from "moment";
14 | // import * as blockstack from "blockstack";
15 | // import * as ics from "ics";
16 | // import * as ICAL from "ical.js";
17 |
18 | const doNothing = () => {}
19 |
20 | let Calendar = props => {
21 | return Calendar
22 | }
23 | let UserProfile = props => {
24 | return UserProfile
25 | }
26 |
27 | let whenAppLoaded = forceUpdate => {
28 | console.log('whenAppLoaded')
29 | import('../../Calendar').then(({ default: CalendarBase }) => {
30 | Calendar = props => {
31 | return (
32 |
51 | 
55 |
56 |
57 |
58 |
--------------------------------------------------------------------------------
/src/components/Settings/Contacts.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
3 |
4 | import AddDeleteSetting from './AddDeleteSetting'
5 |
6 | const LINK_URL_BASE = 'https://debutapp.social/'
7 |
8 | const ContactItem = props => {
9 | const { item, user } = props
10 | let { image, username, name } = item
11 | const linkUrl = LINK_URL_BASE + username
12 | let avatarUrl
13 |
14 | if (image && image.length > 0 && image[0].contentUrl) {
15 | avatarUrl = image[0].contentUrl
16 | }
17 |
18 | if (user && user.username && user.username === username) {
19 | name = 'You (' + username + ')'
20 | }
21 |
22 | return (
23 | <>
24 | {avatarUrl && (
25 |
55 |
34 | 
35 | {name}
36 |
40 | OI Chat (chat.openintents.org) is a matrix service of Blockstack.
41 |
42 | }
43 | >
44 |
45 | {' '}
46 | (via
47 | 
)
48 |
49 |
50 |
51 | )
52 | }
53 |
54 | class GuestList extends Component {
55 | render() {
56 | const guests = this.props.guests
57 | // :Q: when is this supposed to be used. The webservice returns all guests "profiles" at once
58 | const numberOfGuests = this.props.guestsCount || 1
59 | const numberOfGuestsLoaded = this.props.guestsLoaded || 0
60 | let guestView
61 |
62 | if (guests && Object.keys(guests).length > 0) {
63 | guestView = renderGuestList(guests)
64 | } else if (numberOfGuests > 0) {
65 | // :WARN: This branch is never called
66 | guestView = (
67 |
68 | loading guests' details..
69 |
70 | {JSON.stringify(guests)} 71 |
76 | )
77 | } else {
78 | guestView = 70 | {JSON.stringify(guests)} 71 |
There is nobody on the guest list..
79 | }
80 |
81 | return FAQ Web app
9 |19 | The message will contain details about the invited guests of the 20 | relevant event. The details contain information from the SpringRole 21 | application if available. Please note that not all users have a 22 | profile on SpringRole. 23 |
24 | Using OI Chat matrix server requires that you agree to their terms 25 | and conditions before sending the first message. 26 |
34 | Invitations are sent via the OI Chat matrix server. All sent 35 | messages are stored in your own storage (see "Files" menu). Using OI 36 | Chat matrix server requires that you agree to their terms and 37 | conditions before sending the first message. In the future, OI 38 | Calendar will lookup the preferred communication method of each 39 | user. 40 |
41 | Guests who never used OI Chat before will see the invitation when 42 | they log in the first time. Current users of OI Chat, will also 43 | receive notifications according to their settings for invitations in 44 | their matrix client. 45 |
54 | All files but the public event files are encrypted with your private 55 | key for OI Calendar. The only unencrypted files contains the list of 56 | public events in json and ical format. 57 |
48 |
51 |
52 |
53 |
54 | {files.calendarListFile && (
55 |
76 |
77 | {files.sharedEvents.map((v, k) => {
78 | return
81 | )}
82 |
83 | {files.msgs && files.msgs.length > 0 && (
84 |
85 |
86 | {files.msgs.map((v, k) => {
87 | return
90 | )}
91 |
92 | {files.others && files.others.length > 0 && (
93 |
94 |
95 | {files.others.map((v, k) => {
96 | return
99 | )}
100 |
21 |
28 | )
29 | }
30 | }
31 |
32 | export default class Settings extends Component {
33 | componentWillMount() {
34 | this.props.showSettings()
35 | }
36 | render() {
37 | const {
38 | // show,
39 | handleHide,
40 | calendars,
41 | addCalendarUrl,
42 | contacts,
43 | addCalendar,
44 | deleteCalendars,
45 | setCalendarData,
46 | lookupContacts,
47 | addContact,
48 | deleteContacts,
49 | followContact,
50 | unfollowContact,
51 | user,
52 | verifyNewCalendar,
53 | verifiedNewCalendarData,
54 | allNotifEnabled,
55 | richNotifEnabled,
56 | richNofifExclude,
57 | richNotifError,
58 | chatStatus,
59 | enableAllNotif,
60 | disableAllNotif,
61 | enableRichNotif,
62 | disableRichNotif,
63 | saveRichNotifExcludeGuests,
64 | } = this.props
65 | const CalendarsContent = (
66 | Settings
22 | 23 | {CalendarsContent} 24 | {ContactsContent} 25 | {NotificationsContent} 26 | 27 |
67 |
78 | )
79 |
80 | const ContactsContent = (
81 |
82 |
93 | )
94 |
95 | const NotificationsContent = (
96 |
97 |
110 | )
111 |
112 | return (
113 |
63 |
125 |
126 | )
127 | )
128 | }
129 | }
130 |
131 | AppMenu.propTypes = {
132 | username: PropTypes.string,
133 | signedIn: PropTypes.bool.isRequired,
134 | }
135 |
--------------------------------------------------------------------------------
/src/components/Calendar/SendInvitesModal.js:
--------------------------------------------------------------------------------
1 | import { Button, Modal, ProgressBar } from 'react-bootstrap'
2 | import React from 'react'
3 | import PropTypes from 'prop-types'
4 | import { renderMatrixError } from '../EventDetails'
5 | import GuestList from '../EventGuestList'
6 |
7 | class SendInvitesModal extends React.Component {
8 | constructor(props) {
9 | super(props)
10 | console.log('SendInvitesModal')
11 | this.state = { profiles: undefined }
12 | }
13 |
14 | componentDidMount() {
15 | var { guests, profiles } = this.props
16 | console.log('didMount', { guests, profiles })
17 | if (!profiles) {
18 | if (typeof guests !== 'string') {
19 | guests = ''
20 | }
21 | const guestList = guests.toLowerCase().split(/[,\s]+/g)
22 | console.log('dispatch load guest list', guestList)
23 | this.props.loadGuestList(guestList)
24 | }
25 | }
26 |
27 | componentWillReceiveProps(nextProps) {
28 | var { guests, profiles, loadGuestList } = nextProps
29 | console.log('componentWillReceiveProps', { guests, profiles })
30 |
31 | if (!profiles) {
32 | if (typeof guests !== 'string') {
33 | guests = ''
34 | }
35 | const guestList = guests.toLowerCase().split(/[,\s]+/g)
36 | console.log('dispatch load guest list', guestList)
37 | loadGuestList(guestList)
38 | }
39 | }
40 |
41 | render() {
42 | const {
43 | title,
44 | handleInvitesHide,
45 | sending,
46 | inviteError,
47 | sendInvites,
48 | profiles,
49 | currentEvent,
50 | currentEventType,
51 | } = this.props
52 | console.log('profiles', profiles)
53 | let inviteErrorMsg = []
54 | if (inviteError) {
55 | inviteErrorMsg = renderMatrixError(
56 | 'Sending invites not possible.',
57 | inviteError
58 | )
59 | }
60 | return (
61 | 
61 | ) : (
62 | altImg
63 | )
64 |
65 | const textInlineStyle = Object.assign({}, textDefaultStyle, textStyle)
66 |
67 | const signOutInlineStyle = Object.assign(
68 | {},
69 | defaultStyle,
70 | style,
71 | signOutStyle
72 | )
73 | if (isSignedIn) {
74 | return (
75 |
79 | )
80 | }
81 |
82 | const signInInlineStyle = Object.assign({}, defaultStyle, style, signInStyle)
83 | return (
84 |
88 | )
89 | }
90 |
91 | BlockstackSignInButton.propTypes = {
92 | renderNothing: PropTypes.bool,
93 | signOutBtnText: PropTypes.string,
94 | signInBtnText: PropTypes.string,
95 | includeBlockstackLogo: PropTypes.bool,
96 | // eslint-disable-next-line react/forbid-prop-types
97 | style: PropTypes.object,
98 | // eslint-disable-next-line react/forbid-prop-types
99 | defaultStyle: PropTypes.object,
100 | // eslint-disable-next-line react/forbid-prop-types
101 | imageStyle: PropTypes.object,
102 | // eslint-disable-next-line react/forbid-prop-types
103 | textStyle: PropTypes.object,
104 | // eslint-disable-next-line react/forbid-prop-types
105 | signInStyle: PropTypes.object,
106 | // eslint-disable-next-line react/forbid-prop-types
107 | signOutStyle: PropTypes.object,
108 | isSignedIn: PropTypes.bool.isRequired,
109 | signOut: PropTypes.func.isRequired,
110 | signIn: PropTypes.func.isRequired,
111 | img: PropTypes.object,
112 | }
113 |
114 | BlockstackSignInButton.defaultProps = {
115 | renderNothing: false,
116 | signOutBtnText: 'Logout',
117 | signInBtnText: 'Use your own calendar',
118 | includeBlockstackLogo: true,
119 | defaultStyle: null,
120 | style: { padding: '8.5px' },
121 | signInStyle: {},
122 | signOutStyle: {},
123 | imageStyle: {},
124 | textStyle: {},
125 | img: null,
126 | }
127 |
128 | export default BlockstackSignInButton
129 |
--------------------------------------------------------------------------------
/src/components/Settings/Notifications.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 | import { Form, Card, ProgressBar } from 'react-bootstrap'
3 | import { renderMatrixError } from '../EventDetails'
4 | const guestsStringToArray = function(guestsString) {
5 | if (!guestsString || !guestsString.length) {
6 | return []
7 | }
8 | const guests = guestsString.split(/[,\s]+/g)
9 | return guests.filter(g => g.length > 0).map(g => g.toLowerCase())
10 | }
11 |
12 | export default class Notifications extends Component {
13 | constructor(props) {
14 | super(props)
15 |
16 | const { allNotifEnabled, richNotifEnabled, richNofifExclude } = this.props
17 |
18 | this.state = {
19 | richNofifExclude: richNofifExclude ? richNofifExclude.join(',') : '',
20 | richNotifEnabled,
21 | allNotifEnabled,
22 | }
23 | }
24 | handleAllNotificationsChange = event => {
25 | const { enableAllNotif, disableAllNotif } = this.props
26 | const checked = event.target.checked
27 | this.setState({ allNotifEnabled: checked })
28 | console.log({ checked })
29 | if (checked) {
30 | enableAllNotif()
31 | } else {
32 | disableAllNotif()
33 | }
34 | }
35 |
36 | handleEnrichedNotificationsChange = event => {
37 | const { enableRichNotif, disableRichNotif } = this.props
38 | if (event.target.checked) {
39 | enableRichNotif()
40 | } else {
41 | disableRichNotif()
42 | }
43 | }
44 |
45 | handleExcludedGuestsChange = event => {
46 | const { saveRichNotifExcludeGuests } = this.props
47 | saveRichNotifExcludeGuests(guestsStringToArray(event.target.value))
48 | }
49 |
50 | renderBody = () => {
51 | const { allNotifEnabled, richNotifEnabled, richNofifExclude } = this.state
52 | const { richNotifError, chatStatus } = this.props
53 | console.log({ allNotifEnabled })
54 | const checkingChatStatus = chatStatus === 'checking'
55 | const richNotifErrorMsg = richNotifError
56 | ? renderMatrixError('Rich notifications not allowed.', richNotifError)
57 | : []
58 | return (
59 |
93 | )
94 | }
95 |
96 | render() {
97 | return (
98 | {props.q}
8 | {props.children}
9 |
10 | )
11 | }
12 | const FAQs = () => (
13 | Frequently Asked Questions
16 |26 |
27 | 53 | You can even host your own version of the app yourselves. 54 |
55 | 56 |
57 |
58 | 74 | Remember that your calendar data and identity will always be yours 75 | and does not depend on OpenIntents' funding. 76 |
80 | onUnfollowItem(i)}
84 | />
85 |
86 |
94 | onFollowItem(i)}
98 | />
99 |
100 |
117 |
138 | )
139 | }
140 |
141 | render() {
142 | const { items: itemList, user, calendars } = this.props
143 | const { renderItem, onAddItem } = this.bound
144 | const {
145 | valueOfAdd,
146 | addTitle,
147 | listTitle,
148 | renderAdd,
149 | errorOfAdd,
150 | } = this.state
151 | return (
152 |
118 | {ItemRenderer && (
119 |
127 | {showFollow && this.renderUnFollowButton(follows, i, d.username)}
128 | {showDelete && (
129 |
130 | onDeleteItem(i)}
134 | />
135 |
136 | )}
137 |
153 |
154 | {addTitle}
155 |
156 | {renderAdd()}
157 |
164 | {errorOfAdd}
165 |
166 |
167 |
168 |
169 | {listTitle}
170 |
171 |
177 |
178 |
179 | )
180 | }
181 | }
182 |
183 | /*
184 | */
185 |
186 | export default AddDeleteSetting
187 |
--------------------------------------------------------------------------------
/src/components/EventGuestList/__usage__/scenario.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | import GuestList from '..'
4 |
5 | const guests = {
6 | 'friedger.id': {
7 | '@type': 'Person',
8 | '@context': 'http://schema.org',
9 | name: 'Friedger Müffke',
10 | description: 'Entredeveloper in Europe',
11 | image: [
12 | {
13 | '@type': 'ImageObject',
14 | name: 'avatar',
15 | contentUrl:
16 | 'https://gaia.blockstack.org/hub/1Maw8BjWgj6MWrBCfupqQuWANthMhefb2v/0/avatar-0',
17 | },
18 | ],
19 | account: [
20 | {
21 | '@type': 'Account',
22 | placeholder: false,
23 | service: 'twitter',
24 | identifier: 'fmdroid',
25 | proofType: 'http',
26 | proofUrl: 'https://twitter.com/fmdroid/status/927285474854670338',
27 | },
28 | {
29 | '@type': 'Account',
30 | placeholder: false,
31 | service: 'facebook',
32 | identifier: 'friedger.mueffke',
33 | proofType: 'http',
34 | proofUrl:
35 | 'https://www.facebook.com/friedger.mueffke/posts/10155370909214191',
36 | },
37 | {
38 | '@type': 'Account',
39 | placeholder: false,
40 | service: 'github',
41 | identifier: 'friedger',
42 | proofType: 'http',
43 | proofUrl:
44 | 'https://gist.github.com/friedger/d789f7afd1aa0f23dd3f87eb40c2673e',
45 | },
46 | {
47 | '@type': 'Account',
48 | placeholder: false,
49 | service: 'bitcoin',
50 | identifier: '1MATdc1Xjen4GUYMhZW5nPxbou24bnWY1v',
51 | proofType: 'http',
52 | proofUrl: '',
53 | },
54 | {
55 | '@type': 'Account',
56 | placeholder: false,
57 | service: 'pgp',
58 | identifier: '5371148B3FC6B5542CADE04F279B3081B173CFD0',
59 | proofType: 'http',
60 | proofUrl: '',
61 | },
62 | {
63 | '@type': 'Account',
64 | placeholder: false,
65 | service: 'ethereum',
66 | identifier: '0x73274c046ae899b9e92EaAA1b145F0b5f497dd9a',
67 | proofType: 'http',
68 | proofUrl: '',
69 | },
70 | ],
71 | apps: {
72 | 'https://app.graphitedocs.com':
73 | 'https://gaia.blockstack.org/hub/17Qhy4ob8EyvScU6yiP6sBdkS2cvWT9FqE/',
74 | 'https://www.stealthy.im':
75 | 'https://gaia.blockstack.org/hub/1KyYJihfZUjYyevfPYJtCEB8UydxqQS67E/',
76 | 'https://www.chat.hihermes.co':
77 | 'https://gaia.blockstack.org/hub/1DbpoUCdEpyTaND5KbZTMU13nhNeDfVScD/',
78 | 'https://app.travelstack.club':
79 | 'https://gaia.blockstack.org/hub/1QK5n11Xn1p5aP74xy14NCcYPndHxnwN5y/',
80 | 'https://app.afari.io':
81 | 'https://gaia.blockstack.org/hub/1E4VQ7A4WVTSXu579xDH8SjJTonfEbR6kL/',
82 | 'https://blockusign.co':
83 | 'https://gaia.blockstack.org/hub/1Pom8K1nh3c3M6R5oHZMK5Y4p2s2386qVQ/',
84 | 'https://blkbreakout.herokuapp.com':
85 | 'https://gaia.blockstack.org/hub/1fE5AQaRGKBJVKBAT2DT28tazgsuwAhUp/',
86 | 'https://kit.now.sh':
87 | 'https://gaia.blockstack.org/hub/1GiyoGB1Rw8vDJEb3jwDRBeivWuSKL5b7u/',
88 | 'http://localhost:3000':
89 | 'https://gaia.blockstack.org/hub/1NRwke9GLbyKG5efbEqFEDgCJGVLoce9TL/',
90 | 'http://localhost:3001':
91 | 'https://gaia.blockstack.org/hub/1sRMsXZADgJD513aX1d7txPWDUw1H2wwd/',
92 | 'https://planet.friedger.de':
93 | 'https://gaia.blockstack.org/hub/1BnkJMbfEz2XDb5kSQtRureeXf91HjJ2x/',
94 | 'http://127.0.0.1:3001':
95 | 'https://gaia.blockstack.org/hub/1NrUHmxV2ABHTugfDCyEcJVdQUNxCt99Wy/',
96 | 'https://animal-kingdom-1.firebaseapp.com':
97 | 'https://gaia.blockstack.org/hub/1EEMu1HAH7Gfe8WiPUVaPyeQuMe6bX12Dj/',
98 | 'https://gaia_admin.brightblock.org':
99 | 'https://gaia.blockstack.org/hub/19gWjknDbEkhQVKLqBnW1y4LpBnpripMnn/',
100 | 'https://dpage.io':
101 | 'https://gaia.blockstack.org/hub/1HdNyomWupHPP4YinrFbEKKezh5x9vRKnf/',
102 | 'https://app.dappywallet.com':
103 | 'https://gaia.blockstack.org/hub/1EEmaiiDZrCKNmcQNGNHkRGN7pstUZTzfV/',
104 | 'https://animalkingdoms.netlify.com':
105 | 'https://gaia.blockstack.org/hub/1G3SNwnaNWFpoNyz4Jzo2avKS49W33rU8y/',
106 | 'https://ourtopia.co':
107 | 'https://gaia.blockstack.org/hub/1DS1SeRyK1EVigp6V8g9jCFMFQGHvWEkVL/',
108 | 'http://localhost:8080':
109 | 'https://gaia.blockstack.org/hub/1GApfxNVsCqvUPoMQxZXv2Yz8ZuHKNXc6r/',
110 | 'http://127.0.0.1:8080':
111 | 'https://gaia.blockstack.org/hub/1EeKHp5xwfBGrdWLHyRm2RhQKiw5kVQSaj/',
112 | 'https://chat.openintents.org':
113 | 'https://gaia.blockstack.org/hub/18zdPLrtyxzE8ArXw6Ne3E84GpZQPWAkwo/',
114 | 'https://humans.name':
115 | 'https://gaia.blockstack.org/hub/1Bhexe6K4viWyUqR9VQEUPPo8xjpf4YjB5/',
116 | 'http://127.0.0.1:3000':
117 | 'https://gaia.blockstack.org/hub/1LBwEcxjmPVfZeNGY7pYysfZ4TNab2cxs/',
118 | 'https://upbeat-wing-158214.netlify.com':
119 | 'https://gaia.blockstack.org/hub/1GEswKnyPW7E2Z9uxjxUndAkFf6HYYX3v5/',
120 | 'https://cal.openintents.org':
121 | 'https://gaia.blockstack.org/hub/14nFNe9opru28Deoy5aB297kgLM3jkNmwF/',
122 | 'https://debutapp.social':
123 | 'https://gaia.blockstack.org/hub/1EokUib85GvmHu3xewYtBWLNiemSKJAiKR/',
124 | 'https://oi-timesheet.com':
125 | 'https://gaia.blockstack.org/hub/1KjTySPCicoTHA1SwRch3n6iZCK1oJyu9m/',
126 | },
127 | api: {
128 | gaiaHubConfig: { url_prefix: 'https://gaia.blockstack.org/hub/' },
129 | gaiaHubUrl: 'https://hub.blockstack.org',
130 | },
131 | },
132 | }
133 |
134 | const Scenario = () => {
135 | return (
136 |
172 | {(itemList || []).map((v, k) =>
173 | renderItem(v, k, user, calendars)
174 | )}
175 |
176 |
137 |
139 | )
140 | }
141 |
142 | export default Scenario
143 |
--------------------------------------------------------------------------------
/public/gtutorial.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
19 |
23 |
24 |
25 |
26 |
27 |
33 |
34 |
43 | Move from Google Calendar
62 |63 | Google provides a private link that contains all your events. 64 | Unfortunately, Google does not let you easily use these events, you need a 65 | CORS 70 | browser plugin. 71 |
72 |-
73 |
-
74 | Copy your private Google calendar url
75 |
-
76 |
- 77 | Login to Google Calendar and goto settings: 78 | https://calendar.google.com/calendar/r/settings 83 | 84 |
-
85 | Select your calendar on the left side
86 |
96 |
97 | 
107 |
108 | - On the your calendar's settings, scroll to the bottom 109 |
-
110 | Copy the private address of your calendar containing your email
111 | address and ends with
basic.ics
112 |
122 |
123 |
125 | -
126 | Add to OI Calendar
127 |
-
128 |
- 129 | Open OI Calendar 130 | https://cal.openintents.org/ 133 | 134 |
- Enable your CORS browser plugin 135 |
-
136 | Paste the private address into the
Paste url ...field 137 | and press enter 138 |
139 |
141 | - Enjoy YOUR calendar! 142 |
102 | handleEditEvent(event)}
123 | onSelectSlot={slotInfo => handleAddEvent(slotInfo)}
124 | style={{ minHeight: '500px' }}
125 | eventPropGetter={this.eventStyle}
126 | startAccessor={this.getEventStart}
127 | endAccessor={this.getEventEnd}
128 | />
129 | {showError && (
130 |
151 | )
152 |
153 | return (
154 |
103 | {currentCalendarLength && (
104 |
113 |
138 |
139 | {error}
140 |
148 |
149 | )}
150 | 141 | 144 | or 145 | 146 |
147 |
155 | {eventModal &&
158 |
159 | Public Calendar {myPublicCalendar}
160 | {publicCalendar}
161 |
169 |
170 | {myPublicCalendar && events.length > 0 && (
171 |
172 | Share this url: {shareUrl}
173 | {myPublicCalendarIcsUrl && (
174 |
175 | {' '}
176 | or as .ics file
177 |
178 | )}
179 |
180 | )}
181 | {myPublicCalendar && events.length === 0 && (
182 |
183 | No public events yet. Start publishing your events!
184 |
185 | )}
186 | {publicCalendar && events.length > 0 && signedIn && (
187 |
188 | Add to my calandars
189 |
190 | )}
191 | {calendarView}
192 |
193 | )}
194 |
195 | )
196 | }
197 | }
198 |
199 | PublicCalendar.propTypes = {
200 | location: PropTypes.object,
201 | public: PropTypes.bool,
202 | showMyPublicCalendar: PropTypes.func,
203 | }
204 |
205 | export default PublicCalendar
206 |
--------------------------------------------------------------------------------
/src/store/event/reducer.js:
--------------------------------------------------------------------------------
1 | import {
2 | SET_EVENTS,
3 | USER,
4 | SET_CONTACTS,
5 | SET_INVITE_SEND_STATUS,
6 | INVITES_SENT_OK,
7 | INVITES_SENT_FAIL,
8 | SET_CURRENT_GUESTS,
9 | SET_CURRENT_EVENT,
10 | UNSET_CURRENT_EVENT,
11 | INITIALIZE_CHAT,
12 | SHOW_SETTINGS,
13 | HIDE_SETTINGS,
14 | SHOW_SETTINGS_ADD_CALENDAR,
15 | SET_CALENDARS,
16 | SHOW_MY_PUBLIC_CALENDAR,
17 | SHOW_ALL_CALENDARS,
18 | SET_PUBLIC_CALENDAR_EVENTS,
19 | SHOW_INSTRUCTIONS,
20 | AUTH_SIGN_OUT,
21 | UNSET_CURRENT_INVITES,
22 | SET_LOADING_CALENDARS,
23 | SET_ERROR,
24 | CREATE_CONFERENCING_ROOM,
25 | REMOVE_CONFERENCING_ROOM,
26 | VERIFY_NEW_CALENDAR,
27 | SHOW_FILES,
28 | SET_RICH_NOTIF_ENABLED,
29 | SET_RICH_NOTIF_ERROR,
30 | SET_RICH_NOTIF_EXCLUDE_GUESTS,
31 | SET_CHAT_STATUS,
32 | SET_REMINDERS_INFO_REQUEST,
33 | SET_ALL_NOTIF_ENABLED,
34 | } from '../ActionTypes'
35 |
36 | let initialState = {
37 | allEvents: [],
38 | calendars: [],
39 | contacts: [],
40 | user: '',
41 | verifiedNewCalendarData: {
42 | status: '',
43 | },
44 | }
45 |
46 | export default function reduce(state = initialState, action = {}) {
47 | console.log('EventReducer', action)
48 | const { type, payload } = action
49 | let newState = state
50 | switch (type) {
51 | case INITIALIZE_CHAT:
52 | newState = { ...state, userSessionChat: payload }
53 | break
54 |
55 | case USER:
56 | newState = { ...state, user: action.user }
57 | break
58 |
59 | case SET_CONTACTS:
60 | newState = { ...state, contacts: payload }
61 | break
62 |
63 | case SET_EVENTS:
64 | newState = { ...state, allEvents: action.allEvents }
65 | break
66 |
67 | case SET_CURRENT_EVENT:
68 | console.log('SET_CURRENT_EVENT', payload)
69 | newState = {
70 | ...state,
71 | currentEvent: payload.currentEvent,
72 | }
73 | if (payload.hasOwnProperty('currentEventType')) {
74 | newState.currentEventType = payload.currentEventType
75 | }
76 | if (payload.hasOwnProperty('currentEventUid')) {
77 | newState.currentEventUid = payload.currentEventUid
78 | }
79 | break
80 |
81 | case UNSET_CURRENT_EVENT:
82 | newState = {
83 | ...state,
84 | currentEvent: undefined,
85 | currentEventType: undefined,
86 | currentEventUid: undefined,
87 | currentGuests: undefined,
88 | inviteStatus: undefined,
89 | inviteSuccess: undefined,
90 | inviteError: undefined,
91 | }
92 | break
93 | case SET_INVITE_SEND_STATUS:
94 | console.log('SET_INVITE_SEND_STATUS')
95 | newState = {
96 | ...state,
97 | inviteStatus: payload.status,
98 | }
99 | break
100 | case INVITES_SENT_OK:
101 | console.log('INVITES_SENT_OK')
102 | newState = {
103 | ...state,
104 | currentEvent: undefined,
105 | currentEventType: undefined,
106 | currentGuests: undefined,
107 | inviteStatus: undefined,
108 | inviteSuccess: true,
109 | inviteError: undefined,
110 | }
111 | break
112 |
113 | case INVITES_SENT_FAIL:
114 | console.log('INVITES_SENT_FAIL')
115 | newState = {
116 | ...state,
117 | currentEvent: payload.eventInfo,
118 | currentEventType: payload.eventType,
119 | inviteStatus: undefined,
120 | inviteSuccess: false,
121 | inviteError: payload.error,
122 | }
123 | break
124 | case UNSET_CURRENT_INVITES:
125 | newState = {
126 | ...state,
127 | inviteSuccess: undefined,
128 | inviteError: undefined,
129 | }
130 | break
131 |
132 | case SET_CURRENT_GUESTS:
133 | newState = {
134 | ...state,
135 | currentGuests: payload.profiles,
136 | inviteSuccess: undefined,
137 | inviteError: undefined,
138 | }
139 | break
140 |
141 | case SHOW_SETTINGS:
142 | newState = {
143 | ...state,
144 | showPage: 'settings',
145 | myPublicCalendar: undefined,
146 | myPublicCalendarIcsUrl: undefined,
147 | publicCalendar: undefined,
148 | publicCalendarEvents: undefined,
149 | }
150 | break
151 |
152 | case SHOW_SETTINGS_ADD_CALENDAR:
153 | newState = {
154 | ...state,
155 | showPage: 'settings',
156 | myPublicCalendar: undefined,
157 | myPublicCalendarIcsUrl: undefined,
158 | publicCalendar: undefined,
159 | publicCalendarEvents: undefined,
160 | showSettingsAddCalendarUrl: payload.url,
161 | }
162 | break
163 |
164 | case HIDE_SETTINGS:
165 | newState = { ...state, showPage: 'all' }
166 | break
167 | case SET_REMINDERS_INFO_REQUEST:
168 | newState = { ...state, showRemindersInfo: payload.show }
169 | break
170 | case SET_CALENDARS:
171 | newState = { ...state, calendars: payload }
172 | break
173 | case SHOW_MY_PUBLIC_CALENDAR:
174 | newState = {
175 | ...state,
176 | myPublicCalendar: payload.name,
177 | myPublicCalendarIcsUrl: payload.icsUrl,
178 | publicCalendar: undefined,
179 | publicCalendarEvents: undefined,
180 | showPage: 'public',
181 | }
182 | break
183 | case SHOW_ALL_CALENDARS:
184 | newState = {
185 | ...state,
186 | myPublicCalendar: undefined,
187 | myPublicCalendarIcsUrl: undefined,
188 | publicCalendar: undefined,
189 | publicCalendarEvents: undefined,
190 | showPage: 'all',
191 | }
192 | break
193 | case SET_PUBLIC_CALENDAR_EVENTS:
194 | newState = {
195 | ...state,
196 | myPublicCalendar: undefined,
197 | myPublicCalendarIcsUrl: undefined,
198 | publicCalendarEvents: payload.allEvents,
199 | publicCalendar: payload.calendar.name,
200 | }
201 | break
202 | case SET_LOADING_CALENDARS:
203 | const currentIndex = state.currentCalendarIndex || 0
204 | const currentCalendarIndex =
205 | payload.index > currentIndex ? payload.index : currentIndex
206 | const done = payload.index >= payload.length
207 | newState = {
208 | ...state,
209 | currentCalendarIndex: done ? undefined : currentCalendarIndex,
210 | currentCalendarLength: done ? undefined : payload.length,
211 | }
212 | break
213 | case SHOW_INSTRUCTIONS:
214 | newState = {
215 | ...state,
216 | showInstructions: { general: payload.show },
217 | }
218 | break
219 | case SHOW_FILES:
220 | newState = {
221 | ...state,
222 | showFiles: { all: action.payload.show },
223 | showPage: 'files',
224 | }
225 | break
226 | case AUTH_SIGN_OUT:
227 | newState = initialState
228 | break
229 | case SET_ERROR:
230 | newState = {
231 | ...state,
232 | currentError: payload,
233 | }
234 | break
235 | case CREATE_CONFERENCING_ROOM:
236 | console.log('CREATE_CONFERENCING_ROOM', payload)
237 | if (payload.status === 'added') {
238 | newState = {
239 | ...state,
240 | addingConferencing: false,
241 | currentEvent: Object.assign({}, state.currentEvent, {
242 | url: payload.url,
243 | }),
244 | }
245 | } else {
246 | newState = {
247 | ...state,
248 | addingConferencing: payload.status === 'adding',
249 | }
250 | }
251 | break
252 | case REMOVE_CONFERENCING_ROOM:
253 | console.log('REMOVE_CONFERENCING_ROOM', payload)
254 | if (payload.status === 'removed') {
255 | newState = {
256 | ...state,
257 | removingConferencing: false,
258 | currentEvent: Object.assign({}, state.currentEvent, {
259 | url: null,
260 | }),
261 | }
262 | } else {
263 | newState = {
264 | ...state,
265 | removingConferencing: payload.status === 'removing',
266 | }
267 | }
268 | break
269 | case VERIFY_NEW_CALENDAR:
270 | newState = {
271 | ...state,
272 | verifiedNewCalendarData: payload,
273 | }
274 | break
275 | case SET_ALL_NOTIF_ENABLED:
276 | newState = {
277 | ...state,
278 | allNotifEnabled: payload.isEnabled,
279 | }
280 | break
281 | case SET_RICH_NOTIF_ERROR:
282 | newState = {
283 | ...state,
284 | richNotifError: payload.error,
285 | }
286 | break
287 | case SET_RICH_NOTIF_ENABLED:
288 | newState = {
289 | ...state,
290 | richNotifEnabled: payload.isEnabled,
291 | richNotifError: payload.error,
292 | }
293 | break
294 | case SET_RICH_NOTIF_EXCLUDE_GUESTS:
295 | newState = {
296 | ...state,
297 | richNofifExclude: payload.guests,
298 | }
299 | break
300 | case SET_CHAT_STATUS:
301 | newState = {
302 | ...state,
303 | chatStatus: payload.status,
304 | }
305 | break
306 | default:
307 | newState = state
308 | break
309 | }
310 |
311 | return newState
312 | }
313 |
--------------------------------------------------------------------------------
/src/components/Calendar/index.jsx:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 | import { PropTypes } from 'prop-types'
3 | import moment from 'moment'
4 | import {
5 | Card,
6 | Container,
7 | Row,
8 | Col,
9 | ProgressBar,
10 | Button,
11 | Alert,
12 | } from 'react-bootstrap'
13 | import { Calendar, momentLocalizer } from 'react-big-calendar'
14 | import 'react-big-calendar/lib/css/react-big-calendar.css'
15 | import queryString from 'query-string'
16 | // Containers
17 | import EventDetailsContainer from '../../containers/EventDetails'
18 | import RemindersModalContainer from '../../containers/RemindersModal'
19 | import SendInvitesModalContainer from '../../containers/SendInvitesModal'
20 | import FAQs from '../FAQ'
21 |
22 | import { uuid } from '../../core/eventFN'
23 |
24 | let localizer = momentLocalizer(moment)
25 |
26 | class OICalendar extends Component {
27 | constructor(props) {
28 | super(props)
29 | this.bound = [
30 | 'handleHideInstructions',
31 | 'handleAddEvent',
32 | 'handleEditEvent',
33 | 'handleAddCalendarByUrl',
34 | ].reduce((acc, d) => {
35 | acc[d] = this[d].bind(this)
36 | return acc
37 | }, {})
38 | }
39 |
40 | componentWillMount() {
41 | if (this.props.public) {
42 | const query = queryString.parse(this.props.location.search)
43 | const calendarName = query.c
44 | if (
45 | calendarName &&
46 | this.props.events.user &&
47 | this.props.events.user.username &&
48 | this.props.events.user.username.length > 0
49 | ) {
50 | if (calendarName.endsWith(this.props.events.user.username)) {
51 | this.props.showMyPublicCalendar(calendarName)
52 | } else {
53 | this.props.viewPublicCalendar(calendarName)
54 | }
55 | } else {
56 | this.props.history.replace('/')
57 | }
58 | }
59 | }
60 |
61 | handleHideInstructions() {
62 | this.props.hideInstructions()
63 | }
64 |
65 | handleEditEvent(event) {
66 | const { pickEventModal } = this.props
67 | var eventType
68 | if (event.mode === 'read-only') {
69 | eventType = 'view'
70 | } else {
71 | eventType = 'edit'
72 | }
73 | pickEventModal({
74 | eventType,
75 | eventInfo: event,
76 | })
77 | }
78 |
79 | handleAddEvent(slotInfo) {
80 | const { pickEventModal } = this.props
81 | slotInfo.uid = uuid()
82 | pickEventModal({
83 | eventType: 'add',
84 | eventInfo: slotInfo,
85 | })
86 | }
87 |
88 | handleAddCalendarByUrl(event) {
89 | if (event.key === 'Enter') {
90 | const { showSettingsAddCalendar } = this.props
91 | showSettingsAddCalendar(event.target.value)
92 | }
93 | }
94 |
95 | eventStyle(event, start, end, isSelected) {
96 | var bgColor = event && event.hexColor ? event.hexColor : '#265985'
97 | var style = {
98 | backgroundColor: bgColor,
99 | borderColor: 'white',
100 | }
101 | return {
102 | style: style,
103 | }
104 | }
105 |
106 | getEventStart(eventInfo) {
107 | return eventInfo ? new Date(eventInfo.start) : new Date()
108 | }
109 |
110 | getEventEnd(eventInfo) {
111 | return eventInfo && (eventInfo.end || eventInfo.calculatedEndTime)
112 | ? eventInfo.end
113 | ? new Date(eventInfo.end)
114 | : new Date(eventInfo.calculatedEndTime)
115 | : new Date()
116 | }
117 |
118 | render() {
119 | console.log('[Calendar.render]', this.props)
120 | const {
121 | signedIn,
122 | showGeneralInstructions,
123 | eventModal,
124 | inviteSuccess,
125 | currentCalendarLength,
126 | currentCalendarIndex,
127 | showError,
128 | error,
129 | showSettingsAddCalendar,
130 | markErrorAsRead,
131 | showRemindersModal,
132 | showSendInvitesModal,
133 | } = this.props
134 | const {
135 | handleHideInstructions,
136 | handleEditEvent,
137 | handleAddEvent,
138 | handleAddCalendarByUrl,
139 | } = this.bound
140 |
141 | let events = Object.values(this.props.events.allEvents)
142 |
143 | const calendarView = (
144 |
145 | handleEditEvent(event)}
164 | onSelectSlot={slotInfo => handleAddEvent(slotInfo)}
165 | style={{ minHeight: '500px' }}
166 | eventPropGetter={this.eventStyle}
167 | startAccessor={this.getEventStart}
168 | endAccessor={this.getEventEnd}
169 | />
170 | {showError && (
171 |
192 | )
193 |
194 | const oicalendarsync = (
195 | <>
196 | For Android, use your favorite calendar app with{' '}
197 |
198 | OI Calendar-Sync
199 |
200 |
201 | )
202 | return (
203 |
146 | {currentCalendarLength && (
147 |
156 |
179 |
180 | {error}
181 |
189 |
190 | )}
191 | 182 | 185 | or 186 | 187 |
188 |
204 | {signedIn && showGeneralInstructions && (
205 |
206 |
207 | How to use OI Calendar
208 |
216 |
217 |
218 |
219 |
268 |
269 |
270 | )}
271 |
272 | {!signedIn && (
273 |
274 |
275 |
277 |
278 |
279 |
283 | {oicalendarsync} 284 | 285 |
286 |
287 |
288 |
299 | 300 |
313 |
314 |
315 | )}
316 |
317 | {eventModal && !inviteSuccess &&
324 | )
325 | }
326 | }
327 |
328 | OICalendar.propTypes = {
329 | location: PropTypes.object,
330 | public: PropTypes.bool,
331 | showMyPublicCalendar: PropTypes.func,
332 | }
333 |
334 | export default OICalendar
335 |
--------------------------------------------------------------------------------
/src/core/chat.js:
--------------------------------------------------------------------------------
1 | import { resolveZoneFileToProfile } from '@stacks/profile'
2 | import { publicKeyToAddress } from '@stacks/transactions'
3 | import { getPublicKeyFromPrivate } from '@stacks/encryption'
4 |
5 | import { BnsApi, Configuration } from '@stacks/blockchain-api-client'
6 |
7 | import { createClient } from 'matrix-js-sdk'
8 |
9 | const config = new Configuration({
10 | basePath: 'https://stacks-node-api.mainnet.stacks.co',
11 | })
12 | const bnsApi = new BnsApi({ config })
13 | export class UserSessionChat {
14 | constructor(selfRoomId, userSession, userOwnedStorage) {
15 | this.selfRoomId = selfRoomId
16 | this.userSession = userSession
17 | this.userOwnedStorage = userOwnedStorage
18 | this.matrixClient = createClient('https://openintents.modular.im')
19 | }
20 |
21 | getOTP(userData) {
22 | const appUserAddress = publicKeyToAddress(
23 | getPublicKeyFromPrivate(userData.appPrivateKey)
24 | )
25 | var txid = userData.identityAddress + '' + Math.random()
26 | console.log('txid', txid)
27 | return fetch('https://auth.openintents.org/c/' + txid, { method: 'POST' })
28 | .then(
29 | response => {
30 | return response.json()
31 | },
32 | error => console.log('error', error)
33 | )
34 | .then(c => {
35 | const challenge = c.challenge
36 | console.log('challenge', challenge)
37 | return this.userSession
38 | .putFile('mxid.json', challenge, { encrypt: false })
39 | .then(
40 | () => {
41 | return {
42 | username: appUserAddress.toLowerCase(),
43 | password:
44 | txid + '|' + window.location.origin + '|' + userData.username,
45 | }
46 | },
47 | error => console.log('err2', error)
48 | )
49 | })
50 | }
51 |
52 | setOnMessageListener(onMsgReceived) {
53 | const matrixClient = this.matrixClient
54 | if (onMsgReceived) {
55 | return this.login().then(
56 | () => {
57 | matrixClient.on('Room.timeline', onMsgReceived)
58 | matrixClient.startClient()
59 | console.log('event listeners are setup')
60 | },
61 | err => {
62 | console.log('login failed', err)
63 | }
64 | )
65 | } else {
66 | console.log('user id ', matrixClient.getUserId())
67 | if (matrixClient.getUserId()) {
68 | matrixClient.stopClient()
69 | }
70 | }
71 | }
72 |
73 | createNewRoom(name, topic, guests, ownerIdentityAddress) {
74 | console.log('createNewRoom', { name, topic, guests, ownerIdentityAddress })
75 | const matrix = this.matrixClient
76 | return this.login().then(() => {
77 | let invitePromises
78 | if (guests) {
79 | invitePromises = guests.map(g => {
80 | return lookupProfile(g).then(
81 | guestProfile => {
82 | return this.addressToAccount(guestProfile.identityAddress)
83 | },
84 | error => {
85 | console.log('failed to lookup guest', g, error)
86 | }
87 | )
88 | })
89 | } else {
90 | invitePromises = []
91 | }
92 | return Promise.all(invitePromises).then(
93 | invite => {
94 | if (ownerIdentityAddress) {
95 | invite.push(this.addressToAccount(ownerIdentityAddress))
96 | }
97 | console.log('creating room', { invite })
98 | return matrix.createRoom({
99 | visibility: 'private',
100 | name,
101 | topic,
102 | invite,
103 | })
104 | },
105 | error => {
106 | console.log('failed to resolve guests ', error)
107 | }
108 | )
109 | })
110 | }
111 |
112 | sendMessage(receiverName, roomId, content) {
113 | return lookupProfile(receiverName).then(receiverProfile => {
114 | console.log('receiver', receiverProfile)
115 | const receiverMatrixAccount = this.addressToAccount(
116 | receiverProfile.identityAddress
117 | )
118 | content.formatted_body = content.formatted_body.replace(
119 | '
220 |
221 |
225 | 226 |
233 |
234 | 
241 |
242 |
254 | 260 | 261 |
262 |
263 |
264 |
266 |
267 | 225 | 226 |
241 |
242 | 254 | 260 | 261 |
263 |
Private, Encrypted Agenda in Your Cloud
276 |283 | {oicalendarsync} 284 | 285 |
287 |
299 | 300 |
307 |
308 |