9 |
10 | );
11 | };
12 |
13 | export default Progress;
14 |
--------------------------------------------------------------------------------
/outlook/src/taskpane/components/GrayOverlay.css:
--------------------------------------------------------------------------------
1 | .gray-overlay {
2 | position: absolute;
3 | width: 100%;
4 | height: 100%;
5 | background-color: gray;
6 | top: 0px;
7 | left: 0px;
8 | opacity: .3;
9 | }
10 |
11 | .overlay-spinner {
12 | position: fixed;
13 | height: 120px;
14 | width: 120px;
15 | top: calc(50% - 60px);
16 | left: calc(50% - 60px);
17 | }
--------------------------------------------------------------------------------
/gmail/iap_instruction.md:
--------------------------------------------------------------------------------
1 | # Shared secret between IAP and the add-on
2 | Go to your Google project,
3 | > clasp open
4 |
5 | Then File -> Project properties -> Script Properties
6 |
7 | And add a row,
8 | > `ODOO_SHARED_SECRET` `
16 |
18 | );
19 |
20 | let infoCell;
21 |
22 | if (props.hrefContent == undefined) {
23 | infoCell = {infoCell}
;
29 | };
30 |
31 | export default CompanyInfoItem;
32 |
--------------------------------------------------------------------------------
/gmail/src/const.ts:
--------------------------------------------------------------------------------
1 | export const URLS: Record
21 | {props.partners.map((partner) => {
22 | return (
23 |
32 | );
33 |
34 | return (
35 | {contactsList}
37 | e.stopPropagation()}>
6 | {twitter && (
7 |
8 | 
9 |
10 | )}
11 | {facebook && (
12 |
13 | 
14 |
15 | )}
16 | {linkedin && (
17 |
18 | 
19 |
20 | )}
21 | {crunchbase && (
22 |
23 | 
24 |
25 | )}
26 |
27 | );
28 | }
29 |
30 | export default CompanySocialIcons;
31 |
--------------------------------------------------------------------------------
/outlook/src/taskpane/components/InfoCell/InfoCell.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import './InfoCell.css';
3 |
4 | type InfoCellProps = {
5 | hrefContent?: string;
6 | icon: any;
7 | title: string;
8 | value: string;
9 | };
10 |
11 | const InfoCell = (props: InfoCellProps) => {
12 | const { hrefContent, icon, title, value } = props;
13 | if (hrefContent != undefined) {
14 | return (
15 |
16 |
17 |
23 |
24 | );
25 | } else {
26 | return (
27 | {icon}
18 |
19 |
22 | {title}
20 | {value}
21 |
28 |
36 | );
37 | }
38 | };
39 |
40 | export default InfoCell;
41 |
--------------------------------------------------------------------------------
/outlook/src/taskpane/components/Contact/ContactSection/ContactSection.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import Partner from '../../../../classes/Partner';
3 |
4 | import ContactListItem from '../ContactList/ContactListItem/ContactListItem';
5 |
6 | import api from '../../../api';
7 | import AppContext from '../../AppContext';
8 |
9 | type ContactSectionProps = {
10 | partner: Partner;
11 | canCreatePartner: boolean;
12 | onPartnerInfoChanged?: (partner: Partner) => void;
13 | };
14 |
15 | class ContactSection extends React.Component
29 |
35 | {icon}
30 |
31 |
34 | {title}
32 | {value}
33 |
27 |
33 | );
34 | }
35 | }
36 | ContactSection.contextType = AppContext;
37 |
38 | export default ContactSection;
39 |
--------------------------------------------------------------------------------
/outlook/src/classes/Address.ts:
--------------------------------------------------------------------------------
1 | class Address {
2 | number: string;
3 | street: string;
4 | city: string;
5 | zip: string;
6 | country: string;
7 |
8 | constructor() {
9 | this.number = '';
10 | this.street = '';
11 | this.city = '';
12 | this.zip = '';
13 | this.country = '';
14 | }
15 |
16 | getLines(): string[] {
17 | const firstLine = [this.number || '', this.street || ''].join(' ').trim();
18 | const secondLine = [this.city || '', this.zip || ''].join(' ').trim();
19 |
20 | const lines = [];
21 | if (firstLine && firstLine.length) lines.push(firstLine);
22 | if (secondLine && secondLine.length) lines.push(secondLine);
23 | if (this.country && this.country.length) lines.push(this.country);
24 |
25 | return lines;
26 | }
27 |
28 | static fromJSON(o: Object): Address {
29 | if (!o) return new Address();
30 | return Object.assign(new Address(), o);
31 | }
32 |
33 | static fromRevealJSON(o: Object): Address {
34 | const address = new Address();
35 | address.number = o['street_number'];
36 | address.street = o['street_name'];
37 | address.city = o['city'];
38 | address.zip = o['postal_code'];
39 | address.country = o['country_name'];
40 | return address;
41 | }
42 | }
43 |
44 | export default Address;
45 |
--------------------------------------------------------------------------------
/outlook/src/taskpane/api.js:
--------------------------------------------------------------------------------
1 | const api = {
2 | baseURL: localStorage.getItem('baseURL'),
3 | createLead: '/mail_plugin/lead/create',
4 | createPartner: '/mail_plugin/partner/create',
5 | createProject: '/mail_plugin/project/create',
6 | createTask: '/mail_plugin/task/create',
7 | createTicket: '/mail_plugin/ticket/create',
8 | enrichCompany: '/mail_plugin/partner/enrich_and_create_company',
9 | enrichAndCreate: '/mail_plugin/partner/enrich_and_create_company',
10 | enrichAndUpdate: '/mail_plugin/partner/enrich_and_update_company',
11 | getPartner: '/mail_plugin/partner/get',
12 | iapLeadEnrichment: 'https://iap-services.odoo.com/iap/mail_extension/enrich',
13 | logSingleMail: '/mail_plugin/log_mail_content',
14 | searchPartner: '/mail_plugin/partner/search',
15 | getTranslations: '/mail_plugin/get_translations',
16 | searchProject: '/mail_plugin/project/search',
17 |
18 | // Authentication
19 | loginPage: '/web/login', // Should be the usual Odoo login page.
20 | authCodePage: '/mail_plugin/auth', // The page where to allow or deny access. You get an auth code.
21 | getAccessToken: '/mail_plugin/auth/access_token', // The address where to post to exchange an auth code for an access token.
22 | addInBaseURL: 'https://' + __DOMAIN__,
23 | outlookScope: 'outlook',
24 | outlookFriendlyName: 'Outlook',
25 | };
26 |
27 | export default api;
28 |
--------------------------------------------------------------------------------
/gmail/src/utils/format.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Format the given URL by checking the protocol part and removing trailing "/".
3 | */
4 | export function formatUrl(url: string): string {
5 | if (!url || !url.length) {
6 | return;
7 | }
8 | if (url.indexOf("http://") !== 0 && url.indexOf("https://") !== 0) {
9 | url = "https://" + url;
10 | }
11 |
12 | // Remove trailing "/"
13 | return url.replace(/\/+$/, "");
14 | }
15 |
16 | /**
17 | * Return the given string only if it's not null and not empty.
18 | */
19 | export function isTrue(value: any): string {
20 | if (value && value.length) {
21 | return value;
22 | }
23 | }
24 |
25 | /**
26 | * Return the first element of an array if the array is not null and not empty.
27 | */
28 | export function first(value: any[]): any {
29 | if (value && value.length) {
30 | return value[0];
31 | }
32 | }
33 |
34 | /**
35 | * Repeat the given string "n" times.
36 | */
37 | export function repeat(str: string, n: number) {
38 | let result = "";
39 | while (n > 0) {
40 | result += str;
41 | n--;
42 | }
43 | return result;
44 | }
45 |
46 | /**
47 | * Truncate the given text to not exceed the given length.
48 | */
49 | export function truncate(str: string, maxLength: number) {
50 | if (str.length > maxLength) {
51 | return str.substring(0, maxLength - 3) + "...";
52 | }
53 | return str;
54 | }
55 |
--------------------------------------------------------------------------------
/outlook/src/taskpane/components/Company/CompanySection/CompanySection.css:
--------------------------------------------------------------------------------
1 | .company-info-icon{
2 | font-size: 15px;
3 | margin: 0 15px 0 0;
4 | }
5 |
6 | .company-header {
7 | display: flex;
8 | flex-direction: row;
9 | justify-content: space-between;
10 | flex-wrap: wrap;
11 | padding: 8px;
12 | padding-bottom: 0;
13 | cursor: pointer;
14 | }
15 |
16 | .company-header:hover {
17 | background: #ededed;
18 | }
19 |
20 | .company-header .company-name {
21 | display: flex;
22 | margin-bottom: 10px;
23 | }
24 |
25 | .company-header .company-name img {
26 | display: block;
27 | max-height: 50px;
28 | max-width: 50px;
29 | margin-right: 15px;
30 | border: 1px solid whitesmoke;
31 | }
32 |
33 | .company-insights {
34 | padding: 8px;
35 | }
36 |
37 | .company-insights .company-description {
38 | display: block;
39 | margin-bottom: 8px;
40 | }
41 |
42 | .social-links a {
43 | padding: 3px;
44 | }
45 |
46 | .social-links img {
47 | height: 15px;
48 | }
49 |
50 | .company-info-item {
51 | margin-bottom: 8px;
52 | display: flex;
53 | flex-direction: row;
54 | align-items: center;
55 | }
56 |
57 | .insights-info {
58 | text-align: center;
59 | padding: 8px 16px 16px 16px;
60 | font-size: 14px;
61 | }
62 |
63 | .insights-button {
64 | margin: 8px auto 16px auto
65 | }
66 |
67 | .insights-empty-info {
68 | text-align: center;
69 | padding: 8px;
70 | font-size: 14px;
71 | }
72 |
--------------------------------------------------------------------------------
/outlook/src/taskpane/taskpane.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
27 |
37 | );
38 | }
39 | }
40 |
41 | ListItem.contextType = AppContext;
42 |
43 | export default ListItem;
44 |
--------------------------------------------------------------------------------
/outlook/src/taskpane/index.tsx:
--------------------------------------------------------------------------------
1 | import 'office-ui-fabric-react/dist/css/fabric.min.css';
2 | import App from './components/App';
3 | import { AppContainer } from 'react-hot-loader';
4 | import { initializeIcons } from 'office-ui-fabric-react/lib/Icons';
5 | import * as React from 'react';
6 | import * as ReactDOM from 'react-dom';
7 | import { Authenticator } from '@microsoft/office-js-helpers';
8 |
9 | initializeIcons();
10 |
11 | let isOfficeInitialized = false;
12 |
13 | const title = 'Odoo for Outlook';
14 |
15 | const render = (Component) => {
16 | ReactDOM.render(
17 |
28 |
36 |
29 |
34 | {this.props.title}
30 | {this.props.description && (
31 | {this.props.description}
32 | )}
33 | ${body}`; 17 | 18 | if (error.code === "attachments_size_exceeded") { 19 | body += `
${_t( 20 | "Attachments could not be logged in Odoo because their total size exceeded the allowed maximum.", 21 | )}`; 22 | } 23 | 24 | // Make the "attachment" links bigger, otherwise we need to scroll to fully see them 25 | // Can not add a tag because they are sanitized by Odoo 26 | body = body.replace( 27 | /class=\"gmail_chip gmail_drive_chip" style=\"/g, 28 | 'class="gmail_chip gmail_drive_chip" style=" min-height: 32px;', 29 | ); 30 | 31 | body += `
${_t("Logged from")} ${_t("Gmail Inbox")}`; 32 | 33 | return body; 34 | } 35 | 36 | /** 37 | * Log the given email body in the chatter of the given record. 38 | */ 39 | export function logEmail(recordId: number, recordModel: string, email: Email): ErrorMessage { 40 | const odooAccessToken = getAccessToken(); 41 | const [attachments, error] = email.getAttachments(); 42 | const body = _formatEmailBody(email, error); 43 | const url = PropertiesService.getUserProperties().getProperty("ODOO_SERVER_URL") + URLS.LOG_EMAIL; 44 | 45 | const response = postJsonRpc( 46 | url, 47 | { message: body, res_id: recordId, model: recordModel, attachments: attachments }, 48 | { Authorization: "Bearer " + odooAccessToken }, 49 | ); 50 | 51 | if (!response) { 52 | error.setError("unknown"); 53 | } 54 | 55 | return error; 56 | } 57 | -------------------------------------------------------------------------------- /outlook/src/taskpane/components/CollapseSection/CollapseSection.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | import { faChevronDown, faChevronRight, faPlus } from '@fortawesome/free-solid-svg-icons'; 3 | import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; 4 | import './CollapseSection.css'; 5 | import { ReactElement } from 'react'; 6 | 7 | type CollapseSectionProps = { 8 | title: string; 9 | isCollapsed: boolean; 10 | hasAddButton?: boolean; 11 | onAddButtonClick?: () => void; 12 | hideCollapseButton?: boolean; 13 | children: ReactElement; 14 | className?: string; 15 | }; 16 | 17 | type CollapseSectionSate = { 18 | isCollapsed: boolean; 19 | }; 20 | 21 | /*** 22 | * Class which handles a collapsable section 23 | */ 24 | class CollapseSection extends React.Component
51 |
60 | );
61 | }
62 | }
63 |
64 | export default CollapseSection;
65 |
--------------------------------------------------------------------------------
/gmail/src/models/lead.ts:
--------------------------------------------------------------------------------
1 | import { postJsonRpc } from "../utils/http";
2 | import { isTrue } from "../utils/format";
3 | import { URLS } from "../const";
4 | import { getAccessToken } from "src/services/odoo_auth";
5 |
6 | /**
7 | * Represent a "crm.lead" record.
8 | */
9 | export class Lead {
10 | id: number;
11 | name: string;
12 | expectedRevenue: string;
13 | probability: number;
14 | recurringRevenue: string;
15 | recurringPlan: string;
16 |
17 | /**
18 | * Make a RPC call to the Odoo database to create a lead
19 | * and return the ID of the newly created record.
20 | */
21 | static createLead(partnerId: number, emailBody: string, emailSubject: string): number {
22 | const url = PropertiesService.getUserProperties().getProperty("ODOO_SERVER_URL") + URLS.CREATE_LEAD;
23 | const accessToken = getAccessToken();
24 |
25 | const response = postJsonRpc(
26 | url,
27 | { email_body: emailBody, email_subject: emailSubject, partner_id: partnerId },
28 | { Authorization: "Bearer " + accessToken },
29 | );
30 |
31 | return response ? response.lead_id || null : null;
32 | }
33 |
34 | /**
35 | * Unserialize the lead object (reverse JSON.stringify).
36 | */
37 | static fromJson(values: any): Lead {
38 | const lead = new Lead();
39 | lead.id = values.id;
40 | lead.name = values.name;
41 | lead.expectedRevenue = values.expectedRevenue;
42 | lead.probability = values.probability;
43 | lead.recurringRevenue = values.recurringRevenue;
44 | lead.recurringPlan = values.recurringPlan;
45 | return lead;
46 | }
47 |
48 | /**
49 | * Parse the dictionary returned by the Odoo database endpoint.
50 | */
51 | static fromOdooResponse(values: any): Lead {
52 | const lead = new Lead();
53 | lead.id = values.lead_id;
54 | lead.name = values.name;
55 | lead.expectedRevenue = values.expected_revenue;
56 | lead.probability = values.probability;
57 |
58 | if (isTrue(values.recurring_revenue) && isTrue(values.recurring_plan)) {
59 | lead.recurringRevenue = values.recurring_revenue;
60 | lead.recurringPlan = values.recurring_plan;
61 | }
62 |
63 | return lead;
64 | }
65 | }
66 |
--------------------------------------------------------------------------------
/outlook/src/utils/httpRequest.ts:
--------------------------------------------------------------------------------
1 | export enum HttpVerb {
2 | GET = 'GET',
3 | POST = 'POST',
4 | }
5 | export enum ContentType {
6 | Json = 'application/json',
7 | Http = 'multipart/form-data',
8 | }
9 | export const sendHttpRequest = function(
10 | method: HttpVerb,
11 | url: string,
12 | contentType?: ContentType,
13 | token?: string,
14 | data?: Object,
15 | rpc?: boolean,
16 | ): { promise: Promise
52 |
58 | {!this.state.isCollapsed && this.props.children}
59 | {this.props.title}
53 |
54 | {addButton}
55 | {collapseButton}
56 |
57 |
49 |
56 | );
57 |
58 | const phoneDiv = phone && (
59 |
51 |
52 | {email}
53 |
54 |
55 |
60 |
65 | );
66 |
67 | return (
68 |
69 |
79 | );
80 | }
81 | }
82 | ContactListItem.contextType = AppContext;
83 | export default ContactListItem;
84 |
--------------------------------------------------------------------------------
/outlook/webpack.config.js:
--------------------------------------------------------------------------------
1 | const devCerts = require("office-addin-dev-certs");
2 | const { CleanWebpackPlugin } = require("clean-webpack-plugin");
3 | const CopyWebpackPlugin = require("copy-webpack-plugin");
4 | const ExtractTextPlugin = require('extract-text-webpack-plugin');
5 | const HtmlWebpackPlugin = require("html-webpack-plugin");
6 | const webpack = require('webpack');
7 |
8 | module.exports = async (env, options) => {
9 | const dev = options.mode === "development";
10 | let domain = "localhost:3000";
11 | if (env && env.DOMAIN) {
12 | domain = env.DOMAIN;
13 | }
14 | const config = {
15 | devtool: "source-map",
16 | entry: {
17 | vendor: [
18 | 'react',
19 | 'react-dom',
20 | 'core-js',
21 | 'office-ui-fabric-react'
22 | ],
23 | taskpane: [
24 | 'react-hot-loader/patch',
25 | './src/taskpane/index.tsx',
26 | ],
27 | },
28 | resolve: {
29 | extensions: [".ts", ".tsx", ".html", ".js"]
30 | },
31 | module: {
32 | rules: [
33 | {
34 | test: /\.tsx?$/,
35 | use: [
36 | 'react-hot-loader/webpack',
37 | 'ts-loader'
38 | ],
39 | exclude: /node_modules/
40 | },
41 | {
42 | test: /\.css$/,
43 | use: ['style-loader', 'css-loader']
44 | },
45 | {
46 | test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/,
47 | use: {
48 | loader: 'file-loader',
49 | query: {
50 | name: 'assets/[name].[ext]'
51 | }
52 | }
53 | }
54 | ]
55 | },
56 | plugins: [
57 | new CleanWebpackPlugin(),
58 | new CopyWebpackPlugin(
59 | {
60 | patterns: [
61 | {
62 | to: "taskpane.css",
63 | from: "./src/taskpane/taskpane.css"
64 | },
65 | {
66 | from: './assets',
67 | to: 'assets',
68 | globOptions: {
69 | ignore: ['*.scss'],
70 | }
71 | },
72 | {
73 | to: "manifest.xml",
74 | from: "./manifest.xml",
75 | transform(content) {
76 | return content
77 | .toString()
78 | .replace(/localhost:3000/g, domain);
79 | },
80 | },
81 | ]
82 | }
83 | ),
84 | new webpack.DefinePlugin({
85 | __DOMAIN__: JSON.stringify(domain)
86 | }),
87 | new ExtractTextPlugin('[name].[hash].css'),
88 | new HtmlWebpackPlugin({
89 | filename: "taskpane.html",
90 | template: './src/taskpane/taskpane.html',
91 | chunks: ['taskpane', 'vendor', 'polyfills']
92 | }),
93 | new HtmlWebpackPlugin({
94 | filename: "dialog.html",
95 | template: "./src/taskpane/components/Login/dialog.html"
96 | }),
97 | new webpack.ProvidePlugin({
98 | Promise: ["es6-promise", "Promise"]
99 | })
100 | ],
101 | devServer: {
102 | headers: {
103 | "Access-Control-Allow-Origin": "*"
104 | },
105 | https: (options.https !== undefined) ? options.https : await devCerts.getHttpsServerOptions(),
106 | port: process.env.npm_package_config_dev_server_port || 3000
107 | }
108 | };
109 |
110 | return config;
111 | };
112 |
--------------------------------------------------------------------------------
/gmail/README.md:
--------------------------------------------------------------------------------
1 | # Odoo Gmail Add-on
2 | This addons allows you to find information about the sender of the emails you received
3 | and also to link your Gmail contacts to your Odoo partners, to create leads from Gmail,...
4 |
5 | 
6 |
7 | # Development
8 | ## Requirements
9 | First you need npm,
10 | > apt-get install -y npm
11 |
12 | Install the dependencies
13 | > npm install
14 |
15 | ## Prettier
16 | You should auto-format the code using the prettier configuration,
17 | > `npx prettier --config .prettierrc 'src/**/*.ts' --write`
18 |
19 | ## Compiling
20 |
21 | We use [rollup.js](https://github.com/rollup/rollup) to package all of the source files into a single one.
22 | This is necessary as App Scripts do not support ES6 import/export statements yet.
23 |
24 | Once you have applied the necessary changes, run the following command:
25 | > npx rollup -c
26 |
27 | This will simultaneously compile and package the typescript sourcecode inside `build/main.js`
28 |
29 | Now all you need to do is upload the script to your account and deploy it!
30 |
31 | ## Uploading method 1: Manually copying the file
32 | If you do not plan on updating this script regularly, perhaps you will prefer using Google's GUI.
33 |
34 | - Head to [the App Scripts manager](https://script.google.com/) and create a project
35 | - Go to the project settings and enable appscript.json editing: `Show "appsscript.json" manifest file in editor`
36 | - Copy the contents of your local `appscript.json` to the remote one in the project editor
37 | - Create a file `main.gs` and remove the existing `Code.gs` if any.
38 | - Copy the contents of your local `build/main.js` to the `main.gs` file in the project editor
39 |
40 | ## Uploading method 2: Using Clasp
41 | You may want to use the Google's CLI tool [clasp](https://github.com/google/clasp) to manage, compile and update your app script.
42 |
43 | First install
44 | > npm install -g @google/clasp
45 |
46 | Login to your account to be able to push on your Gmail project,
47 | > clasp login
48 |
49 | Note: the `--no-localhost` option we previously recommended was [deprecated by google](https://developers.google.com/identity/protocols/oauth2/resources/oob-migration)
50 |
51 | ### If you already have a project
52 | Update `.clasp.json` to use your own script id and project.
53 | If you do not have a specific project, use `Default`.
54 |
55 | ### If you do not have a project yet
56 | Remove `.clasp.json`
57 |
58 | Create a project
59 | > clasp create
60 |
61 | For the project type, select "api".
62 |
63 | ### Push your project
64 | Push the project
65 | > clasp push
66 |
67 |
68 | # Deployment
69 | Finally, you can enable the add-on for your account.
70 |
71 | Head to [the App Scripts manager](https://script.google.com/).
72 | - Select your project and click "Deploy".
73 | - For testing on your account just select "Test deployments". "Google Workspace Add-on" should be automatically selected as the type.
74 | - Click "Install" and the add-on should appear in the addons tab of Gmail.
75 |
76 | You're done!
77 |
78 | For final deployments you will need to create a Google Cloud Project with the GMail API and link it to this script.
79 | Refer to Google's documentation for more information.
80 |
81 | # Documentation
82 | `GmailApp` object,
83 | https://developers.google.com/apps-script/reference/gmail/gmail-app
84 |
85 | `URL fetch API`
86 | https://developers.google.com/apps-script/reference/url-fetch
87 |
88 | `Storage`
89 | https://developers.google.com/apps-script/reference/cache
90 | https://developers.google.com/apps-script/reference/properties
91 |
--------------------------------------------------------------------------------
/outlook/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "office-addin-taskpane-react",
3 | "version": "0.0.1",
4 | "repository": {
5 | "type": "git",
6 | "url": "https://github.com/OfficeDev/Office-Addin-TaskPane-React.git"
7 | },
8 | "license": "MIT",
9 | "config": {
10 | "app-to-debug": "outlook",
11 | "app-type-to-debug": "desktop",
12 | "dev-server-port": 3000
13 | },
14 | "scripts": {
15 | "build": "webpack -p --mode production --https false",
16 | "build:dev": "webpack --mode development --https false",
17 | "build-dev": "webpack --mode development --https false && echo . && echo . && echo . && echo Please use 'build:dev' instead of 'build-dev'.",
18 | "dev-server": "webpack-dev-server --mode development --hot --host=0.0.0.0 --public=localhost:3000",
19 | "lint": "office-addin-lint check",
20 | "lint:fix": "office-addin-lint fix",
21 | "prettier": "office-addin-lint prettier",
22 | "start": "office-addin-debugging start manifest.xml",
23 | "start:desktop": "office-addin-debugging start manifest.xml desktop",
24 | "start:web": "office-addin-debugging start manifest.xml web",
25 | "stop": "office-addin-debugging stop manifest.xml",
26 | "validate": "office-addin-manifest validate manifest.xml",
27 | "watch": "webpack --mode development --watch",
28 | "deploy": "gh-pages -d dist"
29 | },
30 | "dependencies": {
31 | "@fortawesome/fontawesome-svg-core": "^1.2.30",
32 | "@fortawesome/free-solid-svg-icons": "^5.14.0",
33 | "@fortawesome/react-fontawesome": "^0.1.11",
34 | "@microsoft/office-js-helpers": "^1.0.2",
35 | "core-js": "^3.1.4",
36 | "es6-promise": "^4.2.8",
37 | "fontawesome-4.7": "^4.7.0",
38 | "node-forge": "^0.10.0",
39 | "office-ui-fabric-react": "^7.139.0",
40 | "postal-mime": "^1.1.0",
41 | "react": "^16.8.2",
42 | "react-dom": "^16.8.2",
43 | "react-loader-spinner": "^4.0.0",
44 | "react-router": "^5.1.2",
45 | "react-router-dom": "^5.1.2"
46 | },
47 | "devDependencies": {
48 | "@babel/core": "^7.11.6",
49 | "@babel/polyfill": "^7.11.5",
50 | "@babel/preset-env": "^7.11.5",
51 | "@types/office-js": "^1.0.519",
52 | "@types/office-runtime": "^1.0.17",
53 | "@types/react": "^16.9.49",
54 | "@types/react-dom": "^16.8.4",
55 | "@types/react-hot-loader": "^4.1.0",
56 | "@types/webpack": "^4.41.22",
57 | "@types/webpack-dev-server": "^3.1.6",
58 | "babel-loader": "^8.0.6",
59 | "clean-webpack-plugin": "^3.0.0",
60 | "copy-webpack-plugin": "^6.1.1",
61 | "css-loader": "^3.0.0",
62 | "eslint-plugin-office-addins": "^0.1.7",
63 | "eslint-plugin-react": "^7.16.0",
64 | "extract-text-webpack-plugin": "4.0.0-beta.0",
65 | "file-loader": "^4.2.0",
66 | "gh-pages": "^2.2.0",
67 | "html-loader": "^0.5.5",
68 | "html-webpack-plugin": "^3.2.0",
69 | "less": "^3.9.0",
70 | "less-loader": "^5.0.0",
71 | "office-addin-cli": "^1.0.13",
72 | "office-addin-debugging": "^3.0.34",
73 | "office-addin-dev-certs": "^1.5.5",
74 | "office-addin-lint": "^1.0.26",
75 | "postcss-loader": "3.0.0",
76 | "prettier": "1.19.1",
77 | "react-hot-loader": "^4.12.6",
78 | "source-map-loader": "^0.2.4",
79 | "style-loader": "^0.23.1",
80 | "ts-loader": "^6.1.0",
81 | "typescript": "^3.6.3",
82 | "webpack": "^4.44.2",
83 | "webpack-cli": "^3.3.8",
84 | "webpack-dev-server": "^3.8.0"
85 | },
86 | "prettier": {
87 | "printWidth": 120,
88 | "tabWidth": 4,
89 | "trailingComma": "all",
90 | "jsxBracketSameLine": true,
91 | "arrowParens": "always",
92 | "singleQuote": true
93 | }
94 | }
95 |
--------------------------------------------------------------------------------
/gmail/src/views/tasks.ts:
--------------------------------------------------------------------------------
1 | import { buildView } from "../views/index";
2 | import { buildCreateTaskView } from "../views/create_task";
3 | import { updateCard } from "./helpers";
4 | import { UI_ICONS } from "./icons";
5 | import { createKeyValueWidget, actionCall, notify } from "./helpers";
6 | import { URLS } from "../const";
7 | import { getOdooServerUrl } from "src/services/app_properties";
8 | import { State } from "../models/state";
9 | import { logEmail } from "../services/log_email";
10 | import { _t } from "../services/translation";
11 | import { truncate } from "../utils/format";
12 |
13 | function onCreateTask(state: State) {
14 | return buildCreateTaskView(state);
15 | }
16 |
17 | function onLogEmailOnTask(state: State, parameters: any) {
18 | const taskId = parameters.taskId;
19 |
20 | if (State.checkLoggingState(state.email.messageId, "tasks", taskId)) {
21 | logEmail(taskId, "project.task", state.email);
22 | if (!state.error.code) {
23 | State.setLoggingState(state.email.messageId, "tasks", taskId);
24 | }
25 | return updateCard(buildView(state));
26 | }
27 | return notify(_t("Email already logged on the task"));
28 | }
29 |
30 | function onEmailAlreradyLoggedOnTask() {
31 | return notify(_t("Email already logged on the task"));
32 | }
33 |
34 | export function buildTasksView(state: State, card: Card) {
35 | const odooServerUrl = getOdooServerUrl();
36 | const partner = state.partner;
37 | const tasks = partner.tasks;
38 |
39 | if (!tasks) {
40 | return;
41 | }
42 |
43 | const loggingState = State.getLoggingState(state.email.messageId);
44 | const tasksSection = CardService.newCardSection().setHeader("" + _t("Tasks (%s)", tasks.length) + "");
45 | const cids = state.odooCompaniesParameter;
46 |
47 | if (state.partner.id) {
48 | tasksSection.addWidget(
49 | CardService.newTextButton().setText(_t("Create")).setOnClickAction(actionCall(state, onCreateTask.name)),
50 | );
51 |
52 | for (let task of tasks) {
53 | let taskButton = null;
54 | if (loggingState["tasks"].indexOf(task.id) >= 0) {
55 | taskButton = CardService.newImageButton()
56 | .setAltText(_t("Email already logged on the task"))
57 | .setIconUrl(UI_ICONS.email_logged)
58 | .setOnClickAction(actionCall(state, onEmailAlreradyLoggedOnTask.name));
59 | } else {
60 | taskButton = CardService.newImageButton()
61 | .setAltText(_t("Log the email on the task"))
62 | .setIconUrl(UI_ICONS.email_in_odoo)
63 | .setOnClickAction(
64 | actionCall(state, onLogEmailOnTask.name, {
65 | taskId: task.id,
66 | }),
67 | );
68 | }
69 |
70 | tasksSection.addWidget(
71 | createKeyValueWidget(
72 | task.projectName,
73 | truncate(task.name, 35),
74 | null,
75 | null,
76 | taskButton,
77 | odooServerUrl + `/web#id=${task.id}&model=project.task&view_type=form${cids}`,
78 | ),
79 | );
80 | }
81 | } else if (state.canCreatePartner) {
82 | tasksSection.addWidget(CardService.newTextParagraph().setText(_t("Save the contact to create new tasks.")));
83 | } else {
84 | tasksSection.addWidget(
85 | CardService.newTextParagraph().setText(_t("The Contact needs to exist to create Task.")),
86 | );
87 | }
88 |
89 | card.addSection(tasksSection);
90 | return card;
91 | }
92 |
--------------------------------------------------------------------------------
/outlook/src/taskpane/components/SectionTasks/SectionTasks.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import Partner from '../../../classes/Partner';
3 | import Project from '../../../classes/Project';
4 | import Task from '../../../classes/Task';
5 | import { _t } from '../../../utils/Translator';
6 | import Section from '../Section/Section';
7 | import api from '../../api';
8 | import AppContext from '../AppContext';
9 | import { Callout, DirectionalHint } from 'office-ui-fabric-react';
10 | import SelectProjectDropdown from './SelectProjectDropdown';
11 |
12 | type SectionTasksProps = {
13 | partner: Partner;
14 | canCreatePartner: boolean;
15 | canCreateProject: boolean;
16 | };
17 |
18 | type SectionTasksState = {
19 | tasks: Task[];
20 | isCollapsed: boolean;
21 | isProjectCalloutOpen: boolean;
22 | createCallback?: (any?) => {};
23 | };
24 |
25 | class SectionTasks extends React.Component
70 | {this.getIconOrInitials()}
71 |
77 | {logButton}
78 |
72 |
76 | {contactName}
73 | {emailDiv}
74 | {phoneDiv}
75 |
57 |
76 | );
77 | }
78 |
79 | let phoneDiv = null;
80 | if (phone) {
81 | phoneDiv = (
82 |
58 |
65 |
71 |
72 | {email}
73 |
74 |
75 |
83 |
97 | );
98 | }
99 |
100 | return (
101 |
84 |
91 |
92 |
93 | {phone}
94 |
95 |
96 |
102 | {this.getIconOrInitials()}
103 |
109 | );
110 | }
111 | }
112 |
113 | ProfileCard.contextType = AppContext;
114 |
--------------------------------------------------------------------------------
/gmail/src/views/tickets.ts:
--------------------------------------------------------------------------------
1 | import { buildView } from "../views/index";
2 | import { updateCard } from "./helpers";
3 | import { UI_ICONS } from "./icons";
4 | import { createKeyValueWidget, actionCall, notify, openUrl } from "./helpers";
5 | import { URLS } from "../const";
6 | import { getOdooServerUrl } from "src/services/app_properties";
7 | import { State } from "../models/state";
8 | import { Ticket } from "../models/ticket";
9 | import { logEmail } from "../services/log_email";
10 | import { _t } from "../services/translation";
11 |
12 | function onCreateTicket(state: State) {
13 | const ticketId = Ticket.createTicket(state.partner.id, state.email.body, state.email.subject);
14 |
15 | if (!ticketId) {
16 | return notify(_t("Could not create the ticket"));
17 | }
18 |
19 | const cids = state.odooCompaniesParameter;
20 |
21 | const ticketUrl =
22 | PropertiesService.getUserProperties().getProperty("ODOO_SERVER_URL") +
23 | `/web#id=${ticketId}&action=helpdesk_mail_plugin.helpdesk_ticket_action_form_edit&model=helpdesk.ticket&view_type=form${cids}`;
24 |
25 | return openUrl(ticketUrl);
26 | }
27 |
28 | function onLogEmailOnTicket(state: State, parameters: any) {
29 | const ticketId = parameters.ticketId;
30 |
31 | if (State.checkLoggingState(state.email.messageId, "tickets", ticketId)) {
32 | state.error = logEmail(ticketId, "helpdesk.ticket", state.email);
33 | if (!state.error.code) {
34 | State.setLoggingState(state.email.messageId, "tickets", ticketId);
35 | }
36 | return updateCard(buildView(state));
37 | }
38 | return notify(_t("Email already logged on the ticket"));
39 | }
40 |
41 | function onEmailAlreradyLoggedOnTicket() {
42 | return notify(_t("Email already logged on the ticket"));
43 | }
44 |
45 | export function buildTicketsView(state: State, card: Card) {
46 | const odooServerUrl = getOdooServerUrl();
47 | const partner = state.partner;
48 | const tickets = partner.tickets;
49 |
50 | if (!tickets) {
51 | return;
52 | }
53 |
54 | const loggingState = State.getLoggingState(state.email.messageId);
55 |
56 | const ticketsSection = CardService.newCardSection().setHeader("" + _t("Tickets (%s)", tickets.length) + "");
57 |
58 | if (state.partner.id) {
59 | ticketsSection.addWidget(
60 | CardService.newTextButton().setText(_t("Create")).setOnClickAction(actionCall(state, onCreateTicket.name)),
61 | );
62 |
63 | const cids = state.odooCompaniesParameter;
64 |
65 | for (let ticket of tickets) {
66 | let ticketButton = null;
67 | if (loggingState["tickets"].indexOf(ticket.id) >= 0) {
68 | ticketButton = CardService.newImageButton()
69 | .setAltText(_t("Email already logged on the ticket"))
70 | .setIconUrl(UI_ICONS.email_logged)
71 | .setOnClickAction(actionCall(state, onEmailAlreradyLoggedOnTicket.name));
72 | } else {
73 | ticketButton = CardService.newImageButton()
74 | .setAltText(_t("Log the email on the ticket"))
75 | .setIconUrl(UI_ICONS.email_in_odoo)
76 | .setOnClickAction(
77 | actionCall(state, "onLogEmailOnTicket", {
78 | ticketId: ticket.id,
79 | }),
80 | );
81 | }
82 |
83 | ticketsSection.addWidget(
84 | createKeyValueWidget(
85 | null,
86 | ticket.name,
87 | null,
88 | null,
89 | ticketButton,
90 | odooServerUrl + `/web#id=${ticket.id}&model=helpdesk.ticket&view_type=form${cids}`,
91 | ),
92 | );
93 | }
94 | } else if (state.canCreatePartner) {
95 | ticketsSection.addWidget(CardService.newTextParagraph().setText(_t("Save the contact to create new tickets.")));
96 | } else {
97 | ticketsSection.addWidget(
98 | CardService.newTextParagraph().setText(_t("The Contact needs to exist to create Ticket.")),
99 | );
100 | }
101 |
102 | card.addSection(ticketsSection);
103 | return card;
104 | }
105 |
--------------------------------------------------------------------------------
/gmail/src/views/login.ts:
--------------------------------------------------------------------------------
1 | import { formatUrl, repeat } from "../utils/format";
2 | import { notify, createKeyValueWidget } from "./helpers";
3 | import { State } from "../models/state";
4 | import { IMAGES_LOGIN } from "./icons";
5 | import { isOdooDatabaseReachable } from "../services/odoo_auth";
6 | import { _t, clearTranslationCache } from "../services/translation";
7 | import { setOdooServerUrl } from "src/services/app_properties";
8 |
9 | function onNextLogin(event) {
10 | const validatedUrl = formatUrl(event.formInput.odooServerUrl);
11 |
12 | if (!validatedUrl) {
13 | return notify("Invalid URL");
14 | }
15 |
16 | if (!/^https:\/\/([^\/?]*\.)?odoo\.com(\/|$)/.test(validatedUrl)) {
17 | return notify("The URL must be a subdomain of odoo.com");
18 | }
19 |
20 | clearTranslationCache();
21 |
22 | setOdooServerUrl(validatedUrl);
23 |
24 | if (!isOdooDatabaseReachable(validatedUrl)) {
25 | return notify(
26 | "Could not connect to your database. Make sure the module is installed in Odoo (Settings > General Settings > Integrations > Mail Plugins)",
27 | );
28 | }
29 |
30 | return CardService.newActionResponseBuilder()
31 | .setOpenLink(
32 | CardService.newOpenLink()
33 | .setUrl(State.odooLoginUrl)
34 | .setOpenAs(CardService.OpenAs.OVERLAY)
35 | .setOnClose(CardService.OnClose.RELOAD),
36 | )
37 | .build();
38 | }
39 |
40 | export function buildLoginMainView() {
41 | const card = CardService.newCardBuilder();
42 |
43 | // Trick to make large centered button
44 | const invisibleChar = "⠀";
45 |
46 | const faqUrl = "https://www.odoo.com/documentation/master/applications/productivity/mail_plugins.html";
47 |
48 | card.addSection(
49 | CardService.newCardSection()
50 | .addWidget(
51 | CardService.newImage().setAltText("Connect to your Odoo database").setImageUrl(IMAGES_LOGIN.main_image),
52 | )
53 | .addWidget(
54 | CardService.newTextInput()
55 | .setFieldName("odooServerUrl")
56 | .setTitle("Database URL")
57 | .setHint("e.g. company.odoo.com")
58 | .setValue(PropertiesService.getUserProperties().getProperty("ODOO_SERVER_URL") || ""),
59 | )
60 | .addWidget(
61 | CardService.newTextButton()
62 | .setText(repeat(invisibleChar, 12) + "Login" + repeat(invisibleChar, 12))
63 | .setTextButtonStyle(CardService.TextButtonStyle.FILLED)
64 | .setBackgroundColor("#00A09D")
65 | .setOnClickAction(CardService.newAction().setFunctionName(onNextLogin.name)),
66 | )
67 | .addWidget(CardService.newTextParagraph().setText(repeat(invisibleChar, 13) + "OR"))
68 | .addWidget(
69 | CardService.newTextButton()
70 | .setText(repeat(invisibleChar, 11) + " Sign Up" + repeat(invisibleChar, 11))
71 | .setOpenLink(
72 | CardService.newOpenLink().setUrl(
73 | "https://www.odoo.com/trial?selected_app=mail_plugin:crm:helpdesk:project",
74 | ),
75 | ),
76 | )
77 | .addWidget(
78 | createKeyValueWidget(null, "Create leads from emails sent to your email address.", IMAGES_LOGIN.email),
79 | )
80 | .addWidget(
81 | createKeyValueWidget(
82 | null,
83 | "Create tickets from emails sent to your email address.",
84 | IMAGES_LOGIN.ticket,
85 | ),
86 | )
87 | .addWidget(createKeyValueWidget(null, "Centralize Prospects' emails into CRM.", IMAGES_LOGIN.crm))
88 | .addWidget(
89 | createKeyValueWidget(
90 | null,
91 | "Generate Tasks from emails sent to your email address in any Odoo project.",
92 | IMAGES_LOGIN.project,
93 | ),
94 | )
95 | .addWidget(createKeyValueWidget(null, "Search and store insights on your contacts.", IMAGES_LOGIN.search))
96 | .addWidget(
97 | CardService.newTextParagraph().setText(repeat(invisibleChar, 13) + `FAQ`),
98 | ),
99 | );
100 |
101 | return card.build();
102 | }
103 |
--------------------------------------------------------------------------------
/outlook/src/taskpane/taskpane.css:
--------------------------------------------------------------------------------
1 | .app-main {
2 | height: 100vh;
3 | width: 100%;
4 | display: flex;
5 | flex-direction: column;
6 | }
7 |
8 | body {
9 | margin: 0;
10 | background-color: whitesmoke;
11 | overflow-y: auto;
12 | }
13 |
14 | .full-width {
15 | width: 100%;
16 | }
17 |
18 | .form-line {
19 | margin-top: 15px;
20 | }
21 |
22 | .form-line-compact {
23 | margin-top: 10px;
24 | }
25 |
26 | .clickable {
27 | cursor: pointer;
28 | }
29 |
30 | .tile {
31 | padding: 10px;
32 | background-color: white;
33 | }
34 |
35 | .bounded-tile {
36 | padding: 10px;
37 | background-color: white;
38 | }
39 |
40 | .lower-bounded-tile {
41 | padding: 10px;
42 | background-color: white;
43 | border-bottom: 1px #d6d5d5 solid;
44 | }
45 |
46 | .tile-regular-space {
47 | height: 30px;
48 | }
49 |
50 | .tile-title-space {
51 | /*height: 50px;*/
52 | height: 25px;
53 | position: relative;
54 | }
55 |
56 | .tile-title {
57 | padding-left: 15px;
58 | font-size: 13px;
59 | color: #56565b;
60 | position: absolute;
61 | bottom: 5px;
62 | display: flex;
63 | width: calc(100% - 30px);
64 | }
65 |
66 | .input-search {
67 | width: 100%;
68 | }
69 |
70 | .tile-title > .text {
71 | flex: 1;
72 | }
73 |
74 | .tile-title > .button {
75 | text-align: right;
76 | cursor: pointer;
77 | color: blue
78 | }
79 |
80 | .link-like-button {
81 | cursor: pointer;
82 | color: blue;
83 | text-decoration: none;
84 | padding-bottom: 8px;
85 | padding-top: 8px;
86 | }
87 |
88 | .odoo-filled-button {
89 | /*border: 2px solid #8a8886;*/
90 | background-color: #a2478a;
91 | color: white;
92 | font-size: large;
93 | }
94 |
95 | .odoo-filled-button:hover {
96 | background-color: #96417e;
97 | }
98 |
99 | .odoo-clear-button {
100 | /*border: 2px solid #8a8886;*/
101 | font-size: large;
102 | color: #a2478a;
103 | background-color: white;
104 | }
105 |
106 | .odoo-clear-button:hover {
107 | color: #a2478a;
108 | }
109 |
110 | .horizontal-line {
111 | width: 100%;
112 | text-align: center;
113 | border-bottom: 1px solid #56565b;
114 | line-height: 0.1em;
115 | margin: 20px 0 20px;
116 | }
117 |
118 | .horizontal-line > span {
119 | background:#fff;
120 | padding:0 10px;
121 | color:#56565b;
122 | }
123 |
124 | .section-card {
125 | margin: 8px;
126 | background: white;
127 | border-radius: 4px;
128 | display: flex;
129 | flex-direction: column;
130 | }
131 |
132 | .section-content {
133 | margin: 8px;
134 | }
135 |
136 |
137 | .section-top {
138 | display: flex;
139 | flex-direction: row;
140 | justify-content: space-between;
141 | align-items: center;
142 | margin-bottom: 8px;
143 | margin-top: 8px;
144 | margin-left: 8px;
145 | }
146 |
147 | .icon-with-text-parent {
148 | display: flex;
149 | flex-direction: row;
150 | }
151 |
152 | .odoo-muted-button {
153 | border: solid 1px #ededed;
154 | border-radius: 4px;
155 | padding: 4px 8px 4px 8px;
156 | color: #787878;
157 | font-size: medium;
158 | font-weight: 500;
159 | cursor: pointer;
160 | width: fit-content;
161 | width: -moz-fit-content;
162 | user-select: none;
163 | }
164 |
165 | .muted-text {
166 | color: #787878;
167 | font-size: medium;
168 | font-weight: 400
169 | }
170 |
171 | .odoo-muted-button:hover {
172 | background: #ededed;
173 | }
174 |
175 | .custom-section-title-container {
176 | display: flex;
177 | flex-direction: column;
178 |
179 | }
180 |
181 | .section-title-text {
182 | color: #4b4a49;
183 | font-size: large;
184 | font-weight: 400;
185 | }
186 |
187 |
188 | .odoo-secondary-button {
189 | border: 1px solid #a2478a;
190 | color: #a2478a;
191 | border-radius: 4px;
192 | padding: 4px;
193 | height: fit-content;
194 | text-align: center;
195 | font-size: small;
196 | cursor: pointer;
197 | width: fit-content;
198 | width: -moz-fit-content;
199 | font-weight: 600;
200 | }
201 |
202 | .odoo-secondary-button:hover {
203 | background: #a2478a;
204 | color: white;
205 | }
206 |
207 | .add-to-contacts-button {
208 | border: solid #96417e;
209 | border-width: 1px;
210 | color: #96417e;
211 | border-radius: 4px;
212 | text-align: center;
213 | margin-left: 8px;
214 | margin-right: 8px;
215 | margin-bottom: 8px;
216 | padding: 4px;
217 | font-size: medium;
218 | cursor: pointer;
219 | }
220 |
221 | .text-truncate {
222 | overflow: hidden;
223 | white-space: nowrap;
224 | text-overflow: ellipsis;
225 | }
226 |
--------------------------------------------------------------------------------
/gmail/src/models/email.ts:
--------------------------------------------------------------------------------
1 | import { ErrorMessage } from "../models/error_message";
2 |
3 | /**
4 | * Represent the current email open in the Gmail application.
5 | */
6 | export class Email {
7 | accessToken: string;
8 | messageId: string;
9 | subject: string;
10 |
11 | contactEmail: string;
12 | contactFullEmail: string;
13 | contactName: string;
14 |
15 | constructor(messageId: string = null, accessToken: string = null) {
16 | if (messageId) {
17 | const userEmail = Session.getEffectiveUser().getEmail().toLowerCase();
18 |
19 | this.accessToken = accessToken;
20 |
21 | this.messageId = messageId;
22 | const message = GmailApp.getMessageById(this.messageId);
23 | this.subject = message.getSubject();
24 |
25 | const fromHeaders = message.getFrom();
26 | const sent = fromHeaders.toLowerCase().indexOf(userEmail) >= 0;
27 | this.contactFullEmail = sent ? message.getTo() : message.getFrom();
28 | [this.contactName, this.contactEmail] = this._emailSplitTuple(this.contactFullEmail);
29 | }
30 | }
31 |
32 | /**
33 | * Ask the email body only if the user asked for it (e.g. asked to log the email).
34 | */
35 | public get body() {
36 | GmailApp.setCurrentMessageAccessToken(this.accessToken);
37 | const message = GmailApp.getMessageById(this.messageId);
38 | return message.getBody();
39 | }
40 |
41 | /**
42 | * Parse a full FROM header and return the name part and the email part.
43 | *
44 | * E.G.
45 | * "BOB"
104 |
108 | {job ? name + ', ' + job : name}
105 | {emailDiv}
106 | {phoneDiv}
107 | " + partnerContent.join("
"), 103 | partner.image || (partner.isCompany ? UI_ICONS.no_company : UI_ICONS.person), 104 | null, 105 | partnerButton, 106 | partner.id 107 | ? odooServerUrl + `/web#id=${partner.id}&model=res.partner&view_type=form${cids}` 108 | : canContactOdooDatabase 109 | ? null 110 | : actionCall(state, buildLoginMainView.name), 111 | false, 112 | partner.email, 113 | CardService.ImageCropType.CIRCLE, 114 | ); 115 | 116 | partnerSection.addWidget(partnerCard); 117 | 118 | buildPartnerActionView(state, partnerSection); 119 | 120 | card.addSection(partnerSection); 121 | 122 | if (canContactOdooDatabase) { 123 | buildLeadsView(state, card); 124 | buildTicketsView(state, card); 125 | buildTasksView(state, card); 126 | } 127 | 128 | return card; 129 | } 130 | -------------------------------------------------------------------------------- /gmail/src/models/company.ts: -------------------------------------------------------------------------------- 1 | import { formatUrl, isTrue, first } from "../utils/format"; 2 | 3 | export class Company { 4 | id: number; 5 | name: string; 6 | email: string; 7 | phone: string; 8 | isEnriched: boolean; 9 | 10 | // Additional Information 11 | address: string; 12 | annualRevenue: string; 13 | companyType: string; 14 | description: string; 15 | emails: string; 16 | employees: number; 17 | foundedYear: number; 18 | image: string; 19 | industry: string; 20 | mobile: string; 21 | phones: string; 22 | tags: string; 23 | timezone: string; 24 | timezoneUrl: string; 25 | twitterFollowers: number; 26 | twitterBio: string; 27 | website: string; 28 | 29 | // Social Medias 30 | crunchbase: string; 31 | facebook: string; 32 | linkedin: string; 33 | twitter: string; 34 | 35 | /** 36 | * Parse the dictionary returned by IAP. 37 | */ 38 | static fromIapResponse(values: any): Company { 39 | const company = new Company(); 40 | 41 | company.name = isTrue(values.name); 42 | company.email = first(values.email); 43 | company.phone = first(values.phone_numbers); 44 | company.isEnriched = !!Object.keys(values).length; 45 | 46 | company.emails = isTrue(values.email) ? values.email.join("\n") : null; 47 | company.phones = isTrue(values.phone_numbers) ? values.phone_numbers.join("\n") : null; 48 | 49 | company.image = isTrue(values.logo); 50 | company.website = formatUrl(values.domain); 51 | company.description = isTrue(values.description); 52 | company.address = isTrue(values.location); 53 | 54 | // Social Medias 55 | company.facebook = isTrue(values.facebook); 56 | company.twitter = isTrue(values.twitter); 57 | company.linkedin = isTrue(values.linkedin); 58 | company.crunchbase = isTrue(values.crunchbase); 59 | 60 | // Additional Information 61 | company.employees = values.employees || null; 62 | company.annualRevenue = isTrue(values.estimated_annual_revenue); 63 | company.industry = isTrue(values.industry); 64 | company.twitterBio = isTrue(values.twitter_bio); 65 | company.twitterFollowers = values.twitter_followers || null; 66 | company.foundedYear = values.founded_year; 67 | company.timezone = isTrue(values.timezone); 68 | company.timezoneUrl = isTrue(values.timezone_url); 69 | company.tags = isTrue(values.tag) ? values.tag.join(", ") : null; 70 | company.companyType = isTrue(values.company_type); 71 | 72 | return company; 73 | } 74 | 75 | /** 76 | * Unserialize the company object (reverse JSON.stringify). 77 | */ 78 | static fromJson(values: any): Company { 79 | const company = new Company(); 80 | 81 | company.id = values.id; 82 | company.name = values.name; 83 | company.email = values.email; 84 | company.phone = values.phone; 85 | 86 | company.address = values.address; 87 | company.annualRevenue = values.annualRevenue; 88 | company.companyType = values.companyType; 89 | company.description = values.description; 90 | company.emails = values.emails; 91 | company.employees = values.employees; 92 | company.foundedYear = values.foundedYear; 93 | company.image = values.image; 94 | company.industry = values.industry; 95 | company.mobile = values.mobile; 96 | company.phones = values.phones; 97 | company.tags = values.tags; 98 | company.timezone = values.timezone; 99 | company.timezoneUrl = values.timezoneUrl; 100 | company.twitterBio = values.twitterBio; 101 | company.twitterFollowers = values.twitterFollowers; 102 | company.website = values.website; 103 | 104 | company.crunchbase = values.crunchbase; 105 | company.facebook = values.facebook; 106 | company.twitter = values.twitter; 107 | company.linkedin = values.linkedin; 108 | 109 | return company; 110 | } 111 | 112 | /** 113 | * Parse the dictionary returned by an Odoo database. 114 | */ 115 | static fromOdooResponse(values: any): Company { 116 | if (!values.id || values.id < 0) { 117 | return null; 118 | } 119 | 120 | const iapInfo = values.additionalInfo || {}; 121 | 122 | const company = this.fromIapResponse(iapInfo); 123 | 124 | // Overwrite IAP information with the Odoo client database information 125 | company.id = values.id; 126 | company.name = values.name; 127 | company.email = values.email; 128 | company.phone = values.phone; 129 | 130 | company.mobile = values.mobile; 131 | company.website = values.website; 132 | company.image = values.image ? "data:image/png;base64," + values.image : null; 133 | 134 | if (values.address) { 135 | company.address = ""; 136 | 137 | if (isTrue(values.address.street)) { 138 | company.address += values.address.street + ", "; 139 | } 140 | if (isTrue(values.address.zip)) { 141 | company.address += values.address.zip + " "; 142 | } 143 | if (isTrue(values.address.city)) { 144 | company.address += values.address.city + " "; 145 | } 146 | if (isTrue(values.address.country)) { 147 | company.address += values.address.country; 148 | } 149 | } 150 | return company; 151 | } 152 | } 153 | -------------------------------------------------------------------------------- /gmail/src/services/odoo_auth.ts: -------------------------------------------------------------------------------- 1 | import { ODOO_AUTH_URLS } from "../const"; 2 | import { postJsonRpc, encodeQueryData } from "../utils/http"; 3 | 4 | const errorPage = ` 5 | 6 | 25 |
26 | __ERROR_MESSAGE__
27 | `;
28 |
29 | /**
30 | * Callback function called during the OAuth authentication process.
31 | *
32 | * 1. The user click on the "Login button"
33 | * We generate a state token (for this function)
34 | * 2. The user is redirected to Odoo and enter his login / password
35 | * 3. Then the user is redirected to the Google App-Script
36 | * 4. Thanks the the state token, the function "odooAuthCallback" is called with the auth code
37 | * 5. The auth code is exchanged for an access token with a RPC call
38 | */
39 | function odooAuthCallback(callbackRequest: any) {
40 | Logger.log("Run authcallback");
41 | const success = callbackRequest.parameter.success;
42 | const authCode = callbackRequest.parameter.auth_code;
43 |
44 | if (success !== "1") {
45 | return HtmlService.createHtmlOutput(
46 | errorPage.replace("__ERROR_MESSAGE__", "Odoo did not return successfully."),
47 | );
48 | }
49 |
50 | Logger.log("Get access token from auth code...");
51 |
52 | const userProperties = PropertiesService.getUserProperties();
53 | const odooUrl = userProperties.getProperty("ODOO_SERVER_URL");
54 |
55 | const response = postJsonRpc(odooUrl + ODOO_AUTH_URLS.CODE_VALIDATION, {
56 | auth_code: authCode,
57 | });
58 |
59 | if (!response || !response.access_token || !response.access_token.length) {
60 | return HtmlService.createHtmlOutput(
61 | errorPage.replace(
62 | "__ERROR_MESSAGE__",
63 | "The token exchange failed. Maybe your token has expired or your database can not be reached by the Google server." +
64 | "Contact your administrator or our support.", 65 | ), 66 | ); 67 | } 68 | 69 | const accessToken = response.access_token; 70 | 71 | userProperties.setProperty("ODOO_ACCESS_TOKEN", accessToken); 72 | 73 | return HtmlService.createHtmlOutput("Success !"); 74 | } 75 | 76 | /** 77 | * Generate the URL to redirect the user for the authentication to the Odoo database. 78 | * 79 | * This URL contains a state and the Odoo database should resend it. 80 | * The Google server use the state code to know which function to execute when the user 81 | * is redirected on their server. 82 | */ 83 | export function getOdooAuthUrl() { 84 | const userProperties = PropertiesService.getUserProperties(); 85 | const odooUrl = userProperties.getProperty("ODOO_SERVER_URL"); 86 | const scriptId = ScriptApp.getScriptId(); 87 | 88 | if (!odooUrl || !odooUrl.length) { 89 | throw new Error("Can not retrieve the Odoo database URL."); 90 | } 91 | 92 | if (!scriptId || !scriptId.length) { 93 | throw new Error("Can not retrieve the script ID."); 94 | } 95 | 96 | const stateToken = ScriptApp.newStateToken().withMethod(odooAuthCallback.name).withTimeout(3600).createToken(); 97 | 98 | const redirectToAddon = `https://script.google.com/macros/d/${scriptId}/usercallback`; 99 | const scope = ODOO_AUTH_URLS.SCOPE; 100 | 101 | const url = 102 | odooUrl + 103 | ODOO_AUTH_URLS.AUTH_CODE + 104 | encodeQueryData({ 105 | redirect: redirectToAddon, 106 | friendlyname: "Gmail", 107 | state: stateToken, 108 | scope: scope, 109 | }); 110 | 111 | return url; 112 | } 113 | 114 | /** 115 | * Return the access token saved in the user properties. 116 | */ 117 | export const getAccessToken = () => { 118 | const userProperties = PropertiesService.getUserProperties(); 119 | const accessToken = userProperties.getProperty("ODOO_ACCESS_TOKEN"); 120 | if (!accessToken || !accessToken.length) { 121 | return; 122 | } 123 | return accessToken; 124 | }; 125 | 126 | /** 127 | * Reset the access token saved in the user properties. 128 | */ 129 | export const resetAccessToken = () => { 130 | const userProperties = PropertiesService.getUserProperties(); 131 | userProperties.deleteProperty("ODOO_ACCESS_TOKEN"); 132 | }; 133 | 134 | /** 135 | * Make an HTTP request to "/mail_plugin/auth/access_token" (cors="*") on the Odoo 136 | * database to verify that the server is reachable and that the mail plugin module is 137 | * installed. 138 | * 139 | * Returns True if the Odoo database is reachable and if the "mail_plugin" module 140 | * is installed, false otherwise. 141 | */ 142 | export const isOdooDatabaseReachable = (odooUrl: string): boolean => { 143 | if (!odooUrl || !odooUrl.length) { 144 | return false; 145 | } 146 | 147 | const response = postJsonRpc( 148 | odooUrl + ODOO_AUTH_URLS.CODE_VALIDATION, 149 | { auth_code: null }, 150 | {}, 151 | { returnRawResponse: true }, 152 | ); 153 | if (!response) { 154 | return false; 155 | } 156 | 157 | const responseCode = response.getResponseCode(); 158 | 159 | if (responseCode > 299 || responseCode < 200) { 160 | return false; 161 | } 162 | 163 | return true; 164 | }; 165 | -------------------------------------------------------------------------------- /outlook/src/taskpane/components/Section/Section.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | import Partner from '../../../classes/Partner'; 3 | import { ContentType, HttpVerb, sendHttpRequest } from '../../../utils/httpRequest'; 4 | import { _t } from '../../../utils/Translator'; 5 | import CollapseSection from '../CollapseSection/CollapseSection'; 6 | import ListItem from '../ListItem/ListItem'; 7 | import api from '../../api'; 8 | import AppContext from '../AppContext'; 9 | 10 | type SectionAbstractProps = { 11 | className?: string; 12 | records: any[]; 13 | partner: Partner; 14 | canCreatePartner: boolean; 15 | 16 | // Odoo Record creation 17 | model: string; 18 | // endpoint used to create the record 19 | odooEndpointCreateRecord: string; 20 | // name of the key returned by Odoo containing the record ID 21 | odooRecordIdName: string; 22 | // Odoo action name used for the redirection 23 | odooRedirectAction: string; 24 | // Event when we click on the "+" button to create a new record 25 | // Can be intercepted to give additional values before creating the record 26 | // (e.g.: Search a project and add the project ID before creating a task) 27 | onClickCreate?: (callback: (any?) => void) => void; 28 | 29 | // Messages 30 | title: string; 31 | titleCount: string; 32 | msgNoPartner: string; 33 | msgNoPartnerNoAccess: string; 34 | msgNoRecord: string; 35 | msgLogEmail: string; 36 | getRecordDescription: (any) => string; 37 | }; 38 | 39 | type SectionAbstractState = { 40 | records: any[]; 41 | isCollapsed: boolean; 42 | }; 43 | 44 | /** 45 | * Section Component used to display the list of leads, tasks, tickets... Allow to create 46 | * the record, to log the email on the record or to hide them. 47 | */ 48 | class Section extends React.Component
109 | {_t(this.props.canCreatePartner ? this.props.msgNoPartner : this.props.msgNoPartnerNoAccess)}
110 |
111 | );
112 | } else if (this.state.records.length > 0) {
113 | return (
114 |
115 | {this.state.records.map((record) => (
116 |
126 | );
127 | }
128 | return {_t(this.props.msgNoRecord)}
;
129 | };
130 |
131 | render() {
132 | const recordCount = this.state.records && this.state.records.length;
133 | const title = this.state.records
134 | ? _t(this.props.titleCount, { count: recordCount.toString() })
135 | : _t(this.props.title);
136 |
137 | return (
138 |
116 | {this.state.projects.map((project) => (
117 |
136 | );
137 | };
138 |
139 | render() {
140 | return (
141 | this.props.onProjectClick(project)}>
121 | {project.name}
122 |
123 | ))}
124 | {allowCreateNewProject && (
125 |
126 | {_t('Create %(name)s', { name: this.state.query })}
127 |
128 | )}
129 | {this.state.query.length && !allowCreateNewProject && !this.state.projects.length ? (
130 | {_t('No Project Found')}
131 | ) : null}
132 | {this.state.isLoading && (
133 |
142 |
155 | );
156 | }
157 | }
158 |
159 | SelectProjectDropdown.contextType = AppContext;
160 | export default SelectProjectDropdown;
161 |
--------------------------------------------------------------------------------
/outlook/src/classes/CompanyCache.ts:
--------------------------------------------------------------------------------
1 | import Company from './Company';
2 | import Address from './Address';
3 |
4 | /* TODO: Write a version with a doubly linked list tha avoid loading the whole
5 | cache to prune. And compare the perfs */
6 |
7 | class CacheObject {
8 | version: number;
9 | timestamp: number;
10 | company: Company;
11 | constructor(version: number, timestamp: number, company: Company) {
12 | this.version = version;
13 | this.timestamp = timestamp;
14 | this.company = company;
15 | }
16 | }
17 |
18 | class CompanyCache {
19 | size: number;
20 | occupancy: number;
21 | pruningRatio: number;
22 | version: number;
23 |
24 | constructor(version: number, size: number, pruningRatio: number) {
25 | this.size = size;
26 | this.pruningRatio = pruningRatio;
27 | this.version = version;
28 |
29 | // Compute the actual occupancy of the current local storage.
30 | this.occupancy = 0;
31 | for (const key in localStorage) {
32 | if (this._isCompanyDomain(key)) {
33 | const cacheObject: CacheObject = JSON.parse(localStorage.getItem(key));
34 | // Remove old cache objects. Objects whose version differ from this cache's version.
35 | if (!('version' in cacheObject) || cacheObject.version != this.version) {
36 | localStorage.removeItem(key);
37 | } else {
38 | ++this.occupancy;
39 | }
40 | }
41 | }
42 |
43 | // If this new LRU has different parameters than the previous one, it
44 | // may already be necessary to prune.
45 | if (this.occupancy > this.size) {
46 | this._prune();
47 | }
48 | }
49 |
50 | _isCompanyDomain(s: string): boolean {
51 | return s.startsWith('@');
52 | }
53 |
54 | _getCacheKeyForCompany(company: Company): string {
55 | const assignedCompany = Object.assign(new Company(), company); // to get the methods on the basic object.
56 | return '@' + assignedCompany.getBareDomain();
57 | }
58 |
59 | _getCacheKeyForDomain(domain: string): string {
60 | return '@' + domain;
61 | }
62 |
63 | _getCacheKeyForEmail(email: string): string {
64 | return '@' + email.split('@')[1];
65 | }
66 |
67 | /* Pruning 1000 elements with a ratio of 0.5 took 7ms.
68 | on Chrome 81.0.4044.122, with a Ryzen 3700X
69 | Removing only one, the oldest, took 5ms. */
70 | _prune() {
71 | // Retrieve all cacheObjects and put them in an array.
72 | const cacheObjects: CacheObject[] = [];
73 | for (const key in localStorage) {
74 | if (this._isCompanyDomain(key)) {
75 | cacheObjects.push(JSON.parse(localStorage.getItem(key)));
76 | }
77 | }
78 |
79 | // Sort them from most recent to oldest.
80 | cacheObjects.sort((a: CacheObject, b: CacheObject) => {
81 | if (a.timestamp > b.timestamp) {
82 | return -1;
83 | }
84 | if (a.timestamp < b.timestamp) {
85 | return 1;
86 | }
87 | return 0;
88 | });
89 |
90 | // How many to keep. A pruning ratio of 0 make the LRU behave like an
91 | // actual LRU, removing only the one oldest element.
92 | const toKeep: number = this.pruningRatio
93 | ? Math.ceil(cacheObjects.length * (1 - this.pruningRatio))
94 | : cacheObjects.length - 1;
95 |
96 | // Prune.
97 | for (let i: number = toKeep; i < cacheObjects.length; ++i) {
98 | localStorage.removeItem(this._getCacheKeyForCompany(cacheObjects[i].company));
99 | }
100 |
101 | this.occupancy = toKeep;
102 | }
103 |
104 | add(company: Company) {
105 | const cacheKey: string = this._getCacheKeyForCompany(company);
106 | const cacheObject = new CacheObject(this.version, new Date().getTime(), company);
107 |
108 | // Check whether it's just a replace.
109 | if (localStorage.getItem(cacheKey)) {
110 | localStorage.setItem(cacheKey, JSON.stringify(cacheObject));
111 | return;
112 | }
113 |
114 | // It's an actual add. This will impact the occupancy.
115 | if (this.occupancy < this.size) {
116 | localStorage.setItem(cacheKey, JSON.stringify(cacheObject));
117 | ++this.occupancy;
118 | return;
119 | }
120 |
121 | // Pruning time.
122 | this._prune();
123 |
124 | // Add the new item.
125 | localStorage.setItem(cacheKey, JSON.stringify(cacheObject));
126 | ++this.occupancy;
127 | }
128 |
129 | get(email: string): Company {
130 | const cacheKey: string = this._getCacheKeyForEmail(email);
131 | // Get the corresponding CacheObject.
132 | const cacheObjectstring: string = localStorage.getItem(cacheKey);
133 | if (cacheObjectstring === null) {
134 | return null;
135 | }
136 | const cacheObject: CacheObject = JSON.parse(cacheObjectstring);
137 |
138 | // Update the timestamp in the LRU.
139 | cacheObject.timestamp = new Date().getTime();
140 | localStorage.setItem(cacheKey, JSON.stringify(cacheObject));
141 |
142 | // Return the company.
143 | // Prototype is assigned to get back class methods. TODO: find a more generic solution.
144 | Object.setPrototypeOf(cacheObject.company, Company.prototype);
145 | Object.setPrototypeOf(cacheObject.company.address, Address.prototype);
146 | return cacheObject.company;
147 | }
148 |
149 | remove(email: string): boolean {
150 | const cacheKey: string = this._getCacheKeyForEmail(email);
151 | // Get the corresponding CacheObject.
152 | const cacheObjectstring: string = localStorage.getItem(cacheKey);
153 | if (cacheObjectstring === null) {
154 | return false;
155 | }
156 |
157 | // Actually remove the CacheObject.
158 | localStorage.removeItem(cacheKey);
159 | --this.occupancy;
160 |
161 | return true;
162 | }
163 | }
164 |
165 | export default CompanyCache;
166 |
--------------------------------------------------------------------------------
/outlook/src/classes/Company.ts:
--------------------------------------------------------------------------------
1 | import Address from './Address';
2 | import EnrichmentInfo, { EnrichmentInfoType } from './EnrichmentInfo';
3 |
4 | /***
5 | * id reserved for empty companies.
6 | */
7 | const ID_COMPANY_EMPTY: number = -1;
8 |
9 | export enum EnrichmentStatus {
10 | enrichmentAvailable = 0, // means that the company has not been enriched before and could maybe be enriched
11 | enriched = 1, // means that the company has been previously enriched
12 | enrichmentEmpty = 2, // means that an attempt was made to enrich the company and that no data was found
13 | }
14 |
15 | class Company {
16 | id: number;
17 | domain: string;
18 | name: string;
19 | website: string;
20 | image: string; // base64
21 | address: Address;
22 | phone: string;
23 | email: string;
24 | additionalInfo: {}; //Map{_t('Pick a Project to create a Task')}
143 |
144 | e.target.select()}
151 | />
152 |
153 | {this.getProjects()}
154 |
108 | e.target.select()}
115 | autoFocus
116 | />
117 |
123 | );
124 |
125 | let resultsView = null;
126 | if (this.state.isLoading) {
127 | resultsView = (
128 | this.getPartnersRequest(this.state.query)}>
120 |
122 |
129 |
131 | );
132 | } else if (this.state.foundPartners !== undefined) {
133 | let foundContactsNumberText =
134 | this.state.foundPartners.length >= MAX_PARTNERS ? '30+' : this.state.foundPartners.length.toString();
135 | resultsView = (
136 |
137 |
154 | );
155 | }
156 |
157 | return (
158 |
138 |
146 |
139 |
145 |
140 | {_t('Contacts Found (%(count)s)', {
141 | count: foundContactsNumberText,
142 | })}
143 |
144 |
147 |
153 |
159 | {searchBar}
160 | {resultsView}
161 |
162 | );
163 | }
164 | }
165 |
166 | Search.contextType = AppContext;
167 |
168 | export default Search;
169 |
--------------------------------------------------------------------------------
/outlook/manifest.xml:
--------------------------------------------------------------------------------
1 |
2 |