@bnsights/bbsf-controls 1.0.64 → 1.0.65

package/bundles/bnsights-bbsf-controls.umd.js

@@ -7801,6 +7801,147 @@
         onBlurInput: [{ type: i0.Output }]
     };
 
+    var RecaptchaModel = /** @class */ (function () {
+        function RecaptchaModel() {
+            this.ImageJpeg = [];
+        }
+        return RecaptchaModel;
+    }());
+
+    var CaptchaStyle = /** @class */ (function () {
+        function CaptchaStyle() {
+        }
+        return CaptchaStyle;
+    }());
+
+    var RecaptchaComponent = /** @class */ (function () {
+        function RecaptchaComponent(controlUtility, requestHandlerService, recaptchaControlHost, UtilityService, controlValidationService, globalSettings) {
+            var _this = this;
+            this.controlUtility = controlUtility;
+            this.requestHandlerService = requestHandlerService;
+            this.recaptchaControlHost = recaptchaControlHost;
+            this.UtilityService = UtilityService;
+            this.controlValidationService = controlValidationService;
+            this.globalSettings = globalSettings;
+            this.OnChange = new i0.EventEmitter();
+            this.validationRules = [];
+            this.validationRulesAsync = [];
+            this.recaptchaModel = new RecaptchaModel();
+            this.resetError = function () {
+                _this.controlValidationService.RemoveGlobalError();
+            };
+            //External Method
+            this.RemoveRequiredValidation = function () {
+                _this.controlUtility.RemoveRequiredValidation(_this.ReCaptchaFormControl, _this.validationRules, _this.options);
+            };
+            //External Method
+            this.AddRequiredValidation = function () {
+                _this.controlUtility.AddRequiredValidation(_this.ReCaptchaFormControl, _this.validationRules, _this.options);
+            };
+            //External Method
+            this.RemoveCustomValidation = function (CustomValidation) {
+                _this.controlUtility.RemoveCustomValidation(_this.ReCaptchaFormControl, _this.validationRules, CustomValidation);
+            };
+            //External Method
+            this.AddCustomValidation = function (CustomValidation) {
+                _this.controlUtility.AddCustomValidation(_this.ReCaptchaFormControl, _this.validationRules, CustomValidation);
+            };
+            //External Method
+            this.IsValid = function () {
+                _this.controlUtility.IsValid(_this.ReCaptchaFormControl);
+            };
+        }
+        RecaptchaComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.controlValidationService.isCreatedBefor = false;
+            this.loadImage();
+            if (!this.options.ViewType)
+                this.options.ViewType = this.globalSettings.ViewType;
+            this.group.addControl(this.options.Name, new forms.FormControl(''));
+            this.ReCaptchaFormControl = this.group.controls[this.options.Name]; //  new FormControl('',validationRules);
+            if (this.options.LabelKey != null && this.options.LabelKey != "")
+                this.options.LabelValue = this.UtilityService.getResourceValue(this.options.LabelKey);
+            if (this.options.IsRequired) {
+                this.validationRules.push(forms.Validators.required);
+            }
+            if (this.options.CustomValidation.length > 0) {
+                var Validations = this.options.CustomValidation;
+                for (var index = 0; index < Validations.length; index++) {
+                    var Validation = Validations[index];
+                    this.validationRules.push(Validation.functionBody);
+                }
+            }
+            this.ReCaptchaFormControl.setValidators(this.validationRules);
+            this.ReCaptchaFormControl.setAsyncValidators(this.validationRulesAsync);
+            if (this.options.IsDisabled) {
+                this.ReCaptchaFormControl.disable();
+            }
+            this.recaptchaControlHost.ngSubmit.subscribe(function (value) {
+                _this.group.markAllAsTouched();
+                _this.markAllAsTouched = true;
+            });
+        };
+        RecaptchaComponent.prototype.loadImage = function () {
+            var _this = this;
+            var style = new CaptchaStyle();
+            style.BackgroundColorPrimary = this.options.BackgroundColorPrimary;
+            style.BackgroundColorSecondary = this.options.BackgroundColorSecondary;
+            style.TextColorPrimary = this.options.TextColorPrimary;
+            style.TextColorSecondary = this.options.TextColorSecondary;
+            style.FontSize = this.options.FontSize;
+            var requestOptionsModel = new bbsfUtilities.RequestOptionsModel();
+            requestOptionsModel.disableBlockUI = true;
+            requestOptionsModel.disableSuccessNotification = true;
+            this.requestHandlerService.post(this.options.ActionURL, style, null, null, requestOptionsModel).subscribe(function (res) {
+                var model = res;
+                _this.recaptchaModel.ID = model.id;
+                _this.recaptchaModel.EncryptedText = model.encryptedText;
+                _this.recaptchaModel.ImageJpeg = model.imageJpeg;
+                _this.image = 'data:image/jpeg;base64,' + _this.recaptchaModel.ImageJpeg;
+            });
+        };
+        RecaptchaComponent.prototype.ngAfterViewInit = function () {
+            this.controlUtility.setAttributeForControl(this.options);
+        };
+        RecaptchaComponent.prototype.showGlobalError = function () {
+            this.controlUtility.showGlobalError();
+        };
+        RecaptchaComponent.prototype.getErrorValidation = function (ErrorList) {
+            if (this.markAllAsTouched && this.group.invalid) {
+                this.showGlobalError();
+                this.markAllAsTouched = false;
+            }
+            return this.controlUtility.getErrorValidationMassage(ErrorList, this.group, this.options);
+        };
+        RecaptchaComponent.prototype.onTextChange = function (valueText) {
+            var value = valueText.target.value;
+            this.recaptchaModel.Text = value;
+            this.group.get(this.options.Name).setValue(this.recaptchaModel);
+            this.options.Value = this.recaptchaModel;
+            this.OnChange.emit(this.ReCaptchaFormControl.value);
+        };
+        return RecaptchaComponent;
+    }());
+    RecaptchaComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'BBSF-Recaptcha',
+                    template: "<div class=\"b-control b-recaptcha\">\r\n        <img class=\"h-100 w-100 mb-3\" [src]=\"image\" />\r\n      <button class=\"btn btn-sm btn-icon\" type=\"button\" ngbTooltip=\"{{UtilityService.getResourceValue('ReloadCaptcha')}}\" (click)=\"loadImage()\">\r\n        <i class=\"fas fa-refresh\"></i>\r\n      </button>\r\n\r\n  <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\" [ngClass]=\"(options.NoMargin==true)?'':'NoMargin'\">\r\n    <label class=\"b-label col-form-label col-sm-12 {{options.LabelExtraClasses}} \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\" *ngIf=\"!options.HideLabel\">\r\n      {{options.LabelValue}}\r\n      <span *ngIf=\"(options.ShowAsterisk&&options.IsRequired)||(options.IsRequired)\" class=\"text-danger Required-text\"\r\n            aria-required=\"true\">*</span>\r\n    </label>\r\n\r\n    <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'': ((options.HideLabel)?'col-md-12':'col-md-9')\">\r\n      <div class=\"input-group align-items-center\" >\r\n        <input class=\"form-control bnsights-control {{options.ExtraClasses}} \"\r\n               dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n               aria-describedby=\"email-error\" value=\"{{options.Value.Text}}\"\r\n               aria-invalid=\"true\" formControlName=\"{{options.Name}}\" type=\"text\" \r\n               [class.is-invalid]=\"ReCaptchaFormControl.invalid && ReCaptchaFormControl.touched\"\r\n               placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\" autocomplete=\"{{options.AutoComplete}}\"\r\n               (change)=\"onTextChange($event)\"  [readonly]=\"options.IsReadonly\"/>\r\n      </div>\r\n      <div class=\"text-danger Required-text\" dir=\"{{options.ForceDirection==2?'rtl':''}}\"\r\n           *ngIf=\"(ReCaptchaFormControl.invalid && ReCaptchaFormControl.touched)\">\r\n        {{getErrorValidation(ReCaptchaFormControl.errors|keyvalue)}}\r\n      </div>\r\n      <div class=\"control-desc\" *ngIf=\"options.LabelDescription!=null\">{{options.LabelDescription}}</div>\r\n      <div *ngIf=\"(group.valid&&group.dirty&&group.touched )||(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n    </div>\r\n  </div>\r\n</div>\r\n"
+                },] }
+    ];
+    RecaptchaComponent.ctorParameters = function () { return [
+        { type: ControlUtility },
+        { type: bbsfUtilities.RequestHandlerService },
+        { type: forms.FormGroupDirective },
+        { type: bbsfUtilities.UtilityService },
+        { type: bbsfUtilities.ControlValidationService },
+        { type: GlobalSettings }
+    ]; };
+    RecaptchaComponent.propDecorators = {
+        group: [{ type: i0.Input }],
+        options: [{ type: i0.Input }],
+        OnChange: [{ type: i0.Output }]
+    };
+
     var options;
     exports.AppInjector = void 0;
     angular.FullCalendarModule.registerPlugins([
@@ -7852,7 +7993,8 @@
                         RepeaterTableComponent,
                         BBSFDateTimePipe,
                         BBSFDatePipe,
-                        BTagsInputComponent
+                        BTagsInputComponent,
+                        RecaptchaComponent
                     ],
                     imports: [
                         common.CommonModule,
@@ -7951,7 +8093,8 @@
                         RepeaterItemFieldComponent,
                         RepeaterTableComponent,
                         BBSFDateTimePipe,
-                        BBSFDatePipe
+                        BBSFDatePipe,
+                        RecaptchaComponent
                     ]
                 },] }
     ];
