<!-- eslint-disable vue/max-len -->
<template>
  <IonPage>
    <IonContent
      class="ion-padding ion-content-bg"
      data-cy="privacy-policy"
    >
      <div class="privacy-policy">
        <p><em>The present Privacy Policy is effective since on 9th April 2020.</em></p>
        <ol class="policy-list">
          <li class="first">
            <h3><strong>Introduction</strong></h3>
            <p>
              <strong>Superhero.com Establishment (&ldquo;Superhero&rdquo;, &ldquo;we&rdquo;,
                &ldquo;us&rdquo;, &ldquo;our&rdquo; </strong>or<strong> &ldquo;the company&rdquo;
              </strong>) is a company with seat and registered
              address at: Dr. Grass Str. 12, 9490 Vaduz, Liechtenstein, with email address for
              communication related to the <strong>{{ APP_NAME }}</strong>:
              superherowallet@protonmail.com. <strong>Superhero</strong> is the company, which created
              and developed <strong>{{ APP_NAME }}</strong>.
            </p>
            <p>
              <strong>Superhero </strong>takes your privacy and the security of your information as a
              <strong>USER</strong> very seriously.&nbsp;&nbsp;&nbsp;
            </p>
            <p>
              This <strong>Privacy Policy</strong> (&ldquo;<strong>Policy</strong>&rdquo;) is applicable
              for the <strong>Superhero </strong>developed software program
              <strong>{{ APP_NAME }}</strong> (the <strong>&ldquo;Wallet&rdquo;</strong> or the
              <strong>&ldquo;application&rdquo;</strong>), designed for end users, which allows
              supporters to send value to content creators, causes, charities, groups or regular
              individuals online as a reward for contributing accurate information, relevant insights,
              quality content. The <strong>application</strong> can be downloaded or used from the
              following places:
            </p>
            <p>
              1) downloaded as an add-on (extension) to Firefox:
              <LinkButton :href="APP_LINK_FIREFOX">{{ APP_LINK_FIREFOX }}</LinkButton>
              ; to Chrome, Brave and Opera:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <LinkButton :href="APP_LINK_CHROME">{{ APP_LINK_CHROME }}</LinkButton>;
            </p>
            <p>
              2) accessed from any Browser at the address:
              <LinkButton :href="APP_LINK_WEB">{{ APP_LINK_WEB }}</LinkButton>;
            </p>
            <p>
              3) downloaded from Google Play:&nbsp;&nbsp;&nbsp;&nbsp;
              <LinkButton :href="APP_LINK_ANDROID">{{ APP_LINK_ANDROID }}</LinkButton>
              and
            </p>
            <p>
              from App Store:
              <LinkButton :href="APP_LINK_IOS">{{ APP_LINK_IOS }}</LinkButton>.
            </p>
            <p>
              If you have any questions regarding this <strong>Policy</strong>, please contact us at
              superherowallet@protonmail.com. If you do not agree to the terms of this
              <strong>Policy</strong>, please do not use <strong>the application</strong>.&nbsp;
            </p>
            <p>
              Each time you use <strong>the application</strong>, the current version of this
              <strong>Policy</strong> will apply. The new version of the
              <strong>Privacy Policy</strong> becomes effective from the day it is announced publicly on
              <strong>the application</strong> unless stated otherwise. Accordingly, when
              <strong>YOU</strong> use <strong>the application</strong>, <strong>YOU</strong> should
              check the date of this <strong>Policy</strong> (which appears at the top). If
              <strong>YOU</strong> continue to use the <strong>application</strong> after the changes
              have been enforced, <strong>We</strong> shall consider this a given consent and acceptance
              to the modified content. If <strong>YOU</strong> do not agree to the new modifications,
              please contact <strong>Us</strong> for further assistance via the above-mentioned in the
              previous paragraph email address.
            </p>
            <p>
              All abbreviations and definitions of the <strong>TERMS</strong> shall be applicable for
              the present <strong>Privacy Policy</strong>.
            </p>
          </li>
          <li class="second">
            <h3><strong>Definitions</strong></h3>
            <p>
              For the purposes of this <strong>Privacy Policy</strong>, the terms have the following
              meaning:
            </p>
            <ul>
              <li>
                <strong>&bdquo;Data Controller&ldquo;</strong> means the person or body which, alone or
                jointly with others, determines the purposes and means of the processing of personal
                data;
              </li>
              <li>
                <strong>&bdquo;Personal Data&ldquo;</strong> means any information relating to an
                identified or identifiable natural person &ndash; data subject
                (&lsquo;<strong>USER&rsquo;</strong>);
              </li>
              <li>
                <strong>&bdquo;Processing&ldquo;</strong> means any operation or set of operations which
                is performed on personal data;
              </li>
              <li>
                <strong>&bdquo;Recipient&ldquo;</strong> means a natural or legal person, public
                authority, agency or another body, to which the personal data are disclosed, whether a
                third party or not;
              </li>
            </ul>
            <p>
              <strong>&bdquo;Personal data breach&ldquo;</strong> means a breach of security leading to
              the accidental or unlawful destruction, loss, alteration, unauthorized disclosure of, or
              access to, personal data transmitted, stored or otherwise processed.
            </p>
          </li>
          <li class="third">
            <h3><strong>Personal data collection disclaimer</strong></h3>
            <p>
              <strong>Please bear in mind that once the information or personal data under any form is
                submitted and written on the &AElig;ternity blockchain, it cannot be amended, corrected
                or deleted. Superhero cannot change, restore, delete or amend in any way the
                above-mentioned information and therefore, shall not be held liable in any way for the
                collection of the information on the blockchain.</strong>
            </p>
            <p>
              <strong>The Wallet is a software solution which facilitates the peer-to-peer transfer
                of tokens between USERS and their interaction with &AElig;ternity blockchain.</strong>
              <strong>USERS</strong> understand and agree that <strong>Superhero</strong> does not
              determine the purposes and means of <strong>processing</strong> of
              <strong>personal data</strong> and does not conduct any
              <strong>processing</strong> activities. Due to the decentralized character of the business
              model, <strong>USERS</strong> are solely responsible for the actions they conduct and the
              information they provide. <strong>Superhero </strong>does not, independently or with
              others, conduct any operations or set of operations which is performed on
              <strong>personal data</strong> or sets of <strong>personal data</strong> in connection to
              the use of the <strong>application.</strong>
            </p>
            <p>
              &nbsp;The <strong>Wallet</strong> is a <strong>blockchain</strong> based application on
              which an <strong>account address</strong> is generated or an <strong>account</strong>
              <strong>name</strong> can be claimed through the
              <strong>&AElig;ternity Naming System</strong> for <strong>USER</strong> identification.
            </p>
            <p>
              The <strong>account addresses</strong> and the <strong>names</strong> can be treated as
              indirect identifiers. An indirect identifier is a value which cannot be used alone to
              identify a data subject, however, could be identifying if combined with other indirect
              identifiers.
            </p>
            <p>
              <strong>The &AElig;ternity</strong> network is a public and permissionless blockchain, in
              which everyone can participate and validate (see definition for
              <strong>Validator</strong> in <strong>TERMS OF USE</strong>).
              <strong>USERS</strong> understand and accept that all persons can see in the
              <strong>Wallet</strong> and the <strong>blockchain</strong> the indirect identifiers
              related to transactions &ndash; namely <strong>account addresses</strong> and
              <strong>names</strong> generated via <strong>&AElig;ternity</strong>
              <strong>Naming System</strong>. The above-mentioned information might be used to identify
              a natural person. Therefore, <strong>USERS</strong> accept and agree that
              <strong>Superhero</strong> does not act in full capacity as
              <strong>Data Controller</strong> in the meaning established in Regulation (EU) 2016/679 of
              the European Parliament and of the Council of 27 April 2016 on the protection of natural
              persons with regard to the processing of personal data and on the free movement of such
              data (&ldquo;<strong>GDPR</strong>&rdquo;). <strong>USERS</strong> understand and accept
              that by using the open-source blockchain technology incorporated in
              <strong>the application</strong>, they provide their personal data- identifiable or
              non-identifiable- to unlimited circle of persons and they bear the risk of these actions.
            </p>
            <p>
              For more information about the <strong>account address</strong> and
              <strong>name of account</strong>, please refer to the <strong>TERMS</strong> of the
              application- Article 3- <strong><u>USERS IDENTIFICATION.</u></strong>
            </p>
            <p>&nbsp;</p>
            <p>The <strong>application</strong> does not use Cookies.</p>
          </li>
          <li class="fourth">
            <h3><strong>USERS personal data collection</strong></h3>
            <p>
              <strong>Superhero</strong> as the developer of the <strong>application</strong> reserves
              the right to process <strong>personal data</strong> for technical support and maintenance
              purposes.
            </p>
            <p>
              During the use of our <strong>application</strong>, <strong>USERS</strong> may decide to
              contact the team in relation to <strong>application</strong> support, connection problems,
              questions, etc. The collection of the <strong>personal data</strong> is initiated by
              <strong>USERS</strong> and they decide what type of <strong>personal data</strong> to
              include in the communication. Moreover, for the provision of support services,
              <strong>USERS</strong> might be asked to provide additional information.
            </p>
            <p>
              The legal basis for <strong>processing</strong> is legitimate interest of
              <strong>Superhero</strong> &ndash; the provision of responses to your
              questions/signals/requests with the purpose of the <strong>Wallet</strong> improvement.
              The retention period is until the final provision of a response to the
              <strong>USER&rsquo;s</strong> signal/question/request.
            </p>
          </li>
          <li class="fifth">
            <h3><strong>Storage of personal data:</strong></h3>
            <p>
              <strong>We</strong> collect and store your <strong>personal data</strong> on the territory
              of the European Economic Area. In case the <strong>personal data</strong> is transferred
              to a country outside the EEA, <strong>We</strong> shall enforce all necessary measures for
              the protection and guaranty of the <strong>personal data&rsquo;s</strong> safety.
            </p>
          </li>
          <li class="sixth">
            <h3><strong>Your rights:</strong></h3>
            <p><strong>YOU</strong> have the right to:</p>
            <ul>
              <li>
                Request from <strong>Superhero </strong>access to the
                <strong>personal data</strong> that we hold about <strong>YOU</strong> in a portable
                format.
              </li>
              <li>
                Request from <strong>Superhero </strong>correction of any collected
                <strong>personal data</strong>. The information may include only your
                <strong>personal data</strong>
              </li>
              <li>Receive a copy of your <strong>personal data</strong> in electronic format.</li>
              <li>
                &ldquo;The right to be forgotten&rdquo;- <strong>YOU</strong> have the right to request
                the deletion of your <strong>personal</strong> <strong>data</strong> at any time where
                the retention of such data infringes relevant legislation (the right is not absolute).
              </li>
              <li>
                Receive information from <strong>Us</strong> about <strong>Our</strong> activities in
                connection to your <strong>personal data</strong>, including the purposes of collection
                and storage, the period of time for storage, the methods of collecting, the presence of
                automated processing.
              </li>
              <li>
                Receive your <strong>data</strong> and transfer them to another
                <strong>controller</strong>.
              </li>
              <li>
                <strong>YOU</strong> have the right to lodge a complaint with a supervisory authority,
                in particular in the Member State of your habitual residence, place of work or place of
                the alleged infringement if <strong>YOU</strong> consider that there is personal data
                breach.
              </li>
            </ul>
          </li>
          <li class="seventh">
            <h3><strong>Sharing of Personal Information with Third Parties - Recipients</strong></h3>
            <p>
              We may disclose <strong>USERS&rsquo;</strong> identifiable personal information to third
              parties &ndash; <strong>recipients</strong>, under special circumstances:
            </p>
            <ol class="sharing-terms">
              <li>
                to comply with a legal requirement, judicial proceeding, court order, or
                legal process served on <strong>Superhero </strong>or its affiliates,
              </li>
              <li>
                to investigate a possible crime, such as fraud or identity theft;
              </li>
              <li>
                to Public Authorities in accordance with their legal obligation for the
                exercise of their official mission, such as tax and customs authorities, financial
                investigation units, independent administrative authorities, or financial marker
                authorities responsible for supervision of securities markets;
              </li>
              <li>
                in connection with the sale, purchase, business transition under any
                form, merger, dissolution, reorganization, liquidation of
                <strong>Superhero</strong>; <strong>We</strong> may have to disclose the information
                <strong>YOU</strong> have given us to the successor, who is part of the transition,
              </li>
              <li>
                when <strong>WE</strong> believe it is necessary to protect the rights,
                property, or safety of <strong>Superhero </strong>or other persons, or
              </li>
              <li>
                as otherwise required or permitted by law, including any contractual
                obligations of
                <strong>Superhero</strong>.
              </li>
            </ol>
          </li>
          <li class="eighth">
            <h3><strong>Children and Privacy</strong></h3>
            <ul>
              <li>
                <strong>Superhero</strong> does not process information of persons under the age of
                obtaining full legal capacity (in most countries 18 years old) due to the character of
                the <strong>Wallet</strong>.
              </li>
              <li>
                <strong>Superhero</strong> will immediately delete any
                <strong>personal data</strong> referring to persons under the age of full legal
                capacity if <strong>Superhero</strong> receives such information.
              </li>
              <li>
                We are not liable in any way if <strong>YOU</strong> provide false information about
                your age or use the <strong>application</strong> before <strong>YOU</strong> have
                turned the above-mentioned age.
              </li>
            </ul>
          </li>
          <li class="ninth">
            <h3><strong>Measures for protection</strong></h3>
            <p>
              We undertake all necessary technological, technical and organizational measures to protect
              your <strong>personal data</strong>. Your <strong>personal data</strong> is stored on
              protected servers with a strictly controlled access.
            </p>
            <p>
              Some of the above-mentioned information is stored in such a form that could not be used to
              identify <strong>YOU</strong> directly.
            </p>
          </li>
          <li class="tenth">
            <h3><strong>Breach measures</strong></h3>
            <p>
              In case of <strong>breach</strong> in the software, disruptive interference in the
              <strong>Wallet</strong>, the <strong>&AElig;ternity</strong> Network, malware, spyware,
              virus attacks and any other harmful cyber-attacks, <strong>We</strong> will undertake
              every possible action in an appropriate and timely manner, to avoid any material or
              non-material damage to <strong>USERS</strong>. As soon as
              <strong>Superhero</strong> becomes aware of any <strong>breach</strong>,
              <strong>USERS</strong> and the competent authorities will be notified immediately.
              <strong>YOU</strong> may be asked to follow certain instructions for prevention of
              <strong>breaches</strong>.
            </p>
          </li>
          <li class="eleventh">
            <h3><strong>How Do I contact Æternity?</strong></h3>
            <p>
              To contact us with your questions or comments regarding this <strong>Policy</strong>,
              please email us at&nbsp;
              <LinkButton href="mailto:superherowallet@protonmail.com">
                superherowallet@protonmail.com
              </LinkButton>.
            </p>
          </li>
        </ol>
      </div>
      <BackToTop />
    </IonContent>
  </IonPage>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import { IonContent, IonPage } from '@ionic/vue';
