@eid-easy/eideasy-browser-client 2.7.0 → 2.10.1

package/docs/.vuepress/components/GetClientConfig.vue

@@ -1,56 +0,0 @@
-<script>
-import eidEasyDemoClient from './eidEasyDemoClient';
-import AppError from './AppError';
-
-export default {
-  name: 'GetClientConfig',
-  components: {
-    AppError,
-  },
-  data() {
-    return {
-      isLoading: false,
-      error: null,
-      clientConfig: null,
-      eidEasyDemoClient,
-    }
-  },
-  methods: {
-    async handleButtonClick() {
-      this.isLoading = true;
-      this.error = '';
-      let result;
-      try {
-        result = await eidEasyDemoClient.getClientConfig();
-        console.log(result);
-      } catch (error) {
-        console.error(error);
-        this.error = error;
-      }
-      this.isLoading = false;
-    },
-  },
-}
-</script>
-
-<template>
-  <div class="appRoot">
-    <div class="row">
-      <div class="col-md-6">
-        <AppError v-if="error" :error="error" />
-        <div v-if="isLoading" class="spinner-border text-primary mb-2 mt-2" role="status">
-          <span class="sr-only">Loading...</span>
-        </div>
-        <button v-else @click.prevent="handleButtonClick" class="btn btn-primary">Get client config</button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="scss">
-.appRoot {
-  @import "../styles/core";
-
-  margin-top: 30px;
-}
-</style>

package/docs/.vuepress/components/IdentAtHandy.vue

@@ -1,102 +0,0 @@
-<script>
-import MethodCard from './MethodCard';
-import logResult from './logResult';
-
-export default {
-  name: 'IdentAtHandy',
-  components: {
-    MethodCard,
-  },
-  data() {
-    return {
-      isLoading: false,
-      challenge: null,
-      identificationProcess: null,
-      customInsteadOfRedirect: 'none',
-    }
-  },
-  props: {
-    eidEasyClient: {
-      default: null,
-      required: true,
-    },
-    countryCode: {
-      default: null,
-      required: true,
-    },
-  },
-  methods: {
-    getFieldId(id) {
-      return this.$options.name + '-' + id;
-    },
-    handleStartClick({
-      addErrors,
-      addSuccess,
-      startLoading,
-      endLoading,
-    }) {
-      startLoading();
-      const config = {
-        fail: (result) => {
-          logResult(result, 'fail');
-          addErrors(result);
-        },
-        success: (result) => {
-          logResult(result, 'success');
-          addSuccess(result);
-        },
-        finished: (result) => {
-          logResult(result, 'finished');
-          endLoading();
-        },
-      };
-
-      if (this.customInsteadOfRedirect === 'error') {
-        config.redirect = () => ({
-          data: 'Some data',
-          error: new Error('A mock error'),
-        });
-      } else if (this.customInsteadOfRedirect === 'data') {
-        config.redirect = () => new Promise((resolve) => {
-          setTimeout(() => {
-            resolve({
-              data: 'Some data',
-            });
-          }, 1000);
-        });
-      }
-      this.identificationProcess = this.eidEasyClient.identification.atHandy.start(config);
-    },
-    handleCancelClick() {
-      this.identificationProcess && this.identificationProcess.cancel();
-    },
-  },
-}
-</script>
-
-<template>
-  <MethodCard
-      title="Austrian Handy Signatur identification"
-      :on-start-click="handleStartClick"
-      :on-cancel-click="handleCancelClick"
-  >
-    <div class="form-check">
-      <input v-model="customInsteadOfRedirect" class="form-check-input" value="none" type="radio" :id="getFieldId('redirectOption1')">
-      <label class="form-check-label" :for="getFieldId('redirectOption1')">
-        No custom redirect
-      </label>
-    </div>
-    <div class="form-check">
-      <input v-model="customInsteadOfRedirect"  class="form-check-input" type="radio" value="error" :id="getFieldId('redirectOption2')">
-      <label class="form-check-label" :for="getFieldId('redirectOption2')">
-        Custom redirect function that has an error in the result object
-      </label>
-    </div>
-    <div class="form-check">
-      <input v-model="customInsteadOfRedirect"  class="form-check-input" type="radio" value="data" :id="getFieldId('redirectOption3')">
-      <label class="form-check-label" :for="getFieldId('redirectOption3')">
-        Custom redirect function that has data in the result object
-      </label>
-    </div>
-  </MethodCard>
-</template>

