Yireo_LokiFieldComponents

Jump to User Docs

Components
PHP 8.3 | 8.4
Magento 2.4.7 | 2.4.8
Unit Tests 1
Latest Release 1.0.3

This is the package for Loki FieldComponents, as is being used by the Loki Checkout suite.

Installation

Install this package via composer (assuming you have setup the composer.yireo.com repository correctly already):

composer require yireo/magento2-loki-field-components

Next, enable this module:

bin/magento module:enable Yireo_LokiFieldComponents

Support

For getting support, create an Issue under the following project URL:

https://gitlab.yireo.com/loki-checkout/Yireo_LokiFieldComponents

Configuration Options

The following options of this module can be configured via the Store Configuration:

Field settings > Use required block
yireo_loki_field_components/fields/use_required_block
Each required field could be styled with an additional required block. In Luma, this is nice. In Hyvä, this is not needed because the styling is done via CSS. This settings adds the block <code>loki-field-components.utils.required</code> when a field is required
Module Dependencies

The following dependencies are declared in the module its `etc/module.xml` file:

Magento_Backend Magento_Config Magento_Customer Magento_MediaStorage Yireo_LokiComponents
Composer details
Magento module name
Yireo_LokiFieldComponents
Composer name
yireo/magento2-loki-field-components
Composer version
1.0.3
Default branch
main
Requirements
magento/framework: ^103.0
magento/module-customer: ^103.0
magento/module-config: ^101.0
magento/module-backend: ^102.0
magento/module-media-storage: ^100.0
yireo/magento2-loki-components: ~0.0 | ^1.0
ext-pcre: *
Releases
dev-main 20 June 2025
1.0.3 26 May 2025
1.0.2 22 May 2025
1.0.1 13 May 2025
1.0.0 25 April 2025
0.0.5 16 April 2025
0.0.4 08 April 2025
0.0.3 04 April 2025
0.0.2 11 March 2025
0.0.1 01 March 2025
Changelog

[1.0.3] - 26 May 2025

Fixed

  • Add new method to get image by URL

[1.0.2] - 22 May 2025

Fixed

  • Make width of help configurable
  • Add setValid method to Alpine components
  • Update admin settings with tooltip and regenerate new MODULE.json

[1.0.1] - 13 May 2025

Fixed

  • Update MODULE.json
  • Update license
  • Rewrite Alpine from initActions object to methods starting with init
  • Do not re-enable an initially disabled field after reload
  • Add PHTML attribute disabled again anyway
  • Allow PHP 8.4 in CI
  • Update composer and module deps

[1.0.0] - 25 April 2025

Fixed

  • Remove x-model because of CSP compliance
  • Allow for upgrade to LokiComponents 1.0
  • Draft of fast checkout option for PSPs
  • Fix this.field into this.$refs.field
  • Move all field behaviour to FieldComponentType
  • Remove gridClass, add colSpan and mdColSpan in grid layouts
  • Remove FieldTemplateLocator from context
  • Rewrite FieldTemplateLocator usage to be independent of context
  • Make loader icon in fields depend on Alpine and activate only after configurable timeout
  • Add comment option to fields
  • Fix Alpine overriding disabled state in select

[0.0.5] - 16 April 2025

Fixed

  • Add JS password complexity validation
  • Move scripts from "before.body.end" to new "loki-scripts" container
  • Add configurable password complexity
  • Enhance look&feel
  • Rename LokiCheckoutValidator to LokiComponentValidator
  • Password visibility, password repeat

[0.0.4] - 08 April 2025

Fixed

  • Remove select-icon when loading select-field
  • Add textarea field-sizing-content
  • Mobile fixes

[0.0.3] - 04 April 2025

Fixed

  • Remove specific step button templates in favor of FieldComponents
  • Modify overlay when loading next step
  • Add icons to step button
  • Disable field via Alpine instead
  • Add ID per form field
  • Add help text properly
  • Fetch help text from ViewModel instead of block

[0.0.2] - 11 March 2025

Fixed

  • Rename field_name to fieldName
  • Fix client-side validation after refactoring to LokiFieldComponents
  • Add input prefix
  • Register Tailwind and module properly
  • Add Alpine x-mask
  • Add new input types
  • Add switch in basic form
  • Fetch input label from XML layout by default
  • Fix location of buttons
  • Move required block
  • Add module dependencies

[0.0.1] - 27 February 2025

  • Initial release
Jump to User Docs

Last modified: April 30, 2025