@justifi/webcomponents 4.19.1-rc → 4.19.1-rc-3

package/dist/webcomponents/p-06ff0429.entry.js

@@ -0,0 +1,65 @@
+import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
+import { d as MapPayoutStatusToBadge, f as formatCurrency, b as formatDate, c as formatTime } from './p-83125497.js';
+import { a as EntityHeadInfo, b as EntityHeadInfoItem, D as DetailSectionTitle, c as DetailItem, C as CodeBlock, E as ErrorState, L as LoadingState } from './p-dce846bf.js';
+import { S as StyledHost } from './p-ba4bae6f.js';
+
+const PayoutDetailsCore = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.downloadCSV = () => {
+            this.getPayoutCSV({
+                payoutId: this.payout.id,
+                onError: ({ error, code, severity }) => {
+                    this.errorMessage = error;
+                    this.errorEvent.emit({
+                        message: error,
+                        errorCode: code,
+                        severity,
+                    });
+                },
+            });
+        };
+        this.getPayout = undefined;
+        this.getPayoutCSV = undefined;
+        this.payout = undefined;
+        this.loading = true;
+        this.errorMessage = null;
+    }
+    componentWillLoad() {
+        if (this.getPayout) {
+            this.fetchData();
+        }
+    }
+    getPayoutWatcher() {
+        this.fetchData();
+    }
+    fetchData() {
+        this.loading = true;
+        this.getPayout({
+            onSuccess: (payout) => {
+                this.errorMessage = null;
+                this.payout = payout;
+                this.loading = false;
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorMessage = error;
+                this.errorEvent.emit({
+                    message: error,
+                    errorCode: code,
+                    severity,
+                });
+                this.loading = false;
+            },
+        });
+    }
+    render() {
+        var _a;
+        return (h(StyledHost, { key: 'fdf7905cdc7696414b765d61d0f78c7193cbbc76' }, this.loading && LoadingState(), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'f79827c287d68484a87232ae956a1c15e3d7044d', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'dfa9c228f2cd1b0b2d14dc6ce44478ee8fc35d00', slot: "head-info", badge: h("span", { slot: 'badge', innerHTML: MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status) }), title: `${formatCurrency(this.payout.amount)} ${this.payout.currency.toUpperCase()}` }, h(EntityHeadInfoItem, { key: '6b5907e3f7753d4e2f6ba59bfe509d97e2a4c1c0', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '63b7497217a00268190eaea1475639fc5e0b43ca', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'e26e56abbac3e12584c187f6f1b560b0f4b33a6f', title: "ID", value: this.payout.id }), h("div", { key: 'e84dd653fb1adc566b0afbfdfc87cce40ed47280', class: "m-4" }, h("button", { key: 'fac0022786dc03349a65dc54729dc2f508c9441f', class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '9cf642b803c59146895b762eaff40f5026c9f94b', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '90ed8aafabf9eebb47da15c6c8b8d1f527d23557', sectionTitle: "Details" }), h("div", { key: '592b8489fa30441bbf11a52d3daf6a2debcc121f', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '0885f3ece509936d1e1bad64d4a998fbc487ee3a', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'b8a7da2bfeada94c8c7c080b516c1bc7fc26f414', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'd8928341e89161d4bafc2940f1aa738b345779dd', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '570bd2a2d44f094870e61debca61c2b5aa772679', title: "Amount", value: formatCurrency(this.payout.amount) }), h(DetailItem, { key: '2882865db185d1668103d819e62cf61edc711697', title: "Fee", value: formatCurrency(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'f9735ff73c650ad318d771df5c22c7d8834a09f6', sectionTitle: "Account" }), h("div", { key: 'd7d53fd77e704035a19dc15bc04ee06dfaa0c51a', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '486ae1c4ae990928bf24cc687cb4456bbc6e18ea', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: '528d7d6a299aa1019125f34fc903ea622d09de53', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'eafb132e84de81d41bd154aec55974d8496995dd', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '7f565f8dfacab4cf8edc7025d839dff1d8de2719', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '61338f5ed539d70b4caa08ffa200d8e47f52ebde', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), h(DetailSectionTitle, { key: 'cea128826f004ece9e6c29c97c07e98a3d45706c', sectionTitle: 'Metadata' }), h("div", { key: 'bf884c3dafa50cd1b8e0d98711f0fe5fc9d60391', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '2d92e2f8d6f032cbaff741da43ca97424b8decaf', metadata: this.payout.metadata })))))));
+    }
+    static get watchers() { return {
+        "getPayout": ["getPayoutWatcher"]
+    }; }
+};
+
+export { PayoutDetailsCore as payout_details_core };