import {
  APP_LINK_WEB,
  APP_LINK_CHROME,
  APP_LINK_FIREFOX,
  APP_LINK_ANDROID,
  APP_LINK_IOS,
  APP_NAME,
} from '@/constants';
import LinkButton from '@/popup/components/LinkButton.vue';
import BackToTop from '@/popup/components/BackToTop.vue';

export default defineComponent({
  components: {
    LinkButton,
    BackToTop,
    IonContent,
    IonPage,
  },
  setup() {
    return {
      APP_LINK_WEB,
      APP_LINK_CHROME,
      APP_LINK_FIREFOX,
      APP_LINK_ANDROID,
      APP_LINK_IOS,
      APP_NAME,
    };
  },
});
</script>

<style lang="scss" scoped>
@use '@/styles/variables' as *;
@use '@/styles/typography';

.privacy-policy {
  padding: 0 16px;
  word-break: break-word;
  line-height: 20px;
  color: rgba($color-white, 0.85);

  @extend %face-sans-14-light;

  .link-button {
    display: inline;
  }

  ol {
    list-style: upper-roman;
    padding: 10px;

    ol {
      list-style-position: inside;
      padding: 0;
    }

    ul {
      padding-left: 20px;
    }

    li {
      margin-bottom: 20px;
      margin-left: 10px;
    }

    ol,
    ul {
      li {
        margin: 16px 0 16px 3px;
      }

      &.download-options {
        list-style-type: decimal;
      }

      &.sharing-terms {
        list-style-type: lower-roman;
      }
    }
  }
}
</style>
