npm - @justifi/webcomponents - Versions diffs - 4.7.0 → 4.7.1 - Mend

@justifi/webcomponents 4.7.0 → 4.7.1

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 (737) hide show

package/dist/collection/components/business-form/business-form-stepped.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"business-form-stepped.stories.js","sourceRoot":"","sources":["../../../../src/components/business-form/business-form-stepped.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,MAAM,4BAA4B;EAMhC,YAAY,IAAI;IACd,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IAC9C,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;IAChD,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,gBAAgB,CAAC;IACnE,IAAI,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;EACtD,CAAC;CACF;AAED,eAAe;EACb,KAAK,EAAE,oCAAoC;EAC3C,SAAS,EAAE,uBAAuB;EAClC,QAAQ,EAAE;IACR,YAAY,EAAE;MACZ,OAAO,EAAE,MAAM;MACf,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;OAClB;KACF;IACD,YAAY,EAAE;MACZ,OAAO,EAAE,MAAM;MACf,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;OAClB;KACF;IACD,aAAa,EAAE;MACb,OAAO,EAAE,MAAM;MACf,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;OAClB;KACF;GACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAAkC,EAAE,EAAE;EACtD,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;EACrC,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC;EACvC,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,gBAAgB,CAAC;EAChE,wFAAwF;EACxF,OAAO;;;sBAGa,SAAS;uBACR,UAAU;sBACX,SAAS;;;;;UAKrB,IAAI,CAAC,eAAe,CAAC;;;GAG5B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEvC,KAAK,CAAC,IAAI,GAAG,IAAI,4BAA4B,CAAC,EAAE,CAAC,CAAC;AAElD,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG,IAAI,4BAA4B,CAAC;EAC7C,YAAY,EAAE,EAAE;EAChB,aAAa,EAAE,EAAE;EACjB,YAAY,EAAE,EAAE;EAChB,cAAc,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEf;CACF,CAAC,CAAC","sourcesContent":["import { config } from '../../../config';\n\nclass BusinessFormSteppedStoryArgs {\n 'auth-token': string;\n 'account-id': string;\n 'bussiness-id': string;\n 'css-variables': string;\n\n constructor(args) {\n this['auth-token'] = args['auth-token'] || '';\n this['business-id'] = args['business-id'] || '';\n this['account-id'] = args['account-id'] || config.exampleAccountId;\n this['css-variables'] = args['css-variables'] || '';\n }\n}\n\nexport default {\n title: 'dev/Components/BusinessFormStepped',\n component: 'justifi-business-form',\n argTypes: {\n 'auth-token': {\n control: 'text',\n table: {\n category: 'props',\n },\n },\n 'account-id': {\n control: 'text',\n table: {\n category: 'props',\n },\n },\n 'business-id': {\n control: 'text',\n table: {\n category: 'props',\n },\n }\n },\n};\n\nconst Template = (args: BusinessFormSteppedStoryArgs) => {\n const authToken = args['auth-token'];\n const businessId = args['business-id'];\n const accountId = args['account-id'] || config.exampleAccountId;\n // The <div> here should be replaced by a `display` property in the cardForm potentially\n return `\n <div>\n <justifi-business-form-stepped\n auth-token=\"${authToken}\"\n business-id=\"${businessId}\"\n account-id=\"${accountId}\"\n />\n </div>\n <style>\n :root {\n ${args['css-variables']}\n }\n </style>\n `;\n};\n\nexport const Basic = Template.bind({});\n\nBasic.args = new BusinessFormSteppedStoryArgs({});\n\nexport const Styled = Template.bind({});\nStyled.args = new BusinessFormSteppedStoryArgs({\n 'auth-token': '',\n 'business-id': '',\n 'account-id': '',\n 'cssVariables': `\n --jfi-primary-color: #212529;\n --jfi-load-google-font: 'Roboto Mono:wght@200;400;700;900';\n --jfi-layout-font-family: Roboto Mono, Calibri, sans-serif;\n --jfi-layout-padding: 4px;\n --jfi-layout-form-control-spacing-x: .5rem;\n --jfi-layout-form-control-spacing-y: 1rem;\n --jfi-form-label-font-weight: 700;\n --jfi-form-label-font-family: Calibri, sans-serif;\n --jfi-form-label-margin: 0 0 .5rem 0;\n --jfi-form-control-background-color: #F4F4F6;\n --jfi-form-control-background-color-hover: #EEEEF5;\n --jfi-form-control-border-color: rgba(0, 0, 0, 0.42);\n --jfi-form-control-border-color-hover: rgba(0, 0, 0, 0.62);\n --jfi-form-control-border-color-focus: #fccc32;\n --jfi-form-control-border-color-error: #C12727;\n --jfi-form-control-border-top-width: 0;\n --jfi-form-control-border-left-width: 0;\n --jfi-form-control-border-bottom-width: 1px;\n --jfi-form-control-border-right-width: 0;\n --jfi-form-control-border-radius: 4px 4px 0 0;\n --jfi-form-control-border-style: solid;\n --jfi-form-control-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n --jfi-form-control-box-shadow-focus: none;\n --jfi-form-control-box-shadow-error-focus: none;\n --jfi-form-control-border-style: solid;\n --jfi-form-control-color: #212529;\n --jfi-form-control-font-size: 1rem;\n --jfi-form-control-font-weight: 400;\n --jfi-form-control-line-height: 2;\n --jfi-form-control-margin: 0;\n --jfi-form-control-padding: .5rem .875rem;\n --jfi-error-message-color: #C12727;\n --jfi-error-message-margin: .25rem 0 0 0;\n --jfi-error-message-font-size: .875rem;\n\n --jfi-submit-button-color: white;\n --jfi-submit-button-background-color: #3F3F47;\n --jfi-submit-button-border-color: var(--jfi-primary-color);\n --jfi-submit-button-padding: 0.375rem 0.75rem;\n --jfi-submit-button-font-size: 1rem;\n --jfi-submit-button-border-radius: 1px;\n --jfi-submit-button-color-hover: white;\n --jfi-submit-button-background-color-hover: var(--jfi-primary-color);\n --jfi-submit-button-border-color-hover: var(--jfi-primary-color);\n --jfi-submit-button-color-focus: white;\n --jfi-submit-button-background-color-focus: var(--jfi-primary-color);\n --jfi-submit-button-border-color-focus: var(--jfi-primary-color);\n --jfi-submit-button-color-active: white;\n --jfi-submit-button-background-color-active: var(--jfi-primary-color);\n --jfi-submit-button-border-color-active: var(--jfi-primary-color);\n --jfi-submit-button-width: 100%;\n --jfi-submit-button-box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;\n\n --jfi-radio-button-color: var(--jfi-primary-color);\n --jfi-radio-button-background-color: transparent;\n --jfi-radio-button-color-selected: white;\n --jfi-radio-button-background-color-selected: var(--jfi-primary-color);\n --jfi-radio-button-border-color: var(--jfi-primary-color);\n --jfi-radio-button-border-color-selected: var(--jfi-primary-color);\n --jfi-radio-button-padding: 0.375rem 0.75rem;\n --jfi-radio-button-font-size: 1rem;\n --jfi-radio-button-color-hover: var(--jfi-primary-color);\n --jfi-radio-button-color-selected-hover: white;\n --jfi-radio-button-background-color-hover: transparent;\n --jfi-radio-button-background-color-selected-hover: var(--jfi-primary-color);\n --jfi-radio-button-border-color-selected-hover: var(--jfi-primary-color);\n --jfi-radio-button-border-color-hover: var(--jfi-primary-color);\n --jfi-radio-button-group-width: 100%;\n `,\n});\n"]}

