@justifi/webcomponents 4.6.4 → 4.7.0-rc.1

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

@@ -0,0 +1,51 @@
+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"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "onboarding-data",
+        "reflect": false
+      }
+    };
+  }
+}
+//# sourceMappingURL=subaccount-merchant-details.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"subaccount-merchant-details.js","sourceRoot":"","sources":["../../../../../src/components/subaccount-details/subaccount-merchant-details/subaccount-merchant-details.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEhE,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAOpF,MAAM,OAAO,yBAAyB;;;;EAGpC,MAAM;;IACJ,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAC,KAAK;QACd,EAAC,aAAa,IAAC,YAAY,EAAC,kBAAkB;UAC5C,WAAK,KAAK,EAAC,UAAU;YACnB,WAAK,KAAK,EAAC,iBAAiB;cAC1B,EAAC,UAAU,IACT,KAAK,EAAC,mBAAmB,EACzB,KAAK,EAAE,MAAA,MAAA,MAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,0CAAE,gBAAgB,0CAAE,iBAAiB,0CAAE,IAAI,GAC9E;cACF,EAAC,UAAU,IACT,KAAK,EAAC,SAAS,EACf,KAAK,EAAE,MAAA,MAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,0CAAE,gBAAgB,0CAAE,GAAG,GAC1D;cACF,EAAC,UAAU,IACT,KAAK,EAAC,gBAAgB,EACtB,KAAK,EAAE,MAAA,MAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,0CAAE,gBAAgB,0CAAE,KAAK,GAC5D;cACF,EAAC,UAAU,IACT,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,MAAA,MAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,0CAAE,gBAAgB,0CAAE,KAAK,GAC5D;cACF,EAAC,UAAU,IACT,KAAK,EAAC,SAAS,EACf,KAAK,EAAE,CAAA,MAAA,MAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,0CAAE,gBAAgB,0CAAE,KAAK,EAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC,MAAA,MAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,0CAAE,gBAAgB,0CAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAClJ,CACE;YACN,WAAK,KAAK,EAAC,iBAAiB;cAC1B,EAAC,UAAU,IACT,KAAK,EAAC,oBAAoB,EAC1B,KAAK,EAAE,CAAA,MAAA,MAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,0CAAE,gBAAgB,0CAAE,SAAS,EAAC,CAAC,CAAC,wBAAwB,CAAC,MAAA,MAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,0CAAE,gBAAgB,0CAAE,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,GACzJ;cACJ,EAAC,UAAU,IACT,KAAK,EAAC,eAAe,EACrB,KAAK,EAAE,MAAA,MAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,0CAAE,gBAAgB,0CAAE,IAAI,GACzD,CACA,CACF,CACQ,CACZ,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\nimport { DetailItem, DetailSection } from '../../details/utils';\nimport { IOnboardingData } from '../../../components';\nimport { formatLegalAddress, snakeCaseToHumanReadable } from '../../../utils/utils';\n\n@Component({\n  tag: 'subaccount-merchant-details',\n  styleUrl: 'subaccount-merchant-details.scss',\n  shadow: true,\n})\nexport class SubaccountMerchantDetails {\n  @Prop() onboardingData: IOnboardingData;\n\n  render() {\n    return (\n      <Host>\n        <div class='p-2'>\n          <DetailSection sectionTitle='Merchant Details'>\n            <div class=\"row gy-3\">\n              <div class=\"col-12 col-md-6\">\n                <DetailItem\n                  title='Doing Business As'\n                  value={this.onboardingData?.payload?.business_details?.doing_business_as?.name}\n                />\n                <DetailItem\n                  title='Website'\n                  value={this.onboardingData?.payload?.business_details?.url}\n                />\n                <DetailItem\n                  title='Business Email'\n                  value={this.onboardingData?.payload?.business_details?.email}\n                />\n                <DetailItem\n                  title='Phone Number'\n                  value={this.onboardingData?.payload?.business_details?.phone}\n                />\n                <DetailItem\n                  title='Address'\n                  value={this.onboardingData?.payload?.business_details?.legal ? `${formatLegalAddress(this.onboardingData?.payload?.business_details?.legal)}` : ''}\n                />\n              </div>\n              <div class=\"col-12 col-md-6\">\n                <DetailItem\n                  title='Business Structure'\n                  value={this.onboardingData?.payload?.business_details?.structure ? snakeCaseToHumanReadable(this.onboardingData?.payload?.business_details?.structure) : ''}\n                  />\n                <DetailItem\n                  title='Business Type'\n                  value={this.onboardingData?.payload?.business_details?.type}\n                  />\n              </div>\n            </div>\n          </DetailSection>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"]}