npm - @justifi/webcomponents - Versions diffs - 4.7.0-rc.0 → 4.7.0-rc.2 - Mend

@justifi/webcomponents 4.7.0-rc.0 → 4.7.0-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (338) hide show

package/dist/components/justifi-refund-form.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"justifi-refund-form.js","mappings":"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","names":["yup.object","yup\n .number"],"sources":["src/components/refund-form/refund-form-schema.ts","src/components/refund-form/refund-form.scss?tag=justifi-refund-form&encapsulation=shadow","src/components/refund-form/refund-form.tsx"],"sourcesContent":["import * as yup from 'yup';\n\nexport interface RefundFormFields {\n amount: number \| null; // Allowing null for initial state or cleared inputs\n message: string;\n}\n\nconst RefundFormSchema = yup.object().shape({\n amount: yup\n .number()\n .required('Amount is required')\n .typeError('Amount must be a number')\n .positive('Amount must be positive')\n .test(\n 'amount',\n 'Refund amount cannot be more than the original payment amount',\n function (value) {\n return value <= this.options.context.amount;\n },\n )\n .nullable(),\n});\n\nexport default RefundFormSchema;\n","@import 'reboot';\n@import 'grid';\n@import 'buttons';\n@import 'bootstrap-utilities';\n\n:host {\n @include host-base-styles;\n display: block;\n}\n\n::part(input) {\n font-family: var(--jfi-layout-font-family);\n background-color: var(--jfi-form-control-background-color);\n border-color: var(--jfi-form-control-border-color);\n border-width: var(--jfi-form-control-border-width);\n border-bottom-width: var(--jfi-form-control-border-bottom-width);\n border-left-width: var(--jfi-form-control-border-left-width);\n border-right-width: var(--jfi-form-control-border-right-width);\n border-top-width: var(--jfi-form-control-border-top-width);\n border-radius: var(--jfi-form-control-border-radius);\n border-style: var(--jfi-form-control-border-style);\n box-shadow: var(--jfi-form-control-box-shadow);\n color: var(--jfi-form-control-color);\n font-size: var(--jfi-form-control-font-size);\n font-weight: var(--jfi-form-control-font-weight);\n line-height: var(--jfi-form-control-line-height);\n margin: var(--jfi-form-control-margin);\n padding: var(--jfi-form-control-padding);\n\n &:focus {\n color: var(--jfi-form-control-color-focus);\n border-color: var(--jfi-form-control-border-color-focus);\n box-shadow: var(--jfi-form-control-box-shadow-focus);\n }\n}\n\n.btn {\n font-family: var(--jfi-layout-font-family);\n color: var(--jfi-submit-button-color);\n background-color: var(--jfi-submit-button-background-color);\n border-color: var(--jfi-submit-button-border-color);\n padding: var(--jfi-submit-button-padding);\n font-size: var(--jfi-submit-button-font-size);\n border-radius: var(--jfi-submit-button-border-radius);\n width: var(--jfi-submit-button-width);\n box-shadow: var(--jfi-submit-button-box-shadow);\n}\n\n.btn:hover {\n color: var(--jfi-submit-button-color-hover);\n background-color: var(--jfi-submit-button-background-color-hover);\n border-color: var(--jfi-submit-button-border-color-hover);\n}\n\n.btn:focus {\n color: var(--jfi-submit-button-color-focus);\n background-color: var(--jfi-submit-button-background-color-focus);\n border-color: var(--jfi-submit-button-border-color-focus);\n}\n\n.btn:active {\n color: var(--jfi-submit-button-color-active);\n background-color: var(--jfi-submit-button-background-color-active);\n border-color: var(--jfi-submit-button-border-color-active);\n}\n","import {\n Component,\n Host,\n h,\n State,\n Event,\n EventEmitter,\n Prop,\n} from '@stencil/core';\nimport RefundFormSchema, { RefundFormFields } from './refund-form-schema';\nimport { Api } from '../../api';\nimport { FormController } from '../form/form';\n\n@Component({\n tag: 'justifi-refund-form',\n styleUrl: 'refund-form.scss',\n shadow: true,\n})\nexport class RefundForm {\n /\n Authentication token required to authorize the refund transaction.\n /\n @Prop() authToken: string;\n\n /\n The unique identifier for the payment to be refunded.\n /\n @Prop() paymentId: string;\n\n /\n The amount of the payment to be refunded.\n /\n @Prop() amount?: number = 0;\n\n /\n Custom text for the submit button. Defaults to 'Submit'.\n /\n @Prop() submitButtonText?: string = 'Submit';\n\n /\n Flag to control the visibility of the submit button.\n /\n @Prop() withButton?: boolean;\n\n /\n Optional information text displayed above the form.\n /\n @Prop() refundInfoText?: string;\n\n @State() errors: any = {};\n @State() isSubmitting: boolean = false;\n\n /\n Event emitted when the refund form is successfully submitted.\n * The submitted refund fields are passed as the event detail.\n /\n @Event() submitted: EventEmitter<RefundFormFields>;\n\n private formController: FormController;\n private api: any;\n\n componentWillLoad() {\n this.formController = new FormController(RefundFormSchema);\n this.formController.setInitialValues({\n amount: this.amount,\n message: '',\n });\n this.initializeApi();\n }\n\n componentDidLoad() {\n this.formController.errors.subscribe(errors => {\n this.errors = { ...errors };\n });\n }\n\n /\n Handles the form submission.\n * Prevents the default form action, validates the form, and emits the 'submitted' event.\n /\n async handleSubmit(event: Event) {\n event.preventDefault();\n\n this.formController.validateAndSubmit(this.submitRefund.bind(this), {\n amount: this.amount,\n });\n }\n\n /\n Submits the refund request to the API.\n /\n private async submitRefund() {\n this.isSubmitting = true;\n const refundFields = this.formController.values.getValue();\n\n try {\n await this.api.post(`payments/${this.paymentId}/refunds`, refundFields);\n this.submitted.emit(refundFields);\n } catch (error) {\n console.error('Error submitting refund:', error);\n this.submitted.emit(error);\n } finally {\n this.isSubmitting = false;\n }\n }\n\n /\n Handles input changes, updating the refundFields state.\n /\n private handleInput(field: keyof RefundFormFields, value: any) {\n this.formController.setValues({\n ...this.formController.values.getValue(),\n [field]: value,\n });\n }\n\n /\n Initializes the API with the given authentication token.\n * Logs a warning if the auth token is missing.\n */\n private initializeApi() {\n if (!this.authToken) {\n console.warn('Warning: Missing auth-token.');\n }\n this.api = Api(this.authToken, process.env.ENTITIES_API_ORIGIN);\n }\n\n render() {\n return (\n <Host>\n <h1>Refund</h1>\n\n {this.refundInfoText && (\n <div\n class=\"d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3\"\n role=\"alert\"\n >\n <img\n src=\"/info-icon.svg\"\n alt=\"Information\"\n height=\"30\"\n width=\"30\"\n />\n\n <p class=\"m-0\" innerHTML={this.refundInfoText} />\n </div>\n )}\n\n <form onSubmit={e => this.handleSubmit(e)} class=\"d-grid gap-4\">\n <div class=\"form-group\">\n <form-control-monetary\n name=\"amount\"\n label=\"Refund Amount\"\n defaultValue={this.amount?.toString() \|\| ''}\n inputHandler={(name: keyof RefundFormFields, value: any) =>\n this.handleInput(name, value)\n }\n error={this.errors.amount}\n ></form-control-monetary>\n </div>\n <div class=\"form-group\">\n <form-control-text\n name=\"notes\"\n label=\"Additional Notes\"\n inputHandler={(name: keyof RefundFormFields, value: any) =>\n this.handleInput(name, value)\n }\n error={this.errors.notes}\n ></form-control-text>\n </div>\n {this.withButton && (\n <div class=\"form-group d-flex flex-row-reverse\">\n <button\n type=\"submit\"\n disabled={!!this.isSubmitting}\n class=\"btn btn-primary ml-auto\"\n >\n {this.submitButtonText}\n </button>\n </div>\n )}\n </form>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"justifi-refund-form.js","mappings":"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","names":["yup.object","yup\n .number"],"sources":["src/components/refund-form/refund-form-schema.ts","src/components/refund-form/refund-form.scss?tag=justifi-refund-form&encapsulation=shadow","src/components/refund-form/refund-form.tsx"],"sourcesContent":["import * as yup from 'yup';\n\nexport interface RefundFormFields {\n amount: number \| null; // Allowing null for initial state or cleared inputs\n message: string;\n}\n\nconst RefundFormSchema = yup.object().shape({\n amount: yup\n .number()\n .required('Amount is required')\n .typeError('Amount must be a number')\n .positive('Amount must be positive')\n .test(\n 'amount',\n 'Refund amount cannot be more than the original payment amount',\n function (value) {\n return value <= this.options.context.amount;\n },\n )\n .nullable(),\n});\n\nexport default RefundFormSchema;\n","@import 'reboot';\n@import 'grid';\n@import 'buttons';\n@import 'bootstrap-utilities';\n\n:host {\n @include host-base-styles;\n display: block;\n}\n\n::part(input) {\n font-family: var(--jfi-layout-font-family);\n background-color: var(--jfi-form-control-background-color);\n border-color: var(--jfi-form-control-border-color);\n border-width: var(--jfi-form-control-border-width);\n border-bottom-width: var(--jfi-form-control-border-bottom-width);\n border-left-width: var(--jfi-form-control-border-left-width);\n border-right-width: var(--jfi-form-control-border-right-width);\n border-top-width: var(--jfi-form-control-border-top-width);\n border-radius: var(--jfi-form-control-border-radius);\n border-style: var(--jfi-form-control-border-style);\n box-shadow: var(--jfi-form-control-box-shadow);\n color: var(--jfi-form-control-color);\n font-size: var(--jfi-form-control-font-size);\n font-weight: var(--jfi-form-control-font-weight);\n line-height: var(--jfi-form-control-line-height);\n margin: var(--jfi-form-control-margin);\n padding: var(--jfi-form-control-padding);\n\n &:focus {\n color: var(--jfi-form-control-color-focus);\n border-color: var(--jfi-form-control-border-color-focus);\n box-shadow: var(--jfi-form-control-box-shadow-focus);\n }\n}\n\n.btn {\n font-family: var(--jfi-layout-font-family);\n color: var(--jfi-submit-button-color);\n background-color: var(--jfi-submit-button-background-color);\n border-color: var(--jfi-submit-button-border-color);\n padding: var(--jfi-submit-button-padding);\n font-size: var(--jfi-submit-button-font-size);\n border-radius: var(--jfi-submit-button-border-radius);\n width: var(--jfi-submit-button-width);\n box-shadow: var(--jfi-submit-button-box-shadow);\n}\n\n.btn:hover {\n color: var(--jfi-submit-button-color-hover);\n background-color: var(--jfi-submit-button-background-color-hover);\n border-color: var(--jfi-submit-button-border-color-hover);\n}\n\n.btn:focus {\n color: var(--jfi-submit-button-color-focus);\n background-color: var(--jfi-submit-button-background-color-focus);\n border-color: var(--jfi-submit-button-border-color-focus);\n}\n\n.btn:active {\n color: var(--jfi-submit-button-color-active);\n background-color: var(--jfi-submit-button-background-color-active);\n border-color: var(--jfi-submit-button-border-color-active);\n}\n","import {\n Component,\n Host,\n h,\n State,\n Event,\n EventEmitter,\n Prop,\n} from '@stencil/core';\nimport RefundFormSchema, { RefundFormFields } from './refund-form-schema';\nimport { Api } from '../../api';\nimport { FormController } from '../form/form';\nimport { config } from '../../../config';\n\n\n@Component({\n tag: 'justifi-refund-form',\n styleUrl: 'refund-form.scss',\n shadow: true,\n})\nexport class RefundForm {\n /\n Authentication token required to authorize the refund transaction.\n /\n @Prop() authToken: string;\n\n /\n The unique identifier for the payment to be refunded.\n /\n @Prop() paymentId: string;\n\n /\n The amount of the payment to be refunded.\n /\n @Prop() amount?: number = 0;\n\n /\n Custom text for the submit button. Defaults to 'Submit'.\n /\n @Prop() submitButtonText?: string = 'Submit';\n\n /\n Flag to control the visibility of the submit button.\n /\n @Prop() withButton?: boolean;\n\n /\n Optional information text displayed above the form.\n /\n @Prop() refundInfoText?: string;\n\n @State() errors: any = {};\n @State() isSubmitting: boolean = false;\n\n /\n Event emitted when the refund form is successfully submitted.\n * The submitted refund fields are passed as the event detail.\n /\n @Event() submitted: EventEmitter<RefundFormFields>;\n\n private formController: FormController;\n private api: any;\n\n componentWillLoad() {\n this.formController = new FormController(RefundFormSchema);\n this.formController.setInitialValues({\n amount: this.amount,\n message: '',\n });\n this.initializeApi();\n }\n\n componentDidLoad() {\n this.formController.errors.subscribe(errors => {\n this.errors = { ...errors };\n });\n }\n\n /\n Handles the form submission.\n * Prevents the default form action, validates the form, and emits the 'submitted' event.\n /\n async handleSubmit(event: Event) {\n event.preventDefault();\n\n this.formController.validateAndSubmit(this.submitRefund.bind(this), {\n amount: this.amount,\n });\n }\n\n /\n Submits the refund request to the API.\n /\n private async submitRefund() {\n this.isSubmitting = true;\n const refundFields = this.formController.values.getValue();\n\n try {\n await this.api.post(`payments/${this.paymentId}/refunds`, refundFields);\n this.submitted.emit(refundFields);\n } catch (error) {\n console.error('Error submitting refund:', error);\n this.submitted.emit(error);\n } finally {\n this.isSubmitting = false;\n }\n }\n\n /\n Handles input changes, updating the refundFields state.\n /\n private handleInput(field: keyof RefundFormFields, value: any) {\n this.formController.setValues({\n ...this.formController.values.getValue(),\n [field]: value,\n });\n }\n\n /\n Initializes the API with the given authentication token.\n * Logs a warning if the auth token is missing.\n */\n private initializeApi() {\n if (!this.authToken) {\n console.warn('Warning: Missing auth-token.');\n }\n this.api = Api(this.authToken, config.proxyApiOrigin);\n }\n\n render() {\n return (\n <Host>\n <h1>Refund</h1>\n\n {this.refundInfoText && (\n <div\n class=\"d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3\"\n role=\"alert\"\n >\n <img\n src=\"/info-icon.svg\"\n alt=\"Information\"\n height=\"30\"\n width=\"30\"\n />\n\n <p class=\"m-0\" innerHTML={this.refundInfoText} />\n </div>\n )}\n\n <form onSubmit={e => this.handleSubmit(e)} class=\"d-grid gap-4\">\n <div class=\"form-group\">\n <form-control-monetary\n name=\"amount\"\n label=\"Refund Amount\"\n defaultValue={this.amount?.toString() \|\| ''}\n inputHandler={(name: keyof RefundFormFields, value: any) =>\n this.handleInput(name, value)\n }\n error={this.errors.amount}\n ></form-control-monetary>\n </div>\n <div class=\"form-group\">\n <form-control-text\n name=\"notes\"\n label=\"Additional Notes\"\n inputHandler={(name: keyof RefundFormFields, value: any) =>\n this.handleInput(name, value)\n }\n error={this.errors.notes}\n ></form-control-text>\n </div>\n {this.withButton && (\n <div class=\"form-group d-flex flex-row-reverse\">\n <button\n type=\"submit\"\n disabled={!!this.isSubmitting}\n class=\"btn btn-primary ml-auto\"\n >\n {this.submitButtonText}\n </button>\n </div>\n )}\n </form>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/justifi-subaccount-details.js CHANGED Viewed

@@ -4,7 +4,8 @@ import './Pagination.js';
 import './Payout.js';
 import { S as SubAccount } from './SubAccount.js';
 import { L as LoadingState, E as ErrorState, b as EntityHeadInfo, c as EntityHeadInfoItem } from './utils.js';
-import { g as MapSubAccountStatusToBadge, a as formatDate, b as formatTime } from './utils2.js';
+import { h as MapSubAccountStatusToBadge, a as formatDate, d as formatTime } from './utils2.js';
+import { c as config } from './config.js';
 import { d as defineCustomElement$6 } from './details.js';
 import { d as defineCustomElement$5 } from './subaccount-account-details2.js';
 import { d as defineCustomElement$4 } from './subaccount-merchant-details2.js';
@@ -33,7 +34,7 @@ const SubaccountDetails = /*@__PURE__*/ proxyCustomElement(class SubaccountDetai
     this.fetchData();
   }
   async fetchOnboardingData() {
-    const api = Api(this.authToken, process.env.ACCOUNTS_API_ORIGIN);
+    const api = Api(this.authToken, '');
     const endpoint = `onboarding/${this.subaccountId}`;
     const response = await api.get(endpoint);
     if (!response.error) {
@@ -44,7 +45,7 @@ const SubaccountDetails = /*@__PURE__*/ proxyCustomElement(class SubaccountDetai
     }
   }
   async fetchSubAccountData() {
-    const api = Api(this.authToken, "https://api.justifi.ai/v1");
+    const api = Api(this.authToken, config.privateApiOrigin);
     const endpoint = `account/${this.accountId}/seller_accounts/${this.subaccountId}`;
     const response = await api.get(endpoint);
     if (!response.error) {

package/dist/components/justifi-subaccount-details.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"justifi-subaccount-details.js","mappings":"~~;;;;;;;;;;;;;~~AAAA,MAAM,oBAAoB,GAAG,uv5HAAuv5H;;~~MCYvw5H~~,iBAAiB;;;;;;;;;;mBAMA,IAAI;;;EAKhC,kBAAkB;IAChB,IAAI,CAAC,SAAS,EAAE,CAAC;GAClB;EAED,iBAAiB;IACf,IAAI,CAAC,SAAS,EAAE,CAAC;GAClB;EAED,MAAM,mBAAmB;IACvB,MAAM,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,~~OAAO~~,CAAC,~~GAAG,~~CAAC~~,mBAAmB,CAAC,CAAC~~;~~IACjE~~,MAAM,QAAQ,GAAG,cAAc,IAAI,CAAC,YAAY,EAAE,CAAC;IAEnD,MAAM,QAAQ,GAAkC,MAAM,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACxE,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;MACnB,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC;KACrC;SAAM;MACL,IAAI,CAAC,YAAY,GAAG,OAAO,QAAQ,CAAC,KAAK,KAAK,QAAQ,GAAG,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC;KAClG;GACF;EAED,MAAM,mBAAmB;IACvB,MAAM,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,~~2BAA8B~~,CAAC,CAAC;~~IAChE~~,MAAM,QAAQ,GAAG,WAAW,IAAI,CAAC,SAAS,oBAAoB,IAAI,CAAC,YAAY,EAAE,CAAC;IAElF,MAAM,QAAQ,GAA8B,MAAM,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACpE,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;MACnB,MAAM,IAAI,GAAG,IAAI,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;MAC3C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;KACxB;SAAM;MACL,IAAI,CAAC,YAAY,GAAG,OAAO,QAAQ,CAAC,KAAK,KAAK,QAAQ,GAAG,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC;KAClG;GACF;EAED,MAAM,SAAS;IACb,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;MACtC,IAAI,CAAC,YAAY,GAAG,8DAA8D,CAAC;MACnF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;MACrB,OAAO;KACR;IACD,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC3B,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC3B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;GACtB;EAED,MAAM;;IACJ,QACE,EAAC,IAAI,QAED,IAAI,CAAC,OAAO,GAAG,YAAY;MACzB,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC;QACtE,2BACE,EAAC,cAAc,IACb,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,YAAM,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,0BAA0B,CAAC,MAAA,IAAI,CAAC,UAAU,0CAAE,MAAM,CAAC,GAAI,EAC5F,KAAK,EAAE,MAAA,IAAI,CAAC,UAAU,0CAAE,IAAI,~~IAC1B~~,EAAC,kBAAkB,IACjB,OAAO,EAAC,qBAAqB,EAC7B,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,GAC5F,EACF,EAAC,kBAAkB,IACjB,OAAO,EAAC,qBAAqB,EAC7B,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,GAC5F,EACF,EAAC,kBAAkB,IAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,GAAI,~~CAC/C~~,EACjB,WAAK,IAAI,EAAC,iBAAiB,IACzB,kCAA4B,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,cAAc,EAAE,IAAI,CAAC,cAAc,GAAI,EAChG,mCAA6B,cAAc,EAAE,IAAI,CAAC,cAAc,GAAI,EACpE,yCAAmC,IAAI,EAAE,MAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,0CAAE,cAAc,GAAI,EACzF,iCAA2B,IAAI,EAAE,MAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,OAAO,0CAAE,MAAM,GAAI,CACrE,CACU,CAEnB,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/subaccount-details/subaccount-details.scss?tag=justifi-subaccount-details&encapsulation=shadow","src/components/subaccount-details/subaccount-details.tsx"],"sourcesContent":["@import \"reboot\";\n@import \"tables\";\n@import \"buttons\";\n@import \"badge\";\n@import \"grid\";\n@import \"bootstrap-utilities\";\n\n:host {\n @include host-base-styles;\n}","import { Component, Host, h, Prop, State, Watch } from '@stencil/core';\nimport { Api, IApiResponse } from '../../api';\nimport { IOnboardingData, ISubAccount, SubAccount } from '../../api/SubAccount';\nimport { EntityHeadInfo, EntityHeadInfoItem, ErrorState, LoadingState } from '../details/utils';\nimport { MapSubAccountStatusToBadge, formatDate, formatTime } from '../../utils/utils';\n\n@Component({\n tag: 'justifi-subaccount-details',\n styleUrl: 'subaccount-details.scss',\n shadow: true,\n})\n\nexport class SubaccountDetails {\n @Prop() accountId: string;\n @Prop() subaccountId: string;\n @Prop() authToken: string;\n @State() onboardingData: IOnboardingData;\n @State() subaccount: SubAccount;\n @State() loading: boolean = true;\n @State() errorMessage: string;\n\n @Watch('subaccountId')\n @Watch('authToken')\n updateOnPropChange() {\n this.fetchData();\n }\n\n connectedCallback() {\n this.fetchData();\n }\n\n async fetchOnboardingData(): Promise<void> {\n const api = Api(this.authToken, ~~process.env.ACCOUNTS_API_ORIGIN~~);\n const endpoint = `onboarding/${this.subaccountId}`;\n\n const response: IApiResponse<IOnboardingData> = await api.get(endpoint);\n if (!response.error) {\n this.onboardingData = response.data;\n } else {\n this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;\n }\n }\n\n async fetchSubAccountData(): Promise<void> {\n const api = Api(this.authToken, ~~process~~.~~env.PRIVATE_API_ORIGIN~~);\n const endpoint = `account/${this.accountId}/seller_accounts/${this.subaccountId}`;\n\n const response: IApiResponse<ISubAccount> = await api.get(endpoint);\n if (!response.error) {\n const data = new SubAccount(response.data);\n this.subaccount = data;\n } else {\n this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;\n }\n }\n\n async fetchData(): Promise<void> {\n this.loading = true;\n if (!this.accountId \|\| !this.authToken) {\n this.errorMessage = \"Can not fetch any data without an AccountID and an AuthToken\";\n this.loading = false;\n return;\n }\n this.fetchSubAccountData();\n this.fetchOnboardingData();\n this.loading = false;\n }\n\n render() {\n return (\n <Host>\n {\n this.loading ? LoadingState :\n !this.subaccount \|\| !this.onboardingData ? ErrorState(this.errorMessage) :\n <justifi-details>\n <EntityHeadInfo \n slot='head-info' \n badge={<span slot='badge' innerHTML={MapSubAccountStatusToBadge(this.subaccount?.status)} />}\n title={this.subaccount?.name}>\n <EntityHeadInfoItem \n classes=\"border-1 border-end\"\n title=\"Created At\"\n value={`${formatDate(this.subaccount.created_at)} ${formatTime(this.subaccount.created_at)}`}\n />\n <EntityHeadInfoItem\n classes=\"border-1 border-end\"\n title=\"Last Updated\"\n value={`${formatDate(this.subaccount.updated_at)} ${formatTime(this.subaccount.updated_at)}`}\n />\n <EntityHeadInfoItem title=\"ID\" value={this.subaccount.id} ~~/> \~~n </EntityHeadInfo>\n <div slot='detail-sections'>\n <subaccount-account-details subaccount={this.subaccount} onboardingData={this.onboardingData} />\n <subaccount-merchant-details onboardingData={this.onboardingData} />\n <subaccount-representative-details data={this.onboardingData?.payload?.representative} />\n <subaccount-owners-details data={this.onboardingData?.payload?.owners} />\n </div>\n </justifi-details>\n }\n </Host>\n );\n }\n\n}\n"],"version":3}
1	+ {"file":"justifi-subaccount-details.js","mappings":"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","names":[],"sources":["src/components/subaccount-details/subaccount-details.scss?tag=justifi-subaccount-details&encapsulation=shadow","src/components/subaccount-details/subaccount-details.tsx"],"sourcesContent":["@import \"reboot\";\n@import \"tables\";\n@import \"buttons\";\n@import \"badge\";\n@import \"grid\";\n@import \"bootstrap-utilities\";\n\n:host {\n @include host-base-styles;\n}","import { Component, Host, h, Prop, State, Watch } from '@stencil/core';\nimport { Api, IApiResponse } from '../../api';\nimport { IOnboardingData, ISubAccount, SubAccount } from '../../api/SubAccount';\nimport { EntityHeadInfo, EntityHeadInfoItem, ErrorState, LoadingState } from '../details/utils';\nimport { MapSubAccountStatusToBadge, formatDate, formatTime } from '../../utils/utils';\nimport { config } from '../../../config';\n\n@Component({\n tag: 'justifi-subaccount-details',\n styleUrl: 'subaccount-details.scss',\n shadow: true,\n})\n\nexport class SubaccountDetails {\n @Prop() accountId: string;\n @Prop() subaccountId: string;\n @Prop() authToken: string;\n @State() onboardingData: IOnboardingData;\n @State() subaccount: SubAccount;\n @State() loading: boolean = true;\n @State() errorMessage: string;\n\n @Watch('subaccountId')\n @Watch('authToken')\n updateOnPropChange() {\n this.fetchData();\n }\n\n connectedCallback() {\n this.fetchData();\n }\n\n async fetchOnboardingData(): Promise<void> {\n const api = Api(this.authToken, '');\n const endpoint = `onboarding/${this.subaccountId}`;\n\n const response: IApiResponse<IOnboardingData> = await api.get(endpoint);\n if (!response.error) {\n this.onboardingData = response.data;\n } else {\n this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;\n }\n }\n\n async fetchSubAccountData(): Promise<void> {\n const api = Api(this.authToken, config.privateApiOrigin);\n const endpoint = `account/${this.accountId}/seller_accounts/${this.subaccountId}`;\n\n const response: IApiResponse<ISubAccount> = await api.get(endpoint);\n if (!response.error) {\n const data = new SubAccount(response.data);\n this.subaccount = data;\n } else {\n this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;\n }\n }\n\n async fetchData(): Promise<void> {\n this.loading = true;\n if (!this.accountId \|\| !this.authToken) {\n this.errorMessage = \"Can not fetch any data without an AccountID and an AuthToken\";\n this.loading = false;\n return;\n }\n this.fetchSubAccountData();\n this.fetchOnboardingData();\n this.loading = false;\n }\n\n render() {\n return (\n <Host>\n {\n this.loading ? LoadingState :\n !this.subaccount \|\| !this.onboardingData ? ErrorState(this.errorMessage) :\n <justifi-details>\n <EntityHeadInfo\n slot='head-info'\n badge={<span slot='badge' innerHTML={MapSubAccountStatusToBadge(this.subaccount?.status)} />}\n title={this.subaccount?.name}>\n <EntityHeadInfoItem\n classes=\"border-1 border-end\"\n title=\"Created At\"\n value={`${formatDate(this.subaccount.created_at)} ${formatTime(this.subaccount.created_at)}`}\n />\n <EntityHeadInfoItem\n classes=\"border-1 border-end\"\n title=\"Last Updated\"\n value={`${formatDate(this.subaccount.updated_at)} ${formatTime(this.subaccount.updated_at)}`}\n />\n <EntityHeadInfoItem title=\"ID\" value={this.subaccount.id} />\n </EntityHeadInfo>\n <div slot='detail-sections'>\n <subaccount-account-details subaccount={this.subaccount} onboardingData={this.onboardingData} />\n <subaccount-merchant-details onboardingData={this.onboardingData} />\n <subaccount-representative-details data={this.onboardingData?.payload?.representative} />\n <subaccount-owners-details data={this.onboardingData?.payload?.owners} />\n </div>\n </justifi-details>\n }\n </Host>\n );\n }\n\n}\n"],"version":3}

package/dist/components/justifi-subaccounts-list.js CHANGED Viewed

@@ -1,9 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { S as SubAccount } from './SubAccount.js';
-import { g as MapSubAccountStatusToBadge } from './utils2.js';
+import { h as MapSubAccountStatusToBadge } from './utils2.js';
 import { A as Api } from './Api.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Payout.js';
+import { c as config } from './config.js';
 import { d as defineCustomElement$3 } from './table.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
@@ -46,7 +47,7 @@ const SubaccountsList = /*@__PURE__*/ proxyCustomElement(class SubaccountsList e
       return;
     }
     this.loading = true;
-    const api = Api(this.authToken, "https://api.justifi.ai/v1");
+    const api = Api(this.authToken, config.privateApiOrigin);
     const endpoint = `account/${this.accountId}/seller_accounts`;
     const response = await api.get(endpoint, this.params);
     if (!response.error) {

package/dist/components/justifi-subaccounts-list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"justifi-subaccounts-list.js","mappings":"~~;;;;;;;;;~~AAAA,MAAM,kBAAkB,GAAG,sBAAsB;;~~MCUpC~~,eAAe;;;;;;IAyB1B,wBAAmB,GAAG,CAAC,YAAoB;MACzC,MAAM,SAAS,qBAAa,IAAI,CAAC,MAAM,CAAE,CAAC;MAC1C,OAAO,SAAS,CAAC,YAAY,CAAC;MAC9B,IAAI,CAAC,MAAM,oCAAS,SAAS,KAAE,aAAa,EAAE,YAAY,IAAG,CAAC;KAC/D,CAAC;IAEF,oBAAe,GAAG,CAAC,WAAmB;MACpC,MAAM,SAAS,qBAAa,IAAI,CAAC,MAAM,CAAE,CAAC;MAC1C,OAAO,SAAS,CAAC,aAAa,CAAC;MAC/B,IAAI,CAAC,MAAM,oCAAS,SAAS,KAAE,YAAY,EAAE,WAAW,IAAG,CAAC;KAC7D,CAAC;;;uBAhCmC,EAAE;mBACX,IAAI;;kBAEF,cAAc;;;EAW5C,kBAAkB;IAChB,IAAI,CAAC,SAAS,EAAE,CAAC;GAClB;EAED,iBAAiB;IACf,IAAI,CAAC,SAAS,EAAE,CAAC;GAClB;EAcD,MAAM,SAAS;IACb,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;MACtC,IAAI,CAAC,YAAY,GAAG,8DAA8D,CAAC;MACnF,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;MACrB,OAAO;KACR;IACD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACpB,MAAM,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,~~2BAA8B~~,CAAC,CAAC;~~IAChE~~,MAAM,QAAQ,GAAG,WAAW,IAAI,CAAC,SAAS,kBAAkB,CAAC;IAG7D,MAAM,QAAQ,GAAyC,MAAM,GAAG,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAC5F,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;MACnB,IAAI,CAAC,MAAM,mCACN,IAAI,CAAC,MAAM,GACX,QAAQ,CAAC,SAAS,CACtB,CAAA;MACD,MAAM,IAAI,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,IAAI,IAAI,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;MACtE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;KACzB;SAAM;MACL,IAAI,CAAC,YAAY,GAAG,OAAO,QAAQ,CAAC,KAAK,KAAK,QAAQ,GAAG,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC;KAClG;IACD,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;GACtB;EAED,MAAM;IACJ,QACE,EAAC,IAAI,QACH,qBACE,eAAe,EAAE,CAAC;QAChB,MAAM,iBAAiB,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC;QACrE,IAAI,CAAC,iBAAiB,EAAE;UAAE,OAAM;SAAE;QAClC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,UAAU,KAAK,UAAU,CAAC,EAAE,KAAK,iBAAiB,CAAC,CAAC,CAAC;OAClG,EACD,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,KAAK,UAAU,CAAC,EAAE,CAAC,EAC7D,UAAU,EAAE;QACV,CAAC,YAAY,EAAE,gDAAgD,CAAC;QAChE,CAAC,MAAM,EAAE,wCAAwC,CAAC;QAClD,CAAC,UAAU,EAAE,yDAAyD,CAAC;QACvE,CAAC,YAAY,EAAE,0EAA0E,CAAC;QAC1F,CAAC,WAAW,EAAE,4EAA4E,CAAC;QAC3F,CAAC,QAAQ,EAAE,2CAA2C,CAAC;OACxD,EACD,OAAO,EACL,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,MAC9B;QACE;UACE,IAAI,EAAE,MAAM;UACZ,KAAK,EAAE;2BACE,UAAU,CAAC,UAAU;2BACrB,UAAU,CAAC,UAAU;mBAC7B;SACF;QACD,UAAU,CAAC,IAAI;QACf,UAAU,CAAC,EAAE;QACb,UAAU,CAAC,QAAQ;QACnB,UAAU,CAAC,OAAO;QAClB;UACE,IAAI,EAAE,OAAO;UACb,KAAK,EAAE,0BAA0B,CAAC,UAAU,CAAC,MAAM,CAAC;SACrD;OACF,CACF,CAAC,EAEJ,OAAO,EAAE,IAAI,CAAC,OAAO,mBACN,IAAI,CAAC,YAAY,EAChC,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,MAAM,kCACD,IAAI,CAAC,MAAM,KACd,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,MAE/C,CACG,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/subaccounts-list/subaccounts-list.css?tag=justifi-subaccounts-list&encapsulation=shadow","src/components/subaccounts-list/subaccounts-list.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Host, h, Prop, State, Event, EventEmitter, Watch } from '@stencil/core';\nimport { SubAccount } from '../../api/SubAccount';\nimport { MapSubAccountStatusToBadge } from '../../utils/utils';\nimport { Api, IApiResponseCollection, PagingInfo, pagingDefaults } from '../../api';\n\n@Component({\n tag: 'justifi-subaccounts-list',\n styleUrl: 'subaccounts-list.css',\n shadow: true,\n})\nexport class SubaccountsList {\n @Prop() accountId: string;\n @Prop() authToken: string;\n @State() subaccounts: SubAccount[] = [];\n @State() loading: boolean = true;\n @State() errorMessage: string;\n @State() paging: PagingInfo = pagingDefaults;\n @State() params: any;\n @Event({\n eventName: 'subaccount-row-clicked',\n bubbles: true,\n }) rowClicked: EventEmitter<SubAccount>;\n\n\n @Watch('accountId')\n @Watch('authToken')\n @Watch('params')\n updateOnPropChange() {\n this.fetchData();\n }\n\n connectedCallback() {\n this.fetchData();\n }\n\n handleClickPrevious = (beforeCursor: string) => {\n const newParams: any = { ...this.params };\n delete newParams.after_cursor;\n this.params = ({ ...newParams, before_cursor: beforeCursor });\n };\n\n handleClickNext = (afterCursor: string) => {\n const newParams: any = { ...this.params };\n delete newParams.before_cursor;\n this.params = ({ ...newParams, after_cursor: afterCursor });\n };\n\n async fetchData(): Promise<void> {\n if (!this.accountId \|\| !this.authToken) {\n this.errorMessage = \"Can not fetch any data without an AccountID and an AuthToken\";\n this.loading = false;\n return;\n }\n this.loading = true;\n const api = Api(this.authToken, ~~process~~.~~env.PRIVATE_API_ORIGIN~~);\n const endpoint = `account/${this.accountId}/seller_accounts`;\n\n\n const response: IApiResponseCollection<SubAccount[]> = await api.get(endpoint, this.params);\n if (!response.error) {\n this.paging = {\n ...this.paging,\n ...response.page_info\n }\n const data = response?.data.map(dataItem => new SubAccount(dataItem));\n this.subaccounts = data;\n } else {\n this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;\n }\n this.loading = false;\n }\n\n render() {\n return (\n <Host>\n <justifi-table\n rowClickHandler={e => {\n const clickSubAccountId = e.target.closest('tr').dataset.rowEntityId;\n if (!clickSubAccountId) { return }\n this.rowClicked.emit(this.subaccounts.find((subaccount) => subaccount.id === clickSubAccountId));\n }}\n entityId={this.subaccounts.map((subaccount) => subaccount.id)}\n columnData={[\n ['Created On', 'The date and time each sub account was created'],\n ['Name', 'The name provided for each sub account'],\n ['Account\t', 'The unique live or test account ID for each sub account'],\n ['Card Rate\t', 'The rate that determines the fees charged per payment, when paid by card'],\n ['ACH Rate\t', 'The rate that determines the fees charged per payment, when paid by eCheck'],\n ['Status', 'The onboarding status of each sub account']\n ]}\n rowData={\n this.subaccounts.map((subaccount) => (\n [\n {\n type: 'head',\n value: `\n <div>${subaccount.dateString}</div>\n <div>${subaccount.timeString}</div>\n `,\n },\n subaccount.name,\n subaccount.id,\n subaccount.cardRate,\n subaccount.achRate,\n {\n type: 'inner',\n value: MapSubAccountStatusToBadge(subaccount.status)\n }\n ]\n ))\n }\n loading={this.loading}\n error-message={this.errorMessage}\n params={this.params}\n paging={{\n ...this.paging,\n handleClickNext: this.handleClickNext,\n handleClickPrevious: this.handleClickPrevious\n }}\n />\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"justifi-subaccounts-list.js","mappings":"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","names":[],"sources":["src/components/subaccounts-list/subaccounts-list.css?tag=justifi-subaccounts-list&encapsulation=shadow","src/components/subaccounts-list/subaccounts-list.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Host, h, Prop, State, Event, EventEmitter, Watch } from '@stencil/core';\nimport { SubAccount } from '../../api/SubAccount';\nimport { MapSubAccountStatusToBadge } from '../../utils/utils';\nimport { Api, IApiResponseCollection, PagingInfo, pagingDefaults } from '../../api';\nimport { config } from '../../../config';\n\n@Component({\n tag: 'justifi-subaccounts-list',\n styleUrl: 'subaccounts-list.css',\n shadow: true,\n})\nexport class SubaccountsList {\n @Prop() accountId: string;\n @Prop() authToken: string;\n @State() subaccounts: SubAccount[] = [];\n @State() loading: boolean = true;\n @State() errorMessage: string;\n @State() paging: PagingInfo = pagingDefaults;\n @State() params: any;\n @Event({\n eventName: 'subaccount-row-clicked',\n bubbles: true,\n }) rowClicked: EventEmitter<SubAccount>;\n\n\n @Watch('accountId')\n @Watch('authToken')\n @Watch('params')\n updateOnPropChange() {\n this.fetchData();\n }\n\n connectedCallback() {\n this.fetchData();\n }\n\n handleClickPrevious = (beforeCursor: string) => {\n const newParams: any = { ...this.params };\n delete newParams.after_cursor;\n this.params = ({ ...newParams, before_cursor: beforeCursor });\n };\n\n handleClickNext = (afterCursor: string) => {\n const newParams: any = { ...this.params };\n delete newParams.before_cursor;\n this.params = ({ ...newParams, after_cursor: afterCursor });\n };\n\n async fetchData(): Promise<void> {\n if (!this.accountId \|\| !this.authToken) {\n this.errorMessage = \"Can not fetch any data without an AccountID and an AuthToken\";\n this.loading = false;\n return;\n }\n this.loading = true;\n const api = Api(this.authToken, config.privateApiOrigin);\n const endpoint = `account/${this.accountId}/seller_accounts`;\n\n\n const response: IApiResponseCollection<SubAccount[]> = await api.get(endpoint, this.params);\n if (!response.error) {\n this.paging = {\n ...this.paging,\n ...response.page_info\n }\n const data = response?.data.map(dataItem => new SubAccount(dataItem));\n this.subaccounts = data;\n } else {\n this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;\n }\n this.loading = false;\n }\n\n render() {\n return (\n <Host>\n <justifi-table\n rowClickHandler={e => {\n const clickSubAccountId = e.target.closest('tr').dataset.rowEntityId;\n if (!clickSubAccountId) { return }\n this.rowClicked.emit(this.subaccounts.find((subaccount) => subaccount.id === clickSubAccountId));\n }}\n entityId={this.subaccounts.map((subaccount) => subaccount.id)}\n columnData={[\n ['Created On', 'The date and time each sub account was created'],\n ['Name', 'The name provided for each sub account'],\n ['Account\t', 'The unique live or test account ID for each sub account'],\n ['Card Rate\t', 'The rate that determines the fees charged per payment, when paid by card'],\n ['ACH Rate\t', 'The rate that determines the fees charged per payment, when paid by eCheck'],\n ['Status', 'The onboarding status of each sub account']\n ]}\n rowData={\n this.subaccounts.map((subaccount) => (\n [\n {\n type: 'head',\n value: `\n <div>${subaccount.dateString}</div>\n <div>${subaccount.timeString}</div>\n `,\n },\n subaccount.name,\n subaccount.id,\n subaccount.cardRate,\n subaccount.achRate,\n {\n type: 'inner',\n value: MapSubAccountStatusToBadge(subaccount.status)\n }\n ]\n ))\n }\n loading={this.loading}\n error-message={this.errorMessage}\n params={this.params}\n paging={{\n ...this.paging,\n handleClickNext: this.handleClickNext,\n handleClickPrevious: this.handleClickPrevious\n }}\n />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/payment-method-form.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { c as config } from './config.js';
 function createCommonjsModule(fn, basedir, module) {
 	return module = {
@@ -1489,7 +1490,7 @@ const MessageEventType = {
 };
 const name = "@justifi/webcomponents";
-const version = "4.7.0-rc.0";
+const version = "4.7.0-rc.2";
 const description = "JustiFi Web Components";
 const main = "dist/index.cjs.js";
 const module = "dist/components/index.js";
@@ -1510,21 +1511,22 @@ const files = [
 ];
 const scripts = {
 	build: "npm run build:prod",
-	"build:dev": "NODE_ENV=dev stencil build --docs",
-	"build:staging": "NODE_ENV=staging stencil build --docs",
-	"build:prod": "NODE_ENV=prod stencil build --docs",
+	"build:dev": "stencil build --docs",
+	"build:staging": "stencil build --docs",
+	"build:prod": "stencil build --docs",
 	start: "concurrently --restart-tries 3 -c \"bgBlue.bold,bgMagenta.bold,bgGreen.bold\" \"npm run start-stencil\" \"npm run storybook\"",
-	"start-stencil": "NODE_ENV=dev stencil build --watch",
+	"start-stencil": "stencil build --watch",
 	test: "stencil test --spec",
 	"test:watch": "stencil test --spec --watchAll",
 	"test:e2e": "stencil test --e2e",
 	generate: "stencil generate",
-	storybook: "NODE_ENV=dev storybook dev -p 6006 --quiet",
+	storybook: "storybook dev -p 6006 --quiet",
 	"build-storybook": "storybook build -o ../docs"
 };
 const dependencies = {
 	"@stencil/core": "^4.0.5",
 	bootstrap: "^5.2.3",
+	"chart.js": "^4.4.1",
 	"date-fns": "^2.29.3",
 	"dinero.js": "^1.9.1",
 	"iframe-resizer": "^4.3.7",
@@ -1674,7 +1676,7 @@ const PaymentMethodForm = /*@__PURE__*/ proxyCustomElement(class PaymentMethodFo
   }
   postMessage(eventType, payload) {
     var _a, _b;
-    (_b = (_a = this.iframeElement) === null || _a === void 0 ? void 0 : _a.contentWindow) === null || _b === void 0 ? void 0 : _b.postMessage(Object.assign({ eventType: eventType }, payload), "https://js.justifi.ai/v2" );
+    (_b = (_a = this.iframeElement) === null || _a === void 0 ? void 0 : _a.contentWindow) === null || _b === void 0 ? void 0 : _b.postMessage(Object.assign({ eventType: eventType }, payload), config.iframeOrigin );
   }
   async resize() {
     this.postMessage(MessageEventType[this.paymentMethodFormType].resize);
@@ -1716,7 +1718,7 @@ const PaymentMethodForm = /*@__PURE__*/ proxyCustomElement(class PaymentMethodFo
     return queryParams.join('');
   }
   getIframeSrc() {
-    const iframeOrigin = "https://js.justifi.ai/v2";
+    const iframeOrigin = config.iframeOrigin;
     let iframeSrc = `${iframeOrigin}/${this.paymentMethodFormType}`;
     let paramsList = [];
     if (this.paymentMethodFormValidationMode) {