@justifi/webcomponents 4.6.4 → 4.7.0-rc.1

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

@@ -0,0 +1,128 @@
+import { Host, h } from "@stencil/core";
+import { Api } from "../../api";
+import { ErrorState, LoadingState } from "../details/utils"; // Make sure to adjust the path if necessary
+import { config } from "../../../config";
+var RENDER_STATES;
+(function (RENDER_STATES) {
+  RENDER_STATES["LOADING"] = "loading";
+  RENDER_STATES["READY"] = "ready";
+  RENDER_STATES["ERROR"] = "error";
+})(RENDER_STATES || (RENDER_STATES = {}));
+/**
+ *
+ * @exportedPart detail-section
+ * @exportedPart detail-section-title
+ * @exportedPart detail-section-item-title
+ * @exportedPart detail-section-item-data
+ * @exportedPart detail-empty-state
+ */
+export class BusinessDetails {
+  constructor() {
+    this.businessId = undefined;
+    this.authToken = undefined;
+    this.business = undefined;
+    this.renderState = RENDER_STATES.LOADING;
+    this.errorMessage = 'An error ocurred.';
+    this.fetchBusiness = this.fetchBusiness.bind(this);
+    this.setError = this.setError.bind(this);
+  }
+  async componentWillLoad() {
+    if (!this.authToken) {
+      this.setError('Missing auth-token. The form will not be functional without it.');
+      return;
+    }
+    if (!this.businessId) {
+      this.setError('Missing business-id. The form will not be functional without it.');
+      return;
+    }
+    this.api = Api(this.authToken, config.proxyApiOrigin);
+    await this.fetchBusiness(this.businessId);
+  }
+  async fetchBusiness(businessId) {
+    this.renderState = RENDER_STATES.LOADING;
+    try {
+      const response = await this.api.get(`entities/business/${businessId}`);
+      if (response.error) {
+        this.setError(response.error.message);
+        return;
+      }
+      this.business = response.data;
+      this.renderState = RENDER_STATES.READY;
+    }
+    catch (error) {
+      this.setError(error);
+    }
+  }
+  setError(error) {
+    this.errorMessage = error || this.errorMessage;
+    this.renderState = RENDER_STATES.ERROR;
+  }
+  render() {
+    var _a, _b, _c;
+    if (this.renderState === RENDER_STATES.LOADING) {
+      return LoadingState;
+    }
+    if (this.renderState === RENDER_STATES.ERROR) {
+      return ErrorState(this.errorMessage);
+    }
+    return (h(Host, null, h("generic-info-details", { business: this.business }), h("legal-address-details", { legalAddress: (_a = this.business) === null || _a === void 0 ? void 0 : _a.legal_address }), h("representative-details", { representative: (_b = this.business) === null || _b === void 0 ? void 0 : _b.representative }), h("owner-details", { owners: (_c = this.business) === null || _c === void 0 ? void 0 : _c.owners }), h("additional-questions-details", { business: this.business })));
+  }
+  static get is() { return "justifi-business-details"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["business-details.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["business-details.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "businessId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "business-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 {
+      "business": {},
+      "renderState": {},
+      "errorMessage": {}
+    };
+  }
+}
+//# sourceMappingURL=business-details.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"business-details.js","sourceRoot":"","sources":["../../../../src/components/business-details/business-details.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, State, h } from '@stencil/core';\nimport { IBusiness } from '../../api/Business';\nimport { Api } from '../../api';\nimport { ErrorState, LoadingState } from '../details/utils'; // Make sure to adjust the path if necessary\nimport { config } from '../../../config';\n\n\nenum RENDER_STATES {\n  LOADING = 'loading',\n  READY = 'ready',\n  ERROR = 'error',\n}\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: 'justifi-business-details',\n  styleUrl: 'business-details.scss',\n  shadow: true,\n})\nexport class BusinessDetails {\n  @Prop() businessId: string;\n  @Prop() authToken: string;\n  @State() business: IBusiness;\n  @State() renderState: RENDER_STATES = RENDER_STATES.LOADING;\n  @State() errorMessage: string = 'An error ocurred.';\n\n  private api: any;\n\n  constructor() {\n    this.fetchBusiness = this.fetchBusiness.bind(this);\n    this.setError = this.setError.bind(this);\n  }\n\n  async componentWillLoad() {\n    if (!this.authToken) {\n      this.setError(\n        'Missing auth-token. The form will not be functional without it.',\n      );\n      return;\n    }\n\n    if (!this.businessId) {\n      this.setError(\n        'Missing business-id. The form will not be functional without it.',\n      );\n      return;\n    }\n\n    this.api = Api(this.authToken, config.proxyApiOrigin);\n    await this.fetchBusiness(this.businessId);\n  }\n\n  async fetchBusiness(businessId) {\n    this.renderState = RENDER_STATES.LOADING;\n    try {\n      const response = await this.api.get(`entities/business/${businessId}`);\n      if (response.error) {\n        this.setError(response.error.message);\n        return;\n      }\n      this.business = response.data;\n      this.renderState = RENDER_STATES.READY;\n    } catch (error) {\n      this.setError(error);\n    }\n  }\n\n  setError(error: string) {\n    this.errorMessage = error || this.errorMessage;\n    this.renderState = RENDER_STATES.ERROR;\n  }\n\n  render() {\n    if (this.renderState === RENDER_STATES.LOADING) {\n      return LoadingState;\n    }\n\n    if (this.renderState === RENDER_STATES.ERROR) {\n      return ErrorState(this.errorMessage);\n    }\n\n    return (\n      <Host>\n        <generic-info-details business={this.business} />\n        <legal-address-details legalAddress={this.business?.legal_address} />\n        <representative-details\n          representative={this.business?.representative}\n        />\n        <owner-details owners={this.business?.owners} />\n        <additional-questions-details business={this.business} />\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,24 @@
+import { config } from "../../../config";
+export default {
+  title: 'Components/BusinessDetails',
+  component: 'justifi-business-details',
+  parameters: {},
+};
+class BusinessDetailsArgs {
+  constructor(args) {
+    this['businessId'] = args['businessId'] || config.exampleBusinessId;
+    this['authToken'] = args['authToken'] || config.proxyAuthToken;
+  }
+}
+;
+const Template = (args) => {
+  return `
+    <justifi-business-details
+      business-id="${args['businessId']}"
+      auth-token="${args['authToken']}"
+    />
+  `;
+};
+export const Basic = Template.bind({});
+Basic.args = new BusinessDetailsArgs({});
+//# sourceMappingURL=business-details.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"business-details.stories.js","sourceRoot":"","sources":["../../../../src/components/business-details/business-details.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,eAAe;EACb,KAAK,EAAE,4BAA4B;EACnC,SAAS,EAAE,0BAA0B;EACrC,UAAU,EAAE,EAAE;CACf,CAAC;AAEF,MAAM,mBAAmB;EAIvB,YAAY,IAAI;IACd,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,iBAAiB,CAAC;IACpE,IAAI,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,MAAM,CAAC,cAAc,CAAC;EACjE,CAAC;CACF;AAAA,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAyB,EAAE,EAAE;EAC7C,OAAO;;qBAEY,IAAI,CAAC,YAAY,CAAC;oBACnB,IAAI,CAAC,WAAW,CAAC;;GAElC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG,IAAI,mBAAmB,CAAC,EAAE,CAAC,CAAC","sourcesContent":["import { config } from '../../../config';\n\nexport default {\n  title: 'Components/BusinessDetails',\n  component: 'justifi-business-details',\n  parameters: {},\n};\n\nclass BusinessDetailsArgs {\n  'businessId': string;\n  'authToken': string;\n\n  constructor(args) {\n    this['businessId'] = args['businessId'] || config.exampleBusinessId;\n    this['authToken'] = args['authToken'] || config.proxyAuthToken;\n  }\n};\n\nconst Template = (args: BusinessDetailsArgs) => {\n  return `\n    <justifi-business-details\n      business-id=\"${args['businessId']}\"\n      auth-token=\"${args['authToken']}\"\n    />\n  `;\n};\n\nexport const Basic = Template.bind({});\nBasic.args = new BusinessDetailsArgs({});\n"]}