Change property type from 'Object' to 'String'

The app attribute for html element only accepts string,
so its better  to accept json in string format
and then parse it with help of JSON.parse();

Update README

packages/opc-feedback/README.md

@@ -81,7 +81,7 @@ import '@one-platform/opc-feedback/dist/opc-feedback';
 |---------|------------------------------------------------------------------|
 | ```spa``` | ```String``` value is expected ```/feedback``` is the default fallback url for feedback spa |
 | ```docs``` | ```String``` value is expected ```/get-started``` is the default fallback url for docs |
-| ```app``` | ```Object``` value is expected ```{ name: 'one platform', url: '/' }``` is the default fallback url for docs |
+| ```app``` | ```String``` value is expected in json format ```'{ "name": "one platform", "url": "/" }'``` is the default fallback url for docs |
 | ```theme``` | Refer [themes](https://github.com/1-Platform/op-components/tree/master/packages/opc-feedback/README.md#themes) section. |
 
 

packages/opc-feedback/src/opc-feedback.ts

@@ -31,7 +31,7 @@ export class OpcFeedback extends LitElement {
   @property({ type: String, attribute: 'docs' }) docs = '/get-started';
   @property({ reflect: true }) theme = 'red';
   @property({ type: Object }) template = defaultTemplate;
-  @property({ type: Object }) app = defaultApplication;
+  @property({ type: String }) app = `{"name": "${defaultApplication.name}" ,"url":"${defaultApplication.url}"}`;
   @state()
   _openConfirmationModal = false;
   @state()
@@ -189,6 +189,7 @@ export class OpcFeedback extends LitElement {
   }
 
   render() {
+    const app = JSON.parse(this.app);
     this._updateTemplate();
     return html`
       <!-- Bug Panel -->
@@ -279,8 +280,8 @@ export class OpcFeedback extends LitElement {
         </form>
         <p class="pf-u-font-size-xs">
           Bug reporting for
-          <a href="${this.app.url}" target="_blank" rel="noopener noreferrer">
-            ${this.app.name}
+          <a href="${app.url}" target="_blank" rel="noopener noreferrer">
+            ${app.name}
           </a>
         </p>
       </dialog>
@@ -385,8 +386,8 @@ export class OpcFeedback extends LitElement {
         </form>
         <p class="pf-u-font-size-xs">
           Feedback for
-          <a href="${this.app.url}" target="_blank" rel="noopener noreferrer">
-            ${this.app.name}
+          <a href="${app.url}" target="_blank" rel="noopener noreferrer">
+            ${app.name}
           </a>
         </p>
       </dialog>