package/docs/.vuepress/components/IdentEParakstsMobile.vue

@@ -1,111 +0,0 @@
-<script>
-import MethodCard from './MethodCard';
-import logResult from './logResult';
-
-export default {
-  name: 'IdentEParakstsMobile',
-  components: {
-    MethodCard,
-  },
-  data() {
-    return {
-      isLoading: false,
-      challenge: null,
-      identificationProcess: null,
-      customInsteadOfRedirect: 'none',
-    }
-  },
-  props: {
-    eidEasyClient: {
-      default: null,
-      required: true,
-    },
-    countryCode: {
-      default: null,
-      required: true,
-    },
-  },
-  methods: {
-    getFieldId(id) {
-      return this.$options.name + '-' + id;
-    },
-    handleStartClick({
-      addErrors,
-      addSuccess,
-      startLoading,
-      endLoading,
-   }) {
-      startLoading();
-      const config = {
-        fail: (result) => {
-          logResult(result, 'fail');
-          addErrors(result);
-        },
-        success: (result) => {
-          logResult(result, 'success');
-          addSuccess(result);
-        },
-        finished: (result) => {
-          logResult(result, 'finished');
-          endLoading();
-        },
-      };
-
-      if (this.customInsteadOfRedirect === 'error') {
-        config.redirect = () => ({
-          data: 'Some data',
-          error: new Error('A mock error'),
-        });
-      } else if (this.customInsteadOfRedirect === 'data') {
-        config.redirect = () => new Promise((resolve) => {
-          setTimeout(() => {
-            resolve({
-              data: 'Some data',
-            });
-          }, 2000);
-        });
-      } else if (this.customInsteadOfRedirect === 'abort') {
-        config.redirect = (context) => {
-          console.log(context);
-          // you can do the redirect here yourself should you wish so
-          // window.location.href = context.redirectUrl;
-          return {
-            data: 'cancel',
-          };
-        };
-      }
-      this.identificationProcess = this.eidEasyClient.identification.eParakstsMobile.start(config);
-    },
-    handleCancelClick() {
-      this.identificationProcess && this.identificationProcess.cancel();
-    },
-  },
-}
-</script>
-
-<template>
-  <MethodCard
-      title="eParaksts mobile"
-      :on-start-click="handleStartClick"
-      :on-cancel-click="handleCancelClick"
-  >
-    <div class="form-check">
-      <input v-model="customInsteadOfRedirect" class="form-check-input" value="none" type="radio" :id="getFieldId('redirectOption1')">
-      <label class="form-check-label" :for="getFieldId('redirectOption1')">
-        No custom redirect
-      </label>
-    </div>
-    <div class="form-check">
-      <input v-model="customInsteadOfRedirect"  class="form-check-input" type="radio" value="error" :id="getFieldId('redirectOption2')">
-      <label class="form-check-label" :for="getFieldId('redirectOption2')">
-        Custom redirect function that has an error in the result object
-      </label>
-    </div>
-    <div class="form-check">
-      <input v-model="customInsteadOfRedirect"  class="form-check-input" type="radio" value="data" :id="getFieldId('redirectOption3')">
-      <label class="form-check-label" :for="getFieldId('redirectOption3')">
-        Custom redirect function that has data in the result object
-      </label>
-    </div>
-  </MethodCard>
-</template>

package/docs/.vuepress/components/IdentFinnishTrustNetwork.vue

