@justifi/webcomponents 4.6.4 → 4.7.0-rc.1

package/dist/collection/components/business-details/owner-details/owner-details.js

@@ -0,0 +1,57 @@
+import { Host, h } from "@stencil/core";
+import { DetailSection, DetailItem } from "../../details/utils";
+import { formatMediumDate } from "../../../utils/utils";
+/**
+ *
+ * @exportedPart detail-section
+ * @exportedPart detail-section-title
+ * @exportedPart detail-section-item-title
+ * @exportedPart detail-section-item-data
+ * @exportedPart detail-empty-state
+ */
+export class OwnerDetails {
+  constructor() {
+    this.owners = undefined;
+  }
+  render() {
+    return (h(Host, null, h(DetailSection, { sectionTitle: "Owner Details" }, h("div", { class: "row" }, !!(this === null || this === void 0 ? void 0 : this.owners.length) ? (this.owners.map(owner => (h("div", null, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Name", value: owner.name }), h(DetailItem, { title: "Title", value: owner.title }), h(DetailItem, { title: "Email", value: owner.email }), h(DetailItem, { title: "Phone", value: owner.phone }), h(DetailItem, { title: "Date of Birth", value: formatMediumDate(new Date(Number(owner.dob_day), Number(owner.dob_month), Number(owner.dob_year))) }), h(DetailItem, { title: "Identification Number", value: `********${owner.ssn_last4}` })), h(DetailSection, { sectionTitle: "Owner Address" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Line 1", value: owner.address.line1 }), h(DetailItem, { title: "Line 2", value: owner.address.line2 }), h(DetailItem, { title: "City", value: owner.address.city }), h(DetailItem, { title: "State", value: owner.address.state }), h(DetailItem, { title: "Zip", value: owner.address.postal_code })))))))) : (h(DetailItem, { title: "No owners", value: "" }))))));
+  }
+  static get is() { return "owner-details"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["owner-details.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["owner-details.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "owners": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Identity[]",
+          "resolved": "Identity[]",
+          "references": {
+            "Identity": {
+              "location": "import",
+              "path": "../../../api/Business",
+              "id": "src/api/Business.ts::Identity"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      }
+    };
+  }
+}
+//# sourceMappingURL=owner-details.js.map

package/dist/collection/components/business-details/owner-details/owner-details.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"owner-details.js","sourceRoot":"","sources":["../../../../../src/components/business-details/owner-details/owner-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;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxD;;;;;;;GAOG;AAMH,MAAM,OAAO,YAAY;;;;EAGvB,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,EAAC,aAAa,IAAC,YAAY,EAAC,eAAe;QACzC,WAAK,KAAK,EAAC,KAAK,IACb,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,MAAM,CAAA,CAAC,CAAC,CAAC,CACvB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACvB;UACE,WAAK,KAAK,EAAC,iBAAiB;YAC1B,EAAC,UAAU,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,GAAI;YAC9C,EAAC,UAAU,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI;YAChD,EAAC,UAAU,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI;YAChD,EAAC,UAAU,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI;YAChD,EAAC,UAAU,IACT,KAAK,EAAC,eAAe,EACrB,KAAK,EAAE,gBAAgB,CACrB,IAAI,IAAI,CACN,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,EACrB,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,EACvB,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CACvB,CACF,GACD;YAEF,EAAC,UAAU,IACT,KAAK,EAAC,uBAAuB,EAC7B,KAAK,EAAE,WAAW,KAAK,CAAC,SAAS,EAAE,GACnC,CACE;UACN,EAAC,aAAa,IAAC,YAAY,EAAC,eAAe;YACzC,WAAK,KAAK,EAAC,UAAU;cACnB,WAAK,KAAK,EAAC,iBAAiB;gBAC1B,EAAC,UAAU,IACT,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,GAC1B;gBACF,EAAC,UAAU,IACT,KAAK,EAAC,QAAQ,EACd,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,GAC1B;gBACF,EAAC,UAAU,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,GAAI;gBACtD,EAAC,UAAU,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,GAAI;gBACxD,EAAC,UAAU,IACT,KAAK,EAAC,KAAK,EACX,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,GAChC,CACE,CACF,CACQ,CACZ,CACP,CAAC,CACH,CAAC,CAAC,CAAC,CACF,EAAC,UAAU,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,EAAE,GAAG,CAC1C,CACG,CACQ,CACX,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { DetailSection, DetailItem } from '../../details/utils';\nimport { formatMediumDate } from '../../../utils/utils';\nimport { Identity } 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: 'owner-details',\n  styleUrl: 'owner-details.scss',\n  shadow: true,\n})\nexport class OwnerDetails {\n  @Prop() owners: Identity[];\n\n  render() {\n    return (\n      <Host>\n        <DetailSection sectionTitle=\"Owner Details\">\n          <div class=\"row\">\n            {!!this?.owners.length ? (\n              this.owners.map(owner => (\n                <div>\n                  <div class=\"col-12 col-md-6\">\n                    <DetailItem title=\"Name\" value={owner.name} />\n                    <DetailItem title=\"Title\" value={owner.title} />\n                    <DetailItem title=\"Email\" value={owner.email} />\n                    <DetailItem title=\"Phone\" value={owner.phone} />\n                    <DetailItem\n                      title=\"Date of Birth\"\n                      value={formatMediumDate(\n                        new Date(\n                          Number(owner.dob_day),\n                          Number(owner.dob_month),\n                          Number(owner.dob_year),\n                        ),\n                      )}\n                    />\n\n                    <DetailItem\n                      title=\"Identification Number\"\n                      value={`********${owner.ssn_last4}`}\n                    />\n                  </div>\n                  <DetailSection sectionTitle=\"Owner Address\">\n                    <div class=\"row gy-3\">\n                      <div class=\"col-12 col-md-6\">\n                        <DetailItem\n                          title=\"Line 1\"\n                          value={owner.address.line1}\n                        />\n                        <DetailItem\n                          title=\"Line 2\"\n                          value={owner.address.line2}\n                        />\n                        <DetailItem title=\"City\" value={owner.address.city} />\n                        <DetailItem title=\"State\" value={owner.address.state} />\n                        <DetailItem\n                          title=\"Zip\"\n                          value={owner.address.postal_code}\n                        />\n                      </div>\n                    </div>\n                  </DetailSection>\n                </div>\n              ))\n            ) : (\n              <DetailItem title=\"No owners\" value=\"\" />\n            )}\n          </div>\n        </DetailSection>\n      </Host>\n    );\n  }\n}\n"]}