passbolt-browser-extension 3.0.6 → 4.6.2

package/src/all/data/js/quickaccess/quickaccess.js

@@ -1,335 +0,0 @@
-/**
- * Autofill.
- *
- * @copyright (c) 2019 Passbolt SA
- * @licence GNU Affero General Public License http://www.gnu.org/licenses/agpl-3.0.en.html
- */
-
-var passbolt = passbolt || {};
-passbolt.quickaccess = passbolt.quickaccess || {};
-
-$(function () {
-  const PASSWORD_INPUT_SELECTOR = "input[type='password']:visible:enabled, input[type='Password']:visible:enabled, input[type='PASSWORD']:visible:enabled";
-  const USERNAME_INPUT_SELECTOR = "input[type='text']:visible:enabled, input[type='Text']:visible:enabled, input[type='TEXT']:visible:enabled, input[type='email']:visible:enabled, input[type='Email']:visible:enabled, input[type='EMAIL']:visible:enabled, input:not([type]):visible:enabled";
-
-  /**
-   * Fill the login form.
-   *
-   * @param {Object} formData
-   * - {string} loginUsername The username to use
-   * - {string} secret The password to use
-   * - {string} url to get domain
-   */
-  const fillForm = function (formData) {
-    try {
-      // Validate the fillForm parameters
-      validateData(formData);
-
-      // Check the requested document, current active document is initiated from same origin
-      if (!isRequestInitiatedFromSameOrigin(formData.url, document.location.origin)) {
-        throw new Error('The request is not initiated from same origin');
-      }
-
-      // Get password element
-      const passwordElement = getPasswordElement(formData);
-      let usernameElement = null;
-      // If password element exists
-      // Get username element by using `password's` parent element as reference
-      if (passwordElement !== null) {
-        usernameElement = getUsernameElementBasedOnPasswordElement(formData, passwordElement.parentElement);
-        // If username element exists, fill username
-        if (usernameElement !== null) {
-          fillInputField(usernameElement, formData.username);
-        }
-        // Fill password
-        fillInputField(passwordElement, formData.secret);
-      } else {
-        // When no password element found on the page
-        // Check for the username element by giving `document` as reference
-        usernameElement = getUsernameElement(formData, document);
-        // If username element exists, fill username
-        if (usernameElement !== null) {
-          fillInputField(usernameElement, formData.username);
-        } else {
-          throw new Error('Unable to find the username element on this page.');
-        }
-      }
-      // Throw an error when no password and username elements found on the page
-      if (passwordElement === null && usernameElement === null) {
-        throw new Error('Unable to find the input elements on this page.');
-      } else {
-        // Success message
-        passbolt.message.emit(formData.requestId, 'SUCCESS');
-      }
-    } catch (error) {
-      console.error(error);
-      passbolt.message.emit(formData.requestId, 'ERROR', { name: "Error", message: error.message });
-    }
-  };
-
-  /**
-   * Check the requested document, top document and an iframe form is initiated from same domain.
-   *
-   * @param {string} requestedUrl The requested document url
-   * @param {string} documentUrl The current active document url
-   * @return {Boolean} true
-   */
-  const isRequestInitiatedFromSameOrigin = function (requestedUrl, documentUrl) {
-    // requestedUrl - from quickaccess
-    const parsedRequestedUrl = new URL(requestedUrl);
-    // Request initiated document origin
-    const requestedOrigin = parsedRequestedUrl.origin;
-    // documentUrl - from current active page
-    const parsedDocumentUrl = new URL(documentUrl);
-    // Top level document/an iframe document origin
-    const documentOrigin = parsedDocumentUrl.origin;
-
-    // Requested document and top/iframe document origin is same
-    return requestedOrigin === documentOrigin;
-  };
-
-  /**
-   * Validate the fillForm parameters
-   * @param {object} formData
-   * - {string} username The autofill request username parameter
-   * - {string} secret The autofill request secret parameter
-   *  - {url} url The autofill request url parameter
-   */
-  const validateData = function (formData) {
-    const { username, secret, url } = formData;
-    if (typeof username !== 'string') {
-      throw new Error('The parameter username is not valid');
-    }
-    if (typeof secret !== 'string') {
-      throw new Error('The parameter secret is not valid');
-    }
-    if (typeof url !== 'string') {
-      throw new Error('The parameter url is not valid');
-    }
-  };
-
-  /**
-   * Fill form field.
-   * @param {DomElement} element The element to fill
-   * @param {string} value The value to use
-   */
-  const fillInputField = function (element, value) {
-    // In order to ensure a high level of compatibility with most forms (even ones
-    // controlled by javascript), the process needs to simulate how a user will
-    // interact with the form:
-    // 1. Focus the element by clicking on it;
-    // 2. Once focused, trigger an input event to change the value of the field.
-
-    if (element || '') {
-      element.addEventListener('click', function clickHandler(event) {
-        fireEvent.input(element, { target: { value } });
-        event.target.removeEventListener(event.type, clickHandler);  // Remove the event listener after it has fired
-      }, false);
-      fireEvent.click(element, { button: 0 });
-    }
-  };
-
-  /**
-   * Get input elements from an iframe
-   * @param {string} type - either `password` or `username` to find elements
-   * @param {Object} formData - to check same origin request
-   */
-  const getInputElementFromIframe = function (type, formData) {
-    const iframes = document.querySelectorAll("iframe");
-    let inputElement = null;
-    for (let i in iframes) {
-      // Get accessible iframe document
-      const contentDocument = getAccessedIframeContentDocument(iframes[i]);
-      if (!contentDocument) {
-        // The iframe document is not accessible.
-        // It is the case when the iframe is protected by CSP.
-        continue;
-      } else {
-        // Proceed to search input elements in the iframe document
-        // When it's accessible cross check whether the iframe is requested from same origin.
-        if (isRequestInitiatedFromSameOrigin(formData.url, contentDocument.location.origin)) {
-          inputElement = findInputElementInIframe(type, contentDocument);
-          if (inputElement || '') {
-            break;
-          }
-        }
-      }
-    }
-    return inputElement;
-  };
-
-  /**
-   * Returns an accessible iframe document in the page
-   * @param {DomElement} ifram found on the page
-   * @return {DomElement} iframe document
-   */
-  const getAccessedIframeContentDocument = function (iframe) {
-    let iframeContentDocument = null;
-    try {
-      iframeContentDocument = iframe.contentDocument;
-    } catch (error) {
-      console.error(error);
-    }
-    return iframeContentDocument;
-  };
-
-  /**
-   * Returns an input element in the iframe
-   * @param {string} type - either `password` or `username` to find elements
-   * @param {DomElement} iframe document to start the search.
-   * @return {DomElement} iframe document
-   */
-  const findInputElementInIframe = function (type, iframeDocument) {
-    let inputElement = null;
-    if (type === 'password') {
-      inputElement = $(iframeDocument).find(PASSWORD_INPUT_SELECTOR);
-      //  Password element has been found.
-      if (inputElement.length) {
-        return inputElement[0];
-      }
-    } else if (type === 'username') {
-      inputElement = $(iframeDocument).find(USERNAME_INPUT_SELECTOR);
-      if (inputElement.length) {
-        // When username element found, extract it from an array of dom elements.
-        inputElement = extractUsernameElementWithFallback(inputElement);
-        //  Username element has been found.
-        if (inputElement) {
-          return inputElement;
-        }
-      }
-    }
-    return null;
-  };
-
-  /**
-   * Find the password element on the page.
-   * @return {DomElement/null}
-   */
-  const getPasswordElement = function (formData) {
-    let passwordElements = $(document).find(PASSWORD_INPUT_SELECTOR);
-    let passwordElement = null;
-
-    // A password element has been found.
-    if (passwordElements.length) {
-      passwordElement = passwordElements[0];
-    } else {
-      // If no password element found on the page, the login form could be served by an iframe.
-      // Search the password element in the page iframes. By instance reddit.com login page serves its login
-      // form in an iframe.
-      passwordElement = getInputElementFromIframe('password', formData);
-    }
-    return passwordElement;
-  };
-
-  /**
-   * Find the username element on the page based on password's parent as reference element.
-   * @param {DomElement} referenceElement The element reference to start the search.
-   * @return {DomElement/null}
-   */
-  const getUsernameElementBasedOnPasswordElement = function (formData, referenceElement) {
-    // No parent element found.
-    if (referenceElement || '') {
-      const parentElement = referenceElement.parentElement;
-      if (!parentElement) {
-        return null;
-      }
-    }
-
-    let usernameElement = null;
-
-    // The username field can be an input field of type email or text.
-    const elements = $(referenceElement).find(USERNAME_INPUT_SELECTOR);
-
-    // No input fields found in the reference element.
-    // Search in the parent.
-    if (!elements.length) {
-      return getUsernameElementBasedOnPasswordElement(formData, referenceElement.parentElement);
-    } else {
-      // When username element found, extract it from an array of dom elements.
-      usernameElement = extractUsernameElementWithFallback(elements);
-    }
-
-    // If no username/email element found on the page, the login form could be served by an iframe.
-    // Search the username/email element in the page iframes. By instance reddit.com signup page serves its login
-    // form in an iframe.
-    if (!usernameElement) {
-      usernameElement = getInputElementFromIframe('username', formData);
-    }
-
-    // A username element has been found.
-    return usernameElement;
-  };
-
-  /**
-   * Find the username element on the page.
-   * @param {DomElement} fallbackUsernameElement The element reference to start the search.
-   * @return {DomElement/null}
-   */
-  const getUsernameElement = function (formData, fallbackUsernameElement) {
-    let usernameElement = null;
-
-    // The username field can be an input field of type email or text.
-    const elements = $(fallbackUsernameElement).find(USERNAME_INPUT_SELECTOR);
-
-    // When username element found, extract it from an array of dom elements.
-    if (elements.length) {
-      usernameElement = extractUsernameElementWithFallback(elements);
-    } else {
-      // If no username/email element found on the page, the login form could be served by an iframe.
-      // Search the username/email element in the page iframes. By instance reddit.com signup page serves its login
-      // form in an iframe.
-      usernameElement = getInputElementFromIframe('username', formData);
-    }
-
-    // A username element has been found.
-    return usernameElement;
-  };
-
-  /**
-   * Extract the username element from an array of dom elements.
-   * @param {array} elements An array of dom elements
-   * @return {DomElement/null}
-   */
-  const extractUsernameElementWithFallback = function (elements) {
-    let usernameElement = null;
-    // Filter elements to find the field that has the highest odd to be the username field.
-    const inputAttributes = ['id', 'class', 'name', 'placeholder'];
-    // @todo Translations should be added in order to increase the algorithm success.
-    const inputAttrValues = ['user', 'email', 'name', 'login'];
-
-    // Iterate over visible input list to find the matching input based on filter elements.
-    foundBreakPoint: {
-      for (let i = 0; i < elements.length; i++) {
-        const element = elements[i];
-        for (let j = 0; j < inputAttributes.length; j++) {
-          for (let k = 0; k < inputAttrValues.length; k++) {
-            const matchedInput = $(element).filter(`input[${inputAttributes[j]}*='${inputAttrValues[k]}' i]`);
-            if (matchedInput.length) {
-              usernameElement = matchedInput[0];
-              break foundBreakPoint;
-            }
-          }
-        }
-      }
-    }
-
-    // When filters fail to find matched elements on the page, use first element from an array of dom elements as username element
-    if (!usernameElement) {
-      usernameElement = elements[0];
-    }
-
-    // Return either matched username element based on filters or fallback element
-    return usernameElement;
-  };
-
-  passbolt.quickaccess.bootstrap = function () {
-    passbolt.message.on('passbolt.quickaccess.fill-form', function (username, secret, url) {
-      const quickaccessFormData = { username, secret, url };
-      fillForm(quickaccessFormData);
-    });
-  };
-
-});
-
-// result must be structured-clonable data
-undefined;

