From 98651ee66438b896a5df7a06f5e225e46e252e8f Mon Sep 17 00:00:00 2001
From: Akiff Manji <amanji@petridish.dev>
Date: Mon, 4 Dec 2023 14:18:21 -0800
Subject: [PATCH] feat: digital credentials TOU (#597)

* feat: Terms of Use for digital credentials

Signed-off-by: Akiff Manji <amanji@petridish.dev>

* chore: address code review comments and bump package version

Signed-off-by: Akiff Manji <amanji@petridish.dev>

* chore: address code review comments

Signed-off-by: Akiff Manji <amanji@petridish.dev>

* chore: address code review comments

Signed-off-by: Akiff Manji <amanji@petridish.dev>

* chore: address code review comments

Signed-off-by: Akiff Manji <amanji@petridish.dev>

---------

Signed-off-by: Akiff Manji <amanji@petridish.dev>
---
 .../CredentialsTermsOfUse.vue                 | 398 ++++++++++++++++++
 .../ConfirmCredentialsTermsofUseDialog.vue    |  86 ++--
 2 files changed, 431 insertions(+), 53 deletions(-)
 create mode 100644 src/components/DigitalCredentials/CredentialsTermsOfUse.vue

diff --git a/src/components/DigitalCredentials/CredentialsTermsOfUse.vue b/src/components/DigitalCredentials/CredentialsTermsOfUse.vue
new file mode 100644
index 000000000..74e841229
--- /dev/null
+++ b/src/components/DigitalCredentials/CredentialsTermsOfUse.vue
@@ -0,0 +1,398 @@
+<template>
+  <div
+    id="credentials-terms-of-use"
+    class="warning-text"
+  >
+    <section>
+      <p class="font-weight-bold terms-of-use-title text-center warning-title pt-4">
+        TERMS OF USE
+      </p>
+    </section>
+    <section>
+      <p class="font-weight-bold terms-of-use-title">
+        1.&emsp;Terms of Use
+      </p>
+      <p class="text-justify">
+        These Terms of Use are an agreement between you and the Province, and govern your use of the Digital
+        Business Card. By indicating that you agree to these Terms of Use, and in consideration of the Province
+        issuing the Digital Business Card to you, you agree to the following.
+      </p>
+    </section>
+    <section>
+      <p class="font-weight-bold terms-of-use-title">
+        2.&emsp;Ability to Accept Terms of Use
+      </p>
+      <div class="text-justify">
+        <div>
+          To accept these Terms of Use and have the Digital Business Card issued to your Wallet, you must:
+        </div>
+        <div>
+          <ol class="alpha">
+            <li>
+              be at least 19 years of age, or
+            </li>
+            <li>
+              if you are under 19, have obtained the consent of your parent or guardian to accept these Terms
+              of Use on your behalf, in which case your parent or guardian is responsible for your
+              compliance with these Terms of Use.
+            </li>
+          </ol>
+        </div>
+      </div>
+    </section>
+    <section>
+      <p class="font-weight-bold terms-of-use-title pt-4">
+        3.&emsp;Creation and Issuance of Digital Business Card
+      </p>
+      <div class="text-justify">
+        <div>
+          You agree that the Province may:
+        </div>
+        <ol class="alpha">
+          <li>
+            use information you provided
+            <ol class="ml-n6 roman">
+              <li>
+                for your BC Services Card, and
+              </li>
+              <li>
+                to the Registrar of Companies in a registration statement filed under section 88(1)(a) to
+                (c) of the <span class="font-italic">Partnership Act</span>, to create the Digital Business
+                Card, and
+              </li>
+            </ol>
+          </li>
+          <li>issue the Digital Business Card to your Wallet.</li>
+        </ol>
+      </div>
+    </section>
+    <section>
+      <p class="font-weight-bold terms-of-use-title pt-4">
+        4.&emsp;Presentation of Digital Business Card
+      </p>
+      <p class="text-justify">
+        You are solely responsible for deciding to which Verifiers you present the Digital Business Card
+        and what information to share with Verifiers. Verifiers will be able to confirm independently whether
+        the Digital Business Card is valid or has been revoked, although Verifiers will not be able to see the
+        reason the Digital Business Card was revoked.
+      </p>
+    </section>
+    <section>
+      <p class="font-weight-bold terms-of-use-title">
+        5.&emsp;Acceptable Use
+      </p>
+      <div class="text-justify">
+        <div>
+          You are solely responsible for all use of the Digital Business Card. You must not:
+        </div>
+        <ol class="alpha">
+          <li>
+            allow any other individual or entity to use your Digital Business Card;
+          </li>
+          <li>
+            attempt to add the Digital Business Card to anyone's Wallet except your own;
+          </li>
+          <li>
+            attempt to add the Digital Business Card to a Wallet that has not been approved by the Province for
+            such use;
+          </li>
+          <li>
+            use the Digital Business Card for any unlawful or inappropriate purpose, including without
+            limitation to misrepresent your identity;
+          </li>
+          <li>
+            tamper with the Digital Business Card;
+          </li>
+          <li>
+            attempt to circumvent or subvert any security measure associated with the Digital Business Card; or
+          </li>
+          <li>
+            use the Digital Business Card to misrepresent your identity or your relationship with or authority
+            to represent the business named in the Digital Business Card.
+          </li>
+        </ol>
+      </div>
+    </section>
+    <section>
+      <p class="font-weight-bold terms-of-use-title pt-4">
+        6.&emsp;Wallet and Device Protection
+      </p>
+      <div class="text-justify">
+        <div>
+          You are responsible for the security of:
+        </div>
+        <ol class="alpha">
+          <li>
+            any Wallet that you use in connection with the Digital Business Card, and
+          </li>
+          <li>
+            the device or service that holds the Wallet, including without limitation security afforded by
+            device protection, keeping your device protection confidential, and using any other security
+            protections in connection with your device.
+          </li>
+        </ol>
+      </div>
+    </section>
+    <section>
+      <p class="font-weight-bold terms-of-use-title pt-4">
+        7.&emsp;Ownership and License
+      </p>
+      <p class="text-justify">
+        The Digital Business Card is owned by the Province or its licensors. Subject to your compliance with these
+        Terms of Use, the Province grants you a non-exclusive, revocable, limited license to access and use the
+        Digital Business Card for the purpose of allowing Verifiers with whom you choose to share the
+        Digital Business Card to verify its contents.
+      </p>
+    </section>
+    <section>
+      <p class="font-weight-bold terms-of-use-title">
+        8.&emsp;Revocation of Digital Business Card
+      </p>
+      <p class="text-justify">
+        The Province may at any time, in its sole discretion, revoke the Digital Business Card issued to you, in
+        order to ensure, without limitation, that the Digital Business Card reflects your current BC Services Card
+        information and is based on current technology. After revoking a Digital Business Card the Province may, in
+        its sole discretion, offer to issue you a new Digital Business Card. If the Province revokes your Digital
+        Business Card and does not issue you a new one, then the revoked Digital Business Card will remain in your
+        Wallet until and unless you delete it. It is your sole responsibility to determine whether a Verifier will
+        accept a revoked Digital Business Card.
+      </p>
+    </section>
+    <section>
+      <p class="font-weight-bold terms-of-use-title">
+        9.&emsp;Termination
+      </p>
+      <div class="text-justify">
+        <div>
+          These Terms of Use and your license to access and use the Digital Business Card will terminate
+          automatically if:
+        </div>
+        <ol class="alpha">
+          <li>
+            you fail to comply with any provision of these Terms of Use, in which case you must immediately
+            delete the Digital Business Card from your Wallet, or
+          </li>
+          <li>
+            you choose to delete the Digital Business Card from your Wallet for any reason.
+          </li>
+        </ol>
+      </div>
+    </section>
+    <section>
+      <p class="font-weight-bold terms-of-use-title pt-4">
+        10.&emsp;No Warranty
+      </p>
+      <div class="text-justify">
+        <div>
+          The Digital Business Card is provided to you “as is”, and the Province disclaims all representations,
+          warranties, conditions, obligations and liabilities of any kind, whether express or implied, in relation
+          to the Digital Business Card, including without limitation implied warranties with respect to
+          merchantability, satisfactory quality, fitness for a particular purpose and non-infringement. Without
+          limiting the general nature of the previous sentence, the Province does not represent or warrant that:
+        </div>
+        <ol class="alpha">
+          <li>
+            the Digital Business Card will be available;
+          </li>
+          <li>
+            your use of the Digital Business Card will be timely, uninterrupted or error free;
+          </li>
+          <li>
+            any errors in the Digital Business Card will be corrected; or
+          </li>
+          <li>
+            the Digital Business Card will meet your expectations and requirements.
+          </li>
+        </ol>
+      </div>
+    </section>
+    <section>
+      <p class="font-weight-bold terms-of-use-title pt-4">
+        11.&emsp;Limitation of Liability
+      </p>
+      <p class="text-justify">
+        To the maximum extent permitted by applicable law, under no circumstances will the Province be liable to
+        you, to any other individual or to any entity for any direct, indirect, special, incidental, consequential
+        or other loss, claim, injury or damage, whether foreseeable or unforeseeable (including without limitation
+        claims for damages for loss of profits or business opportunities, use or misuse of, or inability to use, the
+        Digital Business Card, interruptions, deletion or corruption of files, loss of programs or information,
+        errors, defects or delays) arising out of or in any way connected with your use of the Digital Business Card
+        and whether based on contract, tort, strict liability or any other legal theory. The previous sentence will
+        apply even if the Province has been specifically advised of the possibility of any such loss, claim, injury
+        or damage.
+      </p>
+    </section>
+    <section>
+      <p class="font-weight-bold terms-of-use-title">
+        12.&emsp;Indemnity
+      </p>
+      <div class="text-justify">
+        <div>
+          You agree to indemnify, defend and hold harmless the Province and the Province's employees and agents
+          from and against all claims, demands, obligations, losses, liabilities, costs or debts, and expenses
+          (including but not limited to reasonable legal fees) arising from:
+        </div>
+        <ol class="alpha">
+          <li>
+            your use of the Digital Business Card, or
+          </li>
+          <li>
+            your violation of any provision of these Terms of Use.
+          </li>
+        </ol>
+      </div>
+    </section>
+    <section>
+      <p class="font-weight-bold terms-of-use-title pt-4">
+        13.&emsp;Changes to Terms of Use
+      </p>
+      <p class="text-justify">
+        The Province may at any time, in its sole discretion, make changes to these Terms of Use. When changes are
+        made, the Province will send a notification to your Wallet and to your email address, if you have provided
+        one, informing you that changes have been made to the Terms of Use. You are solely responsible for ensuring
+        that you have not disabled the “messages” function in your Wallet and for providing the Province with an up
+        to date email address, and if you do not do so you are solely responsible for monitoring the posted Terms of
+        Use found at <a
+          :href="touLink"
+          target="_blank"
+        >{{ touLink }}</a> for changes. The Province is not
+        responsible for your failure to receive any notification sent to your Wallet or email address, and
+        regardless of whether you receive such notification, your continued use of the Digital Business Card will
+        constitute your unconditional acceptance of any changes to these Terms of Use.
+      </p>
+    </section>
+    <section>
+      <p class="font-weight-bold terms-of-use-title">
+        14.&emsp;Province Contact Information
+      </p>
+      <p class="text-justify">
+        If you have questions about your Digital Business Card, contact the BC Registries Help Desk at: <a
+          :href="'mailto:' + emailAddress"
+        >{{ emailAddress }}</a>
+      </p>
+    </section>
+    <section>
+      <p class="font-weight-bold terms-of-use-title">
+        15.&emsp;General
+      </p>
+      <p class="text-justify">
+        These Terms of Use are the entire agreement between you and the Province with respect
+        to the Digital Business Card. The headings in these Terms of Use are inserted for convenience only and will
+        not be used in interpreting or construing any provision of these Terms of Use. Sections 7, 10, 11, 12 and
+        15, and any other sections of these Terms of Use which, by their terms or nature, are intended to survive
+        termination, will survive any termination of these Terms of Use. If any provision of these Terms of Use is
+        invalid, illegal or unenforceable, that provision will be severed from these Terms of Use and all other
+        provisions will remain in full force and effect. These Terms of Use will be governed by and construed in
+        accordance with the laws of the province of British Columbia and the applicable laws of Canada. By accepting
+        these Terms of Use, you consent to the exclusive jurisdiction and venue of the courts of the province of
+        British Columbia, sitting in Victoria, for the hearing of any dispute arising from or related to these Terms
+        of Use and their subject matter.
+      </p>
+    </section>
+    <section>
+      <p class="font-weight-bold terms-of-use-title">
+        16.&emsp;Definitions
+      </p>
+      <div class="text-justify">
+        <p>
+          In these Terms of Use, the following terms have the following meanings:
+        </p>
+        <p>
+          <span class="font-weight-bold terms-of-use-title">“BC Services Card”</span> means the Province-issued
+          identification card to facilitate access to various government services and programs and which may include
+          information such as an individual's name, photograph, date of birth, and a unique identifier.
+        </p>
+        <p>
+          <span class="font-weight-bold terms-of-use-title">“Digital Business Card”</span> means the verifiable
+          credential issued to you to identify you as the person who, in relation to the matters set out in section
+          88(1)(a) to (c) of the <span class="font-italic">Partnership Act</span>, filed a registration statement
+          respecting a sole proprietorship with the Registrar of Companies for the purpose of providing that information
+          to Verifiers.
+        </p>
+        <p>
+          <span class="font-weight-bold terms-of-use-title">“Province”</span> means His Majesty the King in right of the
+          Province of British Columbia as represented by the Minister of Citizens' Services.
+        </p>
+        <p>
+          <span class="font-weight-bold terms-of-use-title">“Terms of Use”</span> means the agreement referred to in
+          section 1.
+        </p>
+        <p>
+          <span class="font-weight-bold terms-of-use-title">“Verifiers”</span> means third parties to whom you present
+          your Digital Business Card for the purpose of allowing those third parties to verify its contents.
+        </p>
+        <p>
+          <span class="font-weight-bold terms-of-use-title">“Wallet”</span> means software, such as the BC Wallet mobile
+          device app, that you can use to receive, store and present digital credentials such as your Digital Business
+          Card.
+        </p>
+      </div>
+    </section>
+  </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue } from 'vue-property-decorator'
+
+@Component({})
+export default class CredentialsTermsOfUse extends Vue {
+  readonly touLink = 'https://www2.gov.bc.ca/gov/content' +
+    '/employment-business/business/managing-a-business/permits-licences/digital-business-card-terms-of-use'
+  readonly emailAddress = 'BCRegistries@gov.bc.ca'
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/styles/theme.scss';
+
+.terms-of-use-title {
+  color: $gray9;
+}
+
+ol.alpha {
+  counter-reset: list;
+
+  li {
+    list-style: none;
+    position: relative;
+    padding-left: $px-36;
+  }
+
+  li:before {
+    position: absolute;
+    left: 0;
+    content: "(" counter(list, lower-alpha) ")";
+    counter-increment: list;
+  }
+}
+
+ol.roman {
+  counter-reset: list;
+
+  li {
+    list-style: none;
+    position: relative;
+    padding-left: $px-36;
+  }
+
+  li:before {
+    position: absolute;
+    left: 0;
+    content: "(" counter(list, lower-roman) ")";
+    counter-increment: list;
+  }
+}
+
+.warning-title {
+  font-size: $px-24;
+  font-weight: bold;
+  color: $gray9;
+  line-height: $px-34;
+}
+
+.warning-text {
+  font-weight: normal;
+  font-size: $px-16;
+  color: $gray7;
+  line-height: $px-24;
+}</style>
diff --git a/src/components/DigitalCredentials/dialogs/ConfirmCredentialsTermsofUseDialog.vue b/src/components/DigitalCredentials/dialogs/ConfirmCredentialsTermsofUseDialog.vue
index eff67d6f6..dfbc79cb3 100644
--- a/src/components/DigitalCredentials/dialogs/ConfirmCredentialsTermsofUseDialog.vue
+++ b/src/components/DigitalCredentials/dialogs/ConfirmCredentialsTermsofUseDialog.vue
@@ -2,25 +2,14 @@
   <v-dialog
     id="confirm-credentials-terms-of-use-dialog"
     v-model="dialog"
-    width="45rem"
+    width="60rem"
     persistent
     :attach="attach"
     content-class="confirm-credentials-terms-of-use-dialog"
   >
     <v-card class="pa-5">
       <v-card-text>
-        <p
-          id="dialog-title"
-          class="warning-title"
-        >
-          Digital Business Card Terms of Use
-        </p>
-        <p
-          id="dialog-text"
-          class="warning-text"
-        >
-          I promise to be a good person and not use this credential for evil.
-        </p>
+        <CredentialsTermsOfUse />
       </v-card-text>
 
       <v-card-actions>
@@ -53,53 +42,44 @@
 
 <script lang="ts">
 import { Component, Vue, Prop, Emit } from 'vue-property-decorator'
+import CredentialsTermsOfUse from '@/components/DigitalCredentials/CredentialsTermsOfUse.vue'
 
-  @Component({})
+@Component({
+  components: {
+    CredentialsTermsOfUse
+  }
+})
 export default class ConfirmCredentialsTermsOfUseDialog extends Vue {
-    /** Prop to display the dialog. */
-    @Prop({ default: false }) readonly dialog!: boolean
+  /** Prop to display the dialog. */
+  @Prop({ default: false }) readonly dialog!: boolean
 
-    /** Prop to provide attachment selector. */
-    @Prop({ default: '' }) readonly attach!: string
+  /** Prop to provide attachment selector. */
+  @Prop({ default: '' }) readonly attach!: string
 
-    // Pass click events to parent.
-    @Emit() close (): void {
-      return undefined
-    }
-    @Emit() proceed (): void {
-      return undefined
-    }
+  // Pass click events to parent.
+  @Emit() close (): void {
+    return undefined
+  }
+  @Emit() proceed (): void {
+    return undefined
+  }
 }
 </script>
 
-  <style lang="scss" scoped>
-  @import '@/assets/styles/theme.scss';
-
-  .close-btn {
-    position: absolute;
-    right: $px-32;
-  }
+<style lang="scss" scoped>
+@import '@/assets/styles/theme.scss';
 
-  .action-btn {
-    min-height: 44px;
-  }
-
-  .warning-title {
-    font-size: $px-24;
-    font-weight: bold;
-    color: $gray9;
-    line-height: $px-34;
-  }
+.close-btn {
+  position: absolute;
+  right: $px-32;
+}
 
-  .warning-text {
-    font-weight: normal;
-    font-size: $px-16;
-    color: $gray7;
-    line-height: $px-24;
-  }
+.action-btn {
+  min-height: 44px;
+}
 
-  // Vuetify overrides
-  :deep(.v-dialog .v-card .v-card__text) {
-    padding-top: 0 !important;
-  }
-  </style>
+// Vuetify overrides
+:deep(.v-dialog .v-card .v-card__text) {
+  padding-top: 0 !important;
+}
+</style>