@justifi/webcomponents 5.4.4 → 5.5.0

package/dist/collection/components/checkout/billing-forms/billing-form/billing-form.js

@@ -1,137 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { BillingFormSchema } from "../billing-form-schema";
-import { numberOnlyHandler } from "../../../../ui-components/form/utils";
-import { FormController } from "../../../../ui-components/form/form";
-import StateOptions from "../../../../utils/state-options";
-export class BillingForm {
-    constructor() {
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-        this.legend = undefined;
-        this.formController = undefined;
-        this.billingInfo = undefined;
-        this.errors = {};
-    }
-    componentWillLoad() {
-        this.formController = new FormController(BillingFormSchema);
-    }
-    componentDidLoad() {
-        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
-    async getValues() {
-        return this.formController.values.getValue();
-    }
-    async fill(fields) {
-        this.formController.setInitialValues(fields);
-    }
-    async validate() {
-        let isValid = await this.formController.validate();
-        return { isValid: isValid };
-    }
-    render() {
-        const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: '4e04724997c5fda2b4a18b8567da9cd5b0e5e1df' }, h("form", { key: '3ad1b5cf693a428fccc6dcdb2da3456012a7e5bc' }, h("fieldset", { key: '25701e25d37ceff483328dc0fdc38ed03d982a1d' }, this.legend && h("legend", { key: 'c3f8bf4e1aa05446c9cce72f7abb3eb264eb1822' }, this.legend), h("div", { key: '5ceaf13100d39a8107a5695a0140426f5db0ea50', class: "row gy-3" }, h("div", { key: '3e0933b0d4398d1ee3b0b377c65cf2e2e663223b', class: "col-12" }, h("form-control-text", { key: '13b37a27bfa031e03827cb5396b96ee4cbbe419c', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '3e6616197e464a7532945fcd158fc36728a05485', class: "col-12" }, h("form-control-text", { key: '5d6ebbf9e49eedb378d812a1c24bdfbaaf5e5fab', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: 'b0a7141b5d60cee445f69200979f97e86e8f0e3d', class: "col-12" }, h("form-control-text", { key: '221f411f92bb92e753d5e2fc7e92e9ffe6d20da4', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '189854bdd6dc09039751f81fd65fd3e685731a99', class: "col-12" }, h("form-control-text", { key: 'cc815e308a51d23b139ecaa80afad76b58e761d7', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: 'd876d68af601bec261b6ad0728f8218b605714ff', class: "col-12" }, h("form-control-select", { key: 'd2ab5a47330708030eb904a1463a8fe71553921e', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '152b2e798fbeddcd493479fa15dcb31fe87adc69', class: "col-12" }, h("form-control-text", { key: '050e2be5b9874d2e16eee050b2f9352c4c468657', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler })))))));
-    }
-    static get is() { return "billing-form"; }
-    static get properties() {
-        return {
-            "legend": {
-                "type": "string",
-                "mutable": true,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "(Optional) A label for the form."
-                },
-                "attribute": "legend",
-                "reflect": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "formController": {},
-            "billingInfo": {},
-            "errors": {}
-        };
-    }
-    static get methods() {
-        return {
-            "getValues": {
-                "complexType": {
-                    "signature": "() => Promise<BillingFormFields>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "BillingFormFields": {
-                            "location": "import",
-                            "path": "../billing-form-schema",
-                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::BillingFormFields"
-                        }
-                    },
-                    "return": "Promise<BillingFormFields>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "fill": {
-                "complexType": {
-                    "signature": "(fields: BillingFormFields) => Promise<void>",
-                    "parameters": [{
-                            "name": "fields",
-                            "type": "BillingFormFields",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "BillingFormFields": {
-                            "location": "import",
-                            "path": "../billing-form-schema",
-                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::BillingFormFields"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "validate": {
-                "complexType": {
-                    "signature": "() => Promise<{ isValid: boolean; }>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<{ isValid: boolean; }>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-}

package/dist/collection/components/checkout/billing-forms/billing-form-schema.js

@@ -1,26 +0,0 @@
-import { object } from "yup";
-import { cityValidation, identityNameValidation, lineOneValidation, lineTwoValidation, postalValidation, stateValidation, } from "../../business-forms/schemas/schema-validations";
-export const BillingFormSchema = object({
-    name: identityNameValidation.required('Enter full name'),
-    address_line1: lineOneValidation.required('Enter street address'),
-    address_line2: lineTwoValidation.nullable(),
-    address_city: cityValidation.required('Enter city'),
-    address_state: stateValidation.required('Select state'),
-    address_postal_code: postalValidation.required('Enter postal code'),
-});
-export const PostalFormSchema = object({
-    address_postal_code: postalValidation.required('Enter postal code'),
-});
-export function isBillingFormFields(fields) {
-    return ('name' in fields &&
-        'address_line1' in fields &&
-        'address_city' in fields &&
-        'address_state' in fields &&
-        'address_postal_code' in fields);
-}
-export function isPostalFormFields(fields) {
-    return (typeof fields === 'object' &&
-        fields !== null &&
-        Object.keys(fields).length === 1 &&
-        'address_postal_code' in fields);
-}

package/dist/collection/components/checkout/billing-forms/billing-form-wrapper.js

@@ -1,183 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { billingForm } from "../../../styles/parts";
-import { Header3 } from "../../../ui-components";
-export class BillingFormWrapper {
-    constructor() {
-        this.legend = undefined;
-        this.hideCardBillingForm = undefined;
-        this.paymentMethodType = undefined;
-    }
-    get hideFullBillingForm() {
-        return this.hideCardBillingForm && this.paymentMethodType === 'card';
-    }
-    async fill(fields) {
-        if (this.hideFullBillingForm) {
-            this.postalFormRef.fill(fields);
-        }
-        else {
-            this.billingFormRef.fill(fields);
-        }
-    }
-    async getValues() {
-        if (this.hideFullBillingForm) {
-            return this.postalFormRef.getValues();
-        }
-        else {
-            return this.billingFormRef.getValues();
-        }
-    }
-    async validate() {
-        if (this.hideFullBillingForm) {
-            return this.postalFormRef.validate();
-        }
-        else {
-            return this.billingFormRef.validate();
-        }
-    }
-    get renderedForm() {
-        if (this.hideFullBillingForm) {
-            return (h("postal-form", { ref: (el) => (this.postalFormRef = el) }));
-        }
-        else {
-            return (h("div", null, h(Header3, { text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), h("billing-form", { ref: (el) => (this.billingFormRef = el) })));
-        }
-    }
-    render() {
-        return (h(Host, { key: 'be6dea58ab65001a820f6c0bb62f91f8b5698c76' }, h("div", { key: '7f69a59cdfb80ac8723b07243379ba61bb1f30c9', part: billingForm }, this.renderedForm)));
-    }
-    static get is() { return "justifi-billing-form-wrapper"; }
-    static get properties() {
-        return {
-            "legend": {
-                "type": "string",
-                "mutable": true,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "(Optional) A label for the form."
-                },
-                "attribute": "legend",
-                "reflect": false
-            },
-            "hideCardBillingForm": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "hide-card-billing-form",
-                "reflect": false
-            },
-            "paymentMethodType": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "payment-method-type",
-                "reflect": false
-            }
-        };
-    }
-    static get methods() {
-        return {
-            "fill": {
-                "complexType": {
-                    "signature": "(fields: BillingFormFields | PostalFormFields) => Promise<void>",
-                    "parameters": [{
-                            "name": "fields",
-                            "type": "BillingFormFields | PostalFormFields",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "BillingFormFields": {
-                            "location": "import",
-                            "path": "./billing-form-schema",
-                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::BillingFormFields"
-                        },
-                        "PostalFormFields": {
-                            "location": "import",
-                            "path": "./billing-form-schema",
-                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::PostalFormFields"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "getValues": {
-                "complexType": {
-                    "signature": "() => Promise<BillingFormFields | PostalFormFields>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "BillingFormFields": {
-                            "location": "import",
-                            "path": "./billing-form-schema",
-                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::BillingFormFields"
-                        },
-                        "PostalFormFields": {
-                            "location": "import",
-                            "path": "./billing-form-schema",
-                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::PostalFormFields"
-                        }
-                    },
-                    "return": "Promise<BillingFormFields | PostalFormFields>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "validate": {
-                "complexType": {
-                    "signature": "() => Promise<{ isValid: boolean; }>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<{ isValid: boolean; }>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-}

package/dist/collection/components/checkout/billing-forms/postal-form/postal-form.js

@@ -1,136 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { PostalFormSchema } from "../billing-form-schema";
-import { FormController } from "../../../../ui-components/form/form";
-import { numberOnlyHandler } from "../../../../ui-components/form/utils";
-export class PostalForm {
-    constructor() {
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-        this.legend = undefined;
-        this.formController = undefined;
-        this.billingInfo = undefined;
-        this.errors = {};
-    }
-    componentWillLoad() {
-        this.formController = new FormController(PostalFormSchema);
-    }
-    componentDidLoad() {
-        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
-    async getValues() {
-        return this.formController.values.getValue();
-    }
-    async fill(fields) {
-        this.formController.setInitialValues(fields);
-    }
-    async validate() {
-        let isValid = await this.formController.validate();
-        return { isValid: isValid };
-    }
-    render() {
-        const postalFormDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: '3d70df5d84e1ee5bf9dfac6802d363e06341174e' }, h("form", { key: 'f91ec1a5078461075c419be4402a8df393bae499' }, h("fieldset", { key: '25ccb09388339cab44e70319c9d918c51d6049bf' }, this.legend && h("legend", { key: '292c52a34f7eba726121c68ced16e91d7f442b7f' }, this.legend), h("div", { key: 'a29e228daceb269c8d2137aed1cfe6db8eb7d821', class: "row gy-3" }, h("div", { key: 'b4bf02f82a7048051fe72c409da6612533ee2645', class: "col-12" }, h("form-control-text", { key: '43ef0840e700024c2aeab32cf8e2f4bd3b360de6', name: 'address_postal_code', label: "ZIP", defaultValue: postalFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler })))))));
-    }
-    static get is() { return "postal-form"; }
-    static get properties() {
-        return {
-            "legend": {
-                "type": "string",
-                "mutable": true,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "(Optional) A label for the form."
-                },
-                "attribute": "legend",
-                "reflect": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "formController": {},
-            "billingInfo": {},
-            "errors": {}
-        };
-    }
-    static get methods() {
-        return {
-            "getValues": {
-                "complexType": {
-                    "signature": "() => Promise<PostalFormFields>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "PostalFormFields": {
-                            "location": "import",
-                            "path": "../billing-form-schema",
-                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::PostalFormFields"
-                        }
-                    },
-                    "return": "Promise<PostalFormFields>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "fill": {
-                "complexType": {
-                    "signature": "(fields: PostalFormFields) => Promise<void>",
-                    "parameters": [{
-                            "name": "fields",
-                            "type": "PostalFormFields",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "PostalFormFields": {
-                            "location": "import",
-                            "path": "../billing-form-schema",
-                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::PostalFormFields"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "validate": {
-                "complexType": {
-                    "signature": "() => Promise<{ isValid: boolean; }>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<{ isValid: boolean; }>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-}

package/dist/esm/Api-52242eb0.js

@@ -1,116 +0,0 @@
-// Unique ID creation requires a high quality random # generator. In the browser we therefore
-// require the crypto API and do not support built-in fallback to lower quality random number
-// generators (like Math.random()).
-let getRandomValues;
-const rnds8 = new Uint8Array(16);
-function rng() {
-  // lazy load so that environments that need to polyfill have a chance to do so
-  if (!getRandomValues) {
-    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
-    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
-
-    if (!getRandomValues) {
-      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
-    }
-  }
-
-  return getRandomValues(rnds8);
-}
-
-/**
- * Convert array of 16 byte values to UUID string format of the form:
- * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
- */
-
-const byteToHex = [];
-
-for (let i = 0; i < 256; ++i) {
-  byteToHex.push((i + 0x100).toString(16).slice(1));
-}
-
-function unsafeStringify(arr, offset = 0) {
-  // Note: Be careful editing this code!  It's been tuned for performance
-  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-  return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
-}
-
-const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
-const native = {
-  randomUUID
-};
-
-function v4(options, buf, offset) {
-  if (native.randomUUID && !buf && !options) {
-    return native.randomUUID();
-  }
-
-  options = options || {};
-  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
-
-  rnds[6] = rnds[6] & 0x0f | 0x40;
-  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
-
-  if (buf) {
-    offset = offset || 0;
-
-    for (let i = 0; i < 16; ++i) {
-      buf[offset + i] = rnds[i];
-    }
-
-    return buf;
-  }
-
-  return unsafeStringify(rnds);
-}
-
-const Api = ({ authToken, apiOrigin }) => {
-    async function getAuthorizationHeader() {
-        if (!authToken) {
-            return {
-                'Content-Type': 'application/json',
-            };
-        }
-        return {
-            Authorization: `Bearer ${authToken}`,
-            'Idempotency-Key': v4(),
-            'Content-Type': 'application/json',
-        };
-    }
-    async function makeRequest(endpoint, method, params, body, signal, headers) {
-        const url = `${apiOrigin}/v1/${endpoint}`;
-        const requestUrl = params ? `${url}?${new URLSearchParams(params)}` : url;
-        const defaultHeaders = await getAuthorizationHeader();
-        const mergedHeaders = Object.assign(Object.assign({}, defaultHeaders), headers);
-        const response = await fetch(requestUrl, {
-            method: method,
-            headers: mergedHeaders,
-            body: body,
-            signal: signal,
-        });
-        if (response) {
-            return response.status === 204 ? {} : response.json();
-        }
-        handleError(requestUrl);
-    }
-    async function get(endpoint, params, signal, headers) {
-        return makeRequest(endpoint, 'GET', params, null, signal, headers);
-    }
-    async function post(endpoint, body, params, signal, headers) {
-        return makeRequest(endpoint, 'POST', params, JSON.stringify(body), signal, headers);
-    }
-    async function put(endpoint, body, params, signal) {
-        return makeRequest(endpoint, 'PUT', params, JSON.stringify(body), signal);
-    }
-    async function patch(endpoint, body, params, signal) {
-        return makeRequest(endpoint, 'PATCH', params, JSON.stringify(body), signal);
-    }
-    async function destroy(endpoint, params, signal) {
-        return makeRequest(endpoint, 'DELETE', params, null, signal);
-    }
-    return { get, post, put, patch, destroy };
-};
-function handleError(requestUrl) {
-    console.error(`Error fetching from ${requestUrl}`);
-}
-
-export { Api as A };