package/src/all/data/js/themes/stylesheet_legacy.js

@@ -1,86 +0,0 @@
-/**
- * Passbolt ~ Open source password manager for teams
- * Copyright (c) Passbolt SARL (https://www.passbolt.com)
- *
- * Licensed under GNU Affero General Public License version 3 of the or any later version.
- * For full copyright and license information, please see the LICENSE.txt
- * Redistributions of files must retain the above copyright notice.
- *
- * @copyright     Copyright (c) Passbolt SA (https://www.passbolt.com)
- * @license       https://opensource.org/licenses/AGPL-3.0 AGPL License
- * @link          https://www.passbolt.com Passbolt(tm)
- * @since         2.12.0
- */
-
-(function () {
-
-  class Stylesheet {
-    constructor() {
-      this.stylesheetElementId = "ext-iframe-stylesheet-link";
-      this.init();
-    }
-
-    async init() {
-      await this.insert();
-      this.handleStorageChange = this.handleStorageChange.bind(this);
-      chrome.storage.onChanged.addListener(this.handleStorageChange);
-    }
-
-    async insert() {
-      this.theme = await this.getTheme();
-      const stylesheetElement = this.createStylesheetElement(this.theme);
-      document.getElementsByTagName("head")[0].appendChild(stylesheetElement);
-    }
-
-    handleStorageChange(changes) {
-      if (changes._passbolt_data && changes._passbolt_data.newValue.config) {
-        const config = changes._passbolt_data.newValue.config;
-        if (config && this.theme !== config["user.settings.theme"] && this.isValidTheme(config["user.settings.theme"])) {
-          this.theme = config["user.settings.theme"];
-          const themePath = this.getThemePath(this.theme);
-          document.getElementById(this.stylesheetElementId).setAttribute('href', themePath);
-        }
-      }
-    };
-
-    async getLocalStorage() {
-      return new Promise((resolve, reject) => {
-        chrome.storage.local.get(["_passbolt_data"], result => resolve(result));
-      });
-    }
-
-    async getTheme() {
-      let theme = "default";
-      const storageData = await this.getLocalStorage();
-      const {_passbolt_data: {config}} = storageData;
-      if (config && this.isValidTheme(config["user.settings.theme"])) {
-        theme = config["user.settings.theme"];
-      }
-      return theme;
-    }
-
-    isValidTheme(theme) {
-      const whitelist = ['default', 'midgar'];
-      return whitelist.includes(theme);
-    }
-
-    createStylesheetElement() {
-      const themePath = this.getThemePath(this.theme);
-      const link = document.createElement('link');
-      link.id = this.stylesheetElementId;
-      link.href = themePath;
-      link.type = 'text/css';
-      link.rel = 'stylesheet';
-      link.media = 'all';
-
-      return link;
-    }
-
-    getThemePath() {
-      return `css/themes/${this.theme}/ext_legacy.min.css`;
-    }
-  }
-
-  new Stylesheet();
-
-})();