@@ -1,102 +0,0 @@
-<script>
-import MethodCard from './MethodCard';
-import logResult from './logResult';
-
-export default {
-  name: 'IdentFinnishTrustNetwork',
-  components: {
-    MethodCard,
-  },
-  data() {
-    return {
-      isLoading: false,
-      challenge: null,
-      identificationProcess: null,
-      customInsteadOfRedirect: 'none',
-    }
-  },
-  props: {
-    eidEasyClient: {
-      default: null,
-      required: true,
-    },
-    countryCode: {
-      default: null,
-      required: true,
-    },
-  },
-  methods: {
-    getFieldId(id) {
-      return this.$options.name + '-' + id;
-    },
-    handleStartClick({
-     addErrors,
-     addSuccess,
-     startLoading,
-     endLoading,
-   }) {
-      startLoading();
-      const config = {
-        fail: (result) => {
-          logResult(result, 'fail');
-          addErrors(result);
-        },
-        success: (result) => {
-          logResult(result, 'success');
-          addSuccess(result);
-        },
-        finished: (result) => {
-          logResult(result, 'finished');
-          endLoading();
-        },
-      };
-
-      if (this.customInsteadOfRedirect === 'error') {
-        config.redirect = () => ({
-          data: 'Some data',
-          error: new Error('A mock error'),
-        });
-      } else if (this.customInsteadOfRedirect === 'data') {
-        config.redirect = () => new Promise((resolve) => {
-          setTimeout(() => {
-            resolve({
-              data: 'Some data',
-            });
-          }, 1000);
-        });
-      }
-      this.identificationProcess = this.eidEasyClient.identification.finnishTrustNetwork.start(config);
-    },
-    handleCancelClick() {
-      this.identificationProcess && this.identificationProcess.cancel();
-    },
-  },
-}
-</script>
-
-<template>
-  <MethodCard
-      title="Finnish Trust Network"
-      :on-start-click="handleStartClick"
-      :on-cancel-click="handleCancelClick"
-  >
-    <div class="form-check">
-      <input v-model="customInsteadOfRedirect" class="form-check-input" value="none" type="radio" :id="getFieldId('redirectOption1')">
-      <label class="form-check-label" :for="getFieldId('redirectOption1')">
-        No custom redirect
-      </label>
-    </div>
-    <div class="form-check">
-      <input v-model="customInsteadOfRedirect"  class="form-check-input" type="radio" value="error" :id="getFieldId('redirectOption2')">
-      <label class="form-check-label" :for="getFieldId('redirectOption2')">
-        Custom redirect function that has an error in the result object
-      </label>
-    </div>
-    <div class="form-check">
-      <input v-model="customInsteadOfRedirect"  class="form-check-input" type="radio" value="data" :id="getFieldId('redirectOption3')">
-      <label class="form-check-label" :for="getFieldId('redirectOption3')">
-        Custom redirect function that has data in the result object
-      </label>
-    </div>
-  </MethodCard>
-</template>

package/docs/.vuepress/components/IdentFrejaEid.vue

@@ -1,86 +0,0 @@
-<script>
-import MethodCard from './MethodCard';
-import logResult from './logResult';
-
-export default {
-  name: 'IdentFrejaEid',
-  components: {
-    MethodCard,
-  },
-  data() {
-    return {
-      idcode: '',
-      isLoading: false,
-      errors: null,
-      userInstructions: null,
-      identificationProcess: null,
-    }
-  },
-  props: {
-    eidEasyClient: {
-      default: null,
-      required: true,
-    },
-    countryCode: {
-      default: null,
-      required: true,
-    },
-  },
-  methods: {
-    handleStartClick({
-       addErrors,
-       addSuccess,
-       startLoading,
-       endLoading,
-     }) {
-      startLoading();
-      this.identificationProcess = this.eidEasyClient.identification.frejaEid.start({
-        countryCode: this.countryCode,
-        idcode: this.idcode,
-        started: (result) => {
-          logResult(result, 'started');
-          this.userInstructions = 'Approve the identification request on your FREJA eID app';
-        },
-        fail: (result) => {
-          logResult(result, 'fail');
-          addErrors(result);
-        },
-        success: (result) => {
-          logResult(result, 'success');
-          addSuccess(result);
-        },
-        finished: (result) => {
-          logResult(result, 'finished');
-          this.challenge = null;
-          endLoading();
-        },
-      });
-    },
-    handleCancelClick() {
-      this.identificationProcess && this.identificationProcess.cancel();
-    },
-  },
-}
-</script>
-
-<template>
-  <MethodCard
-      title="FREJA eID"
-      :on-start-click="handleStartClick"
-      :on-cancel-click="handleCancelClick"
-  >
-    <div v-if="userInstructions" class="mb-3">
-      {{ userInstructions }}
-    </div>
-    <div class="mb-3">
-      <label class="form-label" for="idCodeInputFreja">Personal Identity Code</label>
-      <input
-          v-model="idcode"
-          type="text"
-          class="form-control"
-          id="idCodeInputFreja"
-          placeholder="YYYYMMDDXXXX"
-      >
-    </div>
-  </MethodCard>
-</template>

