Error in ios "InputMaskDelegateImpl"

[pgennoni]

Make sure to check the demo app(s) for sample usage

Make sure to check the existing issues in this repository

If the demo apps cannot help and there is no issue for your problem, tell us about it

Please, ensure your title is less than 63 characters long and starts with a capital
letter.

Which platform(s) does your issue occur on?

• iOS
• iOS 12
• emulator and device. iphone xr, iphone x and iphone 5

Please, provide the following version numbers that your issue occurs with:

• CLI:5.3.4
• Cross-platform modules: (check the 'version' attribute in the
  node_modules/tns-core-modules/package.json file in your project)
• Runtime(s): "tns-android": 5.2.1 and "tns-ios":5.3.1
• Plugin(s):
  "dependencies": {
  "@angular/animations": "~7.2.0",
  "@angular/common": "~7.2.0",
  "@angular/compiler": "~7.2.0",
  "@angular/core": "~7.2.0",
  "@angular/forms": "~7.2.0",
  "@angular/http": "~7.2.0",
  "@angular/platform-browser": "~7.2.0",
  "@angular/platform-browser-dynamic": "~7.2.0",
  "@angular/router": "~7.2.0",
  "@nstudio/nativescript-floatingactionbutton": "^1.0.0",
  "lodash": "^4.17.11",
  "nativescript-angular": "~7.2.0",
  "nativescript-camera": "^4.1.1",
  "nativescript-cardview": "^3.1.1",
  "nativescript-https": "^1.1.0",
  "nativescript-imagepicker": "^6.1.0",
  "nativescript-input-mask": "^1.0.5",
  "nativescript-masked-text-field": "^4.0.2",
  "nativescript-maskedinput": "0.0.3",
  "nativescript-numeric-keyboard": "^4.3.0",
  "nativescript-pdf-view": "^2.0.1",
  "nativescript-sqlite": "^2.2.3",
  "nativescript-theme-core": "~1.0.4",
  "nativescript-ui-listview": "^3.8.0",
  "nativescript-ui-sidedrawer": "~5.0.0",
  "nativescript-ui-dataform": "3.8.0",
  "reflect-metadata": "~0.1.12",
  "rxjs": "~6.3.0",
  "tns-core-modules": "~5.3.0",
  "tns-platform-declarations": "^6.0.3",
  "zone.js": "~0.8.26"
  },
  "devDependencies": {
  "@angular/compiler-cli": "~7.2.0",
  "@nativescript/schematics": "~0.5.0",
  "@ngtools/webpack": "~7.2.0",
  "nativescript-dev-typescript": "~0.9.0",
  "nativescript-dev-webpack": "~0.21.0",
  "tns-platform-declarations": "^6.0.3"
  },

Please, tell us how to recreate the issue in as much detail as possible.

when i enter into a "notificar pago component", i need to render a input-mask. this run perfect in android, but in ios this don't works.

Is there any code involved?

The code:
<InputMask *ngIf="submitted"
mask="[099999999]{,}[00]"
(extractedValueChange)="onExtractedValueChange($event)"
(completedChange)="onCompletedChange($event)"
(loaded)="onLoaded($event)"
[hint]="importe"
keyboardType="phone">

the error is:
CONSOLE WARN file:///app/tns_modules/nativescript-input-mask/input-mask.js:31:49: Class "InputMaskDelegateImpl" already implements the "UITextFieldDelegate" protocol.

Thanks!

[pgennoni]