package/src/all/data/passbolt-iframe-app.html

@@ -1,52 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <script src="js/themes/stylesheet.js"></script>
-    <script src="js/dist/vendors.js"></script>
-</head>
-<body>
-<div id="temporary-skeleton" class="temporary skeleton">
-    <div class="page password">
-        <div id="app" class="app ready" tabindex="1000">
-            <div class="header first">
-                <nav><div class="primary navigation top"></div></nav>
-            </div>
-            <div class="header second">
-                <div class="col1">
-                    <div class="logo no-img">
-                        <h1><span>Passbolt</span></h1>
-                    </div>
-                </div>
-                <div class="col2 search-wrapper"><form class="search">
-                    <div class="input search required">
-                        <label>Search</label>
-                        <input class="required disabled" disabled type="search" placeholder="Search" value="">
-                    </div>
-                    <button value="search" disabled type="submit">
-                        <span class="svg-icon search">
-                            <svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
-                                <path d="M1216 832q0-185-131.5-316.5t-316.5-131.5-316.5 131.5-131.5 316.5 131.5 316.5 316.5 131.5 316.5-131.5 131.5-316.5zm512 832q0 52-38 90t-90 38q-54 0-90-38l-343-342q-179 124-399 124-143 0-273.5-55.5t-225-150-150-225-55.5-273.5 55.5-273.5 150-225 225-150 273.5-55.5 273.5 55.5 225 150 150 225 55.5 273.5q0 220-124 399l343 343q37 37 37 90z"></path>
-                            </svg>
-                        </span>
-                        <span class="visuallyhidden">Search</span></button>
-                </form></div>
-                <div class="col3 profile-wrapper"></div>
-            </div>
-            <div class="header third "></div>
-            <div class="panel main">
-                <div class="panel left"></div>
-                <div class="panel middle">
-                    <div class="breadcrumbs"></div>
-                </div>
-            </div>
-        </div>
-        <footer>
-            <div class="footer"></div>
-        </footer>
-    </div>
-</div>
-<script src="js/dist/app.js"></script>
-</body>
-
-</html>

