js: use import map

Author: xi

mfa/static/mfa/fido2.js

@@ -1,4 +1,4 @@
-import * as webauthnJSON from 'https://cdn.jsdelivr.net/npm/@github/webauthn-json@2.1.1/dist/esm/webauthn-json.browser-ponyfill.js';
+import * as webauthnJSON from 'webauthn-json';
 
 var initCreate = function() {
     var form = document.querySelector('form[data-fido2-create]');

mfa/templates/mfa/auth_FIDO2.html

@@ -14,4 +14,5 @@ <h1>Two-factor authentication</h1>
     <a href="{% url 'mfa:auth' 'recovery' %}">Use recovery code instead</a>
 </form>
 
+<script type="importmap">{"imports": {"webauthn-json": "https://cdn.jsdelivr.net/npm/@github/[email protected]/dist/esm/webauthn-json.browser-ponyfill.js"}}</script>
 <script src="{% static 'mfa/fido2.js' %}" type="module"></script>

mfa/templates/mfa/create_FIDO2.html

@@ -15,4 +15,5 @@
     <button>Create</button>
 </form>
 
+<script type="importmap">{"imports": {"webauthn-json": "https://cdn.jsdelivr.net/npm/@github/[email protected]/dist/esm/webauthn-json.browser-ponyfill.js"}}</script>
 <script src="{% static 'mfa/fido2.js' %}" type="module"></script>