Fix: naming convention & FW version bumped

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "adapt-close",
   "version": "2.2.0",
-  "framework": ">=5.30.2",
+  "framework": ">=5.30.3",
   "extension": "close",
   "displayName": "Close",
   "description": "An extension to add a close button and/or prompts",

js/CloseNavigationButtonView.js

@@ -48,7 +48,7 @@ export default class CloseNavigationButtonView extends NavigationButtonView {
       this.model.get('_notifyPromptIfIncomplete') :
       this.model.get('_notifyPromptIfComplete');
 
-    if (!prompt || !prompt._isEnabled) return Adapt.trigger('close:confirm');
+    if (!prompt?._isEnabled) return Adapt.trigger('close:confirm');
 
     notify.prompt({
       title: prompt.title,

package.json

@@ -1,7 +1,7 @@
 {
   "name": "adapt-close",
   "version": "2.2.0",
-  "framework": ">=5.30.2",
+  "framework": ">=5.30.3",
   "extension": "close",
   "displayName": "Close",
   "description": "An extension to add a close button and/or prompts",

templates/CloseNavigationButton.jsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { classes, compile } from 'core/js/reactHelpers';
+
+export default function CloseNavigationButton(props) {
+  const {
+    text,
+    _iconClasses
+  } = props;
+  return (
+    <>
+      <span
+        className={classes([
+          'icon',
+          _iconClasses
+        ])}
+        aria-hidden="true"
+      />
+      <span
+        className="nav__btn-label"
+        aria-hidden="true"
+        dangerouslySetInnerHTML={{ __html: compile(text, props) }}
+      />
+    </>
+  );
+}