@@ -7972,6 +8115,29 @@
      */
     // import 'zone.js/dist/zone-error';  // Included with Angular CLI.
 
+    var RecaptchaOptions = /** @class */ (function (_super) {
+        __extends(RecaptchaOptions, _super);
+        function RecaptchaOptions() {
+            var _this = _super.apply(this, __spreadArray([], __read(arguments))) || this;
+            /**To set  value  to Control */
+            _this.Value = new RecaptchaModel();
+            _this.ForceDirection = null;
+            /**Prevent AutoComplete of control default value is "on" available values "on" and "off"*/
+            _this.AutoComplete = "on";
+            _this.NoMargin = false;
+            /**the url of a remote server that supports jsonp calls */
+            _this.ActionURL = "/api/Home/GetReCaptchaModel";
+            /*Pass hexa-color primary background color*/
+            _this.BackgroundColorPrimary = "";
+            /*Pass hexa-color secondary background color*/
+            _this.BackgroundColorSecondary = "";
+            /*Pass font Size */
+            _this.FontSize = 0;
+            return _this;
+        }
+        return RecaptchaOptions;
+    }(ControlOptionsBase));
+
     var MultilingualControlOptionsBase = /** @class */ (function () {
         function MultilingualControlOptionsBase() {
             /**  to set type of view  if MultipleLanguageText is Vertical or Horizontal */
@@ -8758,6 +8924,9 @@
     exports.RadioButtonItem = RadioButtonItem;
     exports.RadioButtonOptions = RadioButtonOptions;
     exports.RangeNumber = RangeNumber;
+    exports.RecaptchaComponent = RecaptchaComponent;
+    exports.RecaptchaModel = RecaptchaModel;
+    exports.RecaptchaOptions = RecaptchaOptions;
     exports.RenderComponentService = RenderComponentService;
     exports.RepeaterComponent = RepeaterComponent;
     exports.RepeaterField = RepeaterField;