/**
 * Copyright 2020 Adobe
 * All Rights Reserved.
 */

define([
    'jquery',
    'uiComponent'
], function ($, Component) {
    'use strict';

    return Component.extend({
        passwordSelector: '',
        passwordInputType: 'password',
        textInputType: 'text',

        defaults: {
            template: 'Magento_Customer/show-password',
            isPasswordVisible: false
        },

        /**
         * @return {Object}
         */
        initObservable: function () {
            this._super()
                .observe(['isPasswordVisible']);

            this.isPasswordVisible.subscribe(function (isChecked) {
                this._showPassword(isChecked);
            }.bind(this));

            return this;
        },

        /**
         * Show/Hide password
         * @private
         */
        _showPassword: function (isChecked) {
            $(this.passwordSelector).attr('type',
                isChecked ? this.textInputType : this.passwordInputType
            );
        }
    });
});