package/docs/.vuepress/components/IdentIdCard.vue

@@ -1,65 +0,0 @@
-<script>
-import MethodCard from './MethodCard';
-import logResult from './logResult';
-
-export default {
-  name: 'IdentIdCard',
-  components: {
-    MethodCard,
-  },
-  data() {
-    return {
-      isLoading: false,
-      challenge: null,
-      identificationProcess: null,
-    }
-  },
-  props: {
-    eidEasyClient: {
-      default: null,
-      required: true,
-    },
-    countryCode: {
-      default: null,
-      required: true,
-    },
-  },
-  methods: {
-    handleStartClick({
-     addErrors,
-     addSuccess,
-     startLoading,
-     endLoading,
-   }) {
-      startLoading();
-      this.identificationProcess = this.eidEasyClient.identification.idCard.start({
-        countryCode: this.countryCode,
-        fail: (result) => {
-          logResult(result, 'fail');
-          addErrors(result);
-        },
-        success: (result) => {
-          logResult(result, 'success');
-          addSuccess(result);
-        },
-        finished: (result) => {
-          logResult(result, 'finished');
-          endLoading();
-        },
-      });
-    },
-    handleCancelClick() {
-      this.identificationProcess && this.identificationProcess.cancel();
-    },
-  },
-}
-</script>
-
-<template>
-  <MethodCard
-      title="ID Card"
-      :on-start-click="handleStartClick"
-      :on-cancel-click="handleCancelClick"
-  >
-  </MethodCard>
-</template>

package/docs/.vuepress/components/IdentMobileId.vue

@@ -1,100 +0,0 @@
-<script>
-import MethodCard from './MethodCard';
-import AppChallenge from './AppChallenge';
-import logResult from './logResult';
-
-export default {
-  name: 'IdentMobileId',
-  components: {
-    MethodCard,
-    AppChallenge,
-  },
-  data() {
-    return {
-      idcode: '',
-      phone: '',
-      isLoading: false,
-      errors: null,
-      challenge: null,
-      identificationProcess: null,
-    }
-  },
-  props: {
-    eidEasyClient: {
-      default: null,
-      required: true,
-    },
-    countryCode: {
-      default: null,
-      required: true,
-    },
-  },
-  methods: {
-    handleStartClick({
-     addErrors,
-     addSuccess,
-     startLoading,
-     endLoading,
-   }) {
-      startLoading();
-      this.identificationProcess = this.eidEasyClient.identification.mobileId.start({
-        countryCode: this.countryCode,
-        idcode: this.idcode,
-        phone: this.phone,
-        started: (result) => {
-          logResult(result, 'started');
-          this.challenge = result.data.challenge;
-        },
-        fail: (result) => {
-          logResult(result, 'fail');
-          addErrors(result);
-        },
-        success: (result) => {
-          logResult(result, 'success');
-          addSuccess(result);
-        },
-        finished: (result) => {
-          logResult(result, 'finished');
-          this.challenge = null;
-          endLoading();
-        },
-      });
-    },
-    handleCancelClick() {
-      this.identificationProcess && this.identificationProcess.cancel();
-    },
-  },
-}
-</script>
-
-<template>
-  <MethodCard
-      title="Mobile ID"
-      :on-start-click="handleStartClick"
-      :on-cancel-click="handleCancelClick"
-  >
-    <AppChallenge
-        v-if="challenge"
-        class="mb-3"
-        :code="challenge"
-    />
-    <div class="mb-3">
-      <label for="idCodeInputMobile" class="form-label">Personal Identity Code</label>
-      <input
-          v-model="idcode"
-          type="text"
-          class="form-control"
-          id="idCodeInputMobile"
-      >
-    </div>
-    <div class="mb-3">
-      <label for="phoneInputMobile" class="form-label">Phone Number</label>
-      <input
-          v-model="phone"
-          type="text"
-          class="form-control"
-          id="phoneInputMobile"
-      >
-    </div>
-  </MethodCard>
-</template>