@justifi/webcomponents 4.4.0 → 4.5.1

package/dist/components/business-generic-info.js

@@ -1,9 +1,20 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { c as create$3, a as create$6, b as create$7, d as create$8, e as create$2 } from './index.esm.js';
+import { c as create$3, a as create$6, b as create$7, d as create$2 } from './index.esm.js';
+import { P as PHONE_MASKS } from './phone-masks.js';
+import { d as defineCustomElement$4 } from './form-control-number2.js';
+import { d as defineCustomElement$3 } from './form-control-number-masked2.js';
 import { d as defineCustomElement$2 } from './form-control-select2.js';
 import { d as defineCustomElement$1 } from './form-control-text2.js';
 
-const RegExZip = /^\d{5}/;
+const legalAddressSchema = create$3({
+  line1: create$6().required('Enter street address'),
+  line2: create$6(),
+  city: create$6().required('Enter city'),
+  state: create$6().required('Select state'),
+  postal_code: create$6().required('Enter postal code'),
+  country: create$6().required('Select country'),
+});
+
 const BusinessTypeOptions = [
   {
     label: 'Choose business type',
@@ -84,47 +95,57 @@ const BusinessStructureOptions = [
     value: 'tax_exempt_government_instrumentality',
   },
 ];
+const businessGenericInfoSchema = create$3({
+  legal_name: create$6().required('Enter legal name'),
+  website_url: create$6()
+    .url('Enter valid website url')
+    .required('Enter website url'),
+  email: create$6().email('Enter valid email').required('Enter email'),
+  phone: create$6().required('Enter phone number'),
+  doing_business_as: create$6().required('Enter doing business as'),
+  business_type: create$6().required('Select business type'),
+  business_structure: create$6().required('Select business structure'),
+  industry: create$6().required('Enter a business industry'),
+});
 const addressSchema = create$3({
   line1: create$6().required('Enter street address'),
   city: create$6().required('Enter city'),
   state: create$6().required('Select state'),
-  postal_code: create$6().matches(RegExZip, 'Enter valid postal code').required('Enter postal code'),
+  postal_code: create$6().required('Enter postal code'),
 });
 const representativeSchema = create$3({
   name: create$6().required('Enter representative name'),
-  email: create$6().email('Enter valid representative email').required('Enter representative email'),
+  email: create$6()
+    .email('Enter valid representative email')
+    .required('Enter representative email'),
   phone: create$6().required('Enter representative phone number'),
   dob_day: create$6().required('Enter representative birth day'),
   dob_month: create$6().required('Enter representative birth month'),
   dob_year: create$6().required('Enter representative birth year'),
-  identification_number: create$6().required('Enter representative identification number'),
+  identification_number: create$6(),
   address: addressSchema,
 });
-const OwnerSchema = create$3({
+const ownerSchema = create$3({
   name: create$6().required('Enter owner name'),
   title: create$6().required('Enter owner title'),
-  email: create$6().email('Enter valid owner email').required('Enter owner email'),
+  email: create$6()
+    .email('Enter valid owner email')
+    .required('Enter owner email'),
   phone: create$6().required('Enter owner phone number'),
   dob_day: create$6().required('Enter owner birth day'),
   dob_month: create$6().required('Enter owner birth month'),
   dob_year: create$6().required('Enter owner birth year'),
-  identification_number: create$6().required('Enter owner identification number'),
+  identification_number: create$6(),
   is_owner: create$7(),
-  metadata: create$8(),
   address: addressSchema,
 });
-const BusinessFormSchema = create$3({
-  legal_name: create$6().required('Enter legal name'),
-  website_url: create$6().url('Enter valid website url').required('Enter website url'),
-  email: create$6().email('Enter valid email').required('Enter email'),
-  phone: create$6().required('Enter phone number'),
-  doing_business_as: create$6().required('Enter doing business as'),
-  business_type: create$6().required('Select business type'),
-  business_structure: create$6().required('Select business structure'),
-  industry: create$6().required('Enter a business industry'),
-  representative: representativeSchema.required('Enter representative information'),
-  owners: create$2().of(OwnerSchema).min(1, 'Enter at least 1 owners'),
+const additionQuestionsSchema = create$3({
+  business_revenue: create$6().required('Enter business revenue'),
+  business_payment_volume: create$6().required('Enter business payment volume'),
+  business_dispute_volume: create$6().required('Enter business dispute volume'),
+  business_receivable_volume: create$6().required('Enter business receivable volume'),
 });
+const businessFormSchema = create$3(Object.assign(Object.assign({}, businessGenericInfoSchema.fields), { legal_address: legalAddressSchema.required('Enater legal address'), additional_questions: additionQuestionsSchema.required('Enter additional questions'), representative: representativeSchema.required('Enter representative information'), owners: create$2().of(ownerSchema).min(1, 'Enter at least 1 owners') }));
 
 const businessGenericInfoCss = ":root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13, 110, 253;--bs-secondary-rgb:108, 117, 125;--bs-success-rgb:25, 135, 84;--bs-info-rgb:13, 202, 240;--bs-warning-rgb:255, 193, 7;--bs-danger-rgb:220, 53, 69;--bs-light-rgb:248, 249, 250;--bs-dark-rgb:33, 37, 41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-font-sans-serif:system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33, 37, 41;--bs-body-bg:#fff;--bs-body-bg-rgb:255, 255, 255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0, 0, 0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33, 37, 41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233, 236, 239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33, 37, 41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248, 249, 250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13, 110, 253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10, 88, 202;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222, 226, 230;--bs-body-bg:#212529;--bs-body-bg-rgb:33, 37, 41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255, 255, 255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222, 226, 230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52, 58, 64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222, 226, 230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43, 48, 53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110, 168, 254;--bs-link-hover-color-rgb:139, 185, 254;--bs-code-color:#e685b5;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}.spinner-grow,.spinner-border{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg) }}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.clearfix::after{display:block;clear:both;content:\"\"}.text-bg-primary{color:#fff !important;background-color:RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-secondary{color:#fff !important;background-color:RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-success{color:#fff !important;background-color:RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-info{color:#000 !important;background-color:RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-warning{color:#000 !important;background-color:RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-danger{color:#fff !important;background-color:RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-light{color:#000 !important;background-color:RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-dark{color:#fff !important;background-color:RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important}.link-primary{color:RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-primary:hover,.link-primary:focus{color:RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important}.link-secondary{color:RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-secondary:hover,.link-secondary:focus{color:RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important}.link-success{color:RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-success:hover,.link-success:focus{color:RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important}.link-info{color:RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-info:hover,.link-info:focus{color:RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important}.link-warning{color:RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-warning:hover,.link-warning:focus{color:RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important}.link-danger{color:RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-danger:hover,.link-danger:focus{color:RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important}.link-light{color:RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-light:hover,.link-light:focus{color:RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important}.link-dark{color:RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-dark:hover,.link-dark:focus{color:RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis:hover,.link-body-emphasis:focus{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:0.375rem;align-items:center;text-decoration-color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));text-underline-offset:0.25em;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:0.2s ease-in-out transform}@media (prefers-reduced-motion: reduce){.icon-link>.bi{transition:none}}.icon-link-hover:hover>.bi,.icon-link-hover:focus-visible>.bi{transform:var(--bs-icon-link-transform, translate3d(0.25em, 0, 0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:\"\"}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width: 576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.visually-hidden:not(caption),.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute !important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:\"\"}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:0.25}*,*::before,*::after{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:0.25}h6,h5,h4,h3,h2,h1{margin-top:0;margin-bottom:0.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width: 1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + 0.9vw)}@media (min-width: 1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + 0.6vw)}@media (min-width: 1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + 0.3vw)}@media (min-width: 1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:0.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:0.875em}mark{padding:0.1875em;background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:0.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:0.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:0.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:0.1875rem 0.375rem;font-size:0.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:0.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:0.5rem;padding-bottom:0.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none !important}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:0.5rem;font-size:calc(1.275rem + 0.3vw);line-height:inherit}@media (min-width: 1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none !important}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width: 576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width: 768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width: 992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width: 1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width: 1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}@media (prefers-reduced-motion: reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,:not(.btn-check)+.btn:active,.btn:first-child:active,.btn.active,.btn.show{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,:not(.btn-check)+.btn:active:focus-visible,.btn:first-child:active:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn:disabled,.btn.disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49, 132, 253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130, 138, 145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60, 153, 110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11, 172, 204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217, 164, 6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225, 83, 97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211, 212, 213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66, 70, 73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13, 110, 253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108, 117, 125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25, 135, 84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13, 202, 240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255, 193, 7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220, 53, 69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248, 249, 250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33, 37, 41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49, 132, 253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}:host{font-family:system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;display:block}*::part(label){color:var(--jfi-form-label-color);font-family:var(--jfi-form-label-font-family);font-weight:var(--jfi-form-label-font-weight);font-size:var(--jfi-form-label-font-size);margin:var(--jfi-form-label-margin)}*::part(input){font-family:var(--jfi-layout-font-family);background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}";
 
@@ -134,44 +155,49 @@ const BusinessGenericInfo = /*@__PURE__*/ proxyCustomElement(class BusinessGener
     this.__registerHost();
     this.formController = undefined;
     this.errors = {};
-    this.defaultValues = {};
     this.business = {};
-  }
-  handleRepresentativeChange(newValues) {
-    this.formController.setValues(newValues);
+    this.inputHandler = this.inputHandler.bind(this);
   }
   componentDidLoad() {
-    this.formController.errors.subscribe((errors) => this.errors = Object.assign({}, errors));
-    this.formController.defaultValues.subscribe((defaultValues) => this.defaultValues = Object.assign({}, defaultValues));
+    this.formController.errors.subscribe(errors => {
+      this.errors = Object.assign({}, errors);
+    });
+    this.formController.values.subscribe(values => (this.business = Object.assign({}, values)));
   }
   inputHandler(name, value) {
-    this.business = Object.assign(Object.assign({}, this.business), { [name]: value });
+    this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
   }
-  ;
   render() {
-    return (h(Host, { exportparts: "label,input,input-invalid" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: "legal_name", label: "Legal Name", defaultValue: this.defaultValues.legal_name, error: this.errors.legal_name, inputHandler: (name, value) => this.inputHandler(name, value) })), h("div", { class: "col-12" }, h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: this.defaultValues.doing_business_as, error: this.errors.doing_business_as, inputHandler: (name, value) => this.inputHandler(name, value) })), h("div", { class: "col-12" }, h("form-control-select", { name: "business_type", label: "Business Type", options: BusinessTypeOptions, defaultValue: this.defaultValues.business_type, error: this.errors.business_type, inputHandler: (name, value) => this.inputHandler(name, value) })), h("div", { class: "col-12" }, h("form-control-select", { name: "business_structure", label: "Business Structure", options: BusinessStructureOptions, defaultValue: this.defaultValues.business_structure, error: this.errors.business_structure, inputHandler: (name, value) => this.inputHandler(name, value) })), h("div", { class: "col-12" }, h("form-control-text", { name: "industry", label: "Industry", defaultValue: this.defaultValues.industry, error: this.errors.business_structure, inputHandler: (name, value) => this.inputHandler(name, value) })), h("div", { class: "col-12" }, h("form-control-text", { name: "website_url", label: "Website URL", defaultValue: this.defaultValues.website_url, error: this.errors.website_url, inputHandler: (name, value) => this.inputHandler(name, value) })), h("div", { class: "col-12" }, h("form-control-text", { name: "email", label: "Email Address", defaultValue: this.defaultValues.email, error: this.errors.email, inputHandler: (name, value) => this.inputHandler(name, value) })), h("div", { class: "col-12" }, h("form-control-text", { name: "phone", label: "Phone Number", defaultValue: this.defaultValues.phone, error: this.errors.phone, inputHandler: (name, value) => this.inputHandler(name, value) })))));
+    const genericInfoDefaultValue = this.formController.getInitialValues();
+    return (h(Host, { exportparts: "label,input,input-invalid" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "legal_name", label: "Legal Name", defaultValue: genericInfoDefaultValue.legal_name, error: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: genericInfoDefaultValue.doing_business_as, error: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-select", { name: "business_type", label: "Business Type", options: BusinessTypeOptions, defaultValue: genericInfoDefaultValue.business_type, error: this.errors.business_type, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-select", { name: "business_structure", label: "Business Structure", options: BusinessStructureOptions, defaultValue: genericInfoDefaultValue.business_structure, error: this.errors.business_structure, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: "industry", label: "Industry", defaultValue: genericInfoDefaultValue.industry, error: this.errors.business_structure, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-number", { name: "tax_id", label: "Tax ID", defaultValue: genericInfoDefaultValue.tax_id, error: this.errors.tax_id, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: "website_url", label: "Website URL", defaultValue: genericInfoDefaultValue.website_url, error: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Email Address", defaultValue: genericInfoDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: genericInfoDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })))));
   }
