@eid-easy/eideasy-widget 2.69.1-alpha.2 → 2.70.0

package/CHANGELOG-LATEST.md

@@ -1,9 +1,9 @@
-# [2.68.0](https://github.com/eideasy/eideasy-widget/compare/v2.67.0...v2.68.0) (2022-12-22)
+## [2.69.1](https://github.com/eideasy/eideasy-widget/compare/v2.69.0...v2.69.1) (2022-12-30)
 
 
-### Features
+### Bug Fixes
 
-* Show unique indentifier for swisscom ([#165](https://github.com/eideasy/eideasy-widget/issues/165)) ([837d905](https://github.com/eideasy/eideasy-widget/commit/837d905202ca7656fac97aa7bd367bb8c0c6ad57))
+* fix the identification methods config issue ([#171](https://github.com/eideasy/eideasy-widget/issues/171)) ([1de45cc](https://github.com/eideasy/eideasy-widget/commit/1de45cc4d63a54cdaf63313cbce7f2b1db2397c3))
 
 
 

package/CHANGELOG.md

@@ -1,11 +1,29 @@
-## [2.69.1-alpha.2](https://github.com/eideasy/eideasy-widget/compare/v2.69.0...v2.69.1-alpha.2) (2022-12-30)
+# [2.70.0](https://github.com/eideasy/eideasy-widget/compare/v2.69.1...v2.70.0) (2023-01-10)
 
 
+### Features
 
-## [2.69.1-alpha.1](https://github.com/eideasy/eideasy-widget/compare/v2.69.0...v2.69.1-alpha.1) (2022-12-30)
+* add allowMethodChange option that determines whether the end user is allowed to change the preselected method ([#175](https://github.com/eideasy/eideasy-widget/issues/175)) ([fa58469](https://github.com/eideasy/eideasy-widget/commit/fa58469cb0d4d0f22b43f78bba5958a3be0a1a46))
 
 
 
+## [2.69.1](https://github.com/eideasy/eideasy-widget/compare/v2.69.0...v2.69.1) (2022-12-30)
+
+
+### Bug Fixes
+
+* fix the identification methods config issue ([#171](https://github.com/eideasy/eideasy-widget/issues/171)) ([1de45cc](https://github.com/eideasy/eideasy-widget/commit/1de45cc4d63a54cdaf63313cbce7f2b1db2397c3))
+
+
+
+## [2.69.1-alpha.2](https://github.com/eideasy/eideasy-widget/compare/v2.69.0...v2.69.1-alpha.2) (2022-12-30)
+
+
+
+## [2.69.1-alpha.1](https://github.com/eideasy/eideasy-widget/compare/v2.69.0...v2.69.1-alpha.1) (2022-12-30)
+
+
+
 # [2.69.0](https://github.com/eideasy/eideasy-widget/compare/v2.68.0...v2.69.0) (2022-12-30)
 
 

package/dist/full/eideasy-widget.common.js

@@ -17195,7 +17195,7 @@ module.exports = {
       ...rest
     }, children.concat([_c('defs', [_c('linearGradient', {
       attrs: {
-        "id": "id-3a",
+        "id": "id-0a",
         "x1": "124.883",
         "y1": "17.983",
         "x2": "117.483",
@@ -17224,7 +17224,7 @@ module.exports = {
       }
     })]), _c('linearGradient', {
       attrs: {
-        "id": "id-4b",
+        "id": "id-1b",
         "x1": "116.71",
         "y1": "31.343",
         "x2": "102.594",
@@ -17253,7 +17253,7 @@ module.exports = {
       }
     })]), _c('linearGradient', {
       attrs: {
-        "id": "id-5c",
+        "id": "id-2c",
         "x1": "106.335",
         "y1": "23.516",
         "x2": "140.192",
@@ -17277,18 +17277,18 @@ module.exports = {
       }
     }), _c('path', {
       attrs: {
-        "fill": "url(#id-3a)",
+        "fill": "url(#id-0a)",
         "d": "M126.585 16.359l-6.919 4.057V1.094l6.919 6.917v8.348z"
       }
     }), _c('path', {
       attrs: {
-        "fill": "url(#id-4b)",
+        "fill": "url(#id-1b)",
         "d": "M106.335 11.382h6.634v23.101h-6.634z"
       }
     }), _c('path', {
       attrs: {
         "d": "M140.191 13.257a.789.789 0 00-.2-.505.935.935 0 00-.82-.191 42.336 42.336 0 00-32.84 21.922h6.634c7.037-12.392 17.369-17.99 26.691-20.609.416-.138.544-.391.535-.617z",
-        "fill": "url(#id-5c)"
+        "fill": "url(#id-2c)"
       }
     }), _c('path', {
       attrs: {
@@ -18245,7 +18245,7 @@ module.exports = {
       ...rest
     }, children.concat([_c('defs', [_c('linearGradient', {
       attrs: {
-        "id": "id-0a",
+        "id": "id-3a",
         "x1": "45.313%",
         "x2": "33.822%",
         "y1": "69.296%",
@@ -18263,7 +18263,7 @@ module.exports = {
       }
     })]), _c('linearGradient', {
       attrs: {
-        "id": "id-2c",
+        "id": "id-5c",
         "x1": "17.248%",
         "x2": "58.688%",
         "y1": "34.281%",
@@ -18281,7 +18281,7 @@ module.exports = {
       }
     })]), _c('path', {
       attrs: {
-        "id": "id-1b",
+        "id": "id-4b",
         "d": "M75.617 68.105a21.83 21.83 0 002.601 5.096c9.291 13.456 23.041 10.092 28.616 9.344 5.574-.747 13.007-1.121 17.094 2.243 4.088 3.364 6.352 6.033 14.441 8.532 2.602.373 1.911 1.185.796 1.933-8.547 5.606-15.608 3.737-24.527 0-8.92-3.738-12.264-.748-18.21 0-19.325 2.99-35.676 1.121-49.055-5.606a46.935 46.935 0 01-2.198-1.804c-3.08 3.497-5.197 5.593-6.35 6.289-1.857 1.12-8.546 4.11-17.094 4.11-5.698 0-10.53-.622-14.493-1.868-3.634-1.163-5.616-1.91-5.946-2.242-.744-.748-1.292-2.03 2.742-2.435 14.52-1.922 27.079-6.737 32.47-14.862-2.721-5.544-3.682-11.738-2.88-18.584C35.38 43.895 40.09 42 51.232 30.431c7.665-8.521 1.458-17.002-1.547-20.327a304.822 304.822 0 01-1.301-1.454c-1.174-1.359-1.17-1.35-2.76-.563a299.293 299.293 0 01-4.228 2.039c-.25.117-.938.46-.842.097.214-.822 6.12-3.842 6.014-4.07-.106-.23-7.504 1.596-7.67 1.608-.165.013-.315-.439-.108-.51.206-.076 2.191-.754 3.292-1.119 1.094-.362 3.5-1.141 3.283-1.262-.216-.124-8.341-.632-8.458-.64-.03-.002-.052-.028-.067-.066v-.297c.015-.038.039-.066.07-.073 1.92-.462 8.359-.207 8.507-.363.148-.157-.193-1.103-.231-1.657-.069-1.026.35-1.762 1.12-1.774h.04c.092.001.19.013.292.036 1.866.41 3.704 1.01 5.535 1.605 1.665.54 2.59.639 3.883.313 1.292-.326 2.034-.737 3.231-.651 4.516.009 9.529 2.096 14.536 6s12.49 16.84 9.198 25.28c-4.97 12.74-5.177 10.025-7.662 17.126-.18.814-.354 1.581-.517 2.312-.919 4.871-1.048 10.056.381 14.88.044.117.09.234.136.352.12.309.206.593.257.852z"
       }
     })]), _c('g', {
@@ -18296,12 +18296,12 @@ module.exports = {
       }
     }), _c('use', {
       attrs: {
-        "fill": "url(#id-0a)",
-        "xlink:href": "#id-1b"
+        "fill": "url(#id-3a)",
+        "xlink:href": "#id-4b"
       }
     }), _c('path', {
       attrs: {
-        "fill": "url(#id-2c)",
+        "fill": "url(#id-5c)",
         "d": "M140.16 94.148c-9.194 1.408-11.705 1.1-14.296-.017-5.142-2.01-9.086-7.663-25.24-5.574-16.152 2.089-46.802-2.089-54.671-15.873-5.247-9.19-.586-18.872 13.981-29.046 5.452-3.472 9.006-9.315 10.663-17.53C72.25 17.904 64.062 9.215 46.03.039A1.13 1.13 0 0146.308 0h.038c.093.001.19.013.293.036 1.866.41 3.704 1.01 5.535 1.605 1.665.54 2.59.639 3.883.313 1.292-.326 2.034-.737 3.231-.651 4.516.009 9.529 2.096 14.536 6s12.49 16.84 9.198 25.28c-4.97 12.74-5.177 10.025-7.662 17.126-.18.814-.354 1.581-.517 2.312-.919 4.871-1.048 10.056.381 14.88.044.117.09.234.136.352.12.309.206.593.257.852a21.83 21.83 0 002.601 5.096c9.291 13.456 23.041 10.092 28.616 9.344 5.574-.747 13.007-1.121 17.094 2.243 4.088 3.364 6.352 6.033 14.441 8.532 1.303.187 1.78.484 1.792.828z"
       }
     }), _c('g', {
@@ -19826,7 +19826,7 @@ $({ target: 'Array', proto: true, arity: 1, forced: INCORRECT_TO_LENGTH || SILEN
 
 /***/ }),
 
-/***/ 85616:
+/***/ 81982:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -23061,19 +23061,19 @@ exports.isValid = function (code) {
 
 /***/ }),
 
-/***/ 4287:
+/***/ 55910:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(85616);
+var content = __webpack_require__(81982);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(54402)/* ["default"] */ .Z)
-var update = add("6478f302", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("76484e91", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -33546,13 +33546,20 @@ if (inBrowser) {
 
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=template&id=2047953e&
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=template&id=1a7f5667&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
     class: _vm.$style.app
-  }, [_c('AppLayout')], 1);
+  }, [_vm.initErrors.length ? _c('div', _vm._l(_vm.initErrors, function (error) {
+    return _c('AppAlert', {
+      key: error.text,
+      attrs: {
+        "scheme": "danger"
+      }
+    }, [_vm._v(" " + _vm._s(error.text) + " ")]);
+  }), 1) : _c('AppLayout')], 1);
 };
 var staticRenderFns = [];
 
@@ -44748,10 +44755,13 @@ const otpFlowNames = {
 
 
 
+
+
 /* harmony default export */ var Appvue_type_script_lang_js_ = ({
   name: 'App',
   components: {
-    AppLayout: AppLayout
+    AppLayout: AppLayout,
+    AppAlert: AppAlert
   },
   props: {
     language: {
@@ -44868,15 +44878,21 @@ const otpFlowNames = {
     fieldAutocomplete: {
       type: Boolean,
       default: false
+    },
+    allowMethodChange: {
+      type: Boolean,
+      default: true
     }
   },
+  data() {
+    return {
+      initErrors: []
+    };
+  },
   computed: {
     countryCodeFromStore() {
       return this.$root.$options.storeGetters.countryCode();
     },
-    identificationMethods() {
-      return this.$root.$options.storeGetters.identificationMethods();
-    },
     shouldStartAtOtpView() {
       return (this.otpPhone || this.otpEmail) && this.isOtpSent && this.otpFlow !== src_otpFlowNames.START_AT_METHOD_SELECTION;
     }
@@ -44932,6 +44948,24 @@ const otpFlowNames = {
     this.updateRequireHandwrittenSignature(this.requireHandwrittenSignature);
     this.updateOtpFlow(this.otpFlow);
     this.updateFieldAutocomplete(this.fieldAutocomplete);
+    if (!this.allowMethodChange) {
+      // this.allowMethodChange determines whether the end user is allowed to change the preselected method
+      if (!this.selectedMethod || !this.countryCode) {
+        this.initErrors.push({
+          text: 'If allowMethodChange is set to false, then the following Widget parameters are required: selectedMethod, countryCode'
+        });
+        throw new Error('If allowMethodChange is set to false, then the following Widget parameters are required: selectedMethod, countryCode');
+      }
+      this.updateShowBackButton(false);
+      this.updateShowCountrySelect(false);
+      this.changeMethods({
+        // We set both signature and identification to the same value
+        // This works because the method actionTypes are unique and Widget ignores invalid actionTypes
+        signature: [this.selectedMethod],
+        identification: [this.selectedMethod]
+      });
+    }
+    this.updateAllowMethodChange(this.allowMethodChange);
     if (this.emailToken) {
       this.updateInputValues({
         email_token: this.emailToken
@@ -45045,15 +45079,18 @@ const otpFlowNames = {
     },
     updateFieldAutocomplete(value) {
       return this.$root.$options.storeActions.updateFieldAutocomplete(value);
+    },
+    updateAllowMethodChange(value) {
+      return this.$root.$options.storeActions.updateAllowMethodChange(value);
     }
   }
 });
 ;// CONCATENATED MODULE: ./src/App.vue?vue&type=script&lang=js&
  /* harmony default export */ var src_Appvue_type_script_lang_js_ = (Appvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-21.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-21.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-21.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-21.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-21.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=style&index=0&id=2047953e&prod&lang=scss&module=true&
-var Appvue_type_style_index_0_id_2047953e_prod_lang_scss_module_true_ = __webpack_require__(4287);
-var Appvue_type_style_index_0_id_2047953e_prod_lang_scss_module_true_default = /*#__PURE__*/__webpack_require__.n(Appvue_type_style_index_0_id_2047953e_prod_lang_scss_module_true_);
-;// CONCATENATED MODULE: ./src/App.vue?vue&type=style&index=0&id=2047953e&prod&lang=scss&module=true&
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-21.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-21.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-21.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-21.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-21.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=style&index=0&id=1a7f5667&prod&lang=scss&module=true&
+var Appvue_type_style_index_0_id_1a7f5667_prod_lang_scss_module_true_ = __webpack_require__(55910);
+var Appvue_type_style_index_0_id_1a7f5667_prod_lang_scss_module_true_default = /*#__PURE__*/__webpack_require__.n(Appvue_type_style_index_0_id_1a7f5667_prod_lang_scss_module_true_);
+;// CONCATENATED MODULE: ./src/App.vue?vue&type=style&index=0&id=1a7f5667&prod&lang=scss&module=true&
  
 ;// CONCATENATED MODULE: ./src/App.vue
 
@@ -45066,7 +45103,7 @@ var Appvue_type_style_index_0_id_2047953e_prod_lang_scss_module_true_default = /
 
 function App_injectStyles (context) {
   
-  this["$style"] = ((Appvue_type_style_index_0_id_2047953e_prod_lang_scss_module_true_default()).locals || (Appvue_type_style_index_0_id_2047953e_prod_lang_scss_module_true_default()))
+  this["$style"] = ((Appvue_type_style_index_0_id_1a7f5667_prod_lang_scss_module_true_default()).locals || (Appvue_type_style_index_0_id_1a7f5667_prod_lang_scss_module_true_default()))
 
 }
 
@@ -47857,7 +47894,8 @@ const createStore = function createStore({
     mode: null,
     requireHandwrittenSignature: false,
     otpFlow: null,
-    fieldAutocomplete: false
+    fieldAutocomplete: false,
+    allowMethodChange: true
   });
   const filterMethodsByCountry = function filterMethodsByCountry(methods, country) {
     return methods.filter(method => {
@@ -47920,7 +47958,8 @@ const createStore = function createStore({
     mode: () => store.mode,
     requireHandwrittenSignature: () => store.requireHandwrittenSignature,
     otpFlow: () => store.otpFlow,
-    fieldAutocomplete: () => store.fieldAutocomplete
+    fieldAutocomplete: () => store.fieldAutocomplete,
+    allowMethodChange: () => store.allowMethodChange
   };
   const mutations = {
     setCountryCode(countryCode) {
@@ -47988,6 +48027,9 @@ const createStore = function createStore({
     },
     setFieldAutocomplete(value) {
       store.fieldAutocomplete = value;
+    },
+    setAllowMethodChange(value) {
+      store.allowMethodChange = value;
     }
   };
   const actions = {
@@ -48090,7 +48132,6 @@ const createStore = function createStore({
             const method = availableMethods.find(method => method.actionType === enabledActionType);
             if (method) {
               result.push(method);
-              mutations.setIdentificationMethods(identificationMethods);
             }
           });
         }
@@ -48150,6 +48191,9 @@ const createStore = function createStore({
     },
     updateFieldAutocomplete(newValue) {
       mutations.setFieldAutocomplete(newValue);
+    },
+    updateAllowMethodChange(newValue) {
+      mutations.setAllowMethodChange(newValue);
     }
   };
   return {