@justifi/webcomponents 4.6.4 → 4.7.0-rc.1

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

@@ -0,0 +1,71 @@
+import { Host, h } from "@stencil/core";
+import { DetailItem, DetailSection } from "../../details/utils";
+export class SubaccountAccountDetails {
+  constructor() {
+    this.subaccount = undefined;
+    this.onboardingData = undefined;
+  }
+  render() {
+    var _a, _b, _c;
+    return (h(Host, null, h("div", { class: 'p-2' }, h(DetailSection, { sectionTitle: 'Account Details' }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: 'Name', value: (_a = this.subaccount) === null || _a === void 0 ? void 0 : _a.name }), h(DetailItem, { title: 'Terms of Service Accepted', value: (_c = (_b = this.onboardingData) === null || _b === void 0 ? void 0 : _b.payload) === null || _c === void 0 ? void 0 : _c.terms_and_conditions.accepted.toString() }), h(DetailItem, { title: 'Business Entity', value: 'something here' })))))));
+  }
+  static get is() { return "subaccount-account-details"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["subaccount-account-details.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["subaccount-account-details.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "subaccount": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "SubAccount",
+          "resolved": "SubAccount",
+          "references": {
+            "SubAccount": {
+              "location": "import",
+              "path": "../../../api/SubAccount",
+              "id": "src/api/SubAccount.ts::SubAccount"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      },
+      "onboardingData": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IOnboardingData",
+          "resolved": "IOnboardingData",
+          "references": {
+            "IOnboardingData": {
+              "location": "import",
+              "path": "../../../api/SubAccount",
+              "id": "src/api/SubAccount.ts::IOnboardingData"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      }
+    };
+  }
+}
+//# sourceMappingURL=subaccount-account-details.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"subaccount-account-details.js","sourceRoot":"","sources":["../../../../../src/components/subaccount-details/subaccount-account-details/subaccount-account-details.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAOhE,MAAM,OAAO,wBAAwB;;;;;EAInC,MAAM;;IACJ,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAC,KAAK;QACd,EAAC,aAAa,IAAC,YAAY,EAAC,iBAAiB;UAC3C,WAAK,KAAK,EAAC,UAAU;YACnB,WAAK,KAAK,EAAC,iBAAiB;cAC1B,EAAC,UAAU,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,MAAA,IAAI,CAAC,UAAU,0CAAE,IAAI,GAAI;cACzD,EAAC,UAAU,IACT,KAAK,EAAC,2BAA2B,EACjC,KAAK,EAAE,MAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,0CAAE,oBAAoB,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAC3E;cACJ,EAAC,UAAU,IAAC,KAAK,EAAC,iBAAiB,EAAC,KAAK,EAAE,gBAAgB,GAAI,CAC3D,CACF,CACQ,CACZ,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { IOnboardingData, SubAccount } from '../../../api/SubAccount';\nimport { DetailItem, DetailSection } from '../../details/utils';\n\n@Component({\n  tag: 'subaccount-account-details',\n  styleUrl: 'subaccount-account-details.scss',\n  shadow: true,\n})\nexport class SubaccountAccountDetails {\n  @Prop() subaccount: SubAccount\n  @Prop() onboardingData: IOnboardingData\n\n  render() {\n    return (\n      <Host>\n        <div class='p-2'>\n          <DetailSection sectionTitle='Account Details'>\n            <div class=\"row gy-3\">\n              <div class=\"col-12 col-md-6\">\n                <DetailItem title='Name' value={this.subaccount?.name} />\n                <DetailItem\n                  title='Terms of Service Accepted'\n                  value={this.onboardingData?.payload?.terms_and_conditions.accepted.toString()}\n                  />\n                <DetailItem title='Business Entity' value={'something here'} />\n              </div>\n            </div>\n          </DetailSection>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}