-  static get watchers() { return {
-    "business": ["handleRepresentativeChange"]
-  }; }
   static get style() { return businessGenericInfoCss; }
 }, [0, "justifi-business-generic-info", {
     "formController": [16],
     "errors": [32],
-    "defaultValues": [32],
     "business": [32]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["justifi-business-generic-info", "form-control-select", "form-control-text"];
+  const components = ["justifi-business-generic-info", "form-control-number", "form-control-number-masked", "form-control-select", "form-control-text"];
   components.forEach(tagName => { switch (tagName) {
     case "justifi-business-generic-info":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, BusinessGenericInfo);
       }
       break;
+    case "form-control-number":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "form-control-number-masked":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
     case "form-control-select":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
@@ -185,6 +211,6 @@ function defineCustomElement() {
   } });
 }
 
-export { BusinessFormSchema as B, BusinessGenericInfo as a, defineCustomElement as d };
+export { BusinessGenericInfo as B, businessFormSchema as b, defineCustomElement as d };
 
 //# sourceMappingURL=business-generic-info.js.map

package/dist/components/business-generic-info.js.map

@@ -1 +1 @@
-{"file":"business-generic-info.js","mappings":"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","names":["Yup.object","Yup.string","Yup.boolean","Yup.mixed","Yup.array"],"sources":["src/components/business-form/business-form-schema.ts","src/components/business-form/business-generic-info/business-generic-info.scss?tag=justifi-business-generic-info","src/components/business-form/business-generic-info/business-generic-info.tsx"],"sourcesContent":["import * as Yup from 'yup';\n\nexport const RegExZip = /^\\d{5}/;\n\ntype BusinessType = 'for_profit' | 'non_profit' | 'government_entity' | 'individual' | '';\ntype BusinessStructure =\n  | 'sole_proprietorship'\n  | 'single_llc'\n  | 'multi_llc'\n  | 'private_partnership'\n  | 'private_corporation'\n  | 'unincorporated_association'\n  | 'public_partnership'\n  | 'public_corporation'\n  | 'incorporated'\n  | 'unincorporated'\n  | 'government_unit'\n  | 'government_instrumentality'\n  | 'tax_exempt_government_instrumentality'\n  | '';\n\nexport class Business {\n  public legal_name = '';\n  public website_url = '';\n  public email: string = '';\n  public phone: string = '';\n  public doing_business_as: string = '';\n  public business_type: string = '';\n  public business_structure: string = '';\n  public industry: string = '';\n  public metadata: any = {};\n\n  constructor(data?: any) {\n    if (data) {\n      this.legal_name = data.legal_name;\n      this.website_url = data.website_url;\n      this.email = data.email;\n      this.phone = data.phone;\n      this.doing_business_as = data.doing_business_as;\n      this.business_type = data.business_type;\n      this.business_structure = data.business_structure;\n      this.industry = data.industry;\n      this.metadata = data.metadata;\n    }\n  }\n}\n\nexport const BusinessTypeOptions: { label: string; value: BusinessType }[] = [\n  {\n    label: 'Choose business type',\n    value: '',\n  },\n  {\n    label: 'Individual',\n    value: 'individual',\n  },\n  {\n    label: 'For Profit',\n    value: 'for_profit',\n  },\n  {\n    label: 'Non Profit',\n    value: 'non_profit',\n  },\n  {\n    label: 'Government Entity',\n    value: 'government_entity',\n  },\n];\n\nexport const BusinessStructureOptions: { label: string; value: BusinessStructure }[] = [\n  {\n    label: 'Choose business structure',\n    value: '',\n  },\n  {\n    label: 'Sole Proprietorship',\n    value: 'sole_proprietorship',\n  },\n  {\n    label: 'LLC (Single)',\n    value: 'single_llc',\n  },\n  {\n    label: 'LLC (Multiple)',\n    value: 'multi_llc',\n  },\n  {\n    label: 'Private Partnership',\n    value: 'private_partnership',\n  },\n  {\n    label: 'Private Corporation',\n    value: 'private_corporation',\n  },\n  {\n    label: 'Unincorporated Association',\n    value: 'unincorporated_association',\n  },\n  {\n    label: 'Public Partnership',\n    value: 'public_partnership',\n  },\n  {\n    label: 'Public Corporation',\n    value: 'public_corporation',\n  },\n  {\n    label: 'Incorporated',\n    value: 'incorporated',\n  },\n  {\n    label: 'Unincorporated',\n    value: 'unincorporated',\n  },\n  {\n    label: 'Government Unit',\n    value: 'government_unit',\n  },\n  {\n    label: 'Government Instrumentality',\n    value: 'government_instrumentality',\n  },\n  {\n    label: 'Tax Exempt Government Instrumentality',\n    value: 'tax_exempt_government_instrumentality',\n  },\n];\n\nconst addressSchema = Yup.object({\n  line1: Yup.string().required('Enter street address'),\n  city: Yup.string().required('Enter city'),\n  state: Yup.string().required('Select state'),\n  postal_code: Yup.string().matches(RegExZip, 'Enter valid postal code').required('Enter postal code'),\n});\n\nconst representativeSchema = Yup.object({\n  name: Yup.string().required('Enter representative name'),\n  email: Yup.string().email('Enter valid representative email').required('Enter representative email'),\n  phone: Yup.string().required('Enter representative phone number'),\n  dob_day: Yup.string().required('Enter representative birth day'),\n  dob_month: Yup.string().required('Enter representative birth month'),\n  dob_year: Yup.string().required('Enter representative birth year'),\n  identification_number: Yup.string().required('Enter representative identification number'),\n  address: addressSchema,\n});\n\nconst OwnerSchema = Yup.object({\n  name: Yup.string().required('Enter owner name'),\n  title: Yup.string().required('Enter owner title'),\n  email: Yup.string().email('Enter valid owner email').required('Enter owner email'),\n  phone: Yup.string().required('Enter owner phone number'),\n  dob_day: Yup.string().required('Enter owner birth day'),\n  dob_month: Yup.string().required('Enter owner birth month'),\n  dob_year: Yup.string().required('Enter owner birth year'),\n  identification_number: Yup.string().required('Enter owner identification number'),\n  is_owner: Yup.boolean(),\n  metadata: Yup.mixed(),\n  address: addressSchema,\n});\n\nconst BusinessFormSchema = Yup.object({\n  legal_name: Yup.string().required('Enter legal name'),\n  website_url: Yup.string().url('Enter valid website url').required('Enter website url'),\n  email: Yup.string().email('Enter valid email').required('Enter email'),\n  phone: Yup.string().required('Enter phone number'),\n  doing_business_as: Yup.string().required('Enter doing business as'),\n  business_type: Yup.string().required('Select business type'),\n  business_structure: Yup.string().required('Select business structure'),\n  industry: Yup.string().required('Enter a business industry'),\n  representative: representativeSchema.required('Enter representative information'),\n  owners: Yup.array().of(OwnerSchema).min(1, 'Enter at least 1 owners'),\n});\n\nexport default BusinessFormSchema;\n","@import 'reboot';\n@import 'grid';\n@import 'buttons';\n\n:host {\n  @include host-base-styles;\n  display: block;\n}\n\n*::part(label) {\n  color: var(--jfi-form-label-color);\n  font-family: var(--jfi-form-label-font-family);\n  font-weight: var(--jfi-form-label-font-weight);\n  font-size: var(--jfi-form-label-font-size);\n  margin: var(--jfi-form-label-margin);\n}\n\n*::part(input) {\n  font-family: var(--jfi-layout-font-family);\n  background-color: var(--jfi-form-control-background-color);\n  border-color: var(--jfi-form-control-border-color);\n  border-width: var(--jfi-form-control-border-width);\n  border-bottom-width: var(--jfi-form-control-border-bottom-width);\n  border-left-width: var(--jfi-form-control-border-left-width);\n  border-right-width: var(--jfi-form-control-border-right-width);\n  border-top-width: var(--jfi-form-control-border-top-width);\n  border-radius: var(--jfi-form-control-border-radius);\n  border-style: var(--jfi-form-control-border-style);\n  box-shadow: var(--jfi-form-control-box-shadow);\n  color: var(--jfi-form-control-color);\n  font-size: var(--jfi-form-control-font-size);\n  font-weight: var(--jfi-form-control-font-weight);\n  line-height: var(--jfi-form-control-line-height);\n  margin: var(--jfi-form-control-margin);\n  padding: var(--jfi-form-control-padding);\n\n  &:focus {\n    color: var(--jfi-form-control-color-focus);\n    border-color: var(--jfi-form-control-border-color-focus);\n    box-shadow: var(--jfi-form-control-box-shadow-focus);\n  }\n}\n\n*::part(input-invalid) {\n  border-color: var(--jfi-form-control-border-color-error);\n  box-shadow: var(--jfi-form-control-box-shadow-error);\n\n  &:focus {\n    border-color: var(--jfi-form-control-border-color-error);\n    box-shadow: var(--jfi-form-control-box-shadow-error-focus);\n  }\n}\n","import { Component, Host, h, Prop, State, Watch } from '@stencil/core';\n\nimport { BusinessStructureOptions, BusinessTypeOptions } from '../business-form-schema';\nimport { FormController } from '../../form/form';\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-generic-info',\n  styleUrl: 'business-generic-info.scss',\n  shadow: false,\n})\nexport class BusinessGenericInfo {\n  @Prop() formController: FormController\n  @State() errors: any = {};\n  @State() defaultValues: any = {};\n  @State() business: any = {};\n\n  @Watch('business')\n  handleRepresentativeChange(newValues: any) {\n    this.formController.setValues(newValues);\n  }\n\n  componentDidLoad() {\n    this.formController.errors.subscribe((errors) => this.errors = { ...errors });\n    this.formController.defaultValues.subscribe((defaultValues) => this.defaultValues = { ...defaultValues });\n  }\n\n  inputHandler(name: string, value: string) {\n    this.business = { ...this.business, [name]: value };\n  };\n\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <div class=\"row gy-3\">\n          <div class=\"col-12\">\n            <form-control-text\n              name=\"legal_name\"\n              label=\"Legal Name\"\n              defaultValue={this.defaultValues.legal_name}\n              error={this.errors.legal_name}\n              inputHandler={(name, value) => this.inputHandler(name, value)} />\n          </div>\n          <div class=\"col-12\">\n            <form-control-text\n              name=\"doing_business_as\"\n              label=\"Doing Business As (DBA)\"\n              defaultValue={this.defaultValues.doing_business_as}\n              error={this.errors.doing_business_as}\n              inputHandler={(name, value) => this.inputHandler(name, value)} />\n          </div>\n          <div class=\"col-12\">\n            <form-control-select\n              name=\"business_type\"\n              label=\"Business Type\"\n              options={BusinessTypeOptions}\n              defaultValue={this.defaultValues.business_type}\n              error={this.errors.business_type}\n              inputHandler={(name, value) => this.inputHandler(name, value)} />\n          </div>\n          <div class=\"col-12\">\n            <form-control-select\n              name=\"business_structure\"\n              label=\"Business Structure\"\n              options={BusinessStructureOptions}\n              defaultValue={this.defaultValues.business_structure}\n              error={this.errors.business_structure}\n              inputHandler={(name, value) => this.inputHandler(name, value)} />\n          </div>\n          <div class=\"col-12\">\n            <form-control-text\n              name=\"industry\"\n              label=\"Industry\"\n              defaultValue={this.defaultValues.industry}\n              error={this.errors.business_structure}\n              inputHandler={(name, value) => this.inputHandler(name, value)} />\n          </div>\n          <div class=\"col-12\">\n            <form-control-text\n              name=\"website_url\"\n              label=\"Website URL\"\n              defaultValue={this.defaultValues.website_url}\n              error={this.errors.website_url}\n              inputHandler={(name, value) => this.inputHandler(name, value)} />\n          </div>\n          <div class=\"col-12\">\n            <form-control-text\n              name=\"email\"\n              label=\"Email Address\"\n              defaultValue={this.defaultValues.email}\n              error={this.errors.email}\n              inputHandler={(name, value) => this.inputHandler(name, value)} />\n          </div>\n          <div class=\"col-12\">\n            <form-control-text\n              name=\"phone\"\n              label=\"Phone Number\"\n              defaultValue={this.defaultValues.phone}\n              error={this.errors.phone}\n              inputHandler={(name, value) => this.inputHandler(name, value)} />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"version":3}
+{"file":"business-generic-info.js","mappings":"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","names":["Yup.object","Yup.string","object","string","boolean","array"],"sources":["src/components/legal-address-form/legal-address-form-schema.ts","src/components/business-form/business-form-schema.ts","src/components/business-form/business-generic-info/business-generic-info.scss?tag=justifi-business-generic-info","src/components/business-form/business-generic-info/business-generic-info.tsx"],"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","import { array, boolean, object, string } from 'yup';\nimport legalAddressSchema from '../legal-address-form/legal-address-form-schema';\n\nexport const RegExZip = /^\\d{5}/;\n\ntype BusinessType =\n  | 'for_profit'\n  | 'non_profit'\n  | 'government_entity'\n  | 'individual'\n  | '';\ntype BusinessStructure =\n  | 'sole_proprietorship'\n  | 'single_llc'\n  | 'multi_llc'\n  | 'private_partnership'\n  | 'private_corporation'\n  | 'unincorporated_association'\n  | 'public_partnership'\n  | 'public_corporation'\n  | 'incorporated'\n  | 'unincorporated'\n  | 'government_unit'\n  | 'government_instrumentality'\n  | 'tax_exempt_government_instrumentality'\n  | '';\n\nexport class Business {\n  public legal_name = '';\n  public website_url = '';\n  public email: string = '';\n  public phone: string = '';\n  public doing_business_as: string = '';\n  public business_type: string = '';\n  public business_structure: string = '';\n  public industry: string = '';\n  public metadata: any = {};\n\n  constructor(data?: any) {\n    if (data) {\n      this.legal_name = data.legal_name;\n      this.website_url = data.website_url;\n      this.email = data.email;\n      this.phone = data.phone;\n      this.doing_business_as = data.doing_business_as;\n      this.business_type = data.business_type;\n      this.business_structure = data.business_structure;\n      this.industry = data.industry;\n      this.metadata = data.metadata;\n    }\n  }\n}\n\nexport const BusinessTypeOptions: { label: string; value: BusinessType }[] = [\n  {\n    label: 'Choose business type',\n    value: '',\n  },\n  {\n    label: 'Individual',\n    value: 'individual',\n  },\n  {\n    label: 'For Profit',\n    value: 'for_profit',\n  },\n  {\n    label: 'Non Profit',\n    value: 'non_profit',\n  },\n  {\n    label: 'Government Entity',\n    value: 'government_entity',\n  },\n];\n\nexport const BusinessStructureOptions: {\n  label: string;\n  value: BusinessStructure;\n}[] = [\n  {\n    label: 'Choose business structure',\n    value: '',\n  },\n  {\n    label: 'Sole Proprietorship',\n    value: 'sole_proprietorship',\n  },\n  {\n    label: 'LLC (Single)',\n    value: 'single_llc',\n  },\n  {\n    label: 'LLC (Multiple)',\n    value: 'multi_llc',\n  },\n  {\n    label: 'Private Partnership',\n    value: 'private_partnership',\n  },\n  {\n    label: 'Private Corporation',\n    value: 'private_corporation',\n  },\n  {\n    label: 'Unincorporated Association',\n    value: 'unincorporated_association',\n  },\n  {\n    label: 'Public Partnership',\n    value: 'public_partnership',\n  },\n  {\n    label: 'Public Corporation',\n    value: 'public_corporation',\n  },\n  {\n    label: 'Incorporated',\n    value: 'incorporated',\n  },\n  {\n    label: 'Unincorporated',\n    value: 'unincorporated',\n  },\n  {\n    label: 'Government Unit',\n    value: 'government_unit',\n  },\n  {\n    label: 'Government Instrumentality',\n    value: 'government_instrumentality',\n  },\n  {\n    label: 'Tax Exempt Government Instrumentality',\n    value: 'tax_exempt_government_instrumentality',\n  },\n];\n\nconst businessGenericInfoSchema = object({\n  legal_name: string().required('Enter legal name'),\n  website_url: string()\n    .url('Enter valid website url')\n    .required('Enter website url'),\n  email: string().email('Enter valid email').required('Enter email'),\n  phone: string().required('Enter phone number'),\n  doing_business_as: string().required('Enter doing business as'),\n  business_type: string().required('Select business type'),\n  business_structure: string().required('Select business structure'),\n  industry: string().required('Enter a business industry'),\n});\n\nconst addressSchema = object({\n  line1: string().required('Enter street address'),\n  city: string().required('Enter city'),\n  state: string().required('Select state'),\n  postal_code: string().required('Enter postal code'),\n});\n\nconst representativeSchema = object({\n  name: string().required('Enter representative name'),\n  email: string()\n    .email('Enter valid representative email')\n    .required('Enter representative email'),\n  phone: string().required('Enter representative phone number'),\n  dob_day: string().required('Enter representative birth day'),\n  dob_month: string().required('Enter representative birth month'),\n  dob_year: string().required('Enter representative birth year'),\n  identification_number: string(),\n  address: addressSchema,\n});\n\nconst ownerSchema = object({\n  name: string().required('Enter owner name'),\n  title: string().required('Enter owner title'),\n  email: string()\n    .email('Enter valid owner email')\n    .required('Enter owner email'),\n  phone: string().required('Enter owner phone number'),\n  dob_day: string().required('Enter owner birth day'),\n  dob_month: string().required('Enter owner birth month'),\n  dob_year: string().required('Enter owner birth year'),\n  identification_number: string(),\n  is_owner: boolean(),\n  address: addressSchema,\n});\n\nconst additionQuestionsSchema = object({\n  business_revenue: string().required('Enter business revenue'),\n  business_payment_volume: string().required('Enter business payment volume'),\n  business_dispute_volume: string().required('Enter business dispute volume'),\n  business_receivable_volume: string().required(\n    'Enter business receivable volume',\n  ),\n});\n\nconst businessFormSchema = object({\n  ...businessGenericInfoSchema.fields,\n  legal_address: legalAddressSchema.required('Enater legal address'),\n  additional_questions: additionQuestionsSchema.required(\n    'Enter additional questions',\n  ),\n  representative: representativeSchema.required(\n    'Enter representative information',\n  ),\n  owners: array().of(ownerSchema).min(1, 'Enter at least 1 owners'),\n});\n\nexport default businessFormSchema;\n","@import 'reboot';\n@import 'grid';\n@import 'buttons';\n\n:host {\n  @include host-base-styles;\n  display: block;\n}\n\n*::part(label) {\n  color: var(--jfi-form-label-color);\n  font-family: var(--jfi-form-label-font-family);\n  font-weight: var(--jfi-form-label-font-weight);\n  font-size: var(--jfi-form-label-font-size);\n  margin: var(--jfi-form-label-margin);\n}\n\n*::part(input) {\n  font-family: var(--jfi-layout-font-family);\n  background-color: var(--jfi-form-control-background-color);\n  border-color: var(--jfi-form-control-border-color);\n  border-width: var(--jfi-form-control-border-width);\n  border-bottom-width: var(--jfi-form-control-border-bottom-width);\n  border-left-width: var(--jfi-form-control-border-left-width);\n  border-right-width: var(--jfi-form-control-border-right-width);\n  border-top-width: var(--jfi-form-control-border-top-width);\n  border-radius: var(--jfi-form-control-border-radius);\n  border-style: var(--jfi-form-control-border-style);\n  box-shadow: var(--jfi-form-control-box-shadow);\n  color: var(--jfi-form-control-color);\n  font-size: var(--jfi-form-control-font-size);\n  font-weight: var(--jfi-form-control-font-weight);\n  line-height: var(--jfi-form-control-line-height);\n  margin: var(--jfi-form-control-margin);\n  padding: var(--jfi-form-control-padding);\n\n  &:focus {\n    color: var(--jfi-form-control-color-focus);\n    border-color: var(--jfi-form-control-border-color-focus);\n    box-shadow: var(--jfi-form-control-box-shadow-focus);\n  }\n}\n\n*::part(input-invalid) {\n  border-color: var(--jfi-form-control-border-color-error);\n  box-shadow: var(--jfi-form-control-box-shadow-error);\n\n  &:focus {\n    border-color: var(--jfi-form-control-border-color-error);\n    box-shadow: var(--jfi-form-control-box-shadow-error-focus);\n  }\n}\n","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 * @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  @State() business: 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    this.formController.values.subscribe(\n      values => (this.business = { ...values }),\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        <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      </Host>\n    );\n  }\n}\n"],"version":3}