@payyo/ptp-js 0.2.1 → 0.3.0

package/README.doc.md

@@ -51,14 +51,16 @@ data (CHD). To have a fully functional application please make sure:
 
 ## CI/CD
 
-CI server is Bitbucket Pipeline. See CI configuration in `bitbucket-pipelines.yml`.
+The project CI/DC is AWS Code Tools. See CI configuration in `buildspec.yml` and `buildspec-npm.yml`. 
+See details in [Deployment](#deployment) and [NPM package publishing](#npm-package-publishing) sections.
 
 ## Deployment
 
 ### Field component
 
-Each push to the repository produces a build which can be deployed to the specific environment via Bitbucket Pipeline.
-Each Git tag triggers automated build and deployment DEV and PROD packages.
+Each push to the repository produces a build which can be deployed to with AWS Code Tools. The `fielld` component is
+deployed to AWS S3 and distributed with AWS CloudFront. The client part is published to npm registry. 
+See [NPM package publishing](#npm-package-publishing) section for more details. 
 
 ### Form component 
 
@@ -67,6 +69,8 @@ as well as other integrators.
 
 ## NPM package publishing
 
+> ⚠ **Note**: Before publishing the package ensure that the package version is updated in `package.json`.
+
 To make the library available to the public and used in other Payyo projects and other user you need to publish it to NPM. 
 We have the NPM account registered to `developers@payyo.ch` email and organization `payyo` defined there. 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payyo/ptp-js",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "JS library for Payyo Tokenization service (PTP)",
   "private": false,
   "author": "developers@payyo.ch",

package/src/form/index.js

@@ -39,6 +39,7 @@ module.exports = function (config) {
                 fieldName: fieldName,
                 iFrameName: 'ptp-field-iframe-' + formId + '-' + fieldName,
                 container: fieldContainer,
+                title: field.title || '',
                 placeholder: field.placeholder || '',
                 inputType: field.inputType || 'text',
                 isReady: false
@@ -60,11 +61,13 @@ module.exports = function (config) {
             attributes = {
                 id: iFrameName,
                 name: iFrameName,
+                title: field.title,
                 class: iFrameName,
                 src: config.iframeUri + '?' + (new URLSearchParams({
                     form_id: formId,
                     field_name: field.fieldName,
                     field_names: fieldNames,
+                    title: field.title,
                     placeholder: field.placeholder,
                     input_type: field.inputType,
                     debug: config.debug ? '1' : '0',
@@ -220,7 +223,7 @@ module.exports = function (config) {
     function checkFocus() {
         for (let [, field] of Object.entries(fields)) {
             const iframe = window.frames[field.iFrameName];
-            if (typeof iframe) {
+            if (iframe) {
                 iframe.postMessage({'type': 'checkFocus'}, '*');
             }
         }