@justifi/webcomponents 4.0.2 → 4.0.6

package/dist/components/billing-form.js.map

@@ -0,0 +1 @@
+{"file":"billing-form.js","mappings":"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","names":["object","string"],"sources":["./src/components/billing-form/billing-form-schema.ts","./src/components/billing-form/billing-form.scss?tag=justifi-billing-form&encapsulation=shadow","./src/components/billing-form/billing-form.tsx"],"sourcesContent":["import { object, string } from 'yup';\n\nexport const RegExZip = /^\\d{5}/;\n\nexport interface BillingFormFields {\n  name: string;\n  address_line1: string;\n  address_line2?: string;\n  address_city: string;\n  address_state: string;\n  address_postal_code: string;\n}\n\nconst BillingFormSchema = object({\n  name: string().required('Enter name'),\n  address_line1: string().required('Enter street address'),\n  address_line2: string(),\n  address_city: string().required('Enter city'),\n  address_state: string().required('Choose state'),\n  address_postal_code: string().required('Enter ZIP').matches(RegExZip, 'Enter a valid ZIP').min(5, 'Enter a valid ZIP'),\n});\n\nexport default BillingFormSchema;\n","@import 'reboot';\n@import 'grid';\n\n:host {\n  @include host-base-styles;\n  display: block;\n}\n\njustifi-billing-form {\n  margin-left: calc(var(--jfi-layout-padding) * -1);\n  margin-right: calc(var(--jfi-layout-padding) * -1);\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  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, State, Listen, Method, Prop } from '@stencil/core';\nimport { ValidationError } from 'yup';\nimport BillingFormSchema, { BillingFormFields } from './billing-form-schema';\nimport StateOptions from './state-options';\n\n/**\n * @exportedPart label: Label for inputs\n * @exportedPart input: The input fields\n * @exportedPart input-invalid: Invalid state for inputs\n */\n@Component({\n  tag: 'justifi-billing-form',\n  styleUrl: 'billing-form.scss',\n  shadow: true,\n})\nexport class BillingForm {\n  /**\n   * (Optional) A label for the form.\n   */\n  @Prop() legend?: string;\n  @State() billingFields: BillingFormFields = {\n    name: '',\n    address_line1: '',\n    address_line2: '',\n    address_city: '',\n    address_state: '',\n    address_postal_code: '',\n  };\n\n  @State() billingFieldsErrors: any = {};\n\n  @Listen('fieldReceivedInput')\n  setFormValue(event) {\n    const data = event.detail;\n    const billingFieldsClone = { ...this.billingFields };\n    if (data.name) {\n      billingFieldsClone[data.name] = data.value;\n      this.billingFields = billingFieldsClone;\n    }\n  }\n\n  /**\n   * Method for filling the form with provided data\n   * @argument {BillingFormFields} fields - The fields to fill the form with\n   */\n  @Method()\n  async fill(fields: BillingFormFields) {\n    this.billingFields = { ...fields };\n  }\n\n  /**\n   * Run validation on the form\n   */\n  @Method()\n  async validate() {\n    const newErrors = {};\n    let isValid: boolean = true;\n\n    try {\n      await BillingFormSchema.validate(this.billingFields, { abortEarly: false });\n    } catch (err) {\n      isValid = false;\n      err.inner.map((item: ValidationError) => {\n        newErrors[item.path] = item.message;\n      });\n    }\n\n    this.billingFieldsErrors = newErrors;\n\n    return { isValid: isValid };\n  }\n\n  /**\n   * Returns the values of the form as an object\n   * @returns {Promise<BillingFormFields>} The values of the form\n   */\n  @Method()\n  async getValues(): Promise<BillingFormFields> {\n    return this.billingFields;\n  }\n\n  legendBlock = (<legend>{this.legend}</legend>);\n  render() {\n    return (\n      <Host exportparts=\"label,input,input-invalid\">\n        <fieldset>\n          {this.legend && this.legendBlock}\n          <div class=\"row gy-3\">\n            <div class=\"col-12\">\n              <text-input name=\"name\" label=\"Full Name\" defaultValue={this.billingFields.name} error={this.billingFieldsErrors.name} />\n            </div>\n            <div class=\"col-12\">\n              <text-input name=\"address_line1\" label=\"Street Address\" defaultValue={this.billingFields.address_line1} error={this.billingFieldsErrors.address_line1} />\n            </div>\n            <div class=\"col-12\">\n              <text-input\n                name=\"address_line2\"\n                label=\"Apartment, Suite, etc. (optional)\"\n                defaultValue={this.billingFields.address_line2}\n                error={this.billingFieldsErrors.address_line2}\n              />\n            </div>\n            <div class=\"col-12\">\n              <text-input name=\"address_city\" label=\"City\" defaultValue={this.billingFields.address_city} error={this.billingFieldsErrors.address_city} />\n            </div>\n            <div class=\"col-12\">\n              <select-input\n                name=\"address_state\"\n                label=\"State\"\n                options={StateOptions}\n                defaultValue={this.billingFields.address_state}\n                error={this.billingFieldsErrors.address_state}\n              />\n            </div>\n            <div class=\"col-12\">\n              <text-input name=\"address_postal_code\" label=\"ZIP\" defaultValue={this.billingFields.address_postal_code} error={this.billingFieldsErrors.address_postal_code} />\n            </div>\n          </div>\n        </fieldset>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/index.d.ts

@@ -1,15 +1,3 @@
-/* webcomponents custom elements */
-export { BankAccountForm as JustifiBankAccountForm } from '../types/components/bank-account-form/bank-account-form';
-export { BillingForm as JustifiBillingForm } from '../types/components/billing-form/billing-form';
-export { BusinessAddress as JustifiBusinessAddress } from '../types/components/business-address/business-address';
-export { CardForm as JustifiCardForm } from '../types/components/card-form/card-form';
-export { PaymentForm as JustifiPaymentForm } from '../types/components/payment-form/payment-form';
-export { PaymentMethodForm as JustifiPaymentMethodForm } from '../types/components/payment-method-form/payment-method-form';
-export { PaymentMethodSelector as JustifiPaymentMethodSelector } from '../types/components/payment-form/payment-method-selector';
-export { PaymentsList as JustifiPaymentsList } from '../types/components/payments-list/payments-list';
-export { SelectInput as SelectInput } from '../types/components/select-input/select-input';
-export { TextInput as TextInput } from '../types/components/text-input/text-input';
-
 /**
  * Used to manually set the base path where assets can be found.
  * If the script is used as "module", it's recommended to use "import.meta.url",
@@ -22,10 +10,18 @@ export { TextInput as TextInput } from '../types/components/text-input/text-inpu
  */
 export declare const setAssetPath: (path: string) => void;
 
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
 export interface SetPlatformOptions {
   raf?: (c: FrameRequestCallback) => number;
   ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
-export * from '../types';

package/dist/{esm/index.esm-c6a89005.js → components/index.esm.js}

@@ -1,246 +1,3 @@
-const StateOptions = [
-  {
-    label: 'Choose state',
-    value: '',
-  },
-  {
-    label: 'Alabama',
-    value: 'AL',
-  },
-  {
-    label: 'Alaska',
-    value: 'AK',
-  },
-  {
-    label: 'American Samoa',
-    value: 'AS',
-  },
-  {
-    label: 'Arizona',
-    value: 'AZ',
-  },
-  {
-    label: 'Arkansas',
-    value: 'AR',
-  },
-  {
-    label: 'California',
-    value: 'CA',
-  },
-  {
-    label: 'Colorado',
-    value: 'CO',
-  },
-  {
-    label: 'Connecticut',
-    value: 'CT',
-  },
-  {
-    label: 'Delaware',
-    value: 'DE',
-  },
-  {
-    label: 'District Of Columbia',
-    value: 'DC',
-  },
-  {
-    label: 'Federated States Of Micronesia',
-    value: 'FM',
-  },
-  {
-    label: 'Florida',
-    value: 'FL',
-  },
-  {
-    label: 'Georgia',
-    value: 'GA',
-  },
-  {
-    label: 'Guam',
-    value: 'GU',
-  },
-  {
-    label: 'Hawaii',
-    value: 'HI',
-  },
-  {
-    label: 'Idaho',
-    value: 'ID',
-  },
-  {
-    label: 'Illinois',
-    value: 'IL',
-  },
-  {
-    label: 'Indiana',
-    value: 'IN',
-  },
-  {
-    label: 'Iowa',
-    value: 'IA',
-  },
-  {
-    label: 'Kansas',
-    value: 'KS',
-  },
-  {
-    label: 'Kentucky',
-    value: 'KY',
-  },
-  {
-    label: 'Louisiana',
-    value: 'LA',
-  },
-  {
-    label: 'Maine',
-    value: 'ME',
-  },
-  {
-    label: 'Marshall Islands',
-    value: 'MH',
-  },
-  {
-    label: 'Maryland',
-    value: 'MD',
-  },
-  {
-    label: 'Massachusetts',
-    value: 'MA',
-  },
-  {
-    label: 'Michigan',
-    value: 'MI',
-  },
-  {
-    label: 'Minnesota',
-    value: 'MN',
-  },
-  {
-    label: 'Mississippi',
-    value: 'MS',
-  },
-  {
-    label: 'Missouri',
-    value: 'MO',
-  },
-  {
-    label: 'Montana',
-    value: 'MT',
-  },
-  {
-    label: 'Nebraska',
-    value: 'NE',
-  },
-  {
-    label: 'Nevada',
-    value: 'NV',
-  },
-  {
-    label: 'New Hampshire',
-    value: 'NH',
-  },
-  {
-    label: 'New Jersey',
-    value: 'NJ',
-  },
-  {
-    label: 'New Mexico',
-    value: 'NM',
-  },
-  {
-    label: 'New York',
-    value: 'NY',
-  },
-  {
-    label: 'North Carolina',
-    value: 'NC',
-  },
-  {
-    label: 'North Dakota',
-    value: 'ND',
-  },
-  {
-    label: 'Northern Mariana Islands',
-    value: 'MP',
-  },
-  {
-    label: 'Ohio',
-    value: 'OH',
-  },
-  {
-    label: 'Oklahoma',
-    value: 'OK',
-  },
-  {
-    label: 'Oregon',
-    value: 'OR',
-  },
-  {
-    label: 'Palau',
-    value: 'PW',
-  },
-  {
-    label: 'Pennsylvania',
-    value: 'PA',
-  },
-  {
-    label: 'Puerto Rico',
-    value: 'PR',
-  },
-  {
-    label: 'Rhode Island',
-    value: 'RI',
-  },
-  {
-    label: 'South Carolina',
-    value: 'SC',
-  },
-  {
-    label: 'South Dakota',
-    value: 'SD',
-  },
-  {
-    label: 'Tennessee',
-    value: 'TN',
-  },
-  {
-    label: 'Texas',
-    value: 'TX',
-  },
-  {
-    label: 'Utah',
-    value: 'UT',
-  },
-  {
-    label: 'Vermont',
-    value: 'VT',
-  },
-  {
-    label: 'Virgin Islands',
-    value: 'VI',
-  },
-  {
-    label: 'Virginia',
-    value: 'VA',
-  },
-  {
-    label: 'Washington',
-    value: 'WA',
-  },
-  {
-    label: 'West Virginia',
-    value: 'WV',
-  },
-  {
-    label: 'Wisconsin',
-    value: 'WI',
-  },
-  {
-    label: 'Wyoming',
-    value: 'WY',
-  },
-];
-
 /**
  * Based on Kendo UI Core expression code <https://github.com/telerik/kendo-ui-core#license-information>
  */
@@ -2085,4 +1842,6 @@ class ObjectSchema extends Schema {
 }
 create$3.prototype = ObjectSchema.prototype;
 
-export { StateOptions as S, create$6 as a, create$3 as c };
+export { create$6 as a, create$3 as c };
+
+//# sourceMappingURL=index.esm.js.map