package/dist/webcomponents/p-08b0fb31.js

@@ -1 +1,41 @@
-import{h as t}from"./p-fad19d75.js";const e=({component:e="div",height:r,width:o,variant:a="text",componentClassName:s,styles:n={}})=>{const i=Object.assign(Object.assign(Object.assign({},n),"text"===a?{marginTop:0,marginBottom:0,height:"auto",transformOrigin:"0 55%",transform:"scale(1, 0.60)",borderRadius:"4px/6.67px","::before":{content:'"\\00a0"'}}:"circular"===a?{borderRadius:"50%"}:"rounded"===a?{borderRadius:"4px"}:{}),{width:o,height:r});return t(e,{class:s,style:i,part:"skeleton"})};export{e as S}
+import { h } from './p-fad19d75.js';
+
+// This component relies on "src/styles/animations.css" 
+// where it is defined the pulsation animation.
+// Because of shadow-dom, it's not possible to add it to the root.css.
+// Don't forget to include this file in the `styleUrls` 
+// property of the web component that will render the Skeleton
+const Skeleton = ({ component = 'div', height, width, variant = 'text', componentClassName, styles = {}, }) => {
+    const getVariantStyle = () => {
+        if (variant === 'text') {
+            return {
+                marginTop: 0,
+                marginBottom: 0,
+                height: 'auto',
+                transformOrigin: '0 55%',
+                transform: 'scale(1, 0.60)',
+                borderRadius: '4px/6.67px',
+                '::before': {
+                    content: '"\\00a0"',
+                },
+            };
+        }
+        else if (variant === 'circular') {
+            return {
+                borderRadius: '50%',
+            };
+        }
+        else if (variant === 'rounded') {
+            return {
+                borderRadius: '4px',
+            };
+        }
+        return {};
+    };
+    const combinedStyle = Object.assign(Object.assign(Object.assign({}, styles), getVariantStyle()), { width,
+        height });
+    const TagType = component;
+    return (h(TagType, { class: componentClassName, style: combinedStyle, part: "skeleton" }));
+};
+
+export { Skeleton as S };

package/dist/webcomponents/p-14c91ffd.js

@@ -1 +1,20 @@
-var r,e;!function(r){r.MISSING_PROPS="missing-props",r.FETCH_ERROR="fetch-error",r.PATCH_ERROR="patch-error",r.POST_ERROR="post-error",r.UNKNOWN_ERROR="unknown-error",r.TOKENIZE_ERROR="tokenize-error",r.NOT_AUTHENTICATED="not-authenticated",r.INVALID_PARAMETER="invalid-parameter",r.PROVISIONING_REQUESTED="provisioning-already-requested"}(r||(r={})),function(r){r.INFO="info",r.WARNING="warning",r.ERROR="error"}(e||(e={}));export{e as C,r as a}
+var ComponentErrorCodes;
+(function (ComponentErrorCodes) {
+    ComponentErrorCodes["MISSING_PROPS"] = "missing-props";
+    ComponentErrorCodes["FETCH_ERROR"] = "fetch-error";
+    ComponentErrorCodes["PATCH_ERROR"] = "patch-error";
+    ComponentErrorCodes["POST_ERROR"] = "post-error";
+    ComponentErrorCodes["UNKNOWN_ERROR"] = "unknown-error";
+    ComponentErrorCodes["TOKENIZE_ERROR"] = "tokenize-error";
+    ComponentErrorCodes["NOT_AUTHENTICATED"] = "not-authenticated";
+    ComponentErrorCodes["INVALID_PARAMETER"] = "invalid-parameter";
+    ComponentErrorCodes["PROVISIONING_REQUESTED"] = "provisioning-already-requested";
+})(ComponentErrorCodes || (ComponentErrorCodes = {}));
+var ComponentErrorSeverity;
+(function (ComponentErrorSeverity) {
+    ComponentErrorSeverity["INFO"] = "info";
+    ComponentErrorSeverity["WARNING"] = "warning";
+    ComponentErrorSeverity["ERROR"] = "error";
+})(ComponentErrorSeverity || (ComponentErrorSeverity = {}));
+
+export { ComponentErrorSeverity as C, ComponentErrorCodes as a };