@justifi/webcomponents 4.7.4 → 4.7.6

package/dist/collection/components/subaccount-details/subaccount-details.js

@@ -5,141 +5,141 @@ import { EntityHeadInfo, EntityHeadInfoItem, ErrorState, LoadingState } from "..
 import { MapSubAccountStatusToBadge, formatDate, formatTime } from "../../utils/utils";
 import { config } from "../../../config";
 export class SubaccountDetails {
-  constructor() {
-    this.accountId = undefined;
-    this.subaccountId = undefined;
-    this.authToken = undefined;
-    this.onboardingData = undefined;
-    this.subaccount = undefined;
-    this.loading = true;
-    this.errorMessage = undefined;
-  }
-  updateOnPropChange() {
-    this.fetchData();
-  }
-  connectedCallback() {
-    this.fetchData();
-  }
-  async fetchOnboardingData() {
-    const api = Api(this.authToken, '');
-    const endpoint = `onboarding/${this.subaccountId}`;
-    const response = await api.get(endpoint);
-    if (!response.error) {
-      this.onboardingData = response.data;
+    constructor() {
+        this.accountId = undefined;
+        this.subaccountId = undefined;
+        this.authToken = undefined;
+        this.onboardingData = undefined;
+        this.subaccount = undefined;
+        this.loading = true;
+        this.errorMessage = undefined;
     }
-    else {
-      this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;
+    updateOnPropChange() {
+        this.fetchData();
     }
-  }
-  async fetchSubAccountData() {
-    const api = Api(this.authToken, config.privateApiOrigin);
-    const endpoint = `account/${this.accountId}/seller_accounts/${this.subaccountId}`;
-    const response = await api.get(endpoint);
-    if (!response.error) {
-      const data = new SubAccount(response.data);
-      this.subaccount = data;
+    connectedCallback() {
+        this.fetchData();
     }
-    else {
-      this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;
+    async fetchOnboardingData() {
+        const api = Api(this.authToken, '');
+        const endpoint = `onboarding/${this.subaccountId}`;
+        const response = await api.get(endpoint);
+        if (!response.error) {
+            this.onboardingData = response.data;
+        }
+        else {
+            this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;
+        }
     }
-  }
-  async fetchData() {
-    this.loading = true;
-    if (!this.accountId || !this.authToken) {
-      this.errorMessage = "Can not fetch any data without an AccountID and an AuthToken";
-      this.loading = false;
-      return;
+    async fetchSubAccountData() {
+        const api = Api(this.authToken, config.privateApiOrigin);
+        const endpoint = `account/${this.accountId}/seller_accounts/${this.subaccountId}`;
+        const response = await api.get(endpoint);
+        if (!response.error) {
+            const data = new SubAccount(response.data);
+            this.subaccount = data;
+        }
+        else {
+            this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;
+        }
+    }
+    async fetchData() {
+        this.loading = true;
+        if (!this.accountId || !this.authToken) {
+            this.errorMessage = "Can not fetch any data without an AccountID and an AuthToken";
+            this.loading = false;
+            return;
+        }
+        this.fetchSubAccountData();
+        this.fetchOnboardingData();
+        this.loading = false;
+    }
+    render() {
+        var _a, _b;
+        return (h(Host, null, this.loading && LoadingState, !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.subaccount && this.onboardingData && (h("justifi-details", null, h(EntityHeadInfo, { slot: 'head-info', badge: h("span", { slot: 'badge', innerHTML: MapSubAccountStatusToBadge(this.subaccount.status) }), title: this.subaccount.name }, h(EntityHeadInfoItem, { classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.subaccount.created_at)} ${formatTime(this.subaccount.created_at)}` }), h(EntityHeadInfoItem, { classes: "border-1 border-end", title: "Last Updated", value: `${formatDate(this.subaccount.updated_at)} ${formatTime(this.subaccount.updated_at)}` }), h(EntityHeadInfoItem, { title: "ID", value: this.subaccount.id })), h("div", { slot: 'detail-sections' }, h("subaccount-account-details", { subaccount: this.subaccount, onboardingData: this.onboardingData }), h("subaccount-merchant-details", { onboardingData: this.onboardingData }), h("subaccount-representative-details", { data: (_a = this.onboardingData.payload) === null || _a === void 0 ? void 0 : _a.representative }), h("subaccount-owners-details", { data: (_b = this.onboardingData.payload) === null || _b === void 0 ? void 0 : _b.owners }))))));
+    }
+    static get is() { return "justifi-subaccount-details"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["subaccount-details.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["subaccount-details.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "accountId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "account-id",
+                "reflect": false
+            },
+            "subaccountId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "subaccount-id",
+                "reflect": false
+            },
+            "authToken": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "auth-token",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "onboardingData": {},
+            "subaccount": {},
+            "loading": {},
+            "errorMessage": {}
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "subaccountId",
+                "methodName": "updateOnPropChange"
+            }, {
+                "propName": "authToken",
+                "methodName": "updateOnPropChange"
+            }];
     }
-    this.fetchSubAccountData();
-    this.fetchOnboardingData();
-    this.loading = false;
-  }
-  render() {
-    var _a, _b;
-    return (h(Host, null, this.loading && LoadingState, !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.subaccount && this.onboardingData && (h("justifi-details", null, h(EntityHeadInfo, { slot: 'head-info', badge: h("span", { slot: 'badge', innerHTML: MapSubAccountStatusToBadge(this.subaccount.status) }), title: this.subaccount.name }, h(EntityHeadInfoItem, { classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.subaccount.created_at)} ${formatTime(this.subaccount.created_at)}` }), h(EntityHeadInfoItem, { classes: "border-1 border-end", title: "Last Updated", value: `${formatDate(this.subaccount.updated_at)} ${formatTime(this.subaccount.updated_at)}` }), h(EntityHeadInfoItem, { title: "ID", value: this.subaccount.id })), h("div", { slot: 'detail-sections' }, h("subaccount-account-details", { subaccount: this.subaccount, onboardingData: this.onboardingData }), h("subaccount-merchant-details", { onboardingData: this.onboardingData }), h("subaccount-representative-details", { data: (_a = this.onboardingData.payload) === null || _a === void 0 ? void 0 : _a.representative }), h("subaccount-owners-details", { data: (_b = this.onboardingData.payload) === null || _b === void 0 ? void 0 : _b.owners }))))));
-  }
-  static get is() { return "justifi-subaccount-details"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["subaccount-details.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["subaccount-details.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "accountId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "account-id",
-        "reflect": false
-      },
-      "subaccountId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "subaccount-id",
-        "reflect": false
-      },
-      "authToken": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "auth-token",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "onboardingData": {},
-      "subaccount": {},
-      "loading": {},
-      "errorMessage": {}
-    };
-  }
-  static get watchers() {
-    return [{
-        "propName": "subaccountId",
-        "methodName": "updateOnPropChange"
-      }, {
-        "propName": "authToken",
-        "methodName": "updateOnPropChange"
-      }];
-  }
 }

package/dist/collection/components/subaccount-details/subaccount-details.stories.js

@@ -1,18 +1,18 @@
 import { config } from "../../../config";
 export default {
-  title: 'dev/Components/SubaccountDetails',
-  component: 'justifi-subaccount-details',
-  parameters: {}
+    title: 'dev/Components/SubaccountDetails',
+    component: 'justifi-subaccount-details',
+    parameters: {}
 };
 class SubaccountDetailsArgs {
-  constructor(args) {
-    this['auth-token'] = args['auth-token'] || config.privateAuthToken;
-    this['account-id'] = args['account-id'] || '';
-    this['subaccount-id'] = args['subaccount-id'] || 'subaccount-id';
-  }
+    constructor(args) {
+        this['auth-token'] = args['auth-token'] || config.privateAuthToken;
+        this['account-id'] = args['account-id'] || '';
+        this['subaccount-id'] = args['subaccount-id'] || 'subaccount-id';
+    }
 }
 const Template = (args) => {
-  return (`
+    return (`
     <justifi-subaccount-details
       data-testid="justifi-subaccounts-details"
       auth-token="${args['auth-token']}"

package/dist/collection/components/subaccount-details/subaccount-merchant-details/subaccount-merchant-details.css

@@ -93,6 +93,7 @@
   --bs-link-hover-color: #0a58ca;
   --bs-link-hover-color-rgb: 10, 88, 202;
   --bs-code-color: #d63384;
+  --bs-highlight-color: #212529;
   --bs-highlight-bg: #fff3cd;
   --bs-border-width: 1px;
   --bs-border-style: solid;
@@ -164,6 +165,8 @@
   --bs-link-color-rgb: 110, 168, 254;
   --bs-link-hover-color-rgb: 139, 185, 254;
   --bs-code-color: #e685b5;
+  --bs-highlight-color: #dee2e6;
+  --bs-highlight-bg: #664d03;
   --bs-border-color: #495057;
   --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
   --bs-form-valid-color: #75b798;
@@ -712,6 +715,7 @@ small {
 
 mark {
   padding: 0.1875em;
+  color: var(--bs-highlight-color);
   background-color: var(--bs-highlight-bg);
 }
 
@@ -974,7 +978,7 @@ progress {
 }
 
 /*!
- * Bootstrap Utilities v5.3.1 (https://getbootstrap.com/)
+ * Bootstrap Utilities v5.3.2 (https://getbootstrap.com/)
  * Copyright 2011-2023 The Bootstrap Authors
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  */
@@ -1073,6 +1077,7 @@ progress {
   --bs-link-hover-color: #0a58ca;
   --bs-link-hover-color-rgb: 10, 88, 202;
   --bs-code-color: #d63384;
+  --bs-highlight-color: #212529;
   --bs-highlight-bg: #fff3cd;
   --bs-border-width: 1px;
   --bs-border-style: solid;
@@ -1144,6 +1149,8 @@ progress {
   --bs-link-color-rgb: 110, 168, 254;
   --bs-link-hover-color-rgb: 139, 185, 254;
   --bs-code-color: #e685b5;
+  --bs-highlight-color: #dee2e6;
+  --bs-highlight-bg: #664d03;
   --bs-border-color: #495057;
   --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
   --bs-form-valid-color: #75b798;
@@ -1654,15 +1661,15 @@ progress {
 }
 
 .shadow {
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+  box-shadow: var(--bs-box-shadow) !important;
 }
 
 .shadow-sm {
-  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+  box-shadow: var(--bs-box-shadow-sm) !important;
 }
 
 .shadow-lg {
-  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
+  box-shadow: var(--bs-box-shadow-lg) !important;
 }
 
 .shadow-none {
@@ -6304,7 +6311,7 @@ progress {
 
 .row-cols-3 > * {
   flex: 0 0 auto;
-  width: 33.3333333333%;
+  width: 33.33333333%;
 }
 
 .row-cols-4 > * {
@@ -6319,7 +6326,7 @@ progress {
 
 .row-cols-6 > * {
   flex: 0 0 auto;
-  width: 16.6666666667%;
+  width: 16.66666667%;
 }
 
 .col-auto {
@@ -6509,7 +6516,7 @@ progress {
   }
   .row-cols-sm-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-sm-4 > * {
     flex: 0 0 auto;
@@ -6521,7 +6528,7 @@ progress {
   }
   .row-cols-sm-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-sm-auto {
     flex: 0 0 auto;
@@ -6678,7 +6685,7 @@ progress {
   }
   .row-cols-md-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-md-4 > * {
     flex: 0 0 auto;
@@ -6690,7 +6697,7 @@ progress {
   }
   .row-cols-md-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-md-auto {
     flex: 0 0 auto;
@@ -6847,7 +6854,7 @@ progress {
   }
   .row-cols-lg-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-lg-4 > * {
     flex: 0 0 auto;
@@ -6859,7 +6866,7 @@ progress {
   }
   .row-cols-lg-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-lg-auto {
     flex: 0 0 auto;
@@ -7016,7 +7023,7 @@ progress {
   }
   .row-cols-xl-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-xl-4 > * {
     flex: 0 0 auto;
@@ -7028,7 +7035,7 @@ progress {
   }
   .row-cols-xl-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-xl-auto {
     flex: 0 0 auto;
@@ -7185,7 +7192,7 @@ progress {
   }
   .row-cols-xxl-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-xxl-4 > * {
     flex: 0 0 auto;
@@ -7197,7 +7204,7 @@ progress {
   }
   .row-cols-xxl-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-xxl-auto {
     flex: 0 0 auto;

package/dist/collection/components/subaccount-details/subaccount-merchant-details/subaccount-merchant-details.js

@@ -2,49 +2,48 @@ import { Host, h } from "@stencil/core";
 import { DetailItem, DetailSection } from "../../details/utils";
 import { formatLegalAddress, snakeCaseToHumanReadable } from "../../../utils/utils";
 export class SubaccountMerchantDetails {
-  constructor() {
-    this.onboardingData = undefined;
-  }
-  render() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
-    return (h(Host, null, h("div", { class: 'p-2' }, h(DetailSection, { sectionTitle: 'Merchant Details' }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: 'Doing Business As', value: (_d = (_c = (_b = (_a = this.onboardingData) === null || _a === void 0 ? void 0 : _a.payload) === null || _b === void 0 ? void 0 : _b.business_details) === null || _c === void 0 ? void 0 : _c.doing_business_as) === null || _d === void 0 ? void 0 : _d.name }), h(DetailItem, { title: 'Website', value: (_g = (_f = (_e = this.onboardingData) === null || _e === void 0 ? void 0 : _e.payload) === null || _f === void 0 ? void 0 : _f.business_details) === null || _g === void 0 ? void 0 : _g.url }), h(DetailItem, { title: 'Business Email', value: (_k = (_j = (_h = this.onboardingData) === null || _h === void 0 ? void 0 : _h.payload) === null || _j === void 0 ? void 0 : _j.business_details) === null || _k === void 0 ? void 0 : _k.email }), h(DetailItem, { title: 'Phone Number', value: (_o = (_m = (_l = this.onboardingData) === null || _l === void 0 ? void 0 : _l.payload) === null || _m === void 0 ? void 0 : _m.business_details) === null || _o === void 0 ? void 0 : _o.phone }), h(DetailItem, { title: 'Address', value: ((_r = (_q = (_p = this.onboardingData) === null || _p === void 0 ? void 0 : _p.payload) === null || _q === void 0 ? void 0 : _q.business_details) === null || _r === void 0 ? void 0 : _r.legal) ? `${formatLegalAddress((_u = (_t = (_s = this.onboardingData) === null || _s === void 0 ? void 0 : _s.payload) === null || _t === void 0 ? void 0 : _t.business_details) === null || _u === void 0 ? void 0 : _u.legal)}` : '' })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: 'Business Structure', value: ((_x = (_w = (_v = this.onboardingData) === null || _v === void 0 ? void 0 : _v.payload) === null || _w === void 0 ? void 0 : _w.business_details) === null || _x === void 0 ? void 0 : _x.structure) ? snakeCaseToHumanReadable((_0 = (_z = (_y = this.onboardingData) === null || _y === void 0 ? void 0 : _y.payload) === null || _z === void 0 ? void 0 : _z.business_details) === null || _0 === void 0 ? void 0 : _0.structure) : '' }), h(DetailItem, { title: 'Business Type', value: (_3 = (_2 = (_1 = this.onboardingData) === null || _1 === void 0 ? void 0 : _1.payload) === null || _2 === void 0 ? void 0 : _2.business_details) === null || _3 === void 0 ? void 0 : _3.type })))))));
-  }
-  static get is() { return "subaccount-merchant-details"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["subaccount-merchant-details.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["subaccount-merchant-details.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "onboardingData": {
-        "type": "any",
-        "mutable": false,
-        "complexType": {
-          "original": "IOnboardingData",
-          "resolved": "IOnboardingData",
-          "references": {
-            "IOnboardingData": {
-              "location": "global",
-              "id": "global::IOnboardingData"
+    constructor() {
+        this.onboardingData = undefined;
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
+        return (h(Host, null, h("div", { class: 'p-2' }, h(DetailSection, { sectionTitle: 'Merchant Details' }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: 'Doing Business As', value: (_d = (_c = (_b = (_a = this.onboardingData) === null || _a === void 0 ? void 0 : _a.payload) === null || _b === void 0 ? void 0 : _b.business_details) === null || _c === void 0 ? void 0 : _c.doing_business_as) === null || _d === void 0 ? void 0 : _d.name }), h(DetailItem, { title: 'Website', value: (_g = (_f = (_e = this.onboardingData) === null || _e === void 0 ? void 0 : _e.payload) === null || _f === void 0 ? void 0 : _f.business_details) === null || _g === void 0 ? void 0 : _g.url }), h(DetailItem, { title: 'Business Email', value: (_k = (_j = (_h = this.onboardingData) === null || _h === void 0 ? void 0 : _h.payload) === null || _j === void 0 ? void 0 : _j.business_details) === null || _k === void 0 ? void 0 : _k.email }), h(DetailItem, { title: 'Phone Number', value: (_o = (_m = (_l = this.onboardingData) === null || _l === void 0 ? void 0 : _l.payload) === null || _m === void 0 ? void 0 : _m.business_details) === null || _o === void 0 ? void 0 : _o.phone }), h(DetailItem, { title: 'Address', value: ((_r = (_q = (_p = this.onboardingData) === null || _p === void 0 ? void 0 : _p.payload) === null || _q === void 0 ? void 0 : _q.business_details) === null || _r === void 0 ? void 0 : _r.legal) ? `${formatLegalAddress((_u = (_t = (_s = this.onboardingData) === null || _s === void 0 ? void 0 : _s.payload) === null || _t === void 0 ? void 0 : _t.business_details) === null || _u === void 0 ? void 0 : _u.legal)}` : '' })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: 'Business Structure', value: ((_x = (_w = (_v = this.onboardingData) === null || _v === void 0 ? void 0 : _v.payload) === null || _w === void 0 ? void 0 : _w.business_details) === null || _x === void 0 ? void 0 : _x.structure) ? snakeCaseToHumanReadable((_0 = (_z = (_y = this.onboardingData) === null || _y === void 0 ? void 0 : _y.payload) === null || _z === void 0 ? void 0 : _z.business_details) === null || _0 === void 0 ? void 0 : _0.structure) : '' }), h(DetailItem, { title: 'Business Type', value: (_3 = (_2 = (_1 = this.onboardingData) === null || _1 === void 0 ? void 0 : _1.payload) === null || _2 === void 0 ? void 0 : _2.business_details) === null || _3 === void 0 ? void 0 : _3.type })))))));
+    }
+    static get is() { return "subaccount-merchant-details"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["subaccount-merchant-details.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["subaccount-merchant-details.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "onboardingData": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "IOnboardingData",
+                    "resolved": "IOnboardingData",
+                    "references": {
+                        "IOnboardingData": {
+                            "location": "import",
+                            "path": "../../../components",
+                            "id": "src/components.d.ts::IOnboardingData"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "onboarding-data",
-        "reflect": false
-      }
-    };
-  }
+        };
+    }
 }