add the code of the file input-mask.js:

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var text_field_common_1 = require("tns-core-modules/ui/text-field/text-field-common");
var input_mask_common_1 = require("./input-mask.common");
var ListenerImpl = (function (_super) {
__extends(ListenerImpl, _super);
function ListenerImpl() {
return _super !== null && _super.apply(this, arguments) || this;
}
ListenerImpl.initWithOwner = function (owner) {
var listener = ListenerImpl.new();
listener._owner = owner;
return listener;
};
ListenerImpl.prototype.textFieldDidFillMandatoryCharactersDidExtractValue = function (textField, complete, value) {
var owner = this._owner.get();
if (owner) {
input_mask_common_1.completedProperty.nativeValueChange(owner, complete);
input_mask_common_1.extractedValueProperty.nativeValueChange(owner, value);
}
};
ListenerImpl.ObjCProtocols = [MaskedTextFieldDelegateListener];
return ListenerImpl;
}(NSObject));
var InputMaskDelegateImpl = (function (_super) {
__extends(InputMaskDelegateImpl, _super);
function InputMaskDelegateImpl() {
return _super !== null && _super.apply(this, arguments) || this;
}
InputMaskDelegateImpl.initWithOwnerAndDefault = function (owner, defaultImpl) {
var delegate = InputMaskDelegateImpl.new();
delegate._defaultImpl = defaultImpl;
delegate._owner = owner;
return delegate;
};
InputMaskDelegateImpl.prototype.textFieldShouldBeginEditing = function (textField) {
return this._defaultImpl.textFieldShouldBeginEditing(textField);
};
InputMaskDelegateImpl.prototype.textFieldDidEndEditing = function (textField) {
return this._defaultImpl.textFieldDidEndEditing(textField);
};
InputMaskDelegateImpl.prototype.textFieldShouldClear = function (textField) {
return this._defaultImpl.textFieldShouldClear(textField);
};
InputMaskDelegateImpl.prototype.textFieldShouldReturn = function (textField) {
return this._defaultImpl.textFieldShouldReturn(textField);
};
InputMaskDelegateImpl.prototype.textFieldShouldChangeCharactersInRangeReplacementString = function (textField, range, replacementString) {
var owner = this._owner.get();
_super.prototype.textFieldShouldChangeCharactersInRangeReplacementString.call(this, textField, range, replacementString);
if (owner) {
text_field_common_1.textProperty.nativeValueChange(owner, textField.text);
}
return false;
};
InputMaskDelegateImpl.ObjCProtocols = [UITextFieldDelegate];
return InputMaskDelegateImpl;
}(MaskedTextFieldDelegate));
var InputMask = (function (_super) {
__extends(InputMask, _super);
function InputMask() {
return _super !== null && _super.apply(this, arguments) || this;
}
InputMask.prototype.initNativeView = function () {
_super.prototype.initNativeView.call(this);
var owner = new WeakRef(this);
this._delegate = InputMaskDelegateImpl.initWithOwnerAndDefault(owner, this._delegate);
this._listener = ListenerImpl.initWithOwner(owner);
this._delegate.listener = this._listener;
};
InputMask.prototype.disposeNativeView = function () {
this._delegate = null;
this._listener = null;
_super.prototype.disposeNativeView.call(this);
};
InputMask.prototype[input_mask_common_1.completedProperty.setNative] = function (completed) {
};
InputMask.prototype[input_mask_common_1.extractedValueProperty.setNative] = function (value) {
};
InputMask.prototype[input_mask_common_1.maskProperty.setNative] = function (mask) {
this._delegate.maskFormat = mask;
thistext_field_common_1.textProperty.setNative;
};
InputMask.prototype[text_field_common_1.textProperty.setNative] = function (text) {
this._delegate.putWithTextInto(text, this.ios);
};
return InputMask;
}(input_mask_common_1.InputMaskBase));
exports.InputMask = InputMask;
//# sourceMappingURL=input-mask.js.map

[lucasumberto]

Im having this same error,

@pgennoni , what you did there? it not worked for me.

{
"nativescript": {
"id": "org.nativescript.ceonapp",
"tns-android": {
"version": "6.4.1"
},
"tns-ios": {
"version": "6.4.2"
}
},
"description": "NativeScript Ceon Application",
"license": "SEE LICENSE IN ",
"repository": "",
"dependencies": {
"@nativescript/theme": "^2.3.0-2020-01-13-101337-01",
"@nstudio/nativescript-checkbox": "^1.0.0",
"axios": "^0.19.1",
"moment": "^2.24.0",
"nativescript-input-mask": "^1.0.5",
"nativescript-mediafilepicker": "^3.0.1",
"nativescript-secure-storage": "^2.6.0",
"nativescript-statusbar": "^5.0.0",
"nativescript-ui-calendar": "^6.0.0",
"nativescript-ui-sidedrawer": "^8.0.0",
"nativescript-vue": "~2.4.0",
"tns-core-modules": "~6.4.0",
"vuex": "^3.1.2"
},
"devDependencies": {
"@babel/core": "~7.1.0",
"@babel/preset-env": "~7.1.0",
"babel-loader": "~8.0.0",
"nativescript-dev-webpack": "~1.5.0",
"nativescript-vue-template-compiler": "~2.4.0",
"node-sass": "^4.13.1",
"vue-loader": "~15.4.0"
},
"gitHead": "a6fec076a20f898feabb4466a2c411158c18a100",
"readme": "NativeScript Application"
}