package/dist/collection/components/business-form/business-form.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"business-form.js","sourceRoot":"","sources":["../../../../src/components/business-form/business-form.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { FormController } from '../form/form';\nimport businessFormSchema from './business-form-schema';\nimport { Api } from '../../api';\nimport { parseForPatching } from './helpers';\nimport { config } from '../../../config';\n\n\n/**\n * @exportedPart label: Label for inputs\n * @exportedPart input: The input fields\n * @exportedPart input-invalid: Invalid state for inputfs\n */\n@Component({\n tag: 'justifi-business-form',\n styleUrl: 'business-form.scss',\n})\nexport class BusinessForm {\n @Prop() authToken: string;\n @Prop() businessId?: string;\n @State() isLoading: boolean = false;\n\n private formController: FormController;\n private api: any;\n\n constructor() {\n this.sendData = this.sendData.bind(this);\n this.fetchData = this.fetchData.bind(this);\n }\n\n componentWillLoad() {\n if (!this.authToken) {\n console.warn(\n 'Warning: Missing auth-token. The form will not be functional without it.',\n );\n }\n\n this.formController = new FormController(businessFormSchema);\n\n this.api = Api(this.authToken, config.proxyApiOrigin);\n\n if (this.businessId) {\n this.fetchData(this.businessId);\n } else {\n this.formController.setInitialValues({\n legal_address: {\n country: 'US',\n },\n });\n }\n }\n\n private async sendData() {\n this.isLoading = true;\n try {\n const data = this.formController.values.getValue();\n\n // Conditionally making either POST or PATCH request\n if (this.businessId) {\n const payload = parseForPatching(data);\n const response = await this.api.patch(\n `entities/business/${this.businessId}`,\n JSON.stringify(payload),\n );\n console.log('Server response from PATCH:', response);\n } else {\n const response = await this.api.post(\n 'entities/business',\n JSON.stringify(data),\n );\n console.log('Server response from POST:', response);\n }\n } catch (error) {\n console.error('Error sending data:', error);\n } finally {\n this.isLoading = false;\n }\n }\n\n private async fetchData(businessId) {\n this.isLoading = true;\n try {\n const response = await this.api.get(`entities/business/${businessId}`);\n this.formController.setInitialValues(response.data);\n } catch (error) {\n console.error('Error fetching data:', error);\n } finally {\n this.isLoading = false;\n }\n }\n\n private validateAndSubmit(event: any) {\n event.preventDefault();\n this.formController.validateAndSubmit(this.sendData);\n }\n\n render() {\n return (\n <Host exportparts=\"label,input,input-invalid\">\n <form onSubmit={event => this.validateAndSubmit(event)}>\n <div class=\"row gap-3\">\n <div class=\"col-12 mb-4\">\n <h1>Business Information</h1>\n </div>\n <div class=\"col-12 mb-4\">\n <justifi-business-generic-info formController={this.formController} />\n </div>\n <div class=\"col-12 mb-4\">\n <justifi-legal-address-form formController={this.formController} />\n </div>\n <div class=\"col-12 mb-4\">\n <justifi-additional-questions formController={this.formController} />\n </div>\n <div class=\"col-12 mb-4\">\n <justifi-business-representative formController={this.formController} />\n </div>\n <div class=\"col-12 mb-4\">\n <justifi-business-owners isEditing={!!this.businessId} formController={this.formController} />\n </div>\n <div class=\"col-12 d-flex flex-row-reverse\">\n <button\n type=\"submit\"\n class=\"btn btn-primary jfi-submit-button\"\n disabled={!this.authToken || this.isLoading}\n >\n {this.isLoading ? 'Loading...' : 'Submit'}\n </button>\n </div>\n </div>\n </form>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/business-form/business-form.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"business-form.stories.js","sourceRoot":"","sources":["../../../../src/components/business-form/business-form.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,MAAM,qBAAqB;EAMzB,YAAY,IAAI;IACd,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IAC9C,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;IAChD,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,gBAAgB,CAAC;IACnE,IAAI,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;EACpD,CAAC;CACF;AAED,eAAe;EACb,KAAK,EAAE,yBAAyB;EAChC,SAAS,EAAE,uBAAuB;EAClC,QAAQ,EAAE;IACR,YAAY,EAAE;MACZ,OAAO,EAAE,MAAM;MACf,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;OAClB;KACF;IACD,YAAY,EAAE;MACZ,OAAO,EAAE,MAAM;MACf,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;OAClB;KACF;IACD,aAAa,EAAE;MACb,OAAO,EAAE,MAAM;MACf,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;OAClB;KACF;GACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAA2B,EAAE,EAAE;EAC/C,wFAAwF;EACxF,OAAO;;;sBAGa,IAAI,CAAC,YAAY,CAAC;sBAClB,IAAI,CAAC,YAAY,CAAC;uBACjB,IAAI,CAAC,aAAa,CAAC;;;;;UAKhC,IAAI,CAAC,YAAY;;;GAGxB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG,IAAI,qBAAqB,CAAC,EAAE,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG,IAAI,qBAAqB,CAAC;EACtC,YAAY,EAAE,EAAE;EAChB,aAAa,EAAE,EAAE;EACjB,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEb;CACF,CAAC,CAAC","sourcesContent":["import { config } from '../../../config';\n\nclass BusinessFormStoryArgs {\n 'auth-token': string;\n 'account-id': string;\n 'bussiness-id': string;\n 'cssVariables': string;\n\n constructor(args) {\n this['auth-token'] = args['auth-token'] || '';\n this['business-id'] = args['business-id'] || '';\n this['account-id'] = args['account-id'] || config.exampleAccountId;\n this['cssVariables'] = args['cssVariables'] || '';\n }\n}\n\nexport default {\n title: 'Components/BusinessForm',\n component: 'justifi-business-form',\n argTypes: {\n 'auth-token': {\n control: 'text',\n table: {\n category: 'props',\n },\n },\n 'account-id': {\n control: 'text',\n table: {\n category: 'props',\n },\n },\n 'business-id': {\n control: 'text',\n table: {\n category: 'props',\n },\n },\n },\n};\n\nconst Template = (args: BusinessFormStoryArgs) => {\n // The <div> here should be replaced by a `display` property in the cardForm potentially\n return `\n <div>\n <justifi-business-form\n auth-token=\"${args['auth-token']}\"\n account-id=\"${args['account-id']}\"\n business-id=\"${args['business-id']}\"\n />\n </div>\n <style>\n :root {\n ${args.cssVariables}\n }\n </style>\n `;\n};\n\nexport const Basic = Template.bind({});\nBasic.args = new BusinessFormStoryArgs({});\n\nexport const Styled = Template.bind({});\nStyled.args = new BusinessFormStoryArgs({\n 'auth-token': '',\n 'business-id': '',\n cssVariables: `\n --jfi-primary-color: #212529;\n --jfi-load-google-font: 'Roboto Mono:wght@200;400;700;900';\n --jfi-layout-font-family: Roboto Mono, Calibri, sans-serif;\n --jfi-layout-padding: 4px;\n --jfi-layout-form-control-spacing-x: .5rem;\n --jfi-layout-form-control-spacing-y: 1rem;\n --jfi-form-label-font-weight: 700;\n --jfi-form-label-font-family: Calibri, sans-serif;\n --jfi-form-label-margin: 0 0 .5rem 0;\n --jfi-form-control-background-color: #F4F4F6;\n --jfi-form-control-background-color-hover: #EEEEF5;\n --jfi-form-control-border-color: rgba(0, 0, 0, 0.42);\n --jfi-form-control-border-color-hover: rgba(0, 0, 0, 0.62);\n --jfi-form-control-border-color-focus: #fccc32;\n --jfi-form-control-border-color-error: #C12727;\n --jfi-form-control-border-top-width: 0;\n --jfi-form-control-border-left-width: 0;\n --jfi-form-control-border-bottom-width: 1px;\n --jfi-form-control-border-right-width: 0;\n --jfi-form-control-border-radius: 4px 4px 0 0;\n --jfi-form-control-border-style: solid;\n --jfi-form-control-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n --jfi-form-control-box-shadow-focus: none;\n --jfi-form-control-box-shadow-error-focus: none;\n --jfi-form-control-border-style: solid;\n --jfi-form-control-color: #212529;\n --jfi-form-control-font-size: 1rem;\n --jfi-form-control-font-weight: 400;\n --jfi-form-control-line-height: 2;\n --jfi-form-control-margin: 0;\n --jfi-form-control-padding: .5rem .875rem;\n --jfi-error-message-color: #C12727;\n --jfi-error-message-margin: .25rem 0 0 0;\n --jfi-error-message-font-size: .875rem;\n\n --jfi-submit-button-color: white;\n --jfi-submit-button-background-color: #3F3F47;\n --jfi-submit-button-border-color: var(--jfi-primary-color);\n --jfi-submit-button-padding: 0.375rem 0.75rem;\n --jfi-submit-button-font-size: 1rem;\n --jfi-submit-button-border-radius: 1px;\n --jfi-submit-button-color-hover: white;\n --jfi-submit-button-background-color-hover: var(--jfi-primary-color);\n --jfi-submit-button-border-color-hover: var(--jfi-primary-color);\n --jfi-submit-button-color-focus: white;\n --jfi-submit-button-background-color-focus: var(--jfi-primary-color);\n --jfi-submit-button-border-color-focus: var(--jfi-primary-color);\n --jfi-submit-button-color-active: white;\n --jfi-submit-button-background-color-active: var(--jfi-primary-color);\n --jfi-submit-button-border-color-active: var(--jfi-primary-color);\n --jfi-submit-button-width: 100%;\n --jfi-submit-button-box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;\n\n --jfi-radio-button-color: var(--jfi-primary-color);\n --jfi-radio-button-background-color: transparent;\n --jfi-radio-button-color-selected: white;\n --jfi-radio-button-background-color-selected: var(--jfi-primary-color);\n --jfi-radio-button-border-color: var(--jfi-primary-color);\n --jfi-radio-button-border-color-selected: var(--jfi-primary-color);\n --jfi-radio-button-padding: 0.375rem 0.75rem;\n --jfi-radio-button-font-size: 1rem;\n --jfi-radio-button-color-hover: var(--jfi-primary-color);\n --jfi-radio-button-color-selected-hover: white;\n --jfi-radio-button-background-color-hover: transparent;\n --jfi-radio-button-background-color-selected-hover: var(--jfi-primary-color);\n --jfi-radio-button-border-color-selected-hover: var(--jfi-primary-color);\n --jfi-radio-button-border-color-hover: var(--jfi-primary-color);\n --jfi-radio-button-group-width: 100%;\n `,\n});\n"]}

package/dist/collection/components/business-form/business-generic-info/business-generic-info.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"business-generic-info.js","sourceRoot":"","sources":["../../../../../src/components/business-form/business-generic-info/business-generic-info.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State } from '@stencil/core';\n\nimport {\n BusinessStructureOptions,\n BusinessTypeOptions,\n} from '../business-form-schema';\nimport { FormController } from '../../form/form';\nimport { PHONE_MASKS } from '../../../utils/phone-masks';\n\n/**\n *\n * The difference between this component and business-generic-info-details\n * is that this component is meant to be a form and send data\n * and the other one is meant to be just read only.\n *\n * @exportedPart label: Label for inputs\n * @exportedPart input: The input fields\n * @exportedPart input-invalid: Invalid state for inputfs\n */\n@Component({\n tag: 'justifi-business-generic-info',\n styleUrl: 'business-generic-info.scss',\n})\nexport class BusinessGenericInfo {\n @Prop() formController: FormController;\n @State() errors: any = {};\n\n constructor() {\n this.inputHandler = this.inputHandler.bind(this);\n }\n\n componentDidLoad() {\n this.formController.errors.subscribe(errors => {\n this.errors = { ...errors };\n });\n }\n\n inputHandler(name: string, value: string) {\n this.formController.setValues({\n ...this.formController.values.getValue(),\n [name]: value,\n });\n }\n\n render() {\n const genericInfoDefaultValue = this.formController.getInitialValues();\n\n return (\n <Host exportparts=\"label,input,input-invalid\">\n <fieldset>\n <legend>General Info</legend>\n <hr />\n <div class=\"row gy-3\">\n <div class=\"col-12 col-md-6\">\n <form-control-text\n name=\"legal_name\"\n label=\"Legal Name\"\n defaultValue={genericInfoDefaultValue.legal_name}\n error={this.errors.legal_name}\n inputHandler={this.inputHandler}\n />\n </div>\n <div class=\"col-12 col-md-6\">\n <form-control-text\n name=\"doing_business_as\"\n label=\"Doing Business As (DBA)\"\n defaultValue={genericInfoDefaultValue.doing_business_as}\n error={this.errors.doing_business_as}\n inputHandler={this.inputHandler}\n />\n </div>\n <div class=\"col-12 col-md-6\">\n <form-control-select\n name=\"business_type\"\n label=\"Business Type\"\n options={BusinessTypeOptions}\n defaultValue={genericInfoDefaultValue.business_type}\n error={this.errors.business_type}\n inputHandler={this.inputHandler}\n />\n </div>\n <div class=\"col-12 col-md-6\">\n <form-control-select\n name=\"business_structure\"\n label=\"Business Structure\"\n options={BusinessStructureOptions}\n defaultValue={genericInfoDefaultValue.business_structure}\n error={this.errors.business_structure}\n inputHandler={this.inputHandler}\n />\n </div>\n <div class=\"col-12\">\n <form-control-text\n name=\"industry\"\n label=\"Industry\"\n defaultValue={genericInfoDefaultValue.industry}\n error={this.errors.business_structure}\n inputHandler={this.inputHandler}\n />\n </div>\n <div class=\"col-12\">\n <form-control-number\n name=\"tax_id\"\n label=\"Tax ID\"\n defaultValue={genericInfoDefaultValue.tax_id}\n error={this.errors.tax_id}\n inputHandler={this.inputHandler}\n />\n </div>\n <div class=\"col-12\">\n <form-control-text\n name=\"website_url\"\n label=\"Website URL\"\n defaultValue={genericInfoDefaultValue.website_url}\n error={this.errors.website_url}\n inputHandler={this.inputHandler}\n />\n </div>\n <div class=\"col-12 col-md-6\">\n <form-control-text\n name=\"email\"\n label=\"Email Address\"\n defaultValue={genericInfoDefaultValue.email}\n error={this.errors.email}\n inputHandler={this.inputHandler}\n />\n </div>\n <div class=\"col-12 col-md-6\">\n <form-control-number-masked\n name=\"phone\"\n label=\"Phone Number\"\n defaultValue={genericInfoDefaultValue.phone}\n error={this.errors.phone}\n inputHandler={this.inputHandler}\n mask={PHONE_MASKS.US}\n />\n </div>\n </div>\n </fieldset>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/business-form/business-owners/business-owners.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"business-owners.js","sourceRoot":"","sources":["../../../../../src/components/business-form/business-owners/business-owners.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEhE,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEzD,MAAM,aAAa;EAAnB;IACE,SAAI,GAAW,EAAE,CAAC;IAClB,UAAK,GAAW,EAAE,CAAC;IACnB,UAAK,GAAW,EAAE,CAAC;IACnB,UAAK,GAAW,EAAE,CAAC;IACnB,YAAO,GAAW,EAAE,CAAC;IACrB,cAAS,GAAW,EAAE,CAAC;IACvB,aAAQ,GAAW,EAAE,CAAC;IACtB,0BAAqB,GAAW,EAAE,CAAC;IACnC,aAAQ,GAAY,IAAI,CAAC;IACzB,aAAQ,GAAQ,EAAE,CAAC;IACnB,YAAO,GAAQ,EAAE,CAAC;EACpB,CAAC;CAAA;AAED;;;;GAIG;AAMH,MAAM,OAAO,cAAc;EAMzB;;;kBAHyB,EAAE;kBACQ,EAAE;IAGnC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACjD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACzC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;GAChD;EAED,gBAAgB;IACd,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE;MAC5C,IAAI,CAAC,MAAM,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,EAAE,CAAC;IACrC,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,SAAS,CAClC,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,EAAE,CAAC,CAC/C,CAAC;EACJ,CAAC;EAED,YAAY,CAAC,IAAY,EAAE,KAAa,EAAE,KAAa;IACrD,IAAI,CAAC,cAAc,CAAC,SAAS,iCACxB,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,QAAQ,EAAE,KACxC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;QACnC,IAAI,CAAC,KAAK,KAAK,EAAE;UACf,uCACK,KAAK,KACR,CAAC,IAAI,CAAC,EAAE,KAAK,IACb;SACH;QACD,OAAO,KAAK,CAAC;MACf,CAAC,CAAC,IACF,CAAC;EACL,CAAC;EAED,mBAAmB,CAAC,IAAY,EAAE,KAAa,EAAE,KAAa;IAC5D,IAAI,CAAC,cAAc,CAAC,SAAS,iCACxB,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,QAAQ,EAAE,KACxC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;QACnC,IAAI,CAAC,KAAK,KAAK,EAAE;UACf,uCACK,KAAK,KACR,OAAO,kCACF,KAAK,CAAC,OAAO,KAChB,CAAC,IAAI,CAAC,EAAE,KAAK,OAEf;SACH;QACD,OAAO,KAAK,CAAC;MACf,CAAC,CAAC,IACF,CAAC;EACL,CAAC;EAED,QAAQ,CAAC,KAAiB;IACxB,KAAK,CAAC,cAAc,EAAE,CAAC;IAEvB,IAAI,CAAC,cAAc,CAAC,SAAS,iCACxB,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,QAAQ,EAAE,KACxC,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,oBAAO,IAAI,aAAa,EAAE,EAAG,IACpD,CAAC;EACL,CAAC;EAED,WAAW,CAAC,KAAiB,EAAE,KAAa;IAC1C,KAAK,CAAC,cAAc,EAAE,CAAC;IACvB,IAAI,CAAC,cAAc,CAAC,SAAS,iCACxB,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,QAAQ,EAAE,KACxC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,IACtD,CAAC;EACL,CAAC;EAED,MAAM;IACJ,MAAM,kBAAkB,GACtB,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,MAAM,IAAI,EAAE,CAAC;IAErD,OAAO,CACL,EAAC,IAAI,IAAC,WAAW,EAAC,2BAA2B;MAC3C;QACE,2BAAuB;QACvB,aAAM;QACL,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAqB,EAAE,KAAa,EAAE,EAAE;;UACxD,OAAO,CACL,WAAK,KAAK,EAAC,oBAAoB;YAC7B,WAAK,KAAK,EAAC,QAAQ;cACjB,WAAK,KAAK,EAAC,UAAU;gBACnB,WAAK,KAAK,EAAC,iBAAiB;kBAC1B,yBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,WAAW,EACjB,YAAY,EAAE,MAAA,kBAAkB,CAAC,KAAK,CAAC,0CAAE,IAAI,EAC7C,KAAK,EAAE,MAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,0CAAE,IAAI,EAC/B,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC5B,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,EAEvC,QAAQ,EAAE,IAAI,CAAC,SAAS,GACxB,CACE;gBACN,WAAK,KAAK,EAAC,iBAAiB;kBAC1B,yBACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,OAAO,EACb,YAAY,EAAE,MAAA,kBAAkB,CAAC,KAAK,CAAC,0CAAE,KAAK,EAC9C,KAAK,EAAE,MAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,0CAAE,KAAK,EAChC,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC5B,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,EAEvC,QAAQ,EAAE,IAAI,CAAC,SAAS,GACxB,CACE,CACF;cAEN,WAAK,KAAK,EAAC,UAAU;gBACnB,WAAK,KAAK,EAAC,iBAAiB;kBAC1B,yBACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,OAAO,EACb,YAAY,EAAE,MAAA,kBAAkB,CAAC,KAAK,CAAC,0CAAE,KAAK,EAC9C,KAAK,EAAE,MAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,0CAAE,KAAK,EAChC,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC5B,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,EAEvC,QAAQ,EAAE,IAAI,CAAC,SAAS,GACxB,CACE;gBACN,WAAK,KAAK,EAAC,iBAAiB;kBAC1B,kCACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,OAAO,EACb,YAAY,EAAE,MAAA,kBAAkB,CAAC,KAAK,CAAC,0CAAE,KAAK,EAC9C,KAAK,EAAE,MAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,0CAAE,KAAK,EAChC,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC5B,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,EAEvC,IAAI,EAAE,WAAW,CAAC,EAAE,EACpB,QAAQ,EAAE,IAAI,CAAC,SAAS,GACxB,CACE,CACF;cAEN,WAAK,KAAK,EAAC,UAAU;gBACnB,WAAK,KAAK,EAAC,iBAAiB;kBAC1B,6BACE,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,qBAAqB,EAC3B,YAAY,EAAE,MAAA,kBAAkB,CAAC,KAAK,CAAC,0CAAE,OAAO,EAChD,KAAK,EAAE,MAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,0CAAE,OAAO,EAClC,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC5B,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,EAEvC,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,IAAI,CAAC,SAAS,GACxB,CACE;gBACN,WAAK,KAAK,EAAC,iBAAiB;kBAC1B,6BACE,IAAI,EAAC,WAAW,EAChB,KAAK,EAAC,uBAAuB,EAC7B,YAAY,EAAE,MAAA,kBAAkB,CAAC,KAAK,CAAC,0CAAE,SAAS,EAClD,KAAK,EAAE,MAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,0CAAE,SAAS,EACpC,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC5B,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,EAEvC,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,IAAI,CAAC,SAAS,GACxB,CACE;gBACN,WAAK,KAAK,EAAC,iBAAiB;kBAC1B,6BACE,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,sBAAsB,EAC5B,YAAY,EAAE,MAAA,kBAAkB,CAAC,KAAK,CAAC,0CAAE,QAAQ,EACjD,KAAK,EAAE,MAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,0CAAE,QAAQ,EACnC,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC5B,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,EAEvC,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,IAAI,CAAC,SAAS,GACxB,CACE,CACF;cAEN,WAAK,KAAK,EAAC,MAAM;gBACf,2BACE,IAAI,EAAC,uBAAuB,EAC5B,KAAK,EAAC,uBAAuB,EAC7B,YAAY,EACV,MAAA,kBAAkB,CAAC,KAAK,CAAC,0CAAE,qBAAqB,EAElD,KAAK,EAAE,MAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,0CAAE,qBAAqB,EAChD,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC5B,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,EAEvC,QAAQ,EAAE,IAAI,CAAC,SAAS,GACxB,CACE;cAEN,WAAK,KAAK,EAAC,YAAY;gBACrB,cAAQ,KAAK,EAAC,MAAM,qBAAwB;gBAE5C,WAAK,KAAK,EAAC,UAAU;kBACnB,WAAK,KAAK,EAAC,iBAAiB;oBAC1B,yBACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,gBAAgB,EACtB,YAAY,EACV,MAAA,MAAA,kBAAkB,CAAC,KAAK,CAAC,0CAAE,OAAO,0CAAE,KAAK,EAE3C,KAAK,EAAE,MAAA,MAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,0CAAE,OAAO,0CAAE,KAAK,EACzC,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC5B,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,EAE9C,QAAQ,EAAE,IAAI,CAAC,SAAS,GACxB,CACE;kBACN,WAAK,KAAK,EAAC,iBAAiB;oBAC1B,yBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,MAAM,EACZ,YAAY,EACV,MAAA,MAAA,kBAAkB,CAAC,KAAK,CAAC,0CAAE,OAAO,0CAAE,IAAI,EAE1C,KAAK,EAAE,MAAA,MAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,0CAAE,OAAO,0CAAE,IAAI,EACxC,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC5B,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,EAE9C,QAAQ,EAAE,IAAI,CAAC,SAAS,GACxB,CACE,CACF;gBAEN,WAAK,KAAK,EAAC,UAAU;kBACnB,WAAK,KAAK,EAAC,iBAAiB;oBAC1B,yBACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,OAAO,EACb,YAAY,EACV,MAAA,MAAA,kBAAkB,CAAC,KAAK,CAAC,0CAAE,OAAO,0CAAE,KAAK,EAE3C,KAAK,EAAE,MAAA,MAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,0CAAE,OAAO,0CAAE,KAAK,EACzC,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC5B,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,EAE9C,QAAQ,EAAE,IAAI,CAAC,SAAS,GACxB,CACE;kBACN,WAAK,KAAK,EAAC,iBAAiB;oBAC1B,2BACE,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,aAAa,EACnB,YAAY,EACV,MAAA,MAAA,kBAAkB,CAAC,KAAK,CAAC,0CAAE,OAAO,0CAAE,WAAW,EAEjD,KAAK,EAAE,MAAA,MAAA,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,0CAAE,OAAO,0CAAE,WAAW,EAC/C,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC5B,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,EAE9C,QAAQ,EAAE,IAAI,CAAC,SAAS,GACxB,CACE,CACF,CACF;cACN,cACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,wBAAwB,EAC9B,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,mBAGzC,CACL,CACF,CACP,CAAA;QACH,CAAC,CAAC;QACF,WAAK,KAAK,EAAC,UAAU;UACnB,WAAK,KAAK,EAAC,QAAQ;YACjB,cACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,yBAAyB,EAC/B,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,mBAG/B,CACL,CACF,CACG,CACN,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { FormController } from '../../form/form';\nimport { PHONE_MASKS } from '../../../utils/phone-masks';\n\nclass BusinessOwner {\n name: string = '';\n title: string = '';\n email: string = '';\n phone: string = '';\n dob_day: string = '';\n dob_month: string = '';\n dob_year: string = '';\n identification_number: string = '';\n is_owner: boolean = true;\n metadata: any = {};\n address: any = {};\n}\n\n/**\n * @exportedPart label: Label for inputs\n * @exportedPart input: The input fields\n * @exportedPart input-invalid: Invalid state for inputfs\n */\n@Component({\n tag: 'justifi-business-owners',\n styleUrl: 'business-owners.scss',\n shadow: false,\n})\nexport class BusinessOwners {\n @Prop() formController: FormController;\n @Prop() isEditing: boolean;\n @State() errors: any[] = [];\n @State() owners: BusinessOwner[] = [];\n\n constructor() {\n this.inputHandler = this.inputHandler.bind(this);\n this.addOwner = this.addOwner.bind(this);\n this.removeOwner = this.removeOwner.bind(this);\n }\n\n componentDidLoad() {\n this.formController.errors.subscribe(errors => {\n this.errors = errors?.owners || [];\n });\n this.formController.values.subscribe(\n values => (this.owners = values?.owners || []),\n );\n }\n\n inputHandler(name: string, value: string, index: number): void {\n this.formController.setValues({\n ...this.formController.values.getValue(),\n owners: this.owners.map((owner, i) => {\n if (i === index) {\n return {\n ...owner,\n [name]: value,\n };\n }\n return owner;\n }),\n });\n }\n\n addressInputHandler(name: string, value: string, index: number): void {\n this.formController.setValues({\n ...this.formController.values.getValue(),\n owners: this.owners.map((owner, i) => {\n if (i === index) {\n return {\n ...owner,\n address: {\n ...owner.address,\n [name]: value,\n },\n };\n }\n return owner;\n }),\n });\n }\n\n addOwner(event: MouseEvent): void {\n event.preventDefault();\n\n this.formController.setValues({\n ...this.formController.values.getValue(),\n owners: [...this.owners, { ...new BusinessOwner() }],\n });\n }\n\n removeOwner(event: MouseEvent, index: number): void {\n event.preventDefault();\n this.formController.setValues({\n ...this.formController.values.getValue(),\n owners: this.owners.filter((_owner, i) => i !== index),\n });\n }\n\n render() {\n const ownersDefaultValue =\n this.formController.values.getValue().owners || [];\n\n return (\n <Host exportparts=\"label,input,input-invalid\">\n <fieldset>\n <legend>Owners</legend>\n <hr />\n {this.owners.map((_owner: BusinessOwner, index: number) => {\n return (\n <div class=\"row gx-2 gy-2 mb-4\">\n <div class=\"col-12\">\n <div class=\"row mb-3\">\n <div class=\"col-12 col-md-6\">\n <form-control-text\n name=\"name\"\n label=\"Full Name\"\n defaultValue={ownersDefaultValue[index]?.name}\n error={this.errors[index]?.name}\n inputHandler={(name, value) =>\n this.inputHandler(name, value, index)\n }\n disabled={this.isEditing}\n />\n </div>\n <div class=\"col-12 col-md-6\">\n <form-control-text\n name=\"title\"\n label=\"Title\"\n defaultValue={ownersDefaultValue[index]?.title}\n error={this.errors[index]?.title}\n inputHandler={(name, value) =>\n this.inputHandler(name, value, index)\n }\n disabled={this.isEditing}\n />\n </div>\n </div>\n\n <div class=\"row mb-3\">\n <div class=\"col-12 col-md-6\">\n <form-control-text\n name=\"email\"\n label=\"Email\"\n defaultValue={ownersDefaultValue[index]?.email}\n error={this.errors[index]?.email}\n inputHandler={(name, value) =>\n this.inputHandler(name, value, index)\n }\n disabled={this.isEditing}\n />\n </div>\n <div class=\"col-12 col-md-6\">\n <form-control-number-masked\n name=\"phone\"\n label=\"Phone\"\n defaultValue={ownersDefaultValue[index]?.phone}\n error={this.errors[index]?.phone}\n inputHandler={(name, value) =>\n this.inputHandler(name, value, index)\n }\n mask={PHONE_MASKS.US}\n disabled={this.isEditing}\n />\n </div>\n </div>\n\n <div class=\"row mb-3\">\n <div class=\"col-12 col-md-4\">\n <form-control-datepart\n name=\"dob_day\"\n label=\"Date of Birth - Day\"\n defaultValue={ownersDefaultValue[index]?.dob_day}\n error={this.errors[index]?.dob_day}\n inputHandler={(name, value) =>\n this.inputHandler(name, value, index)\n }\n type=\"day\"\n disabled={this.isEditing}\n />\n </div>\n <div class=\"col-12 col-md-4\">\n <form-control-datepart\n name=\"dob_month\"\n label=\"Date of Birth - Month\"\n defaultValue={ownersDefaultValue[index]?.dob_month}\n error={this.errors[index]?.dob_month}\n inputHandler={(name, value) =>\n this.inputHandler(name, value, index)\n }\n type=\"month\"\n disabled={this.isEditing}\n />\n </div>\n <div class=\"col-12 col-md-4\">\n <form-control-datepart\n name=\"dob_year\"\n label=\"Date of Birth - Year\"\n defaultValue={ownersDefaultValue[index]?.dob_year}\n error={this.errors[index]?.dob_year}\n inputHandler={(name, value) =>\n this.inputHandler(name, value, index)\n }\n type=\"year\"\n disabled={this.isEditing}\n />\n </div>\n </div>\n\n <div class=\"mb-3\">\n <form-control-number\n name=\"identification_number\"\n label=\"Identification Number\"\n defaultValue={\n ownersDefaultValue[index]?.identification_number\n }\n error={this.errors[index]?.identification_number}\n inputHandler={(name, value) =>\n this.inputHandler(name, value, index)\n }\n disabled={this.isEditing}\n />\n </div>\n\n <div class=\"grid gap-3\">\n <legend class=\"mb-3\">Owner Address:</legend>\n\n <div class=\"row mb-3\">\n <div class=\"col-12 col-md-6\">\n <form-control-text\n name=\"line1\"\n label=\"Street Address\"\n defaultValue={\n ownersDefaultValue[index]?.address?.line1\n }\n error={this.errors[index]?.address?.line1}\n inputHandler={(name, value) =>\n this.addressInputHandler(name, value, index)\n }\n disabled={this.isEditing}\n />\n </div>\n <div class=\"col-12 col-md-6\">\n <form-control-text\n name=\"city\"\n label=\"City\"\n defaultValue={\n ownersDefaultValue[index]?.address?.city\n }\n error={this.errors[index]?.address?.city}\n inputHandler={(name, value) =>\n this.addressInputHandler(name, value, index)\n }\n disabled={this.isEditing}\n />\n </div>\n </div>\n\n <div class=\"row mb-3\">\n <div class=\"col-12 col-md-6\">\n <form-control-text\n name=\"state\"\n label=\"State\"\n defaultValue={\n ownersDefaultValue[index]?.address?.state\n }\n error={this.errors[index]?.address?.state}\n inputHandler={(name, value) =>\n this.addressInputHandler(name, value, index)\n }\n disabled={this.isEditing}\n />\n </div>\n <div class=\"col-12 col-md-6\">\n <form-control-number\n name=\"postal_code\"\n label=\"Postal Code\"\n defaultValue={\n ownersDefaultValue[index]?.address?.postal_code\n }\n error={this.errors[index]?.address?.postal_code}\n inputHandler={(name, value) =>\n this.addressInputHandler(name, value, index)\n }\n disabled={this.isEditing}\n />\n </div>\n </div>\n </div>\n <button\n type=\"button\"\n class=\"btn btn-outline-danger\"\n onClick={event => this.removeOwner(event, index)}\n >\n Remove owner\n </button>\n </div>\n </div>\n )\n })}\n <div class=\"row gy-3\">\n <div class=\"col-12\">\n <button\n type=\"button\"\n class=\"btn btn-outline-primary\"\n onClick={event => this.addOwner(event)}\n >\n Add an owner\n </button>\n </div>\n </div>\n </fieldset>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/business-form/business-representative/business-representative-schema.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"business-representative-schema.js","sourceRoot":"","sources":["../../../../../src/components/business-form/business-representative/business-representative-schema.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC","sourcesContent":["import { BusinessAddressFormFields } from '../business-address/business-address-form-schema';\n\nexport const RegExZip = /^\\d{5}/;\n\nexport interface IBusinessRepresentative {\n name: string;\n title: string;\n email: string;\n phone: string;\n dob_day: string;\n dob_month: string;\n dob_year: string;\n identification_number: string;\n is_owner: boolean;\n metadata: any;\n address: BusinessAddressFormFields;\n created_at: string;\n updated_at: string;\n}\n"]}

package/dist/collection/components/business-form/business-representative/business-representative.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"business-representative.js","sourceRoot":"","sources":["../../../../../src/components/business-form/business-representative/business-representative.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { FormController } from '../../form/form';\nimport { PHONE_MASKS } from '../../../utils/phone-masks';\n\n@Component({\n tag: 'justifi-business-representative',\n styleUrl: 'business-representative.scss',\n})\nexport class BusinessRepresentative {\n @Prop() formController: FormController;\n @State() errors: any = {};\n @State() representative: any = {};\n\n constructor() {\n this.inputHandler = this.inputHandler.bind(this);\n this.onAddressFormUpdate = this.onAddressFormUpdate.bind(this);\n }\n\n componentDidLoad() {\n this.formController.errors.subscribe(\n errors => (this.errors = { ...errors.representative }),\n );\n this.formController.values.subscribe(\n values => (this.representative = { ...values.representative }),\n );\n }\n\n inputHandler(name: string, value: string) {\n this.formController.setValues({\n ...this.formController.values.getValue(),\n representative: {\n ...this.formController.values.getValue().representative,\n [name]: value,\n },\n });\n }\n\n onAddressFormUpdate(values: any): void {\n this.formController.setValues({\n ...this.formController.values.getValue(),\n representative: {\n ...this.formController.values.getValue().representative,\n address: {\n ...this.formController.values.getValue().representative.address,\n ...values,\n },\n },\n });\n }\n\n render() {\n const representativeDefaultValue =\n this.formController.getInitialValues().representative;\n\n return (\n <Host exportparts=\"label,input,input-invalid\">\n <fieldset>\n <legend>Representative</legend>\n <hr />\n <div class=\"row gy-3\">\n <div class=\"col-12 col-md-8\">\n <form-control-text\n name=\"name\"\n label=\"Full Name\"\n defaultValue={representativeDefaultValue?.name}\n error={this.errors.name}\n inputHandler={this.inputHandler}\n />\n </div>\n\n <div class=\"col-12 col-md-4\">\n <form-control-select\n name=\"title\"\n label=\"Prefix\"\n defaultValue={representativeDefaultValue?.title}\n options={[\n { label: 'Select Prefix', value: '' },\n { label: 'Mrs.', value: 'Mrs.' },\n ]}\n error={this.errors.title}\n inputHandler={this.inputHandler}\n />\n </div>\n\n <div class=\"col-12 col-md-6\">\n <form-control-text\n name=\"email\"\n label=\"Email Address\"\n defaultValue={representativeDefaultValue?.email}\n error={this.errors.email}\n inputHandler={this.inputHandler}\n />\n </div>\n\n <div class=\"col-12 col-md-6\">\n <form-control-number-masked\n name=\"phone\"\n label=\"Phone Number\"\n defaultValue={representativeDefaultValue?.phone}\n error={this.errors.phone}\n inputHandler={this.inputHandler}\n mask={PHONE_MASKS.US}\n />\n </div>\n\n <div class=\"col-12\">\n <label part=\"label\" class=\"form-label\">\n Birth Date\n </label>\n </div>\n\n <div class=\"col-12 col-md-4\">\n <form-control-datepart\n name=\"dob_day\"\n label=\"Day\"\n defaultValue={representativeDefaultValue?.dob_day}\n error={this.errors.dob_day}\n inputHandler={this.inputHandler}\n type=\"day\"\n />\n </div>\n\n <div class=\"col-12 col-md-4\">\n <form-control-datepart\n name=\"dob_month\"\n label=\"Month\"\n defaultValue={representativeDefaultValue?.dob_month}\n error={this.errors.dob_month}\n inputHandler={this.inputHandler}\n type=\"month\"\n />\n </div>\n\n <div class=\"col-12 col-md-4\">\n <form-control-datepart\n name=\"dob_year\"\n label=\"Year\"\n defaultValue={representativeDefaultValue?.dob_year}\n error={this.errors.dob_year}\n inputHandler={this.inputHandler}\n type=\"year\"\n />\n </div>\n\n <div class=\"col-12\">\n <form-control-number\n name=\"identification_number\"\n label=\"EIN/SSN\"\n defaultValue={representativeDefaultValue?.identification_number}\n error={this.errors.identification_number}\n inputHandler={this.inputHandler}\n />\n </div>\n\n <div class=\"col-12\">\n <justifi-business-address-form\n errors={this.errors.address}\n defaultValues={representativeDefaultValue?.address}\n onFormUpdate={values => this.onAddressFormUpdate(values)}\n />\n </div>\n </div>\n </fieldset>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/business-form/helpers.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/components/business-form/helpers.ts"],"names":[],"mappings":"AAAA,+CAA+C;AAC/C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,EAAE;;EACvC,OAAO,IAAI,CAAC,EAAE,CAAC;EACf,OAAO,IAAI,CAAC,SAAS,CAAC;EACtB,OAAO,IAAI,CAAC,aAAa,CAAC;EAC1B,OAAO,IAAI,CAAC,kBAAkB,CAAC;EAC/B,OAAO,IAAI,CAAC,UAAU,CAAC;EACvB,OAAO,IAAI,CAAC,UAAU,CAAC;EAChB,MAAA,IAAI,CAAC,aAAa,+CAAE,EAAE,CAAC;EACvB,MAAA,IAAI,CAAC,aAAa,+CAAE,UAAU,CAAC;EAC/B,MAAA,IAAI,CAAC,aAAa,+CAAE,UAAU,CAAC;EAC/B,MAAA,IAAI,CAAC,cAAc,+CAAE,EAAE,CAAC;EACxB,MAAA,IAAI,CAAC,cAAc,+CAAE,SAAS,CAAC;EAC/B,MAAA,IAAI,CAAC,cAAc,+CAAE,UAAU,CAAC;EAChC,MAAA,IAAI,CAAC,cAAc,+CAAE,UAAU,CAAC;EAChC,MAAA,IAAI,CAAC,cAAc,+CAAE,OAAO,CAAC,EAAE,CAAC;EAChC,MAAA,IAAI,CAAC,cAAc,+CAAE,OAAO,CAAC,UAAU,CAAC;EACxC,MAAA,IAAI,CAAC,cAAc,+CAAE,OAAO,CAAC,UAAU,CAAC;EAC/C,OAAO,IAAI,CAAC,MAAM,CAAC;EAEnB,OAAO,IAAI,CAAC;AACd,CAAC,CAAA","sourcesContent":["// These props should not be sent to the server\nexport const parseForPatching = (data) => {\n delete data.id;\n delete data.documents;\n delete data.bank_accounts;\n delete data.product_categories;\n delete data.created_at;\n delete data.updated_at;\n delete data.legal_address?.id;\n delete data.legal_address?.created_at;\n delete data.legal_address?.updated_at;\n delete data.representative?.id;\n delete data.representative?.documents;\n delete data.representative?.created_at;\n delete data.representative?.updated_at;\n delete data.representative?.address.id;\n delete data.representative?.address.created_at;\n delete data.representative?.address.updated_at;\n delete data.owners;\n\n return data;\n}\n"]}

package/dist/collection/components/business-form/legal-address-form/legal-address-form-schema.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"legal-address-form-schema.js","sourceRoot":"","sources":["../../../../../src/components/business-form/legal-address-form/legal-address-form-schema.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAE3B,MAAM,kBAAkB,GAAG,GAAG,CAAC,MAAM,CAAC;EACpC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,sBAAsB,CAAC;EACpD,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE;EACnB,IAAI,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC;EACzC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC;EAC5C,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC;EACvD,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC;CACjD,CAAC,CAAC;AAEH,eAAe,kBAAkB,CAAC","sourcesContent":["import * as Yup from 'yup';\n\nconst legalAddressSchema = Yup.object({\n line1: Yup.string().required('Enter street address'),\n line2: Yup.string(),\n city: Yup.string().required('Enter city'),\n state: Yup.string().required('Select state'),\n postal_code: Yup.string().required('Enter postal code'),\n country: Yup.string().required('Select country'),\n});\n\nexport default legalAddressSchema;\n"]}

package/dist/collection/components/business-form/legal-address-form/legal-address-form.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"legal-address-form.js","sourceRoot":"","sources":["../../../../../src/components/business-form/legal-address-form/legal-address-form.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, State, h } from '@stencil/core';\nimport { FormController } from '../../form/form';\nimport countryOptions from '../../../utils/country-options';\n\n/**\n * @exportedPart label: Label for inputs\n * @exportedPart input: The input fields\n * @exportedPart input-invalid: Invalid state for inputfs\n */\n@Component({\n tag: 'justifi-legal-address-form',\n styleUrl: 'legal-address-form.scss',\n})\nexport class LegalAddressForm {\n @Prop() formController: FormController;\n @State() errors: any = {};\n @State() legal_address: any = {};\n\n constructor() {\n this.inputHandler = this.inputHandler.bind(this);\n }\n\n componentDidLoad() {\n this.formController.errors.subscribe(\n errors => (this.errors = { ...errors }),\n );\n this.formController.values.subscribe(\n values => (this.legal_address = { ...values.legal_address }),\n );\n }\n\n inputHandler(name: string, value: string) {\n this.formController.setValues({\n ...this.formController.values.getValue(),\n legal_address: {\n ...this.formController.values.getValue().legal_address,\n [name]: value,\n },\n });\n }\n\n render() {\n const legalAddressDefaultValue =\n this.formController.getInitialValues().legal_address;\n\n return (\n <Host exportparts=\"label,input,input-invalid\">\n <fieldset>\n <legend>Business Legal Address</legend>\n <hr />\n <div class=\"row gx-2 gy-2\">\n <div class=\"col-12\">\n <form-control-text\n name=\"line1\"\n label=\"Legal Address\"\n inputHandler={this.inputHandler}\n defaultValue={legalAddressDefaultValue?.line1}\n error={this.errors?.legal_address?.line1}\n />\n </div>\n <div class=\"col-12\">\n <form-control-text\n name=\"line2\"\n label=\"Address Line 2\"\n inputHandler={(name, value) => this.inputHandler(name, value)}\n defaultValue={legalAddressDefaultValue?.line2}\n />\n </div>\n <div class=\"col-12\">\n <form-control-text\n name=\"city\"\n label=\"City\"\n inputHandler={this.inputHandler}\n defaultValue={legalAddressDefaultValue?.city}\n error={this.errors?.legal_address?.city}\n />\n </div>\n <div class=\"col-12\">\n <form-control-text\n name=\"state\"\n label=\"State\"\n inputHandler={this.inputHandler}\n defaultValue={legalAddressDefaultValue?.state}\n error={this.errors?.legal_address?.state}\n />\n </div>\n <div class=\"col-12\">\n <form-control-number\n name=\"postal_code\"\n label=\"Postal Code\"\n inputHandler={this.inputHandler}\n defaultValue={legalAddressDefaultValue?.postal_code}\n error={this.errors?.legal_address?.postal_code}\n />\n </div>\n <div class=\"col-12\">\n <form-control-select\n name=\"country\"\n label=\"Country\"\n options={countryOptions}\n inputHandler={this.inputHandler}\n defaultValue={legalAddressDefaultValue?.country}\n error={this.errors?.legal_address?.country}\n // just for now so we skip handling country specificities\n disabled={true}\n />\n </div>\n </div>\n </fieldset>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/business-form/test/business-form.spec.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"business-form.spec.js","sourceRoot":"","sources":["../../../../../src/components/business-form/test/business-form.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;EACrC,IAAI,UAAU,CAAC;EAEf,uCAAuC;EACvC,UAAU,CAAC,GAAG,EAAE;IACd,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,kBAAkB,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;EACxE,CAAC,CAAC,CAAC;EAEH,iDAAiD;EACjD,SAAS,CAAC,GAAG,EAAE;IACb,UAAU,CAAC,WAAW,EAAE,CAAC;EAC3B,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;IAChE,MAAM,WAAW,CAAC;MAChB,UAAU,EAAE,CAAC,YAAY,CAAC;MAC1B,IAAI,EAAE,iDAAiD;KACxD,CAAC,CAAC;IAEH,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,CAAC,0EAA0E,CAAC,CAAC;EACtH,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,8DAA8D,EAAE,KAAK,IAAI,EAAE;IAC5E,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MACjC,UAAU,EAAE,CAAC,YAAY,CAAC;MAC1B,IAAI,EAAE,iDAAiD;KACxD,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAC9D,MAAM,CAAC,YAAY,CAAC,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;EACnD,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,kEAAkE,EAAE,KAAK,IAAI,EAAE;IAChF,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MACjC,UAAU,EAAE,CAAC,YAAY,CAAC;MAC1B,IAAI,EAAE,yEAAyE;KAChF,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAC9D,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;EACvD,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;IACpE,MAAM,WAAW,CAAC;MAChB,UAAU,EAAE,CAAC,YAAY,CAAC;MAC1B,IAAI,EAAE,yEAAyE;KAChF,CAAC,CAAC;IAEH,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;EAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { BusinessForm } from '../business-form';\n\ndescribe('justifi-business-form', () => {\n let consoleSpy;\n\n // Initialize the spy in the beforeEach\n beforeEach(() => {\n consoleSpy = jest.spyOn(console, 'warn').mockImplementation(() => {});\n });\n\n // Restore the original function in the afterEach\n afterEach(() => {\n consoleSpy.mockRestore();\n });\n\n it('should log a warning if no authToken is provided', async () => {\n await newSpecPage({\n components: [BusinessForm],\n html: `<justifi-business-form></justifi-business-form>`,\n });\n\n expect(consoleSpy).toHaveBeenCalledWith('Warning: Missing auth-token. The form will not be functional without it.');\n });\n\n it('should disable the submit button if no authToken is provided', async () => {\n const { root } = await newSpecPage({\n components: [BusinessForm],\n html: `<justifi-business-form></justifi-business-form>`,\n });\n\n const submitButton = root.querySelector('.jfi-submit-button');\n expect(submitButton).toHaveAttribute('disabled');\n });\n\n it('should not disable the submit button if an authToken is provided', async () => {\n const { root } = await newSpecPage({\n components: [BusinessForm],\n html: `<justifi-business-form auth-token=\"auth-token\"></justifi-business-form>`,\n });\n\n const submitButton = root.querySelector('.jfi-submit-button');\n expect(submitButton).not.toHaveAttribute('disabled');\n });\n\n it('should not log a warning if an authToken is provided', async () => {\n await newSpecPage({\n components: [BusinessForm],\n html: `<justifi-business-form auth-token=\"some-token\"></justifi-business-form>`,\n });\n\n expect(consoleSpy).not.toHaveBeenCalled();\n });\n});\n"]}

package/dist/collection/components/business-list/business-list.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"business-list.js","sourceRoot":"","sources":["../../../../src/components/business-list/business-list.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Watch } from '@stencil/core';\nimport { Api, IApiResponseCollection, PagingInfo, pagingDefaults } from '../../api';\nimport { Business, IBusiness } from '../../api/Business';\nimport { formatDate, snakeCaseToHumanReadable } from '../../utils/utils';\nimport { config } from '../../../config';\n\n\n/**\n * @exportedPart table-head: Table head\n * @exportedPart table-head-row: Head row\n * @exportedPart table-head-cell: Individual head cell\n * @exportedPart table-body: Body of the table\n * @exportedPart table-row: Row of the table\n * @exportedPart table-cell: Individual cell of the table\n * @exportedPart loading-state-cell: Row for loading state\n * @exportedPart loading-state-spinner: Spinner element for loading state\n * @exportedPart error-state: Row for Error state\n * @exportedPart empty-state: Row for Emtpy state\n * @exportedPart pagination-bar: Pagination bar\n * @exportedPart arrow: Both paging buttons\n * @exportedPart arrow-left: Previous page button\n * @exportedPart arrow-right: Next page button\n * @exportedPart arrow-disabled: Disabled state for paging buttons\n */\n@Component({\n tag: 'justifi-business-list',\n styleUrl: 'business-list.scss',\n shadow: true,\n})\nexport class BusinessList {\n /**\n * The Account ID to fetch payments.\n * This is required to fetch any data.\n * @required\n * @type {string}\n * @memberof PaymentsList\n */\n @Prop() accountId: string;\n /**\n * The Auth Token to fetch payments.\n * This is required to fetch any data.\n * @required\n * @type {string}\n */\n @Prop() authToken: string;\n @State() businesses: Business[] = [];\n @State() loading: boolean = true;\n @State() errorMessage: string;\n @State() paging: PagingInfo = pagingDefaults;\n @State() params: any\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 mapProductStatusToBadge = (status: boolean) => {\n return (status && 'bg-success') || 'bg-secondary';\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 =\n 'Can not fetch any data without an AccountID and an AuthToken';\n this.loading = false;\n return;\n }\n this.loading = true;\n const endpoint = `entities/business`;\n let accountIDParam = { account_id: this.accountId };\n\n const response: IApiResponseCollection<Business[]> = await Api(this.authToken, config.proxyApiOrigin,)\n .get(endpoint, { ...accountIDParam, ...this.params });\n\n if (!response.error) {\n this.paging = {\n ...this.paging,\n ...response.page_info,\n };\n\n const data = response?.data?.map(dataItem => new Business(dataItem));\n this.businesses = data;\n } else {\n this.errorMessage =\n typeof response.error === 'string'\n ? response.error\n : response.error.message;\n }\n\n this.loading = false;\n }\n\n render() {\n return (\n <Host>\n <justifi-table\n columnData={[\n ['Legal Name', 'The name associated with this Business'],\n ['Business Type', 'The business type'],\n ['Business Structure', 'The business structure'],\n ['Tax ID', 'The tax ID associated with this business'],\n ['Industry', 'The industry this business participates in'],\n [\n 'Product Ready',\n 'List of our products that are used by this business',\n ],\n ['Created at', 'Date this business was created'],\n ]}\n rowData={this.businesses.map((business: IBusiness) => [\n business.legal_name,\n snakeCaseToHumanReadable(business.business_type),\n snakeCaseToHumanReadable(business.business_structure),\n business.tax_id,\n business.industry,\n {\n type: 'inner',\n value: `\n <div class=\"d-flex flex-nowrap gap-1\">\n <span class=\"badge ${this.mapProductStatusToBadge(\n business.product_categories.credit,\n )}\">Credit</span>\n <span class=\"badge ${this.mapProductStatusToBadge(\n business.product_categories.insurance,\n )}\">Insurance</span>\n <span class=\"badge ${this.mapProductStatusToBadge(\n business.product_categories.lending,\n )}\">Lending</span>\n <span class=\"badge ${this.mapProductStatusToBadge(\n business.product_categories.payment,\n )}\">Payment</span>\n </div>\n `,\n },\n formatDate(business.created_at),\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"]}

package/dist/collection/components/business-list/business-list.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"business-list.stories.js","sourceRoot":"","sources":["../../../../src/components/business-list/business-list.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,eAAe;EACb,KAAK,EAAE,6BAA6B;EACpC,SAAS,EAAE,uBAAuB;EAClC,UAAU,EAAE,EAAE;CACf,CAAC;AAEF,MAAM,gBAAgB;EAIpB,YAAY,IAAI;IACd,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,cAAc,CAAC;IACjE,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,gBAAgB,CAAC;EACrE,CAAC;CACF;AAED,MAAM,QAAQ,GAAG,CAAC,IAAsB,EAAE,EAAE;EAC1C,OAAO,CAAC;;;oBAGU,IAAI,CAAC,YAAY,CAAC;oBAClB,IAAI,CAAC,YAAY,CAAC;;GAEnC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG,IAAI,gBAAgB,CAAC,EAAE,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG,IAAI,gBAAgB,CAAC,EAAE,CAAC,CAAC;AACvC,MAAM,CAAC,UAAU,GAAG;EAClB,CAAC,KAAK,EAAE,EAAE,CAAC;MACP,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BV;CACF,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,UAAU,GAAG;EACrB,CAAC,KAAK,EAAE,EAAE,CAAC;;QAEL,KAAK,EAAE;;GAEZ;CACF,CAAA;AACD,SAAS,CAAC,IAAI,GAAG,IAAI,gBAAgB,CAAC,EAAE,CAAC,CAAC","sourcesContent":["import { config } from '../../../config';\n\nexport default {\n title: 'dev/Components/BusinessList',\n component: 'justifi-business-list',\n parameters: {}\n};\n\nclass BusinessListArgs {\n 'auth-token': string;\n 'account-id': string;\n\n constructor(args) {\n this['auth-token'] = args['auth-token'] || config.proxyAuthToken;\n this['account-id'] = args['account-id'] || config.exampleAccountId;\n }\n}\n\nconst Template = (args: BusinessListArgs) => {\n return (`\n <justifi-business-list\n data-testid=\"justifi-business-list\"\n auth-token=\"${args['auth-token']}\"\n account-id=\"${args['account-id']}\"\n />\n `);\n};\n\nexport const Basic = Template.bind({});\nBasic.args = new BusinessListArgs({});\n\nexport const Styled = Template.bind({});\nStyled.args = new BusinessListArgs({});\nStyled.decorators = [\n (Story) => `\n ${Story()}\n <style>\n justifi-business-list::part(table-head-cell) {\n background-color: #F4F4F6;\n }\n justifi-business-list::part(pagination-bar) {\n background-color: #F4F4F6;\n }\n justifi-business-list::part(arrow) {\n --bs-btn-disabled-bg: #212529;\n --bs-btn-disabled-border-color: #212529;\n --bs-btn-bg: #212529;\n --bs-btn-border-color: #212529;\n --bs-btn-hover-bg: #fccc32;\n --bs-btn-hover-border-color: #fccc32;\n }\n justifi-business-list::part(error-state) {\n color: red;\n background-color: #EEEEF5;\n }\n justifi-business-list::part(loading-state-cell) {\n background-color: #EEEEF5;\n }\n justifi-business-list::part(table-row) {\n background-color: #EEEEF5;\n }\n justifi-business-list::part(table-row-even) {\n background-color: #F4F4F6;\n }\n </style>\n `\n]\n\nexport const Contained = Template.bind({});\nContained.decorators = [\n (Story) => `\n <div style=\"position: relative; width: 900px; height: 300px; overflow-x: hidden;\">\n ${Story()}\n </div>\n `\n]\nContained.args = new BusinessListArgs({});\n"]}

package/dist/collection/components/card-form/card-form.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"card-form.js","sourceRoot":"","sources":["../../../../src/components/card-form/card-form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAgB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAQ/F,MAAM,OAAO,QAAQ;;;;sBAcW,KAAK;;;EA+BnC,YAAY,CAAC,KAAkB;IAC7B,OAAO,CAAC,IAAI,CAAC,kGAAkG,CAAC,CAAC;IACjH,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;EACzB,CAAC;EAGD,eAAe,CAAC,KAAoB;IAClC,OAAO,CAAC,IAAI,CACV,wMAAwM,CACzM,CAAC;IACF,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;EACpC,CAAC;EAGD,eAAe,CAAC,KAAoB;IAClC,OAAO,CAAC,IAAI,CACV,wMAAwM,CACzM,CAAC;IACF,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;EACpC,CAAC;EAID;;KAEG;EAEH,KAAK,CAAC,QAAQ,CAAC,GAAG,IAAiE;IACjF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MAClB,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;KACzC;IACD,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;EACzC,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,QAAQ;IACZ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MAClB,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;KACzC;IACD,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;EAClC,CAAC;EAED;;;KAGG;EAEH,KAAK,CAAC,MAAM;IACV,OAAO,CAAC,IAAI,CACV,wKAAwK,CACzK,CAAC;IACF,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MAClB,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;KACzC;IACD,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;EAChC,CAAC;EAED,MAAM;IACJ,OAAO,CACL,mCACE,GAAG,EAAE,EAAE,CAAC,EAAE;QACR,IAAI,EAAE,EAAE;UACN,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;SACpB;MACH,CAAC,mBACc,IAAI,CAAC,YAAY,8BACP,MAAM,iBAClB,IAAI,CAAC,UAAU,+BACD,IAAI,CAAC,aAAa,kCACf,IAAI,CAAC,gBAAgB,yCACd,IAAI,CAAC,cAAc,IAAI,UAAU,GACtE,CACH,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, Prop, h, EventEmitter, Method, Listen, State } from '@stencil/core';\nimport { CreatePaymentMethodResponse } from '../payment-method-form/payment-method-responses';\nimport { Theme } from '../payment-method-form/theme';\n\n@Component({\n tag: 'justifi-card-form',\n shadow: false,\n})\nexport class CardForm {\n /**\n * When to trigger validation of the form.\n */\n @Prop({ mutable: true }) validationMode: 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';\n\n /**\n * URL for the rendered iFrame. End-users need not use this.\n */\n @Prop({ mutable: true }) iframeOrigin?: string;\n\n /**\n * Boolean indicating if the Card Form should render in a single line\n */\n @Prop() singleLine: boolean = false;\n\n @State() internalStyleOverrides: Theme;\n\n /**\n * Triggered when iframe has loaded\n * @event justifi-card-form#cardFormReady\n */\n\n @Event() cardFormReady: EventEmitter;\n\n /**\n * Triggered when iframe has loaded\n * @event justifi-card-form#ready\n */\n\n @Event() ready: EventEmitter;\n\n /**\n * Triggered when the tokenize method is called on the component\n * @event justifi-card-form#cardFormTokenize\n */\n @Event() cardFormTokenize: EventEmitter<{ data: any }>;\n\n /**\n * Triggered when the validate method is called on the component\n * @event justifi-card-form#cardFormTokenize\n */\n @Event() cardFormValidate: EventEmitter<{ data: { isValid: boolean } }>;\n\n @Listen('paymentMethodFormReady')\n readyHandler(event: CustomEvent) {\n console.warn(`The 'cardFormReady' event is deprecated in the next major release and will be renamed to 'ready'`);\n this.cardFormReady.emit(event);\n this.ready.emit(event);\n }\n\n @Listen('paymentMethodFormTokenize')\n tokenizeHandler(event: { data: any }) {\n console.warn(\n `The 'cardFormTokenize' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future.`,\n );\n this.cardFormTokenize.emit(event);\n }\n\n @Listen('paymentMethodFormValidate')\n validateHandler(event: { data: any }) {\n console.warn(\n `The 'cardFormValidate' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future.`,\n );\n this.cardFormValidate.emit(event);\n }\n\n private childRef?: HTMLJustifiPaymentMethodFormElement;\n\n /**\n * Makes a tokenization request to the iframe\n */\n @Method()\n async tokenize(...args: Parameters<HTMLJustifiPaymentMethodFormElement['tokenize']>): Promise<CreatePaymentMethodResponse> {\n if (!this.childRef) {\n throw new Error('Cannot call tokenize');\n }\n return this.childRef.tokenize(...args);\n }\n\n /**\n * Runs a validation on the form and shows errors if any\n */\n @Method()\n async validate(): Promise<{ isValid: boolean }> {\n if (!this.childRef) {\n throw new Error('Cannot call validate');\n }\n return this.childRef.validate();\n }\n\n /**\n * Manually resizes the iframe to fit the contents of the iframe\n * @deprecated This method will be removed in future releases.\n */\n @Method()\n async resize(): Promise<void> {\n console.warn(\n `The 'resize' method is deprecated and will be removed in the next major release. Please refer to the documentation for the migration process and alternative approach.`,\n );\n if (!this.childRef) {\n throw new Error('Cannot call validate');\n }\n return this.childRef.resize();\n }\n\n render() {\n return (\n <justifi-payment-method-form\n ref={el => {\n if (el) {\n this.childRef = el;\n }\n }}\n iframe-origin={this.iframeOrigin}\n payment-method-form-type=\"card\"\n single-line={this.singleLine}\n payment-method-form-ready={this.cardFormReady}\n payment-method-form-tokenize={this.cardFormTokenize}\n payment-method-form-validation-mode={this.validationMode || 'onSubmit'}\n />\n );\n }\n}\n"]}

package/dist/collection/components/card-form/card-form.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"card-form.stories.js","sourceRoot":"","sources":["../../../../src/components/card-form/card-form.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { config } from '../../../config';\n\ninterface CardFormStoryArgs {\n 'iframe-origin': string;\n 'single-line': boolean;\n 'validation-mode': string;\n 'css-variables': string;\n}\n\nexport default {\n title: 'Components/CardForm',\n component: 'justifi-card-form',\n argTypes: {\n 'resize': {\n description: 'Deprecated: This method will be removed in future releases.',\n table: {\n category: 'methods',\n },\n },\n },\n decorators: [\n story => `\n \n <p style=\"color: red; font-family: 'Roboto Mono', monospace;\">Note: The 'resize' method is deprecated and will be removed in future releases.</p>\n ${story()}\n <script>${addEvents()}</script>\n `,\n ],\n};\n\nconst handleValidateClick = async (cardForm: HTMLJustifiCardFormElement) => {\n const valid = await cardForm.validate();\n console.log(valid);\n};\nconst handleTokenizeClick = async (cardForm: HTMLJustifiCardFormElement, paymentMethodData) => {\n const tokenizeResponse = await cardForm.tokenize('CLIENT_ID', paymentMethodData);\n console.log(tokenizeResponse);\n};\nconst handleResizeClick = async (cardForm: HTMLJustifiCardFormElement) => {\n await cardForm.resize();\n};\nconst handleReady = () => {\n console.log('card form is ready');\n const cardForm = document.querySelector('justifi-card-form') as HTMLJustifiCardFormElement;\n const validateBtn = document.querySelector('#validate-btn');\n const tokenizeBtn = document.querySelector('#tokenize-btn');\n const resizeBtn = document.querySelector('#resize-btn');\n validateBtn?.addEventListener('click', () => {\n handleValidateClick(cardForm);\n });\n tokenizeBtn?.addEventListener('click', () => {\n handleTokenizeClick(cardForm, {});\n });\n resizeBtn?.addEventListener('click', () => {\n handleResizeClick(cardForm);\n });\n};\n\nconst addEvents = () => {\n addEventListener('cardFormReady', handleReady);\n};\n\nconst FormButtons = `\n <style>\n .button-bar {\n display: flex;\n aligin-items: center;\n padding: 10px;\n }\n .button-bar button {\n margin-right: 10px;\n border-radius: 3px;\n border: 1px solid black;\n }\n </style>\n <div class=\"button-bar\">\n <button id=\"validate-btn\">Validate</button>\n <button id=\"tokenize-btn\">Tokenize</button>\n <button id=\"resize-btn\">Resize</button>\n </div>`;\n\nconst Template = (args: CardFormStoryArgs) => {\n const includeButtons = true;\n\n return `\n <div>\n <style>\n :root {\n ${args['css-variables'] || ''}\n }\n </style>\n <justifi-card-form\n data-testid=\"card-form-iframe\"\n validation-mode='${args['validation-mode'] || 'onSubmit'}'\n iframe-origin='${config.iframeOrigin}'\n single-line='${args['single-line']}'\n />\n </div>\n ${includeButtons ? FormButtons : ''}\n `;\n};\n\nexport const Basic = Template.bind({});\nBasic.args = {\n 'validation-mode': 'onSubmit',\n 'single-line': false,\n};\n\nexport const SingleLine = Template.bind({});\nSingleLine.args = {\n 'single-line': true,\n};\n\nconst styledVariables = `\n --jfi-load-google-font: 'Inter:wght@200;400;700;900&family=Agdasima';\n --jfi-layout-font-family: Agdasima;\n --jfi-layout-padding: 4px;\n --jfi-layout-form-control-spacing-x: .5rem;\n --jfi-layout-form-control-spacing-y: 1rem;\n --jfi-form-label-font-weight: 100;\n --jfi-form-label-font-family: Inter;\n --jfi-form-label-margin: 0 0 .5rem 0;\n --jfi-form-control-background-color: #F4F4F6;\n --jfi-form-control-background-color-hover: #EEEEF5;\n --jfi-form-control-border-color: rgba(0, 0, 0, 0.42);\n --jfi-form-control-border-color-hover: rgba(0, 0, 0, 0.62);\n --jfi-form-control-border-color-focus: #fccc32;\n --jfi-form-control-border-color-error: #C12727;\n --jfi-form-control-border-top-width: 0;\n --jfi-form-control-border-left-width: 0;\n --jfi-form-control-border-bottom-width: 1px;\n --jfi-form-control-border-right-width: 0;\n --jfi-form-control-border-radius: 4px 4px 0 0;\n --jfi-form-control-border-style: solid;\n --jfi-form-control-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n --jfi-form-control-box-shadow-focus: none;\n --jfi-form-control-box-shadow-error-focus: none;\n --jfi-form-control-border-style: solid;\n --jfi-form-control-color: #212529;\n --jfi-form-control-font-size: 1rem;\n --jfi-form-control-font-weight: 400;\n --jfi-form-control-line-height: 2;\n --jfi-form-control-margin: 0;\n --jfi-form-control-padding: .5rem .875rem;\n --jfi-error-message-color: #C12727;\n --jfi-error-message-margin: .25rem 0 0 0;\n --jfi-error-message-font-size: .875rem;\n`;\n\nexport const Styled = Template.bind({});\nStyled.args = {\n 'single-line': false,\n 'css-variables': styledVariables,\n};\n"]}

package/dist/collection/components/card-form/test/card-form.e2e.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"card-form.e2e.js","sourceRoot":"","sources":["../../../../../src/components/card-form/test/card-form.e2e.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;EACjC,EAAE,CAAC,gFAAgF,EAAE,KAAK,IAAI,EAAE;IAC9F,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC,yCAAyC,CAAC,CAAC;IAEjE,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAEtD,MAAM,aAAa,GAAG,MAAM,QAAQ,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAEjE,MAAM,kBAAkB,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;IAC1E,kBAAkB,CAAC,YAAY,CAAC,wBAAwB,CAAC,CAAC;IAE1D,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CAAC,aAAa,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;EACpD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('justifi-card-form', () => {\n it('should emit \"cardFormReady\" event when \"paymentMethodFormReady\" event is fired', async () => {\n const page = await newE2EPage();\n await page.setContent('<justifi-card-form></justifi-card-form>');\n\n const cardForm = await page.find('justifi-card-form');\n\n const readyEventSpy = await cardForm.spyOnEvent('cardFormReady');\n\n const paymentFormElement = await page.find('justifi-payment-method-form');\n paymentFormElement.triggerEvent('paymentMethodFormReady');\n\n await page.waitForChanges();\n\n expect(readyEventSpy).toHaveReceivedEventTimes(1);\n });\n});\n"]}

package/dist/collection/components/card-form/test/card-form.spec.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"card-form.spec.js","sourceRoot":"","sources":["../../../../../src/components/card-form/test/card-form.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { CardForm } from '../card-form';\nimport { PaymentMethodForm } from '../../payment-method-form/payment-method-form';\n\ndescribe('justifi-card-form', () => {\n it('should pass validationMode prop to justifi-payment-method-form', async () => {\n const page = await newSpecPage({\n components: [CardForm],\n html: '<justifi-card-form validation-mode=\"onChange\" />',\n });\n const paymentMethodForm = page.root.querySelector('justifi-payment-method-form');\n expect(paymentMethodForm.getAttribute('payment-method-form-validation-mode')).toBe('onChange');\n });\n\n it('should pass iframeOrigin prop to justifi-payment-method-form', async () => {\n const page = await newSpecPage({\n components: [CardForm],\n html: '<justifi-card-form iframe-origin=\"https://example.com\" />',\n });\n\n const paymentMethodForm = page.root.querySelector('justifi-payment-method-form');\n expect(paymentMethodForm.getAttribute('iframe-origin')).toBe('https://example.com');\n });\n\n it('should pass singleLine prop to justifi-payment-method-form', async () => {\n const page = await newSpecPage({\n components: [CardForm],\n html: '<justifi-card-form single-line />',\n });\n const paymentMethodForm = page.root.querySelector('justifi-payment-method-form');\n expect(paymentMethodForm.getAttribute('single-line')).toBe('');\n });\n\n it('should call the PaymentMethodForm validate method when invoked from the CardForm component', async () => {\n const page = await newSpecPage({\n components: [CardForm, PaymentMethodForm],\n html: '<justifi-card-form></justifi-card-form>',\n });\n\n const component = page.rootInstance;\n\n const validateMock = jest.fn();\n component.childRef = { validate: validateMock } as any;\n\n await component.validate();\n\n expect(validateMock).toHaveBeenCalled();\n });\n\n it('should call the PaymentMethodForm tokenize method with the right arguments when invoked from the CardForm component', async () => {\n const page = await newSpecPage({\n components: [CardForm, PaymentMethodForm],\n html: '<justifi-card-form></justifi-card-form>',\n });\n\n const component = page.rootInstance;\n\n const tokenizeMock = jest.fn();\n component.childRef = { tokenize: tokenizeMock } as any;\n\n const clientId = 'clientId';\n const paymentMethodMetadata = { paymentMethodType: 'card' };\n const account = 'account';\n const tokenizeArgs = [clientId, paymentMethodMetadata, account];\n\n await component.tokenize(...tokenizeArgs);\n\n expect(tokenizeMock).toHaveBeenCalledWith(...tokenizeArgs);\n });\n});\n"]}

package/dist/collection/components/details/details.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"details.js","sourceRoot":"","sources":["../../../../src/components/details/details.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAQrC,MAAM,OAAO,OAAO;;;;EAGlB,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IACH,WAAW,EAAC,8MACqF,IAG/F,IAAI,CAAC,YAAY,CAAC,CAAC;MACjB,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC;MAC7B,CAAC;QACD,YAAM,KAAK,EAAC,KAAK;UACf,YAAM,IAAI,EAAC,WAAW,GAAG;UACzB,YAAM,IAAI,EAAC,iBAAiB,GAAG,CAC1B,CAEN,CACR,CAAA;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\nimport { ErrorState } from './utils';\n\n@Component({\n tag: 'justifi-details',\n styleUrl: './details.scss',\n shadow: true,\n})\n\nexport class Details {\n @Prop() errorMessage: string;\n\n render() {\n return (\n <Host\n exportParts='detail-empty-state, detail-metadata-title, detail-metadata, detail-section, detail-section-title, \n detail-section-item-title, detail-section-item-data, detail-head, detail-title, detail-head-info'\n >\n {\n this.errorMessage ?\n ErrorState(this.errorMessage)\n :\n <main class=\"p-2\">\n <slot name=\"head-info\" />\n <slot name='detail-sections' />\n </main>\n }\n </Host>\n )\n }\n}\n"]}

package/dist/collection/components/details/utils.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/details/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAElC,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,YACE,IAAI,EAAC,sBAAsB,EAC3B,KAAK,EAAC,+CAA+C,EACrD,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;EAE7B,WACE,IAAI,EAAC,wBAAwB,EAC7B,KAAK,EAAC,kCAAkC,EACxC,IAAI,EAAC,QAAQ;IAEb,YAAM,KAAK,EAAC,iBAAiB,iBAAkB,CAC3C,CACD,CACR,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,YAAoB,EAAE,EAAE,CAAC,CAClD,YACE,IAAI,EAAC,oBAAoB,EACzB,KAAK,EAAC,+CAA+C,EACrD,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;EAE7B,eAAM,YAAY,CAAO,CACpB,CACR,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,EAAE,YAAY,EAA4B,EAC1C,QAAQ,EACR,EAAE,CAAC,CACH,WAAK,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAC,MAAM;EACrC,UAAI,IAAI,EAAC,sBAAsB,IAAE,YAAY,CAAM;EACnD,aAAM;EACN,WAAK,KAAK,EAAC,6DAA6D,IACrE,QAAQ,CACL,CACF,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,KAAK,GAIN,EAAE,EAAE,CACH,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,CACf,WAAK,KAAK,EAAC,cAAc;EACvB,YAAM,IAAI,EAAC,2BAA2B,EAAC,KAAK,EAAC,gBAAgB,IAC1D,KAAK,CACD;EACP,YACE,IAAI,EAAC,0BAA0B,EAC/B,KAAK,EAAC,QAAQ,EACd,SAAS,EAAE,KAAK,GACV,CACJ,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AAEX,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,KAAK,EACL,KAAK,EACL,OAAO,GAKR,EAAE,EAAE,CAAC,CACJ,WAAK,IAAI,EAAC,uBAAuB,EAAC,KAAK,EAAE,sBAAsB,OAAO,EAAE;EACtE,YACE,IAAI,EAAC,6BAA6B,EAClC,KAAK,EAAC,0CAA0C,IAE/C,KAAK,CACD;EACP,YAAM,IAAI,EAAC,4BAA4B,EAAC,KAAK,EAAC,gBAAgB,IAC3D,KAAK,CACD,CACH,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,CAAC,CAClE,WAAK,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,KAAK;EAC7C,WAAK,KAAK,EAAC,+CAA+C;IACxD,UAAI,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,cAAc,IAChC,KAAK,CACH;IACJ,KAAK,CACF;EACN,WAAK,IAAI,EAAC,kBAAkB,EAAC,KAAK,EAAC,iCAAiC,IACjE,QAAQ,CACL,CACF,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAkB,EAAE,EAAE,CACxD,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CACzC,WAAK,KAAK,EAAC,MAAM;EACf,WAAK,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAC,KAAK,gBAAY,kBAAkB;IACnE,gBACG,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAC7B,CACH,CACF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC","sourcesContent":["import { h } from '@stencil/core';\n\nexport const LoadingState = (\n <main\n part=\"detail-loading-state\"\n class=\"p-4 d-flex justify-content-center text-center\"\n style={{ fontSize: '1.2rem' }}\n >\n <div\n part=\"detail-loading-spinner\"\n class=\"spinner-border spinner-border-sm\"\n role=\"status\"\n >\n <span class=\"visually-hidden\">Loading...</span>\n </div>\n </main>\n);\n\nexport const ErrorState = (errorMessage: string) => (\n <main\n part=\"detail-empty-state\"\n class=\"p-4 d-flex justify-content-center text-center\"\n style={{ fontSize: '1.2rem' }}\n >\n <div>{errorMessage}</div>\n </main>\n);\n\nexport const DetailSection = (\n { sectionTitle }: { sectionTitle: string },\n children,\n) => (\n <div part=\"detail-section\" class=\"mt-4\">\n <h5 part=\"detail-section-title\">{sectionTitle}</h5>\n <hr />\n <div class=\"d-flex flex-column justify-content-center gap-2 text-nowrap\">\n {children}\n </div>\n </div>\n);\n\nexport const DetailItem = ({\n title,\n value,\n}: {\n title: string;\n value: string;\n}) =>\n title && value ? (\n <div class=\"d-flex gap-2\">\n <span part=\"detail-section-item-title\" class=\"fw-bold flex-1\">\n {title}\n </span>\n <span\n part=\"detail-section-item-data\"\n class=\"flex-1\"\n innerHTML={value}\n ></span>\n </div>\n ) : null;\n\nexport const EntityHeadInfoItem = ({\n title,\n value,\n classes,\n}: {\n title: string;\n value: any;\n classes?: string;\n}) => (\n <div part=\"detail-head-info-item\" class={`d-flex flex-column ${classes}`}>\n <span\n part=\"detail-head-info-item-title\"\n class=\"fw-bold border-1 border-bottom ps-2 pe-2\"\n >\n {title}\n </span>\n <span part=\"detail-head-info-item-data\" class=\"pt-2 ps-2 pe-2\">\n {value}\n </span>\n </div>\n);\n\nexport const EntityHeadInfo = ({ title, slot, badge }, children) => (\n <div slot={slot} part=\"detail-head\" class=\"p-2\">\n <div class=\"d-flex flex-row align-items-center gap-2 mb-2\">\n <h1 class=\"m-0\" part=\"detail-title\">\n {title}\n </h1>\n {badge}\n </div>\n <div part=\"detail-head-info\" class=\"d-flex flex-row align-items-top\">\n {children}\n </div>\n </div>\n);\n\nexport const CodeBlock = ({ metadata }: {metadata: {}}) => \n metadata && Object.keys(metadata).length ? (\n <div class='mt-4'>\n <pre part=\"detail-metadata\" class=\"p-2\" aria-label=\"metadata content\">\n <code>\n {JSON.stringify(metadata, null, 2)}\n </code>\n </pre>\n </div>\n ) : null;\n"]}

package/dist/collection/components/form/form-control-datepart.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"form-control-datepart.js","sourceRoot":"","sources":["../../../../src/components/form/form-control-datepart.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Host,\n h,\n Prop,\n Event,\n EventEmitter,\n Watch,\n} from '@stencil/core';\nimport IMask, { InputMask } from 'imask';\n\n@Component({\n tag: 'form-control-datepart',\n styleUrl: 'form-control-number.scss',\n shadow: true,\n})\nexport class DatePartInput {\n @Prop() label: string;\n @Prop() name: string;\n @Prop() error: string;\n @Prop() defaultValue: string;\n @Prop() type: 'day' | 'month' | 'year';\n @Prop() inputHandler: (name: string, value: string) => void;\n @Prop() disabled: boolean;\n\n private imask: InputMask<any> | null = null;\n\n textInput!: HTMLInputElement;\n\n @Event() formControlInput: EventEmitter<any>;\n @Event() formControlBlur: EventEmitter<any>;\n\n @Watch('defaultValue')\n handleDefaultValueChange(newValue: string) {\n this.updateInput(newValue);\n }\n\n componentDidLoad() {\n if (this.textInput) {\n let maskOptions;\n\n switch (this.type) {\n case 'day':\n maskOptions = { mask: Number, min: 1, max: 31 };\n break;\n case 'month':\n maskOptions = { mask: Number, min: 1, max: 12 };\n break;\n case 'year':\n maskOptions = {\n mask: Number,\n min: 1900,\n max: new Date().getFullYear(),\n };\n break;\n default:\n throw new Error('Invalid type prop');\n }\n\n this.imask = IMask(this.textInput, maskOptions);\n\n this.imask.on('accept', () => {\n const rawValue = this.imask.unmaskedValue;\n this.inputHandler(this.name, rawValue);\n });\n\n this.textInput.addEventListener('blur', () => {\n this.formControlBlur.emit();\n });\n\n this.updateInput(this.defaultValue);\n }\n }\n\n updateInput(newValue: any) {\n if (this.imask) {\n this.imask.value = newValue;\n }\n }\n\n disconnectedCallback() {\n this.imask?.destroy();\n }\n\n render() {\n return (\n <Host exportparts=\"label,input,input-invalid\">\n <label part=\"label\" class=\"form-label\" htmlFor={this.name}>\n {this.label}\n </label>\n <input\n ref={el => (this.textInput = el as HTMLInputElement)}\n id={this.name}\n name={this.name}\n onBlur={() => this.formControlBlur.emit()}\n part={`input ${this.error && 'input-invalid'}`}\n class={this.error ? 'form-control is-invalid' : 'form-control'}\n type=\"text\"\n disabled={this.disabled}\n />\n {this.error && <div class=\"invalid-feedback\">{this.error}</div>}\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/form/form-control-monetary.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"form-control-monetary.js","sourceRoot":"","sources":["../../../../src/components/form/form-control-monetary.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,EACJ,KAAK,EAEL,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,KAAoB,MAAM,OAAO,CAAC;AAOzC,MAAM,OAAO,aAAa;;IAOhB,UAAK,GAA0B,IAAI,CAAC;;;;;;;EAQ5C,wBAAwB,CAAC,QAAgB;IACvC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;EAC7B,CAAC;EAED,gBAAgB;IACd,IAAI,IAAI,CAAC,SAAS,EAAE;MAClB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE;QACjC,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,CAAC;QACR,kBAAkB,EAAE,GAAG;QACvB,kBAAkB,EAAE,IAAI;QACxB,cAAc,EAAE,IAAI;QACpB,KAAK,EAAE,GAAG;OACX,CAAC,CAAC;MAEH,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE;QAC3B,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;QAC1C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;MACzC,CAAC,CAAC,CAAC;MAEH,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE;QAC3C,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;MAC9B,CAAC,CAAC,CAAC;KACJ;IACD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;EACtC,CAAC;EAED,oBAAoB;;IAClB,MAAA,IAAI,CAAC,KAAK,0CAAE,OAAO,EAAE,CAAC;EACxB,CAAC;EAED,WAAW,CAAC,QAAa;IACvB,IAAI,IAAI,CAAC,KAAK,EAAE;MACd,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;KACrC;EACH,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,WAAW,EAAC,2BAA2B;MAC3C,aAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,IACtD,IAAI,CAAC,KAAK,CACL;MACR,aACE,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,EAAsB,CAAC,EACpD,EAAE,EAAE,IAAI,CAAC,IAAI,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,EACzC,IAAI,EAAE,SAAS,IAAI,CAAC,KAAK,IAAI,eAAe,EAAE,EAC9C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,cAAc,EAC9D,IAAI,EAAC,MAAM,GACX;MACD,IAAI,CAAC,KAAK,IAAI,WAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAO,CAC1D,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n Component,\n Host,\n h,\n Prop,\n Event,\n EventEmitter,\n Watch,\n} from '@stencil/core';\nimport IMask, { InputMask } from 'imask';\n\n@Component({\n tag: 'form-control-monetary',\n styleUrl: 'form-control-number.scss',\n shadow: true,\n})\nexport class MonetaryInput {\n @Prop() label: string;\n @Prop() name: any;\n @Prop() error: string;\n @Prop() defaultValue: string;\n @Prop() inputHandler: (name: string, value: string) => void;\n\n private imask: InputMask<any> | null = null;\n\n textInput!: HTMLInputElement;\n\n @Event() formControlInput: EventEmitter<any>;\n @Event() formControlBlur: EventEmitter<any>;\n\n @Watch('defaultValue')\n handleDefaultValueChange(newValue: string) {\n this.updateInput(newValue);\n }\n\n componentDidLoad() {\n if (this.textInput) {\n this.imask = IMask(this.textInput, {\n mask: Number,\n scale: 2,\n thousandsSeparator: ',',\n padFractionalZeros: true,\n normalizeZeros: true,\n radix: '.',\n });\n\n this.imask.on('accept', () => {\n const rawValue = this.imask.unmaskedValue;\n this.inputHandler(this.name, rawValue);\n });\n\n this.textInput.addEventListener('blur', () => {\n this.formControlBlur.emit();\n });\n }\n this.updateInput(this.defaultValue);\n }\n\n disconnectedCallback() {\n this.imask?.destroy();\n }\n\n updateInput(newValue: any) {\n if (this.imask) {\n this.imask.value = String(newValue);\n }\n }\n\n render() {\n return (\n <Host exportparts=\"label,input,input-invalid\">\n <label part=\"label\" class=\"form-label\" htmlFor={this.name}>\n {this.label}\n </label>\n <input\n ref={el => (this.textInput = el as HTMLInputElement)}\n id={this.name}\n name={this.name}\n onBlur={() => this.formControlBlur.emit()}\n part={`input ${this.error && 'input-invalid'}`}\n class={this.error ? 'form-control is-invalid' : 'form-control'}\n type=\"text\"\n />\n {this.error && <div class=\"invalid-feedback\">{this.error}</div>}\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/form/form-control-number-masked.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"form-control-number-masked.js","sourceRoot":"","sources":["../../../../src/components/form/form-control-number-masked.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,EACJ,KAAK,EAEL,KAAK,GACN,MAAM,eAAe,CAAC;AACvB,OAAO,KAAoB,MAAM,OAAO,CAAC;AAOzC,MAAM,OAAO,iBAAiB;;IASpB,UAAK,GAA0B,IAAI,CAAC;;;;;;;;;EAQ5C,wBAAwB,CAAC,QAAgB;IACvC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;EAC7B,CAAC;EAED,gBAAgB;IACd,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,EAAE;MAC/B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE;QACjC,IAAI,EAAE,IAAI,CAAC,IAAI;OAChB,CAAC,CAAC;MAEH,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE;QAC3B,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;QAC1C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;MACzC,CAAC,CAAC,CAAC;MAEH,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,EAAE;QAC3C,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;MAC9B,CAAC,CAAC,CAAC;MAEH,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;KACrC;EACH,CAAC;EAED,oBAAoB;;IAClB,MAAA,IAAI,CAAC,KAAK,0CAAE,OAAO,EAAE,CAAC;EACxB,CAAC;EAED,WAAW,CAAC,QAAa;IACvB,IAAI,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE;MAC1B,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;KACrC;EACH,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,WAAW,EAAC,2BAA2B;MAC3C,aAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,IACtD,IAAI,CAAC,KAAK,CACL;MACR,aACE,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,EAAsB,CAAC,EACpD,EAAE,EAAE,IAAI,CAAC,IAAI,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,EACzC,IAAI,EAAE,SAAS,IAAI,CAAC,KAAK,IAAI,eAAe,EAAE,EAC9C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,cAAc,EAC9D,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB;MACD,IAAI,CAAC,KAAK,IAAI,WAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAO,CAC1D,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n Component,\n Host,\n h,\n Prop,\n Event,\n EventEmitter,\n Watch,\n} from '@stencil/core';\nimport IMask, { InputMask } from 'imask';\n\n@Component({\n tag: 'form-control-number-masked',\n styleUrl: 'form-control-number.scss',\n shadow: true,\n})\nexport class NumberInputMasked {\n @Prop() label: string;\n @Prop() name: any;\n @Prop() error: string;\n @Prop() defaultValue: string;\n @Prop() inputHandler: (name: string, value: string) => void;\n @Prop() mask: string;\n @Prop() disabled: boolean;\n\n private imask: InputMask<any> | null = null;\n\n textInput!: HTMLInputElement;\n\n @Event() formControlInput: EventEmitter<any>;\n @Event() formControlBlur: EventEmitter<any>;\n\n @Watch('defaultValue')\n handleDefaultValueChange(newValue: string) {\n this.updateInput(newValue);\n }\n\n componentDidLoad() {\n if (this.textInput && this.mask) {\n this.imask = IMask(this.textInput, {\n mask: this.mask,\n });\n\n this.imask.on('accept', () => {\n const rawValue = this.imask.unmaskedValue;\n this.inputHandler(this.name, rawValue);\n });\n\n this.textInput.addEventListener('blur', () => {\n this.formControlBlur.emit();\n });\n\n this.updateInput(this.defaultValue);\n }\n }\n\n disconnectedCallback() {\n this.imask?.destroy();\n }\n\n updateInput(newValue: any) {\n if (this.imask && newValue) {\n this.imask.value = String(newValue);\n }\n }\n\n render() {\n return (\n <Host exportparts=\"label,input,input-invalid\">\n <label part=\"label\" class=\"form-label\" htmlFor={this.name}>\n {this.label}\n </label>\n <input\n ref={el => (this.textInput = el as HTMLInputElement)}\n id={this.name}\n name={this.name}\n onBlur={() => this.formControlBlur.emit()}\n part={`input ${this.error && 'input-invalid'}`}\n class={this.error ? 'form-control is-invalid' : 'form-control'}\n type=\"text\"\n disabled={this.disabled}\n />\n {this.error && <div class=\"invalid-feedback\">{this.error}</div>}\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/form/form-control-number.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"form-control-number.js","sourceRoot":"","sources":["../../../../src/components/form/form-control-number.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,EACJ,KAAK,EAEL,KAAK,EACL,OAAO,EACP,KAAK,GACN,MAAM,eAAe,CAAC;AAOvB,MAAM,OAAO,WAAW;;;;;;;;;;EActB,wBAAwB,CAAC,QAAgB;IACvC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;EAC7B,CAAC;EAED,WAAW,CAAC,QAAa;IACvB,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/D,IAAI,YAAY,EAAE;MAChB,YAAY,CAAC,KAAK,GAAG,QAAQ,IAAI,EAAE,CAAC;KACrC;EACH,CAAC;EAED,sBAAsB,CAAC,KAAU;IAC/B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;EACxC,CAAC;EAED,gBAAgB;IACd,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;EACtC,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,WAAW,EAAC,2BAA2B;MAC3C,aAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,IACtD,IAAI,CAAC,KAAK,CACL;MACR,aACE,EAAE,EAAE,IAAI,CAAC,IAAI,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAC3D,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,EACzC,IAAI,EAAE,SAAS,IAAI,CAAC,KAAK,IAAI,eAAe,EAAE,EAC9C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,cAAc,EAC9D,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB;MACD,IAAI,CAAC,KAAK,IAAI,WAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAO,CAC1D,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n Component,\n Host,\n h,\n Prop,\n Event,\n EventEmitter,\n State,\n Element,\n Watch,\n} from '@stencil/core';\n\n@Component({\n tag: 'form-control-number',\n styleUrl: 'form-control-number.scss',\n shadow: true,\n})\nexport class NumberInput {\n @Element() el: HTMLElement;\n\n @Prop() label: string;\n @Prop() name: any;\n @Prop() error: string;\n @Prop() defaultValue: string;\n @Prop() inputHandler: (name: string, value: string) => void;\n @Prop() disabled: boolean;\n @State() input: string;\n @Event() formControlInput: EventEmitter<any>;\n @Event() formControlBlur: EventEmitter<any>;\n\n @Watch('defaultValue')\n handleDefaultValueChange(newValue: string) {\n this.updateInput(newValue);\n }\n\n updateInput(newValue: any) {\n const inputElement = this.el.shadowRoot.querySelector('input');\n if (inputElement) {\n inputElement.value = newValue || '';\n }\n }\n\n handleFormControlInput(event: any) {\n const target = event.target;\n const name = target.getAttribute('name');\n this.inputHandler(name, target.value);\n }\n\n componentDidLoad() {\n this.updateInput(this.defaultValue);\n }\n\n render() {\n return (\n <Host exportparts=\"label,input,input-invalid\">\n <label part=\"label\" class=\"form-label\" htmlFor={this.name}>\n {this.label}\n </label>\n <input\n id={this.name}\n name={this.name}\n onInput={(event: any) => this.handleFormControlInput(event)}\n onBlur={() => this.formControlBlur.emit()}\n part={`input ${this.error && 'input-invalid'}`}\n class={this.error ? 'form-control is-invalid' : 'form-control'}\n type=\"number\"\n disabled={this.disabled}\n />\n {this.error && <div class=\"invalid-feedback\">{this.error}</div>}\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/form/form-control-select.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"form-control-select.js","sourceRoot":"","sources":["../../../../src/components/form/form-control-select.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,EACJ,KAAK,EAEL,KAAK,GACN,MAAM,eAAe,CAAC;AAOvB,MAAM,OAAO,WAAW;;;;;;;;;;EActB,wBAAwB,CAAC,QAAgB;IACvC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;EAC7B,CAAC;EAED,WAAW,CAAC,QAAa;IACvB,IAAI,CAAC,aAAa,CAAC,KAAK,GAAG,QAAQ,CAAC;EACtC,CAAC;EAED,sBAAsB,CAAC,KAAU;IAC/B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;EACxC,CAAC;EAED,gBAAgB;IACd,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;EACtC,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,WAAW,EAAC,2BAA2B;MAC3C,aAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,IACtD,IAAI,CAAC,KAAK,CACL;MACR,cACE,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,aAAa,GAAG,EAAuB,CAAC,EACzD,EAAE,EAAE,IAAI,CAAC,IAAI,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAC3D,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,EACzC,IAAI,EAAE,SAAS,IAAI,CAAC,KAAK,IAAI,eAAe,EAAE,EAC9C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,aAAa,EAC5D,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAEtB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC1B,cAAQ,KAAK,EAAE,MAAM,CAAC,KAAK,IAAG,MAAM,CAAC,KAAK,CAAU,CACrD,CAAC,CACK;MACR,IAAI,CAAC,KAAK,IAAI,WAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAO,CAC1D,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n Component,\n Host,\n h,\n Prop,\n Event,\n EventEmitter,\n Watch,\n} from '@stencil/core';\n\n@Component({\n tag: 'form-control-select',\n styleUrl: 'form-control-select.scss',\n shadow: true,\n})\nexport class SelectInput {\n selectElement!: HTMLSelectElement;\n\n @Prop() label: string;\n @Prop() name: any;\n @Prop() error: string;\n @Prop() defaultValue: string;\n @Prop() inputHandler: (name: string, value: string) => void;\n @Prop() options: { label: string; value: string }[];\n @Prop() disabled: boolean;\n @Event() formControlInput: EventEmitter<any>;\n @Event() formControlBlur: EventEmitter<any>;\n\n @Watch('defaultValue')\n handleDefaultValueChange(newValue: string) {\n this.updateInput(newValue);\n }\n\n updateInput(newValue: any) {\n this.selectElement.value = newValue;\n }\n\n handleFormControlInput(event: any) {\n const target = event.target;\n const name = target.getAttribute('name');\n this.inputHandler(name, target.value);\n }\n\n componentDidLoad() {\n this.updateInput(this.defaultValue);\n }\n\n render() {\n return (\n <Host exportparts=\"label,input,input-invalid\">\n <label part=\"label\" class=\"form-label\" htmlFor={this.name}>\n {this.label}\n </label>\n <select\n ref={el => (this.selectElement = el as HTMLSelectElement)}\n id={this.name}\n name={this.name}\n onInput={(event: any) => this.handleFormControlInput(event)}\n onBlur={() => this.formControlBlur.emit()}\n part={`input ${this.error && 'input-invalid'}`}\n class={this.error ? 'form-select is-invalid' : 'form-select'}\n disabled={this.disabled}\n >\n {this.options.map(option => (\n <option value={option.value}>{option.label}</option>\n ))}\n </select>\n {this.error && <div class=\"invalid-feedback\">{this.error}</div>}\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/form/form-control-text.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"form-control-text.js","sourceRoot":"","sources":["../../../../src/components/form/form-control-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,EACJ,KAAK,EAEL,KAAK,EACL,OAAO,EACP,KAAK,GACN,MAAM,eAAe,CAAC;AAOvB,MAAM,OAAO,SAAS;;;;;;;;;;EAcpB,wBAAwB,CAAC,QAAgB;IACvC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;EAC7B,CAAC;EAED,WAAW,CAAC,QAAa;IACvB,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/D,IAAI,YAAY,EAAE;MAChB,YAAY,CAAC,KAAK,GAAG,QAAQ,IAAI,EAAE,CAAC;KACrC;EACH,CAAC;EAED,sBAAsB,CAAC,KAAU;IAC/B,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;EACxC,CAAC;EAED,gBAAgB;IACd,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;EACtC,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,WAAW,EAAC,2BAA2B;MAC3C,aAAO,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,IACtD,IAAI,CAAC,KAAK,CACL;MACR,aACE,EAAE,EAAE,IAAI,CAAC,IAAI,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAC3D,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,EACzC,IAAI,EAAE,SAAS,IAAI,CAAC,KAAK,IAAI,eAAe,IAC1C,IAAI,CAAC,QAAQ,IAAI,gBACnB,EAAE,EACF,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,cAAc,EAC9D,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB;MACD,IAAI,CAAC,KAAK,IAAI,WAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAO,CAC1D,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n Component,\n Host,\n h,\n Prop,\n Event,\n EventEmitter,\n State,\n Element,\n Watch,\n} from '@stencil/core';\n\n@Component({\n tag: 'form-control-text',\n styleUrl: 'form-control-text.scss',\n shadow: true,\n})\nexport class TextInput {\n @Element() el: HTMLElement;\n\n @Prop() label: string;\n @Prop() name: any;\n @Prop() error: string;\n @Prop() defaultValue: string;\n @Prop() disabled: boolean;\n @Prop() inputHandler: (name: string, value: string) => void;\n @State() input: string;\n @Event() formControlInput: EventEmitter<any>;\n @Event() formControlBlur: EventEmitter<any>;\n\n @Watch('defaultValue')\n handleDefaultValueChange(newValue: string) {\n this.updateInput(newValue);\n }\n\n updateInput(newValue: any) {\n const inputElement = this.el.shadowRoot.querySelector('input');\n if (inputElement) {\n inputElement.value = newValue || '';\n }\n }\n\n handleFormControlInput(event: any) {\n const target = event.target;\n const name = target.getAttribute('name');\n this.inputHandler(name, target.value);\n }\n\n componentDidLoad() {\n this.updateInput(this.defaultValue);\n }\n\n render() {\n return (\n <Host exportparts=\"label,input,input-invalid\">\n <label part=\"label\" class=\"form-label\" htmlFor={this.name}>\n {this.label}\n </label>\n <input\n id={this.name}\n name={this.name}\n onInput={(event: any) => this.handleFormControlInput(event)}\n onBlur={() => this.formControlBlur.emit()}\n part={`input ${this.error && 'input-invalid'} ${\n this.disabled && 'input-disabled'\n }`}\n class={this.error ? 'form-control is-invalid' : 'form-control'}\n type=\"text\"\n disabled={this.disabled}\n />\n {this.error && <div class=\"invalid-feedback\">{this.error}</div>}\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/form/form.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"form.js","sourceRoot":"","sources":["../../../../src/components/form/form.ts"],"names":[],"mappings":"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","sourcesContent":["import { BehaviorSubject } from 'rxjs';\nimport { ObjectSchema, ValidationError } from 'yup';\n\nexport class FormController {\n public values = new BehaviorSubject<any>({});\n public errors = new BehaviorSubject<any>({});\n\n private _schema: ObjectSchema<any>;\n private _initialValues: any = {};\n private _values: any = {};\n private _errors: any = {};\n private _isValid = true;\n\n constructor(schema: ObjectSchema<any>) {\n this._schema = schema;\n }\n\n private processArrayError(\n obj: any,\n property: string,\n remainingProperties: string[],\n message: string,\n ): void {\n // Extract array name and index from the property string\n const [arrayName, indexStr] = property\n .match(/^([a-zA-Z0-9]+)\\[(\\d+)\\]/)\n .slice(1);\n const index = parseInt(indexStr, 10);\n\n // Ensure the array exists and has an entry at the given index\n obj[arrayName] = obj[arrayName] || [];\n obj[arrayName][index] = obj[arrayName][index] || {};\n\n // Recursively set the error if there are remaining properties, else set the error message\n if (remainingProperties.length) {\n this.setNestedError(obj[arrayName][index], remainingProperties, message);\n } else {\n obj[arrayName][index] = message;\n }\n }\n\n private processRegularError(\n obj: any,\n property: string,\n remainingProperties: string[],\n message: string,\n ): void {\n // Ensure the property exists\n obj[property] = obj[property] || {};\n\n // Recursively set the error if there are remaining properties, else set the error message\n if (remainingProperties.length) {\n this.setNestedError(obj[property], remainingProperties, message);\n } else {\n obj[property] = message;\n }\n }\n\n private setNestedError(\n obj: any,\n properties: string[],\n message: string,\n ): void {\n const property = properties.shift();\n const isArrayError = property.includes('[');\n\n if (isArrayError) {\n this.processArrayError(obj, property, properties, message);\n } else {\n this.processRegularError(obj, property, properties, message);\n }\n }\n\n private setError(obj: any, path: string, message: string): void {\n // Convert path to properties array\n const properties = Array.isArray(path) ? path : path.split('.');\n this.setNestedError(obj, properties, message);\n }\n\n private async validate(context?: any): Promise<boolean> {\n this._isValid = true;\n this._errors = {};\n\n try {\n await this._schema.validate(this._values, { context, abortEarly: false });\n } catch (err) {\n this._isValid = false;\n err.inner.forEach((item: ValidationError) => {\n this.setError(this._errors, item.path, item.message);\n });\n }\n\n this.errors.next(this._errors);\n return this._isValid;\n }\n\n public async validateAndSubmit(\n submitHandler: () => void,\n context?: any,\n ): Promise<void> {\n const isValid = await this.validate(context || {});\n if (isValid) {\n submitHandler();\n }\n }\n\n public setInitialValues(values: any): void {\n this._initialValues = values;\n this._values = values;\n this.values.next(this._values);\n }\n\n public setValues(values: any): void {\n this._values = { ...this._values, ...values };\n this.values.next(this._values);\n }\n\n public resetValues(): void {\n this._values = this._initialValues;\n this.values.next(this._values);\n }\n\n public getInitialValues(): any {\n return this._initialValues;\n }\n}\n"]}

package/dist/collection/components/gross-payment-chart/chart-utils.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"chart-utils.js","sourceRoot":"","sources":["../../../../src/components/gross-payment-chart/chart-utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,KAAa,EACb,KAA8B,EAC9B,OAAe,EACf,EAAE;EACF,OAAO,CAAC;IACN,IAAI,EAAE,KAAK;IACX,OAAO,EAAE;MACP,OAAO,EAAE;QACP,MAAM,EAAE;UACN,OAAO,EAAE,KAAK;SACf;QACD,KAAK,EAAE;UACL,OAAO,EAAE,IAAI;UACb,IAAI,EAAE,CAAC,kBAAkB,EAAE,gBAAgB,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;UACnE,QAAQ,EAAE,KAAK;UACf,KAAK,EAAE,OAAO;SACf;QACD,OAAO,EAAE;UACP,aAAa,EAAE,KAAK;UACpB,SAAS,EAAE,KAAK;UAChB,SAAS,EAAE;YACT,KAAK,EAAE,CAAC,OAAO,EAAE,EAAE;cACjB,IAAI,KAAK,GAAG,OAAO,CAAC,SAAS,CAAC;cAC9B,IAAI,IAAI,GAAG,iBAAiB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;cACzD,IAAI,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAA;cAC9C,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;YACtB,CAAC;WACF;SACF;OACF;MACD,MAAM,EAAE;QACN,CAAC,EAAE;UACD,IAAI,EAAE;YACJ,eAAe,EAAE,KAAK;YACtB,SAAS,EAAE,KAAK;WACjB;UACD,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;cAClB,IAAI,KAAK,KAAK,CAAC,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC7C,OAAO,iBAAiB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;eACtD;YACH,CAAC;WACF;SACF;QACD,CAAC,EAAE;UACD,OAAO,EAAE,KAAK;SACf;OACF;KACF;IACD,IAAI,EAAE;MACJ,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC;MAC3B,QAAQ,EAAE;QACR;UACE,KAAK,EAAE,sBAAsB;UAC7B,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;SACtC;OAAC;KACL;GACF,CAAC,CAAC;AACL,CAAC,CAAA","sourcesContent":["import { GrossVolumeReportDate } from \"../../api/GrossVolume\";\nimport { formatCurrency, formatDisplayDate } from \"../../utils/utils\";\n\nexport const generateChartOptions = (\n total: number,\n dates: GrossVolumeReportDate[],\n endDate: string\n) => {\n return ({\n type: 'bar',\n options: {\n plugins: {\n legend: {\n display: false\n },\n title: {\n display: true,\n text: ['Trailing 30 Days', 'Gross Payments', formatCurrency(total)],\n position: 'top',\n align: 'start'\n },\n tooltip: {\n displayColors: false,\n intersect: false,\n callbacks: {\n label: (context) => {\n let index = context.dataIndex;\n let date = formatDisplayDate(dates[index].date, endDate);\n let value = formatCurrency(dates[index].value)\n return [date, value]\n },\n }\n }\n },\n scales: {\n x: {\n grid: {\n drawOnChartArea: false,\n drawTicks: false\n },\n ticks: {\n callback: (index) => {\n if (index === 0 || index === dates.length - 1) {\n return formatDisplayDate(dates[index].date, endDate);\n }\n }\n }\n },\n y: {\n display: false\n }\n }\n },\n data: {\n labels: dates.map(() => ''),\n datasets: [\n {\n label: 'Gross Volume by Date',\n data: dates.map((date) => date.value)\n }]\n },\n });\n}"]}

package/dist/collection/components/gross-payment-chart/gross-payment-chart.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"gross-payment-chart.js","sourceRoot":"","sources":["../../../../src/components/gross-payment-chart/gross-payment-chart.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { Api, IApiResponseCollection } from '../../api';\nimport { Chart, BarController, Colors, BarElement, CategoryScale, LinearScale, Legend, Tooltip, Title, ChartConfiguration } from 'chart.js'\nimport { GrossVolumeReport, GrossVolumeReportDate } from '../../api/GrossVolume';\nimport { generateChartOptions } from './chart-utils';\nimport { ErrorState } from '../details/utils';\nimport { config } from '../../../config';\n\n@Component({\n tag: 'justifi-gross-payment-chart',\n styleUrl: 'gross-payment-chart.scss',\n shadow: true,\n})\nexport class GrossPaymentChart {\n chart: Chart\n chartRef: HTMLCanvasElement\n\n @Prop() accountId: string;\n @Prop() authToken: string;\n @State() data: GrossVolumeReport;\n @State() total: number;\n @State() dates: GrossVolumeReportDate[];\n @State() endDate: string;\n @State() loading: boolean = true;\n @State() errorMessage: string = '';\n\n @Watch('accountId')\n @Watch('authToken')\n updateOnPropChange() {\n this.fetchData();\n }\n\n connectedCallback() {\n this.fetchData();\n }\n\n componentDidRender() {\n this.renderChart();\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\n const api = Api(this.authToken, config.proxyApiOrigin);\n const endpoint = `account/${this.accountId}/reports/gross_volume`;\n const response: IApiResponseCollection<GrossVolumeReport> = await api.get(endpoint);\n\n if (!response.error) {\n this.total = response?.data.total;\n this.dates = response?.data.dates.reverse();\n this.endDate = this.dates[this.dates.length - 1].date;\n }\n\n this.loading = false;\n }\n\n renderChart() {\n if (this.chart) {\n this.chart.update()\n } else if (this.chartRef && this.endDate) {\n Chart.register(\n Colors,\n BarController,\n BarElement,\n CategoryScale,\n LinearScale,\n Legend,\n Tooltip,\n Title\n )\n this.chart = new Chart(\n this.chartRef.getContext(\"2d\"),\n generateChartOptions(this.total, this.dates, this.endDate) as ChartConfiguration\n );\n this.chart.render()\n }\n }\n\n render() {\n return (\n <Host>\n {\n this.errorMessage ? ErrorState(this.errorMessage)\n : <canvas id=\"chart\" ref={(elem) => this.chartRef = elem} />\n }\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/gross-payment-chart/gross-payment-chart.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"gross-payment-chart.stories.js","sourceRoot":"","sources":["../../../../src/components/gross-payment-chart/gross-payment-chart.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,eAAe;EACb,KAAK,EAAE,kCAAkC;EACzC,SAAS,EAAE,6BAA6B;EACxC,UAAU,EAAE,EAAE;CACf,CAAC;AAEF,MAAM,cAAc;EAIlB,YAAY,IAAI;IACd,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,cAAc,CAAC;IACjE,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,gBAAgB,CAAC;EACrE,CAAC;CACF;AAED,MAAM,QAAQ,GAAG,CAAC,IAAoB,EAAE,EAAE;EACxC,OAAO,CAAC;;oBAEU,IAAI,CAAC,YAAY,CAAC;oBAClB,IAAI,CAAC,YAAY,CAAC;;GAEnC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG,IAAI,cAAc,CAAC,EAAE,CAAC,CAAC","sourcesContent":["import { config } from \"../../../config\";\n\nexport default {\n title: 'dev/Components/GrossPaymentChart',\n component: 'justifi-gross-payment-chart',\n parameters: {}\n};\n\nclass GrossChartArgs {\n 'auth-token': string;\n 'account-id': string;\n\n constructor(args) {\n this['auth-token'] = args['auth-token'] || config.proxyAuthToken;\n this['account-id'] = args['account-id'] || config.exampleAccountId;\n }\n}\n\nconst Template = (args: GrossChartArgs) => {\n return (`\n <justifi-gross-payment-chart \n auth-token=\"${args['auth-token']}\"\n account-id=\"${args['account-id']}\"\n />\n `)\n}\n\nexport const Basic = Template.bind({});\nBasic.args = new GrossChartArgs({});\n"]}

package/dist/collection/components/gross-payment-chart/test/gross-payment-chart.spec.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"gross-payment-chart.spec.js","sourceRoot":"","sources":["../../../../../src/components/gross-payment-chart/test/gross-payment-chart.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;EACnC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;MAC7B,UAAU,EAAE,CAAC,iBAAiB,CAAC;MAC/B,IAAI,EAAE,6CAA6C;KACpD,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;KAG7B,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { GrossPaymentChart } from '../gross-payment-chart';\n\ndescribe('gross-payment-chart', () => {\n it('renders', async () => {\n const page = await newSpecPage({\n components: [GrossPaymentChart],\n html: `<gross-payment-chart></gross-payment-chart>`,\n });\n expect(page.root).toEqualHtml(`\n <gross-payment-chart>\n </gross-payment-chart>\n `);\n });\n});\n"]}

package/dist/collection/components/pagination-menu/pagination-menu.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"pagination-menu.js","sourceRoot":"","sources":["../../../../src/components/pagination-menu/pagination-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,sBAAsB,EAAsB,MAAM,sBAAsB,CAAC;AAalF,MAAM,OAAO,cAAc;;kBACmB,sBAAsB;kBACtB,EAAE;;EAE9C,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,yBAAgB,kBAAkB,EAAC,KAAK,EAAC,kCAAkC;QACzE,UAAI,KAAK,EAAC,gBAAgB;UACxB,UACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;cACb,CAAC,CAAC,cAAc,EAAE,CAAC;cACnB,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YAC5D,CAAC,EACD,IAAI,EAAE,kBAAkB,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,EAC5E,KAAK,EAAE,aAAa,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE;YAEjE,SAAG,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,WAAW;cAC3B,YAAM,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,kBAAkB,aAAe;cACzD,YAAM,IAAI,EAAC,sBAAsB,eAAgB,CAC/C,CACD;UACL,UACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;cACb,CAAC,CAAC,cAAc,EAAE,CAAC;cACnB,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YACtD,CAAC,EACD,IAAI,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,EACzD,KAAK,EAAE,aAAa,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE;YAE7D,SAAG,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,WAAW;cAC3B,YAAM,IAAI,EAAC,kBAAkB,WAAY;cACzC,YAAM,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,mBAAmB,aAAe,CACxD,CACD,CACF,CACD,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\nimport { ExtendedPagingDefaults, ExtendedPagingInfo } from '../../api/Pagination';\n\nexport interface PaginationProps {\n paging: ExtendedPagingInfo;\n params?: {};\n}\n\n@Component({\n tag: 'pagination-menu',\n styleUrl: '../table/table.scss',\n shadow: true,\n})\n\nexport class PaginationMenu {\n @Prop() paging: PaginationProps['paging'] = ExtendedPagingDefaults;\n @Prop() params: PaginationProps['params'] = {};\n\n render() {\n return (\n <Host>\n <nav aria-label=\"Table pagination\" class=\"d-flex justify-content-end gap-3\">\n <ul class=\"pagination m-0\">\n <li\n onClick={(e) => {\n e.preventDefault();\n this.paging.handleClickPrevious(this.paging.start_cursor);\n }}\n part={`previous-button${this.paging.has_previous ? '' : ' button-disabled'}`}\n class={`page-item ${this.paging.has_previous ? '' : ' disabled'}`}\n >\n <a href=\"#\" class=\"page-link\">\n <span class=\"me-1\" part=\"arrow arrow-left\">«</span>\n <span part=\"previous-button-text\">Previous</span>\n </a>\n </li>\n <li\n onClick={(e) => {\n e.preventDefault();\n this.paging.handleClickNext(this.paging.end_cursor);\n }}\n part={`${this.paging.has_next ? '' : ' button-disabled'}`}\n class={`page-item ${this.paging.has_next ? '' : ' disabled'}`}\n >\n <a href=\"#\" class=\"page-link\">\n <span part=\"next-button-text\">Next</span>\n <span class=\"ms-1\" part=\"arrow arrow-right\">»</span>\n </a>\n </li>\n </ul>\n </nav>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/payment-balance-transactions/payment-balance-transactions.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"payment-balance-transactions.js","sourceRoot":"","sources":["../../../../src/components/payment-balance-transactions/payment-balance-transactions.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Watch } from '@stencil/core';\nimport {\n Api,\n IApiResponseCollection,\n IPaymentBalanceTransaction,\n PagingInfo,\n PaymentBalanceTransaction,\n pagingDefaults,\n} from '../../api';\n\nimport {\n formatCurrency,\n formatDate,\n formatTime,\n snakeCaseToHumanReadable,\n} from '../../utils/utils';\nimport { config } from '../../../config';\n\n@Component({\n tag: 'justifi-payment-balance-transactions',\n styleUrl: 'payment-balance-transactions.scss',\n shadow: true,\n})\nexport class PaymentBalanceTransactions {\n @Prop() accountId: string;\n @Prop() authToken: string;\n @Prop() paymentId: string;\n @State() balanceTransactions: IPaymentBalanceTransaction[] = [];\n @State() loading: boolean = true;\n @State() errorMessage: string;\n @State() paging: PagingInfo = pagingDefaults;\n @State() params: any\n\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 this.loading = true;\n\n if (!this.accountId || !this.paymentId) {\n this.errorMessage = 'Missing required props: accountId or paymentId';\n this.loading = false;\n return;\n }\n const endpoint = `account/${this.accountId}/payments/${this.paymentId}/payment_balance_transactions`;\n\n const response: IApiResponseCollection<IPaymentBalanceTransaction[]> =\n await Api(this.authToken, config.proxyApiOrigin).get(endpoint, this.params);\n\n if (!response.error) {\n this.paging = {\n ...this.paging,\n ...response.page_info,\n };\n this.balanceTransactions = response.data.map(\n dataItem => new PaymentBalanceTransaction(dataItem),\n );\n } else {\n this.errorMessage =\n typeof response.error === 'string'\n ? response.error\n : response.error.message;\n }\n this.loading = false;\n }\n\n render() {\n return (\n <Host>\n <justifi-table\n columnData={[\n ['Processed On', 'The date each transaction occurred'],\n ['Type', 'The type of each transaction'],\n ['ID', 'The unique identifier of each transaction'],\n ['Amout', 'The dollar amount of each transaction'],\n [\n 'Balance',\n 'The running total amount of this payment that belongs to you',\n ],\n ]}\n entityId={this.balanceTransactions.map(transaction => transaction.id)}\n rowData={this.balanceTransactions.map(balanceTransaction => [\n <div>\n <div>{formatDate(balanceTransaction.created_at)}</div>\n <div>{formatTime(balanceTransaction.created_at)}</div>\n </div>,\n snakeCaseToHumanReadable(\n balanceTransaction.payment_balance_txn_type,\n ),\n balanceTransaction.payment_id,\n formatCurrency(balanceTransaction.amount),\n formatCurrency(balanceTransaction.balance),\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"]}

package/dist/collection/components/payment-balance-transactions/payment-balance-transactions.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"payment-balance-transactions.stories.js","sourceRoot":"","sources":["../../../../src/components/payment-balance-transactions/payment-balance-transactions.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,eAAe;EACb,KAAK,EAAE,2CAA2C;EAClD,SAAS,EAAE,sCAAsC;EACjD,UAAU,EAAE,EAAE;CACf,CAAC;AAEF,MAAM,8BAA8B;EAKlC,YAAc,IAAI;IAChB,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,cAAc,CAAC;IACjE,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,gBAAgB,CAAC;IACnE,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,gBAAgB,CAAC;EACrE,CAAC;CACF;AAED,MAAM,QAAQ,GAAG,CAAC,IAAoC,EAAE,EAAE;EACxD,OAAO;;;oBAGW,IAAI,CAAC,YAAY,CAAC;oBAClB,IAAI,CAAC,YAAY,CAAC;oBAClB,IAAI,CAAC,YAAY,CAAC;;GAEnC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG,IAAI,8BAA8B,CAAC,EAAE,CAAC,CAAC;AAEpD,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG,IAAI,8BAA8B,CAAC,EAAE,CAAC,CAAC;AACrD,MAAM,CAAC,UAAU,GAAG;EAClB,KAAK,CAAC,EAAE,CAAC;MACL,KAAK,EAAE;GACV;CACF,CAAC","sourcesContent":["import { config } from \"../../../config\";\n\nexport default {\n title: 'dev/Components/PaymentBalanceTransactions',\n component: 'justifi-payment-balance-transactions',\n parameters: {},\n};\n\nclass PaymentBalanceTransactionsArgs {\n 'auth-token': string;\n 'payment-id': string;\n 'account-id': string;\n\n 'constructor'(args) {\n this['auth-token'] = args['auth-token'] || config.proxyAuthToken;\n this['payment-id'] = args['payment-id'] || config.examplePaymentId;\n this['account-id'] = args['account-id'] || config.exampleAccountId;\n }\n}\n\nconst Template = (args: PaymentBalanceTransactionsArgs) => {\n return `\n <justifi-payment-balance-transactions\n data-testid=\"justifi-payment-balance-transactions\"\n auth-token=\"${args['auth-token']}\"\n payment-id=\"${args['payment-id']}\"\n account-id=\"${args['account-id']}\"\n />\n `;\n};\n\nexport const Basic = Template.bind({});\nBasic.args = new PaymentBalanceTransactionsArgs({});\n\nexport const Styled = Template.bind({});\nStyled.args = new PaymentBalanceTransactionsArgs({});\nStyled.decorators = [\n Story => `\n ${Story()}\n `,\n];\n"]}

package/dist/collection/components/payment-details/payment-details.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"payment-details.js","sourceRoot":"","sources":["../../../../src/components/payment-details/payment-details.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State, Watch } from '@stencil/core';\nimport { Api, IApiResponseCollection, Payment } from '../../api';\nimport { MapPaymentStatusToBadge, formatCurrency, formatDate, formatTime } from '../../utils/utils';\nimport { CodeBlock, DetailItem, DetailSection, EntityHeadInfo, EntityHeadInfoItem, ErrorState, LoadingState } from '../details/utils';\nimport { config } from '../../../config';\n\n/**\n * @exportedPart detail-loading-spinner\n * @exportedPart detail-loading-state\n * @exportedPart detail-empty-state\n * @exportedPart detail-head\n * @exportedPart detail-title\n * @exportedPart detail-method\n * @exportedPart detail-info\n * @exportedPart detail-info-item\n * @exportedPart detail-info-item-title\n * @exportedPart detail-info-item-data\n * @exportedPart detail-metadata\n * @exportedPart detail-metadata-title\n * @exportedPart detail-method-title\n * @exportedPart detail-method-data\n * @exportedPart detail-section\n * @exportedPart detail-section-title\n * @exportedPart detail-section-item-title\n * @exportedPart detail-section-item-data\n * @exportedPart detail-head-info\n * @exportedPart detail-head-info-item\n * @exportedPart detail-head-info-item-title\n * @exportedPart detail-head-info-item-data\n*/\n@Component({\n tag: 'justifi-payment-details',\n styleUrl: 'payment-details.scss',\n shadow: true,\n})\n\nexport class PaymentDetails {\n @Prop() paymentId: string;\n @Prop() authToken: string;\n @State() payment: Payment;\n @State() loading: boolean = true;\n @State() errorMessage: string;\n\n @Watch('paymentId')\n @Watch('authToken')\n updateOnPropChange() {\n this.fetchData();\n }\n\n connectedCallback() {\n this.fetchData();\n }\n\n async fetchData(): Promise<void> {\n this.errorMessage = '';\n if (!this.paymentId || !this.authToken) {\n this.errorMessage = \"Can not fetch any data without a PaymentID and an AuthToken\";\n this.loading = false;\n return;\n }\n this.loading = true;\n const endpoint = `payments/${this.paymentId}`;\n const response: IApiResponseCollection<Payment> = await Api(this.authToken, config.proxyApiOrigin).get(endpoint);\n\n if (!response.error) {\n this.payment = response.data;\n } else {\n this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;\n }\n\n this.loading = false;\n }\n\n render() {\n return (\n <Host>\n {this.loading && LoadingState}\n {!this.loading && this.errorMessage && ErrorState(this.errorMessage)}\n {!this.loading && this.payment && (\n <justifi-details error-message={this.errorMessage}>\n <EntityHeadInfo slot=\"head-info\" badge={<span slot='badge' innerHTML={MapPaymentStatusToBadge(this.payment?.status)} />} title={`${formatCurrency(this.payment.amount)} ${this.payment.currency.toUpperCase()}`}>\n <EntityHeadInfoItem\n classes=\"border-1 border-end\"\n title=\"Updated At\"\n value={`${formatDate(this.payment?.updated_at)} ${formatTime(this.payment?.updated_at)}`}\n />\n <EntityHeadInfoItem\n classes=\"border-1 border-end\"\n title=\"Created At\"\n value={`${formatDate(this.payment?.created_at)} ${formatTime(this.payment?.created_at)}`}\n />\n <EntityHeadInfoItem title=\"ID\" value={this.payment?.id} />\n </EntityHeadInfo>\n <div slot='detail-sections'>\n <DetailSection sectionTitle=\"Details\">\n <DetailItem title=\"Amount\" value={formatCurrency(this.payment?.amount)} />\n <DetailItem title=\"Fees\" value={formatCurrency(this.payment?.fee_amount)} />\n <DetailItem title=\"Refunded\" value={formatCurrency(this.payment?.amount_refunded)} />\n <DetailItem title=\"Net\" value={formatCurrency(this.payment?.balance)} />\n <DetailItem title=\"Status\" value={MapPaymentStatusToBadge(this.payment?.status)} />\n <DetailItem title=\"Payment ID\" value={this.payment?.id} />\n <DetailItem title=\"Processing Fees\" value={formatCurrency(this.payment?.fee_amount)} />\n <DetailItem title=\"Statement Descriptor\" value={this.payment?.statement_descriptor} />\n <DetailItem title=\"Description\" value={this.payment?.description} />\n </DetailSection>\n {this.payment?.payment_method.card && (\n <DetailSection sectionTitle=\"Payment Method\">\n <DetailItem title=\"ID\" value={this.payment?.payment_method.card.id} />\n <DetailItem title=\"Payment Type\" value=\"Card\" />\n <DetailItem title=\"Last 4 Numbers\" value={this.payment?.payment_method.card.acct_last_four} />\n <DetailItem title=\"Brand\" value={this.payment?.payment_method.card.brand} />\n <DetailItem title=\"Cardholder\" value={this.payment?.payment_method.card.name} />\n </DetailSection>\n )}\n {this.payment?.payment_method.bank_account && (\n <DetailSection sectionTitle=\"Payment Method\">\n <DetailItem title=\"ID\" value={this.payment?.payment_method.bank_account.id} />\n <DetailItem title=\"Last 4 Numbers\" value={this.payment?.payment_method.bank_account.acct_last_four} />\n <DetailItem title=\"Bank Name\" value={this.payment?.payment_method.bank_account.bank_name} />\n <DetailItem title=\"Account Owner\" value={this.payment?.payment_method.bank_account.account_owner_name} />\n </DetailSection>\n )}\n <DetailSection sectionTitle='Metadata'>\n <CodeBlock metadata={this.payment?.metadata} />\n </DetailSection>\n </div>\n </justifi-details>\n )}\n </Host>\n );\n }\n}"]}

package/dist/collection/components/payment-details/payment-details.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"payment-details.stories.js","sourceRoot":"","sources":["../../../../src/components/payment-details/payment-details.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,eAAe;EACb,KAAK,EAAE,2BAA2B;EAClC,SAAS,EAAE,yBAAyB;EACpC,UAAU,EAAE,EAAE;CACf,CAAC;AAEF,MAAM,kBAAkB;EAItB,YAAY,IAAI;IACd,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,cAAc,CAAC;IACjE,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,gBAAgB,CAAC;EACrE,CAAC;CACF;AAED,MAAM,QAAQ,GAAG,CAAC,IAAwB,EAAE,EAAE;EAC5C,OAAO,CAAC;;;oBAGU,IAAI,CAAC,YAAY,CAAC;oBAClB,IAAI,CAAC,YAAY,CAAC;;GAEnC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG,IAAI,kBAAkB,CAAC,EAAE,CAAC,CAAC;AAExC,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,IAAI,GAAG,IAAI,kBAAkB,CAAC,EAAE,CAAC,CAAC;AACzC,MAAM,CAAC,UAAU,GAAG;EAClB,CAAC,KAAK,EAAE,EAAE,CAAC;MACP,KAAK,EAAE;;;;;;;;;;;;;;;;;;GAkBV;CACF,CAAA","sourcesContent":["import { config } from '../../../config';\n\nexport default {\n title: 'Components/PaymentDetails',\n component: 'justifi-payment-details',\n parameters: {},\n};\n\nclass PaymentDetailsArgs {\n 'auth-token': string;\n 'payment-id': string;\n\n constructor(args) {\n this['auth-token'] = args['auth-token'] || config.proxyAuthToken;\n this['payment-id'] = args['payment-id'] || config.examplePaymentId;\n }\n}\n\nconst Template = (args: PaymentDetailsArgs) => {\n return (`\n <justifi-payment-details\n data-testid=\"justifi-payment-details\"\n auth-token=\"${args['auth-token']}\"\n payment-id=\"${args['payment-id']}\"\n />\n `);\n};\n\nexport const Basic = Template.bind({});\nBasic.args = new PaymentDetailsArgs({});\n\nexport const Styled = Template.bind({});\nStyled.args = new PaymentDetailsArgs({});\nStyled.decorators = [\n (Story) => `\n ${Story()}\n <style>\n justifi-payment-details::part(detail-head) {\n background-color: rgba(100, 200, 250, 0.2);\n border-left: 4px solid rgba(100, 200, 250, 1);\n }\n justifi-payment-details::part(detail-info-item-title),\n justifi-payment-details::part(detail-method-item-title) {\n border-radius: 3px;\n background-color: rgba(0, 0, 0, 0.8);\n text-align: center;\n padding: 0 10px;\n color: white !important;\n }\n justifi-payment-details::part(detail-metadata) {\n background-color: rgba(100,100,100,0.2)\n }\n </style>\n `\n]\n"]}

package/dist/collection/components/payment-form/payment-form.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"payment-form.js","sourceRoot":"","sources":["../../../../src/components/payment-form/payment-form.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host, State, Listen, Method, Event, EventEmitter } from '@stencil/core';\nimport { PaymentMethodTypes } from '../../api';\nimport { BillingFormFields } from '../billing-form/billing-form-schema';\nimport { CreatePaymentMethodResponse } from '../payment-method-form/payment-method-responses';\nimport { extractComputedFontsToLoad } from '../../utils/utils';\n\n@Component({\n tag: 'justifi-payment-form',\n styleUrl: 'payment-form.scss',\n shadow: true,\n})\nexport class PaymentForm {\n @Prop() bankAccount?: boolean;\n @Prop() card?: boolean;\n @Prop() email?: string;\n @Prop() iframeOrigin?: string;\n @Prop() clientId: string;\n @Prop() accountId?: string;\n @Prop() submitButtonText?: string;\n @Event() submitted: EventEmitter<CreatePaymentMethodResponse>;\n @State() submitButtonEnabled: boolean = true;\n @State() hasLoadedFonts: boolean = false;\n @State() isLoading: boolean = false;\n @State() selectedPaymentMethodType: PaymentMethodTypes;\n @State() allowedPaymentMethodTypes: PaymentMethodTypes[] = [];\n\n private paymentMethodFormRef?: HTMLJustifiPaymentMethodFormElement;\n private billingFormRef?: HTMLJustifiBillingFormElement;\n\n connectedCallback() {\n if (this.card) {\n this.allowedPaymentMethodTypes.push(PaymentMethodTypes.card);\n }\n if (this.bankAccount) {\n this.allowedPaymentMethodTypes.push(PaymentMethodTypes.bankAccount);\n }\n if (!this.allowedPaymentMethodTypes.length) {\n this.allowedPaymentMethodTypes.push(PaymentMethodTypes.card);\n }\n this.selectedPaymentMethodType = this.allowedPaymentMethodTypes[0];\n\n if (!this.hasLoadedFonts) {\n this.loadFontsOnParent();\n this.hasLoadedFonts = true;\n }\n }\n\n @Listen('paymentMethodSelected')\n paymentMethodSelectedHandler(event: CustomEvent) {\n const paymentMethodType: PaymentMethodTypes = event.detail;\n this.selectedPaymentMethodType = paymentMethodType;\n }\n\n @Method()\n async fillBillingForm(fields: BillingFormFields) {\n this.billingFormRef.fill(fields);\n }\n\n @Method()\n async enableSubmitButton() {\n this.submitButtonEnabled = true;\n }\n\n @Method()\n async loadFontsOnParent() {\n\n const parent = document.body;\n const fontsToLoad = extractComputedFontsToLoad();\n if (!parent || !fontsToLoad) {\n return null;\n }\n\n // This approach is needed to load the font in a parent of the component\n const fonts = document.createElement('link');\n fonts.rel = 'stylesheet';\n fonts.href = `https://fonts.googleapis.com/css2?family=${fontsToLoad}&display=swap`;\n\n parent.append(fonts);\n }\n\n async submit(event) {\n event.preventDefault();\n if (!this.paymentMethodFormRef || !this.billingFormRef) return;\n\n const billingFormValidation = await this.billingFormRef.validate();\n const paymentMethodFormValidation = await this.paymentMethodFormRef.validate();\n\n if (!billingFormValidation.isValid || !paymentMethodFormValidation.isValid) return;\n\n this.isLoading = true;\n\n const billingFormFieldValues = await this.billingFormRef.getValues();\n const paymentMethodData = { email: this.email, ...billingFormFieldValues };\n const tokenizeResponse = await this.paymentMethodFormRef.tokenize(this.clientId, paymentMethodData, this.accountId);\n\n this.submitted.emit(tokenizeResponse);\n this.isLoading = false;\n }\n\n render() {\n return (\n <Host>\n <form class=\"row gy-3\">\n {this.allowedPaymentMethodTypes.length > 1 && (\n <div class=\"col-12\">\n <justifi-payment-method-selector paymentMethodTypes={this.allowedPaymentMethodTypes} selectedPaymentMethodType={this.selectedPaymentMethodType} />\n </div>\n )}\n <div class=\"col-12\">\n <justifi-payment-method-form\n payment-method-form-type={this.selectedPaymentMethodType}\n iframe-origin={this.iframeOrigin}\n ref={el => {\n if (el) {\n this.paymentMethodFormRef = el;\n }\n }}\n />\n </div>\n <div class=\"col-12\">\n <justifi-billing-form\n legend=\"Billing Info\"\n ref={el => {\n if (el) {\n this.billingFormRef = el;\n }\n }}\n />\n </div>\n <slot name='insurance' />\n <div class=\"col-12\">\n <button\n type=\"submit\"\n onClick={event => this.submit(event)}\n disabled={!this.submitButtonEnabled || this.isLoading}\n class={`btn btn-primary jfi-submit-button${this.isLoading ? ' jfi-submit-button-loading' : ''}`}\n >\n {\n this.isLoading ?\n <div class=\"spinner-border spinner-border-sm\" role=\"status\">\n <span class=\"visually-hidden\">Loading...</span>\n </div> :\n this.submitButtonText || 'Submit'\n }\n </button>\n </div>\n </form>\n </Host>\n );\n }\n}\n"]}