package/src/all/data/passbolt-iframe-clipboard.html

@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" class="alpha version passboltplugin">
-<head>
-    <meta charset="utf-8"/>
-    <script src="vendors/jquery.js"></script>
-    <script src="js/lib/port.js"></script>
-    <script src="js/lib/request.js"></script>
-    <script src="js/lib/message.js"></script>
-    <script src="js/clipboard/clipboard.js"></script>
-</head>
-<body>
-    <textarea id="ClipboardText" style="width:1px;height:1px;"></textarea>
-</body>
-</html>

package/src/all/data/passbolt-iframe-file.html

@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" class="alpha version passboltplugin">
-<head>
-    <meta charset="utf-8"/>
-    <script src="vendors/jquery.js"></script>
-    <script src="vendors/download.js"></script>
-    <script src="js/lib/port.js"></script>
-    <script src="js/lib/request.js"></script>
-    <script src="js/lib/message.js"></script>
-    <script src="js/file/fileIframe.js"></script>
-</head>
-<body>
-</body>
-</html>

package/src/all/data/quickaccess.html

@@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <link rel="stylesheet" href="css/themes/default/ext_quickaccess.min.css" />
-  <script src="js/dist/vendors.js"></script>
-</head>
-<body>
-  <div class="contain-item">
-    <div id="quickaccess-container" class="container-wrapper">
-    </div>
-  </div>
-  <script src="js/dist/quickaccess.js"></script>
-</body>
-</html>