@justifi/webcomponents 4.6.3 → 4.7.0-rc.0

package/dist/collection/components/business-details/additional-questions-details/additional-questions-details.js

@@ -0,0 +1,57 @@
+import { Host, h } from "@stencil/core";
+import { DetailSection, DetailItem } from "../../details/utils";
+/**
+ *
+ * @exportedPart detail-section
+ * @exportedPart detail-section-title
+ * @exportedPart detail-section-item-title
+ * @exportedPart detail-section-item-data
+ * @exportedPart detail-empty-state
+ */
+export class AdditionalQuestionsDetails {
+  constructor() {
+    this.business = undefined;
+  }
+  render() {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    return (h(Host, null, h(DetailSection, { sectionTitle: "Additional Questions" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Business Revenue", value: (_b = (_a = this.business) === null || _a === void 0 ? void 0 : _a.additional_questions.business_revenue) === null || _b === void 0 ? void 0 : _b.toString() }), h(DetailItem, { title: "Business Payment Volume", value: (_d = (_c = this.business) === null || _c === void 0 ? void 0 : _c.additional_questions.business_payment_volume) === null || _d === void 0 ? void 0 : _d.toString() })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Business Dispute Volume", value: (_f = (_e = this.business) === null || _e === void 0 ? void 0 : _e.additional_questions.business_dispute_volume) === null || _f === void 0 ? void 0 : _f.toString() }), h(DetailItem, { title: "Business Receivable Volume", value: (_h = (_g = this.business) === null || _g === void 0 ? void 0 : _g.additional_questions.business_receivable_volume) === null || _h === void 0 ? void 0 : _h.toString() }))))));
+  }
+  static get is() { return "additional-questions-details"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["additional-questions-details.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["additional-questions-details.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "business": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IBusiness",
+          "resolved": "IBusiness",
+          "references": {
+            "IBusiness": {
+              "location": "import",
+              "path": "../../../api/Business",
+              "id": "src/api/Business.ts::IBusiness"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      }
+    };
+  }
+}
+//# sourceMappingURL=additional-questions-details.js.map

package/dist/collection/components/business-details/additional-questions-details/additional-questions-details.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"additional-questions-details.js","sourceRoot":"","sources":["../../../../../src/components/business-details/additional-questions-details/additional-questions-details.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGhE;;;;;;;GAOG;AAMH,MAAM,OAAO,0BAA0B;;;;EAGrC,MAAM;;IACJ,OAAO,CACL,EAAC,IAAI;MACH,EAAC,aAAa,IAAC,YAAY,EAAC,sBAAsB;QAChD,WAAK,KAAK,EAAC,UAAU;UACnB,WAAK,KAAK,EAAC,iBAAiB;YAC1B,EAAC,UAAU,IACT,KAAK,EAAC,kBAAkB,EACxB,KAAK,EAAE,MAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,oBAAoB,CAAC,gBAAgB,0CAAE,QAAQ,EAAE,GACvE;YACF,EAAC,UAAU,IACT,KAAK,EAAC,yBAAyB,EAC/B,KAAK,EAAE,MAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,oBAAoB,CAAC,uBAAuB,0CAAE,QAAQ,EAAE,GAC9E,CACE;UACN,WAAK,KAAK,EAAC,iBAAiB;YAC1B,EAAC,UAAU,IACT,KAAK,EAAC,yBAAyB,EAC/B,KAAK,EAAE,MAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,oBAAoB,CAAC,uBAAuB,0CAAE,QAAQ,EAAE,GAC9E;YACF,EAAC,UAAU,IACT,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,MAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,oBAAoB,CAAC,0BAA0B,0CAAE,QAAQ,EAAE,GACjF,CACE,CACF,CACQ,CACX,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { DetailSection, DetailItem } from '../../details/utils';\nimport { IBusiness } from '../../../api/Business';\n\n/**\n *\n * @exportedPart detail-section\n * @exportedPart detail-section-title\n * @exportedPart detail-section-item-title\n * @exportedPart detail-section-item-data\n * @exportedPart detail-empty-state\n */\n@Component({\n  tag: 'additional-questions-details',\n  styleUrl: 'additional-questions-details.scss',\n  shadow: true,\n})\nexport class AdditionalQuestionsDetails {\n  @Prop() business: IBusiness;\n\n  render() {\n    return (\n      <Host>\n        <DetailSection sectionTitle=\"Additional Questions\">\n          <div class=\"row gy-3\">\n            <div class=\"col-12 col-md-6\">\n              <DetailItem\n                title=\"Business Revenue\"\n                value={this.business?.additional_questions.business_revenue?.toString()}\n              />\n              <DetailItem\n                title=\"Business Payment Volume\"\n                value={this.business?.additional_questions.business_payment_volume?.toString()}\n              />\n            </div>\n            <div class=\"col-12 col-md-6\">\n              <DetailItem\n                title=\"Business Dispute Volume\"\n                value={this.business?.additional_questions.business_dispute_volume?.toString()}\n              />\n              <DetailItem\n                title=\"Business Receivable Volume\"\n                value={this.business?.additional_questions.business_receivable_volume?.toString()}\n              />\n            </div>\n          </div>\n        </DetailSection>\n      </Host>\n    );\n  }\n}\n"]}