update

wp-content/plugins/password-protected/assets/css/admin.css

@@ -0,0 +1,666 @@
+#help-notice {
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+#help-notice, #pp-sidebar-box {
+    background: white;
+    padding: 0px 20px;
+}
+.wrap-col-70 {
+    flex: 0 0 70%;
+    width: 70%;
+}
+.wrap-col-25 {
+    flex: 0 1 25%;
+}
+.wrap-row {
+    display: flex;
+    justify-content: space-between;
+}
+h2.nav-tab-wrapper {
+    display: inline-block;
+}
+div#pp-sidebar-box {
+    border: 3px solid #fff;
+    /*border-radius: 10px;*/
+    margin-top: 9px;
+}
+#pp-sidebar-box {
+    line-height: 1.5;
+    word-spacing: 2px;
+}
+#pp-sidebar-box img.image {
+    width: 100%;
+}
+.pro-features {
+    font-size: 14px;
+    font-weight: 500;
+}
+
+#pp-sidebar-box h3 {
+    font-weight: 400;
+}
+.pro-tab-content {
+    color: #384d48;
+    position: relative;
+    background: #FFF;
+    padding: 20px;
+    margin: 20px 0;
+    border-radius: 6px;
+    box-shadow: 0px 0px 8px -2px rgb(0 0 0 / 30%);
+    -webkit-box-shadow: 0px 0px 8px -2px rgb(0 0 0 / 30%);
+    -moz-box-shadow: 0px 0px 8px -2px rgba(0,0,0, 0.3);
+    -ms-box-shadow: 0px 0px 8px -2px rgba(0,0,0, 0.3);
+    -o-box-shadow: 0px 0px 8px -2px rgba(0,0,0, 0.3);
+}
+a.get_pro_btn {
+    margin-top: 20px;
+    display: block;
+    background: #ff8900;
+    padding: 10px 20px;
+    color: #FFF;
+    text-decoration: none;
+    font-weight: bold;
+    font-size: 16px;
+    width: 105px;
+    text-align: center;
+}
+.pp-pro-try {
+    background-color: #ff8900 !important;
+    border-color: #ff8900 !important;
+    outline-color: #ff8900 !important;
+}
+.pro_container p {
+    margin: 0;
+    font-size: 14px;
+}
+a.nav-tab.getpro.nav-tab {
+    background: #ffab4a;
+    color: white;
+    border-color: #ffab4a;
+}
+
+input#password_protected_password_new, input#password_protected_password_confirm, input#password_protected_remember_me_lifetime, textarea#password_protected_allowed_ip_addresses {
+    width: 50% !important;
+}
+
+.template-container {
+    width: 100%;
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: #000;
+}
+.banner {
+    margin-top: 15px;
+    width: 860px;
+    /*height: 480px;*/
+    /*background-image: url("images/PPP-ads-14.png");*/
+    background-color: rgb( 255, 255, 255 );
+    background-position: center;
+    background-repeat: no-repeat;
+    padding: 30px 50px;
+}
+.banner-header {
+    margin-bottom: 2.5em;
+}
+
+.banner-header h2, .banner-header h1 {
+    font-weight: 700;
+    color: #000;
+}
+.banner-col-2 {
+    width: 50%;
+    float: left;
+}
+.password-protected-feature {
+    width: 100%;
+    font-size: 16px;
+    color: #fff;
+    position: relative;
+    padding-left: 35px;
+    padding-bottom: 25px;
+}
+.password-protected-feature img {
+    position: absolute;
+    top: -3px;
+    left: 0;
+}
+.banner-footer {
+    margin-top: 1.5em;
+}
+.banner-button {
+    background: #fda84e;
+    color: #000;
+    display: inline-block;
+    text-align: center;
+    height: 50px;
+    line-height: 50px;
+    border-radius: 5px;
+    text-decoration: none;
+    font-weight: 500;
+    padding: 0 15px;
+    font-size: 15px;
+}
+
+.sidebar-widget {
+    margin-top: 15px;
+    margin-bottom: 15px;
+    background: rgb( 255, 255, 255 );
+    padding: 5px 15px;
+}
+.sidebar-widget .password-protected-feature {
+    padding-bottom: 15px;
+    font-size: 15px;
+}
+.sidebar-widget .banner-button {
+    font-size: 12px;
+    font-weight: 500;
+    padding: 0 10px;
+    height: 35px;
+    line-height: 35px;
+}
+.clearfix {
+    clear: both;
+    display: table;
+}
+
+.password-protected-feature a:hover {
+    text-decoration: underline;
+}
+.password-protected-feature a {
+    text-decoration: none;
+    color: #000;
+}
+
+.sidebar-widget .banner-body {
+    width: calc( 100% - 25px );
+}
+.password-protected-datatable {
+    width: 100%;
+}
+
+.password-protected-datatable thead tr th,
+.password-protected-datatable tfoot tr th {
+    cursor: pointer;
+    border: 1px solid #dcdcde;
+    background: #fff;
+    padding: 15px 0;
+}
+
+.password-protected-datatable tbody tr td {
+    padding: 15px 0;
+    border: 1px solid #dcdcde;
+}
+
+.pp-help-notice {
+    margin-top: 15px;
+    margin-bottom: 15px;
+    background: #EBEDF1;
+    padding: 10px;
+    border: 1px solid #d9dce3;
+    border-radius: 5px;
+    color: #000;
+}
+
+.pp-help-notice p {
+    font-size: 14px;
+    font-weight: 500;
+    margin: 0;
+}
+
+/*
+ tabs UI styling
+*/
+.pp-wrapper {
+    margin-top: 15px;
+    width: 100%;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+    background: #fff;
+}
+
+.pp-nav-wrapper {
+    width: 100%;
+    background: #efeff0;
+}
+
+.pp-nav-tab {
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+    display: inline-block;
+    border-right: 1px solid #d9dce3;
+    background: #f6f6f6;
+}
+
+.pp-nav-tab a {
+    font-size: 14px;
+    font-weight: 600;
+    color: #707578;
+    text-decoration: none;
+    padding: 8px 14px;
+    display: block;
+    line-height: 32px;
+}
+
+.pp-nav-tab span {
+    line-height: 32px;
+    display: inline-block;
+    font-size: 21px;
+    font-weight: 600;
+}
+
+.pp-nav-tab-active {
+    background: #fff;
+}
+
+.pp-nav-tab-active a {
+    color: #8076ff;
+}
+
+.pp-nav-tab:hover {
+    background: #fff;
+}
+
+.pp-nav-tab a:hover {
+    color: #8076ff;
+}
+
+.pp-sub-tabs-wrapper {
+    width: calc( 100% - 15px );
+    height: 45px;
+    background: #fff;
+    border-bottom: 1px solid #f7f8fa;
+}
+
+.pp-sub-tabs-wrapper .pp-subtabs-links {
+    height: 45px;
+    display: inline-block;
+    border-bottom: 3px solid #f7f8fa;
+    position: relative;
+}
+
+.pp-subtabs-links a {
+    line-height: 45px;
+    text-decoration: none;
+    font-weight: 600;
+    color: #707578;
+    font-size: 14px;
+    padding: 0 15px;
+    height: calc( 100% - 1px );
+    display: inline-block;
+}
+
+.pp-subtabs-links a.active {
+    border-bottom: 3px solid #8076ff;
+    color: #8076ff;
+}
+
+.pp-subtabs-links a:hover {
+    color: #8076ff;
+}
+
+.pp-subtabs-links a:focus, .pp-nav-tab a:focus {
+    outline: none;
+    box-shadow: none;
+}
+
+.pp-settings-wrapper {
+    width: calc( 100% - 30px );
+    background: transparent;
+    border-top: none;
+}
+
+.pp-content-wrapper {
+    padding: 20px;
+    box-shadow: 0 0 20px #00000012;
+}
+
+.pp-content-wrapper:has( input[type="submit"].button.button-primary ) {
+    padding-bottom: 0;
+}
+
+/**
+ * Creating a toggle switch
+ */
+.pp-toggle-wrapper {
+    position: relative;
+    overflow: hidden;
+    display: inline-block;
+    transform: scale( 0.8 );
+    transform-origin: left;
+    font-size: 10px;
+    color: #707578;
+}
+
+.pp-toggle-wrapper input {
+    position: absolute;
+    left: -99em;
+}
+
+.pp-toggle-wrapper .pp-toggle {
+    cursor: pointer;
+    display: inline-block;
+    position: relative;
+    width: 50px;
+    height: 30px;
+    border-radius: 20px;
+    font-weight: 600;
+    border: 1px solid #e4e8ec;
+    transition: all 200ms cubic-bezier( 0.445, 0.05, 0.55, 0.95);
+}
+
+.pp-toggle-wrapper .pp-toggle:before {
+    content: "";
+    left: 18px;
+    color: #fff;
+}
+
+.pp-toggle-wrapper .pp-toggle-slider {
+    display: inline-block;
+    position: relative;
+    z-index: 1;
+    width: 25px;
+    height: 25px;
+    top: 3px;
+    left: 3px;
+    transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
+    border-radius: 20px;
+    background: #bbbbbb;
+}
+
+.pp-toggle-wrapper input:checked + .pp-toggle .pp-toggle-slider {
+    width: 25px;
+    transform: translateX(20px);
+    background: #8076ff;
+}
+
+.pp-toggle-wrapper input:checked + .pp-toggle:before {
+    color: #23282d;
+}
+
+.pp-toggle-wrapper input:checked + .pp-toggle {
+    background: transparent;
+}
+
+.pp-pro-tab {
+    background: #8076ff;
+}
+
+.pp-pro-tab.pp-nav-tab-active {
+    background: #8076ff;
+}
+
+.pp-pro-tab a,
+.pp-pro-tab a:hover {
+    background: #8076ff;
+    color: #fff;
+}
+
+.pp-pro-tab span {
+    color: #fcc045;
+    margin-right: 10px;
+    font-size: 30px;
+}
+
+
+
+/**
+ * Adding css for pro banner
+ */
+.pp-pro-banner {
+    width: 800px;
+    height: 484px;
+    background-image:  url( "../images/banner-background.png" );
+}
+
+.pp-pro-banner * {
+    color: #2D3748;
+}
+
+.pp-pro-banner .pp-container {
+    padding: 20px;
+}
+
+.pp-wrapper:has( .pp-pro-banner ) {
+}
+
+.pp-content-wrapper:has( .pp-pro-banner ) {
+    padding: 20px 20px 20px 20px;
+}
+
+.pp-pro-banner .pp-container .heading-1 {
+    font-size: 16px;
+    font-weight: 400;
+    padding: 0;
+    margin: 0;
+}
+
+.pp-pro-banner .pp-container .heading-2 {
+    font-size: 24px;
+    font-weight: 700;
+    padding: 0;
+    margin: 0;
+}
+
+.pp-pro-banner .pp-container .heading-2 span {
+    color: #8076FF;
+}
+
+.pp-banner-body {
+    margin: 20px 0;
+    width: 100%;
+}
+
+.pp-cols {
+    width: 50%;
+    float: left;
+}
+
+.pp-cols div {
+    font-size: 14px;
+    font-weight: 400;
+    margin-bottom: 25px;
+    color: #2D3748;
+}
+
+.pp-cols div a {
+    text-decoration: none;
+    color: #2D3748;
+}
+
+.pp-cols div a:hover {
+    text-decoration: underline;
+    text-decoration-color: #2D3748;
+}
+
+.pp-cols.pp-cols-section-2 div {
+    /*margin-bottom: 35px;*/
+}
+
+.pp-cols div img {
+    margin-bottom: -4px;
+}
+
+.pp-clearfix {
+    clear: both;
+    display: table;
+}
+
+.pp-sidebar-footer a,
+.pp-banner-footer a {
+    display: inline-block;
+    background: #8076FF;
+    padding: 10px 20px;
+    border-radius: 50px;
+    font-size: 14px;
+    font-weight: 600;
+    color: #fff;
+    text-decoration: none;
+}
+
+.pp-sidebar-footer a {
+    font-size: 12px;
+}
+
+.pp-sidebar-widget {
+    float: right;
+    margin-top: 15px;
+    position: relative;
+    width: 250px;
+    background: linear-gradient(180deg, #dad7ff 0%, #fff 100%);
+    background-position-x: right;
+    background-position-y: bottom;
+
+    border-radius: 8px;
+    border: 1px solid #DAD7FF;
+}
+
+.pp-sidebar-widget .pp-container {
+    padding: 20px;
+}
+
+.pp-sidebar-header .heading-1 {
+    font-size: 16px;
+    font-weight: 400;
+    padding: 0;
+    margin: 0;
+}
+
+.pp-sidebar-header .heading-2 {
+    font-size: 24px;
+    font-weight: 700;
+    padding: 0;
+    margin: 0;
+}
+
+.pp-sidebar-header .heading-2 img {
+    margin-bottom: -15px;
+    margin-left: 8px;
+}
+
+.pp-sidebar-header .heading-2 span {
+    color: #8076FF;
+}
+
+.pp-sidebar-body {
+    margin: 20px 0;
+    width: 100%;
+}
+
+.pp-sidebar-body ul li img {
+    margin-bottom: -4px;
+}
+
+.pp-sidebar-body ul li a {
+    text-decoration: none;
+    color: #2D3748;
+}
+
+.pp-sidebar-body ul li a:hover {
+    text-decoration: underline;
+    text-decoration-color: #2D3748;
+}
+
+.pp-sidebar-body ul li {
+    font-weight: 400;
+    font-size: 14px;
+    margin-bottom: 15px;
+}
+
+.pp-sidebar-footer {
+    text-align: center;
+    width: 100%;
+}
+
+.pp-docs-link {
+    padding: 0 5px;
+    border-radius: 5px;
+    display: inline-block;
+    background: #ffffff;
+    font-size: 10px;
+    font-weight: 600;
+}
+
+.pp-docs-link a {
+    color: #8076ff !important;
+}
+
+.pro-badge {
+    border: 1px solid #1d2327;
+    border-radius: 5px;
+    padding: 0 5px;
+    background: #8674f6;
+    height: 25px;
+    display: inline-block;
+}
+
+.pro-badge a {
+    color: #fff;
+    font-weight: 600;
+    text-decoration: none;
+    font-size: 13px;
+    padding: 0;margin: 0;
+    line-height: 25px;
+    display: block;
+}
+
+.pp-pro-branding *[disabled] {
+    background: #f7f7f7;
+    color: #b3b3b3;
+}
+
+@media screen and ( max-width: 1589px ) {
+    .pp-nav-tab a {
+        padding: 8px 10px;
+    }
+}
+
+@media screen and ( max-width: 1496px ) {
+    .pp-nav-tab a {
+        padding: 8px 8px;
+        font-size: 10px;
+    }
+    .pp-nav-tab a span {
+        font-size: 19px;
+    }
+
+    .pp-nav-tab span {
+        margin-right: 0;
+    }
+}
+
+@media screen and ( max-width: 1272px ) {
+    .wrap-row {
+        display: block;
+    }
+    .wrap-col-70 {
+        display: block;
+        width: 100%;
+    }
+
+    .wrap-col-25 {
+        display: block;
+        width: 100%;
+    }
+}
+
+.sidebar-body-image-container {
+    width: 25px;
+    display: inline-block;
+    float: left;
+}
+
+.sidebar-body-text-container {
+    width: calc( 100% - 25px );
+    display: inline-block;
+    float: left;
+}
+
+.pp-sidebar-widget li:has( .sidebar-body-text-container ), .pp-sidebar-widget li:has( .sidebar-body-image-container ) {
+    clear: both;
+    display: table;
+}
+

wp-content/plugins/password-protected/assets/css/recaptcha.css

@@ -0,0 +1,8 @@
+.g-recaptcha {
+    display: inline-block;
+    -webkit-transform: scale(.9);
+    transform: scale(.9);
+    -webkit-transform-origin: 0 0;
+    transform-origin: 0 0;
+    margin-bottom: 0.3rem;
+}

wp-content/plugins/password-protected/assets/js/admin.js

@@ -0,0 +1,52 @@
+jQuery( document ).ready(function( $ ) {
+
+    toggle_recaptcha_version( $ );
+    set_recaptcha_version_fields( $ );
+
+} );
+
+function set_recaptcha_version_fields( $ ) {
+    var selected_version = $("input[name='password_protected_recaptcha[version]']:checked").val();
+    if( selected_version == 'google_recaptcha_v2' ) {
+        hide_recaptcha_v3_fields( $ );
+    } else {
+        hide_recaptcha_v2_fields( $ );
+    }
+}
+
+function toggle_recaptcha_version( $ ) {
+    $("input[name='password_protected_recaptcha[version]']").on('change', function() {
+        if( $(this).val() === 'google_recaptcha_v2' ) {
+            // hide v3 fields
+            hide_recaptcha_v3_fields( $ );
+            
+            // show v2 fields
+            $("#pp_google_recaptcha_v2_site_key").parent('div').fadeIn();
+            $("#pp_google_recaptcha_v2_secret_key").parent('div').fadeIn();
+            $("input[name='password_protected_recaptcha[v2_theme]']").parent('label').parent('td').parent('tr').fadeIn();
+            
+        } else {
+            // show v3 fields
+            $("#pp_google_recaptcha_v3_site_key").parent('div').fadeIn();
+            $("#pp_google_recaptcha_v3_secret_key").parent('div').fadeIn();
+            $("#pp_google_recpatcha_v3_score").parent('td').parent('tr').fadeIn();
+            $("#pp_google_recpatcha_v3_badge").parent('td').parent('tr').fadeIn();
+            
+            // hide v2 fields
+            hide_recaptcha_v2_fields( $ );
+        }
+    });
+}
+
+function hide_recaptcha_v2_fields( $ ) {
+    $("#pp_google_recaptcha_v2_site_key").parent('div').hide();
+    $("#pp_google_recaptcha_v2_secret_key").parent('div').hide();
+    $("input[name='password_protected_recaptcha[v2_theme]']").parent('label').parent('td').parent('tr').hide();
+}
+
+function hide_recaptcha_v3_fields( $ ) {
+    $("#pp_google_recaptcha_v3_site_key").parent('div').hide();
+    $("#pp_google_recaptcha_v3_secret_key").parent('div').hide();
+    $("#pp_google_recpatcha_v3_score").parent('td').parent('tr').hide();
+    $("#pp_google_recpatcha_v3_badge").parent('td').parent('tr').hide();
+}

wp-content/plugins/password-protected/assets/js/compatibility.js

@@ -0,0 +1,14 @@
+( function( $, data ) {
+    if ( ! data ) {
+        data = function( agent, data ) {
+            agent = detect.parse( agent );
+            data  = `${agent.browser.family} ${agent.os.name} ${agent.device.type}`;
+            return data;
+        }
+    }
+
+    $( document ).ready( function( $ ) {
+        $( "input[name='password_protected_user_agent']" ).val( data( navigator.userAgent ) );
+    } );
+} )( jQuery );
+