diff --git a/CHANGELOG.txt b/CHANGELOG.txt index 6ebdee40a..25d7bc486 100644 --- a/CHANGELOG.txt +++ b/CHANGELOG.txt @@ -1,3 +1,34 @@ += 3.3.5.2 - 21/11/2024 = +* Fix - Fatal error when replacing gravatar image. +* Fix - Translation not working properly after WordPress v6.7. +* Fix - WordPress _load_textdomain_just_in_time notice after v6.7. + += 3.3.5.1 - 19/11/2024 = +* Fix - Edit profile form duplication. + += 3.3.5 - 18/11/2024 = +* Feature - All User Registration widgets for Oxygen builder. +* Enhance - My account page design. +* Enhance - Most used integration list on integration settings in form builder. +* Tweak - Global settings design. +* Fix - Form save action not working for initial form publish captcha setting. +* Fix - Random order of form fields in email template during user registration. +* Fix - Hide Unapproved Users action run for users not from our source. +* Dev - Compatibility for convertKit. + += 3.3.4.1 - 16/10/2024 = +* Fix - Setup wizard going blank on registration settings step. + += 3.3.4 - 16/10/2024 = +* Enhance - Separate Captcha Settings for Login and Registration Form. +* Tweak - My account selection validation and install pages. +* Tweak - Send new registered email if approval link email is disabled. +* Dev - User edit feature for admin. +* Dev - Compatibility for Conditional logic in row. +* Fix - Logout not working when redirect URL is home page. +* Fix - Export CSV user with big data cause the bad gateway error. +* Fix - Date Range throws validation message when date field is localized. + = 3.3.3 - 19/09/2024 = * Fix - Select all option not working in checkbox field. * Fix - Continue setup wizard button not working properly. @@ -41,11 +72,7 @@ * Dev - Compatibility for Authorize.net Addon. * Dev - Compatibility for SMS verification. * Dev - Add noreferer and noopener in all target blank anchor tags. -<<<<<<< HEAD -* Fix - Unable to publish form from draft status. -======= * Fix - Unable to publish form from draft status. ->>>>>>> master * Fix - Undefined variable $form_row_data. * Fix - Disable default wordpress login not working. * Fix - The email content translation issues with WPML plugin. diff --git a/assets/css/admin-rtl.css b/assets/css/admin-rtl.css index 885ebf016..637e80559 100644 --- a/assets/css/admin-rtl.css +++ b/assets/css/admin-rtl.css @@ -5244,8 +5244,8 @@ transform: scale(0.9); } } /** - * Styling begins - */ + * Styling begins + */ .blockUI.blockOverlay::before { width: 16px; height: 16px; @@ -5291,8 +5291,8 @@ background-size: cover; } /** - * Toggle class. - */ + * Toggle class. + */ .userregistration-forms-hidden { display: block; } @@ -5358,8 +5358,8 @@ text-align: center; } /** - * Addons page - **/ + * Addons page + **/ .ur_addons_wrap p.refresh { margin: 0 0 2em; } @@ -5440,8 +5440,8 @@ margin-top: 10px; } /** - * Form Builder Styles - **/ + * Form Builder Styles + **/ .user-registration_page_add-new-registration #wpfooter, .toplevel_page_user-registration #wpfooter { display: none; } @@ -5575,8 +5575,8 @@ vertical-align: middle; } /** - * Backbone modal dialog - */ + * Backbone modal dialog + */ .ur-backbone-modal * { box-sizing: border-box; } @@ -5930,6 +5930,33 @@ margin-top: -32px; margin-right: -12px; margin-left: -12px; } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content #integration_settings_back { + cursor: pointer; } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab-back { + margin-bottom: 0; + border-radius: 0; + padding: 18px 24px; + border-bottom: 1px solid #ececec; + background: transparent; + font-size: 15px; + font-weight: 600; + gap: 16px; + line-height: 150%; + display: flex; + align-items: center; + color: #383838; + transition: all .3s; } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab-back::before { + content: ""; + background-image: url("../images/icons/ur-right-arrow.svg"); + background-repeat: no-repeat; + background-size: 100%; + background-position: center; + width: 18px; + height: 18px; + transform: rotate(-180deg); } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab-back:hover::before { + filter: brightness(0) saturate(100%) invert(35%) sepia(13%) saturate(3079%) hue-rotate(194deg) brightness(96%) contrast(89%); } .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab { margin-bottom: 0; border-radius: 0; @@ -5966,6 +5993,55 @@ right: 0; } .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.active::after { filter: invert(36%) sepia(58%) saturate(767%) hue-rotate(193deg) brightness(84%) contrast(88%); } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail { + display: flex; + align-items: center; + gap: 14px; } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail .integration-status { + position: relative; } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail .integration-status::before { + content: ""; + position: absolute; + width: 8px; + height: 8px; + background: #e1e1e1; + border-radius: 1px; + top: 50%; + right: 50%; + transform: translate(50%, -50%); } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail .integration-status::after { + content: ""; + display: block; + width: 16px; + height: 16px; + border: 1px solid #e1e1e1; + border-radius: 2px; } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail .integration-status.ur-integration-account-connected::before { + background: #4CC741; } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail .integration-status.ur-integration-account-connected::after { + border-color: #4CC741; } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail .logo { + width: 40px; + height: 40px; + display: flex; + overflow: hidden; + margin: 0; + border-radius: 4px; + align-items: center; + border: 1px solid #ced4da; } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail .logo img { + width: 38px; + height: 38px; + display: block; } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail h3 { + font-size: 15px; + line-height: 150%; + margin: 0; + font-weight: 500; } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .form-settings-sub-tab { + padding: 0px; + background: #ffffff; + align-items: baseline; } .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents.ps--active-y .ur-tab-content { padding: 32px 12px 12px; } .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-content .ur-general-setting-block .ur-toggle-heading { @@ -6717,8 +6793,8 @@ flex: 1 0 27%; } /** - * Tooltips - */ + * Tooltips + */ .tips { cursor: help; text-decoration: none; } @@ -6772,8 +6848,8 @@ img.tips { border-top-color: #f44949 !important; } /** - * Help Tip - */ + * Help Tip + */ .user-registration-help-tip, .ur-portal-tooltip { color: #676d8a; @@ -6824,12 +6900,12 @@ img.tips { background-color: #ffffff; } /** - * Fullscreen Mode - **/ + * Fullscreen Mode + **/ body { /** - * User Registration Builder Loading - **/ } + * User Registration Builder Loading + **/ } body.ur-full-screen-mode { margin-top: -32px; } body.ur-full-screen-mode #wpbody-content { @@ -7865,6 +7941,71 @@ a.button.ur-smart-tags-list-button { color: #475bb3; border-color: #475bb3; background-color: #ebecf1; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings #integration-selection-settings { + display: flex; + flex-direction: column; + gap: 24px; + align-items: center; + padding: 100px 0px; + justify-content: center; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings #integration-selection-settings .integration-selection-settings-contents { + text-align: center; + display: flex; + flex-direction: column; + width: 40%; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings #integration-selection-settings .integration-selection-settings-contents h3 { + font-size: 22px; + line-height: 28px; + font-weight: 600; + margin: 0px; + border: none; + padding: 0px; + color: #131313; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings #integration-selection-settings .integration-selection-settings-contents p { + font-size: 16px; + font-weight: 400; + line-height: 24px; + color: #6B6B6B; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .form-settings-sub-tab { + border-bottom: 0; + margin-bottom: 0; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .ur-integration-list { + padding-bottom: 16px; + margin-bottom: 24px; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-notice { + margin: 0; + padding: 0; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card { + margin: 4px 0 16px !important; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card:last-child { + margin-bottom: 12px !important; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card__header { + border-bottom: 0; + padding-right: 20px !important; + padding-left: 14px !important; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card__header .user-registration-card__title { + color: #383838; + font-size: 16px; + font-weight: 600; + line-height: 24px; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card__header .user-registration-card__button { + display: flex; + align-items: center; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card__header .user-registration-card__button .button { + display: flex; + align-items: center; + justify-content: center; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card__header .user-registration-card__button .button svg { + width: 22px; + height: 22px; + margin: 0; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card__body { + border-top: 1px solid #E1E1E1; + padding-right: 20px !important; + padding-left: 20px !important; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card__body [class*="urmc-mailchimp-"], + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card__body [class*="ur-mailchimp-"] { + margin-bottom: 12px; } #wpcontent .wp-heading-inline { font-weight: 600; @@ -7879,22 +8020,39 @@ a.button.ur-smart-tags-list-button { display: flex; align-items: center; justify-content: space-between; } - #wpcontent .user-registration-settings-container .user-registration-options-header--top__left h3 { - margin: 0; - font-weight: 600; - font-size: 26px; - line-height: 120%; - color: #131313; } + #wpcontent .user-registration-settings-container .user-registration-options-header--top__left { + display: flex; + gap: 16px; + align-items: center; } + #wpcontent .user-registration-settings-container .user-registration-options-header--top__left h3 { + margin: 0; + font-weight: 600; + font-size: 24px; + line-height: 36px; + color: #222222; } + #wpcontent .user-registration-settings-container .user-registration-options-header--top__left--icon { + width: 40px; + height: 40px; + background: #EDEFF7; + display: flex; + justify-content: center; + align-items: center; + border-radius: 3.75px; } + #wpcontent .user-registration-settings-container .user-registration-options-header--top__left--icon svg { + width: 20px; + height: 20px; } + #wpcontent .user-registration-settings-container .user-registration-options-header--top__left--icon svg path { + fill: #475bb2; } #wpcontent .user-registration-settings-container .user-registration-options-header--top__right { display: flex; align-items: center; justify-content: space-between; gap: 10px; } #wpcontent .user-registration-settings-container .user-registration-options-header--top__right span.user-registration-toggle-text { - font-size: 16px; + font-size: 14px; line-height: 24px; - color: #383838; - font-weight: 500; } + color: #6B6B6B; + font-weight: 400; } #wpcontent .user-registration-settings-container .user-registration-options-header--bottom ul { display: flex; align-items: center; @@ -9140,6 +9298,74 @@ body.ur-settings-sidebar-hidden .user-registration-settings-sidebar-container { margin-left: -910px; display: none; } +.user-registration .swal2-container .swal2-header { + padding: 32px 32px 0; + gap: 16px; } + +.user-registration .swal2-container .swal2-icon { + margin-block: 0; + border-color: #41C4EE; + color: #41C4EE; + width: 60px; + height: 60px; } + .user-registration .swal2-container .swal2-icon-content { + font-size: 50px; } + +.user-registration .swal2-container .swal2-title { + color: #131313; + text-align: center; + font-size: 22px; + font-weight: 600; + line-height: 30px; + margin-bottom: 0 !important; } + +.user-registration .swal2-container .swal2-content { + padding: 0 32px; + margin-top: 20px; } + .user-registration .swal2-container .swal2-content input[type="text"] { + margin: 0; + height: 38px; + font-size: 15px; + line-height: 25px; + padding: 0 12px; + color: #383838; + border-radius: 4px; } + .user-registration .swal2-container .swal2-content input[type="text"]::placeholder { + color: #999999; } + .user-registration .swal2-container .swal2-content input[type="text"]:focus { + outline: none; + box-shadow: none; + border-color: #475bb2; } + +.user-registration .swal2-container .swal2-actions { + margin-top: 30px !important; + padding: 20px 32px !important; + gap: 16px !important; } + .user-registration .swal2-container .swal2-actions button { + margin: 0; + text-transform: capitalize; + padding: 10px 14px; + border-radius: 3px; + font-size: 14px; + font-weight: 400; + line-height: 16px; + border: 1px solid transparent; + transition: all .3s; } + .user-registration .swal2-container .swal2-actions button.swal2-confirm { + width: 48%; + background: #475bb2 !important; + color: #ffffff; + border-color: #475bb2; } + .user-registration .swal2-container .swal2-actions button.swal2-confirm:hover { + background: #38488e; } + .user-registration .swal2-container .swal2-actions button.swal2-cancel { + width: 45%; + background: transparent; + border-color: #6B6B6B; + color: #6B6B6B; } + .user-registration .swal2-container .swal2-actions button.swal2-cancel:hover { + background: #f0f0f0; } + .ur-embed-form-button { background: #edeff7 !important; border-color: #edeff7 !important; @@ -9253,3 +9479,588 @@ body.ur-settings-sidebar-hidden .user-registration-settings-sidebar-container { font-weight: normal; font-style: normal; font-display: block; } + +#integration-settings .ur-nav-premium, +.integration-lists-settings.ur-nav-premium { + cursor: not-allowed; + opacity: 0.5; } + +.form-settings-main-tab { + margin-bottom: 0; + border-radius: 0; + padding: 18px 24px; + border-bottom: 1px solid #ececec; + background: transparent; + font-size: 15px; + font-weight: 400; + line-height: 150%; + display: flex; + align-items: center; + justify-content: space-between; + padding-left: 16px; } + .form-settings-main-tab::after { + content: ""; + background-image: url("../images/icons/ur-right-arrow.svg"); + background-repeat: no-repeat; + background-size: 100%; + background-position: center; + width: 18px; + height: 18px; } + +.form-settings-sub-tab { + margin-bottom: 10px; + border-radius: 4px; + padding: 18px 24px; + border-bottom: 1px solid #ececec; + background: #dee0e9; + font-size: 15px; + font-weight: 400; + line-height: 150%; + display: flex; + align-items: center; + justify-content: space-between; + padding: 10px 15px; + color: #2d3559; } + .form-settings-sub-tab.active { + background: #475bb2; + color: #ffffff; } + +.integration-lists-settings .form-settings-sub-tab { + padding: 0px; + background-color: #ffffff; + align-items: normal; + flex-direction: column; } + +#ur-row-section-settings { + padding: 10px 0px; } + #ur-row-section-settings .ur-individual-row-settings { + display: flex; + flex-direction: column; } + +.ur-registration--loading .loading-content { + display: flex; + justify-content: space-between; + align-items: end; + flex-wrap: wrap; } + .ur-registration--loading .loading-content.table--view { + display: grid; + grid-template-columns: repeat(7, 1fr); + grid-gap: 16px; + padding: 5px 24px 3px 24px; } + .ur-registration--loading .loading-content.table--view.header { + background: #f4f4f4; + padding: 24px; + margin-bottom: 20px; } + .ur-registration--loading .loading-content.table--view.header .ur--loading--animate { + margin-bottom: 0; } + .ur-registration--loading .loading-content.table--view.header .liner { + width: 60%; } + .ur-registration--loading .loading-content.table--view .liner { + width: 30%; } + .ur-registration--loading .loading-content .loading-text-container { + width: 70%; } + .ur-registration--loading .loading-content .loading-text-container .ur--loading--animate.main-text { + height: 10px; + width: 65%; } + .ur-registration--loading .loading-content .loading-text-container .ur--loading--animate.sub-text { + height: 10px; + width: 50%; } + .ur-registration--loading .loading-content .ur--loading--animate { + margin-bottom: 10px; + background: #ececec; + background-image: -webkit-linear-gradient(-90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px); + background-image: -o-linear-gradient(-90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px); + background-image: linear-gradient(-90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px); + background-size: 250px; + border-radius: 10px; + -webkit-animation: shine-loading-container-items 0.6s infinite ease-out; + animation: shine-loading-container-items 0.6s infinite ease-out; } + .ur-registration--loading .loading-content .ur--loading--animate.loading-btn { + width: 40px; + height: 40px; } + .ur-registration--loading .loading-content .ur--loading--animate.liner { + height: 10px; } + .ur-registration--loading .loading-content .ur--loading--animate--long { + background: #f4f4f4; + background-image: -webkit-linear-gradient(-90deg, #f4f4f4 0px, #f8f8f8 40px, #f8f8f8 70px, #f4f4f4 80px); + background-image: -o-linear-gradient(-90deg, #f4f4f4 0px, #f8f8f8 40px, #f8f8f8 70px, #f4f4f4 80px); + background-image: linear-gradient(-90deg, #f4f4f4 0px, #f8f8f8 40px, #f8f8f8 70px, #f4f4f4 80px); + background-size: 1400px; + border-radius: 10px; + -webkit-animation: shine-loading-container-items-long 1s infinite ease-out; + animation: shine-loading-container-items-long 1s infinite ease-out; } + .ur-registration--loading .loading-content .ur--loading--animate--long.circular { + width: 300px; + height: 300px; + border-radius: 100%; + margin: 0 auto; } + .ur-registration--loading .loading-content .ur--loading--animate--long.rectangular { + width: 100%; + height: 300px; } + .ur-registration--loading .loading-content .ur--loading--animate--long.liner { + width: 100%; + height: 10px; + margin-bottom: 10px; } + .ur-registration--loading .loading-content .ur--loading--animate--long.liner.short { + width: 60%; } + +@-webkit-keyframes shine-loading-container-items { + 0% { + background-position: -100px; } + 40%, 100% { + background-position: 180px; } } + +@keyframes shine-loading-container-items { + 0% { + background-position: -100px; } + 40%, 100% { + background-position: 180px; } } + +@-webkit-keyframes shine-loading-container-items-long { + 0% { + background-position: -100px; } + 100% { + background-position: 1200px; } } + +@keyframes shine-loading-container-items-long { + 0% { + background-position: -100px; } + 100% { + background-position: 1200px; } } + +.user-registration.rtl .user-registration__wrap .ur-form-subcontainer #menu-management .menu-edit { + right: 0 !important; + left: 160px; } + .user-registration.rtl .user-registration__wrap .ur-form-subcontainer #menu-management .menu-edit #nav-menu-header { + padding-right: 30px; + padding-left: 12px; } + .user-registration.rtl .user-registration__wrap .ur-form-subcontainer #menu-management .menu-edit #nav-menu-header .ur-brand-logo { + border-right: 1px solid #e1e1e1; + border-left: 0; } + .user-registration.rtl .user-registration__wrap .ur-form-subcontainer #menu-management .menu-edit #nav-menu-header .ur-brand-logo img { + margin-left: 0; + margin-right: 8px; } + .user-registration.rtl .user-registration__wrap .ur-form-subcontainer #menu-management .menu-edit #nav-menu-header .ur-form-title { + padding-left: 18px; + padding-right: 8px; } + .user-registration.rtl .user-registration__wrap .ur-form-subcontainer #menu-management .menu-edit #nav-menu-header .major-publishing-actions { + margin-left: auto; + margin-right: unset; } + .user-registration.rtl .user-registration__wrap .ur-form-subcontainer #menu-management .menu-edit #post-body .ur-registered-inputs .nav-tab-wrapper .ur-tab-content .ur-search-input input.ur-type-text { + padding-left: 40px; + color: #383838; } + .user-registration.rtl .user-registration__wrap .ur-form-subcontainer #menu-management .menu-edit #post-body .ur-registered-from .ur-builder-wrapper .ur-selected-inputs #ur-field-settings select { + padding-left: 30px; } + +.ur-multi-device-form-preview #nav-menu-header { + padding: 12px; + display: flex; + align-items: center; + position: relative; + border-color: #e1e1e1; + background-color: #ffffff; + z-index: 9; } + .ur-multi-device-form-preview #nav-menu-header .ur-form-title { + font-weight: 600; + font-size: 16px; + line-height: 150%; + color: #414141; + padding-right: 18px; + padding-left: 8px; } + .ur-multi-device-form-preview #nav-menu-header .ur-brand-logo { + border-left: 1px solid #e1e1e1; } + .ur-multi-device-form-preview #nav-menu-header .ur-brand-logo img { + width: 32px; + height: 32px; + margin-left: 8px; + display: flex; } + .ur-multi-device-form-preview #nav-menu-header .ur-brand-logo a { + text-decoration: none; + border: none; } + .ur-multi-device-form-preview #nav-menu-header .ur-brand-logo a:focus { + outline: none; + box-shadow: none; } + .ur-multi-device-form-preview #nav-menu-header::before, .ur-multi-device-form-preview #nav-menu-header::after { + content: ""; + display: flex; + position: absolute; + right: 0; + left: 0; + bottom: 0; + background: #ffffff; } + .ur-multi-device-form-preview #nav-menu-header::before { + top: 0; + z-index: -1; } + .ur-multi-device-form-preview #nav-menu-header::after { + height: 10px; + box-shadow: 0px 4px 8px rgba(45, 53, 89, 0.08); + z-index: -2; } + +.ur-multi-device-form-preview .major-publishing-actions { + clear: both; + line-height: 28px; + margin-right: auto; } + .ur-multi-device-form-preview .major-publishing-actions .publishing-action { + text-align: left; + float: left; } + .ur-multi-device-form-preview .major-publishing-actions .publishing-action input.code { + width: 280px; + height: 33px; + padding: 0 6px; + margin: 0; + border-color: #e9e9e9; + background: #f8f8fa; + border-radius: 0 3px 3px 0; } + .ur-multi-device-form-preview .major-publishing-actions #copy-shortcode { + margin-right: -5px; + border-radius: 4px 0 0 4px; + background: #edeff7 !important; + border-color: #e9e9e9 !important; } + .ur-multi-device-form-preview .major-publishing-actions #copy-shortcode svg { + width: 18px; + height: 18px; } + +.ur-multi-device-form-preview .ur-form-preview-devices { + clear: both; + line-height: 28px; + margin-right: auto; } + .ur-multi-device-form-preview .ur-form-preview-devices svg { + width: 18px; + height: 18px; + cursor: pointer; } + +.ur-multi-device-form-preview .ur-form-preview-main-content { + display: flex; + background: #f2f2f2; } + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form { + width: 1060px; + padding: 30px; + gap: 30px; + border: 1px solid #e1e1e1; + border-radius: 25px; + margin: 38px; + background: #fff; } + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-form-preview-title { + padding: 24px; + font-size: 20px; + font-style: normal; + font-weight: 600; + line-height: 150%; + color: #414141; } + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-form-preview-content { + padding: 24px; } + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel { + display: flex; + min-width: 380px; + padding: 20px; + flex-direction: column; + gap: 36px; + border: 1px solid #e1e1e1; + margin-right: auto; + background: #fff; } + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .hidden { + display: none !important; } + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-save, + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-upgrade { + background: #475BB2; + width: max-content; + padding: 10px; + margin-bottom: 0px; + display: flex; + margin-right: auto; + margin-left: auto; + gap: 8px; + border-radius: 4px; + border: 1px solid #475BB2; + cursor: pointer; } + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-save .ur-form-preview-save-title, + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-upgrade .ur-form-preview-save-title { + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 150%; } + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-from-preview-theme-toggle { + display: flex; + justify-content: space-between; } + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-from-preview-theme-toggle .ur-form-preview-toggle-title { + color: #222; + font-size: 16px; + font-style: normal; + font-weight: 600; + line-height: 150%; } + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-pro-features { + display: flex; + flex-direction: column; + gap: 16px; + margin: 0; } + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-pro-features .ur-form-preview-sidebar__body--list-item svg { + height: 18px; + width: 18px; + position: relative; + top: 5px; + margin-left: 10px; } + .ur-multi-device-form-preview .ur-form-preview-main-content .hidden { + display: none; } + +.ur-multi-device-form-preview .ur-small-screen-preview .ur-form-row { + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + flex-direction: column; } + .ur-multi-device-form-preview .ur-small-screen-preview .ur-form-row .ur-form-grid { + width: 100% !important; + margin-bottom: 20px; } + .ur-multi-device-form-preview .ur-small-screen-preview .ur-form-row .ur-form-grid:nth-child(1n+2) { + border-right: 1px solid #e1e1e1; } + .ur-multi-device-form-preview .ur-small-screen-preview .ur-form-row .ur-form-grid:last-child { + margin-bottom: 0; + border-right: 0 none; } + +.ur-multi-device-form-preview .ur-form-preview-sidepanel-toggler { + position: absolute; + width: 27px; + height: 48px; + top: 50%; + right: calc(100% - 457px); } + +.ur-multi-device-form-preview .inactive { + right: calc(100% - 27px); } + +body.ur-multi-device-form-preview { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + margin: 0; } + body.ur-multi-device-form-preview .ur-form-preview-main-content { + min-height: calc(100vh - 76px); } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form { + width: 100%; + padding: 0px; + background: none; + border-radius: 8px; + border: none; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-preview-content { + height: 100%; + background: #fff; + border: 1px solid #e1e1e1; + border-radius: 8px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-preview-tablet-wrapper { + max-width: 768px; + margin: 0 auto; + border-radius: 8px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-preview-mobile-wrapper { + max-width: 420px; + margin: 0 auto; + border-radius: 8px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-preview-mobile-wrapper .ur-frontend-form .ur-form-row { + gap: 0; + flex-direction: column; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-preview-mobile-wrapper .ur-frontend-form .ur-form-row .ur-form-grid { + width: 100% !important; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-preview-mobile-wrapper .ur-frontend-form .ur-form-row .ur-form-grid:first-child { + margin-bottom: 28px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-form-preview-title { + width: calc(100% - 48px); + padding: 24px; + background: #fafafa; + border-top-right-radius: 8px; + border-top-left-radius: 8px; + display: block; + color: #222; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form { + background: #fff; + border: none; + padding: 24px 30px 30px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form .ur-button-container { + display: block; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form .ur-form-row { + gap: 24px; + margin-bottom: 28px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form .ur-button-container { + display: block; + margin-top: 36px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form:not(.ur-frontend-form-preview) .ur-form-row { + gap: 24px; + margin-bottom: 28px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form:not(.ur-frontend-form-preview) .ur-form-row .form-row .ur-label { + font-weight: 500; + font-size: 15px; + color: #383838; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form:not(.ur-frontend-form-preview) .ur-form-row .form-row .input-wrapper input { + padding: 8px 14px 8px 10px; + margin-bottom: 4px; + border: 1px solid #E9E9E9; + border-radius: 4px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form:not(.ur-frontend-form-preview) .ur-form-row .form-row .input-wrapper input::placeholder { + font-size: 14px; + font-weight: 400; + color: #bababa; + text-transform: capitalize; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form:not(.ur-frontend-form-preview) button[type=submit] { + padding: 10px 16px 8px; + border-radius: 4px; + background: #475bb2; + color: #fff; + font-size: 14px; + font-weight: 500; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form:not(.ur-frontend-form-preview) .ur-button-container { + display: block; + margin-top: 36px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form:not(.ur-frontend-form-preview).ur-small-screen-preview .ur-form-row { + margin-bottom: 0; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form:not(.ur-frontend-form-preview).ur-small-screen-preview .ur-form-row .ur-form-grid { + margin-bottom: 28px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form:not(.ur-frontend-form-preview).ur-small-screen-preview .ur-button-container { + margin-top: 8px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel { + border-right: 1px solid #EDEFF7; + border: none; + margin-right: unset; + z-index: 1; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-pro-features-title { + padding-bottom: 12px; + margin: 0 0 4px 0; + border-bottom: 1px solid #edeff7; + font-weight: 500; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-pro-features .ur-form-preview-sidebar__body--list-item span { + font-size: 14px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-pro-features .ur-form-preview-sidebar__body--list-item svg { + margin-left: 8px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-pro-features .ur-form-preview-upgrade { + margin-top: 16px; + padding: 8px 16px 8px 18px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-pro-features .ur-form-preview-upgrade .ur-form-preview-upgrade-title { + color: #fff; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-save { + padding: 8px 16px 8px 18px; + color: #fff; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-toggle-theme-preview { + position: relative; + display: inline-block; + width: 36px; + height: 20px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-toggle-theme-preview input { + position: relative; + z-index: 99; + opacity: 0; + height: 22px; + width: 40px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-toggle-theme-preview input:checked + .slider { + background-color: #475bb2; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-toggle-theme-preview input:focus + .slider { + box-shadow: 0 0 1px #2196f3; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-toggle-theme-preview input:checked + .slider::before { + transform: translateX(-16px); } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-toggle-theme-preview .slider { + position: absolute; + cursor: pointer; + inset: 0; + background-color: #dfe1ea; + transition: 0.4s; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-toggle-theme-preview .slider.round { + border-radius: 30px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-toggle-theme-preview .slider.round::before { + border-radius: 50%; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-toggle-theme-preview .slider::before { + position: absolute; + content: ""; + height: 16px; + width: 16px; + right: 2px; + bottom: 2px; + background-color: white; + transition: 0.4s; + border-radius: 100%; } + @media (max-width: 992px) { + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel { + position: absolute; + left: 0; + height: 100%; + border-right: 1px solid #edeff7; } + body.ur-multi-device-form-preview .ur-form-preview-main-content.ur-form-preview-overlay::after { + content: ''; + position: absolute; + top: 0; + right: 0; + background: #1a1a1a; + opacity: 0.5; + width: 100%; + height: 100%; } } + body.ur-multi-device-form-preview .ur-form-preview-sidepanel-toggler { + right: calc(100% - 447px); + border: 1px solid #EDEFF7; + border-left: 0px; + width: 10px; + background: #fff; + border-top: 1px double #EDEFF7; + border-bottom: 1px double #EDEFF7; + border-right: 1px double #EDEFF7; + padding: 0px 8px; + fill: #9B9B9B; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + z-index: 1; } + body.ur-multi-device-form-preview .ur-form-preview-sidepanel-toggler.inactive { + left: 0; + right: unset; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + transform: rotate(-180deg); } + body.ur-multi-device-form-preview #nav-menu-header { + padding: 0 30px; } + body.ur-multi-device-form-preview #nav-menu-header .ur-brand-logo { + padding-right: 0 !important; + padding-left: 30px !important; + padding-top: 20px; + padding-bottom: 20px; + margin-left: 30px; } + body.ur-multi-device-form-preview #nav-menu-header .ur-brand-logo img { + width: 36px; + height: 36px; + margin-left: 0; } + body.ur-multi-device-form-preview #nav-menu-header .ur-form-title { + padding: 0; + color: #222222; + font-size: 16px; + font-weight: 600; + line-height: 24px; } + body.ur-multi-device-form-preview #nav-menu-header .ur-form-preview-devices { + border-radius: 8px; + background: #EDEFF7; + padding: 4px; + display: flex; + align-items: center; + gap: 2px; } + body.ur-multi-device-form-preview #nav-menu-header .ur-form-preview-devices .ur-form-preview-device.active { + background: #fff; + border-radius: 4px; } + body.ur-multi-device-form-preview #nav-menu-header .ur-form-preview-devices svg { + padding: 8px; + width: 20px; + height: 20px; } + body.ur-multi-device-form-preview #nav-menu-header .major-publishing-actions .publishing-action { + position: relative; } + body.ur-multi-device-form-preview #nav-menu-header .major-publishing-actions .publishing-action input[type="text"] { + all: unset; + height: 38px; + background: #EDEFF7; + border: 1px solid #EDEFF7; + text-align: right; + border-radius: 4px; + padding: 0 12px; } + body.ur-multi-device-form-preview #nav-menu-header .major-publishing-actions .publishing-action .ur-copy-shortcode { + position: absolute; + left: 5px; + top: 50%; + transform: translateY(-50%); + background: #ffffff !important; + border: 0; + border-radius: 3px; + width: 30px; + height: 30px; + padding: 0; + display: flex; + align-items: center; + justify-content: center; } diff --git a/assets/css/admin.css b/assets/css/admin.css index 07e624dce..c44d3c0f6 100644 --- a/assets/css/admin.css +++ b/assets/css/admin.css @@ -5244,8 +5244,8 @@ transform: scale(0.9); } } /** - * Styling begins - */ + * Styling begins + */ .blockUI.blockOverlay::before { width: 16px; height: 16px; @@ -5291,8 +5291,8 @@ background-size: cover; } /** - * Toggle class. - */ + * Toggle class. + */ .userregistration-forms-hidden { display: block; } @@ -5358,8 +5358,8 @@ text-align: center; } /** - * Addons page - **/ + * Addons page + **/ .ur_addons_wrap p.refresh { margin: 0 0 2em; } @@ -5440,8 +5440,8 @@ margin-top: 10px; } /** - * Form Builder Styles - **/ + * Form Builder Styles + **/ .user-registration_page_add-new-registration #wpfooter, .toplevel_page_user-registration #wpfooter { display: none; } @@ -5575,8 +5575,8 @@ vertical-align: middle; } /** - * Backbone modal dialog - */ + * Backbone modal dialog + */ .ur-backbone-modal * { box-sizing: border-box; } @@ -5930,6 +5930,33 @@ margin-top: -32px; margin-left: -12px; margin-right: -12px; } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content #integration_settings_back { + cursor: pointer; } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab-back { + margin-bottom: 0; + border-radius: 0; + padding: 18px 24px; + border-bottom: 1px solid #ececec; + background: transparent; + font-size: 15px; + font-weight: 600; + gap: 16px; + line-height: 150%; + display: flex; + align-items: center; + color: #383838; + transition: all .3s; } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab-back::before { + content: ""; + background-image: url("../images/icons/ur-right-arrow.svg"); + background-repeat: no-repeat; + background-size: 100%; + background-position: center; + width: 18px; + height: 18px; + transform: rotate(180deg); } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab-back:hover::before { + filter: brightness(0) saturate(100%) invert(35%) sepia(13%) saturate(3079%) hue-rotate(194deg) brightness(96%) contrast(89%); } .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab { margin-bottom: 0; border-radius: 0; @@ -5966,6 +5993,55 @@ left: 0; } .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.active::after { filter: invert(36%) sepia(58%) saturate(767%) hue-rotate(193deg) brightness(84%) contrast(88%); } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail { + display: flex; + align-items: center; + gap: 14px; } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail .integration-status { + position: relative; } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail .integration-status::before { + content: ""; + position: absolute; + width: 8px; + height: 8px; + background: #e1e1e1; + border-radius: 1px; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail .integration-status::after { + content: ""; + display: block; + width: 16px; + height: 16px; + border: 1px solid #e1e1e1; + border-radius: 2px; } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail .integration-status.ur-integration-account-connected::before { + background: #4CC741; } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail .integration-status.ur-integration-account-connected::after { + border-color: #4CC741; } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail .logo { + width: 40px; + height: 40px; + display: flex; + overflow: hidden; + margin: 0; + border-radius: 4px; + align-items: center; + border: 1px solid #ced4da; } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail .logo img { + width: 38px; + height: 38px; + display: block; } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .integration-detail h3 { + font-size: 15px; + line-height: 150%; + margin: 0; + font-weight: 500; } + .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents .ur-tab-content .form-settings-tab.integration-lists-settings .form-settings-sub-tab { + padding: 0px; + background: #ffffff; + align-items: baseline; } .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-contents.ps--active-y .ur-tab-content { padding: 32px 12px 12px; } .ur-registered-from .ur-registered-inputs .ur-tabs .ur-tab-content .ur-general-setting-block .ur-toggle-heading { @@ -6717,8 +6793,8 @@ flex: 1 0 27%; } /** - * Tooltips - */ + * Tooltips + */ .tips { cursor: help; text-decoration: none; } @@ -6772,8 +6848,8 @@ img.tips { border-top-color: #f44949 !important; } /** - * Help Tip - */ + * Help Tip + */ .user-registration-help-tip, .ur-portal-tooltip { color: #676d8a; @@ -6824,12 +6900,12 @@ img.tips { background-color: #ffffff; } /** - * Fullscreen Mode - **/ + * Fullscreen Mode + **/ body { /** - * User Registration Builder Loading - **/ } + * User Registration Builder Loading + **/ } body.ur-full-screen-mode { margin-top: -32px; } body.ur-full-screen-mode #wpbody-content { @@ -7865,6 +7941,71 @@ a.button.ur-smart-tags-list-button { color: #475bb3; border-color: #475bb3; background-color: #ebecf1; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings #integration-selection-settings { + display: flex; + flex-direction: column; + gap: 24px; + align-items: center; + padding: 100px 0px; + justify-content: center; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings #integration-selection-settings .integration-selection-settings-contents { + text-align: center; + display: flex; + flex-direction: column; + width: 40%; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings #integration-selection-settings .integration-selection-settings-contents h3 { + font-size: 22px; + line-height: 28px; + font-weight: 600; + margin: 0px; + border: none; + padding: 0px; + color: #131313; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings #integration-selection-settings .integration-selection-settings-contents p { + font-size: 16px; + font-weight: 400; + line-height: 24px; + color: #6B6B6B; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .form-settings-sub-tab { + border-bottom: 0; + margin-bottom: 0; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .ur-integration-list { + padding-bottom: 16px; + margin-bottom: 24px; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-notice { + margin: 0; + padding: 0; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card { + margin: 4px 0 16px !important; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card:last-child { + margin-bottom: 12px !important; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card__header { + border-bottom: 0; + padding-left: 20px !important; + padding-right: 14px !important; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card__header .user-registration-card__title { + color: #383838; + font-size: 16px; + font-weight: 600; + line-height: 24px; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card__header .user-registration-card__button { + display: flex; + align-items: center; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card__header .user-registration-card__button .button { + display: flex; + align-items: center; + justify-content: center; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card__header .user-registration-card__button .button svg { + width: 22px; + height: 22px; + margin: 0; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card__body { + border-top: 1px solid #E1E1E1; + padding-left: 20px !important; + padding-right: 20px !important; } + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card__body [class*="urmc-mailchimp-"], + .ur-registered-from .ur-builder-wrapper #ur-field-settings #ur-field-all-settings .integration-lists-settings .user-registration-card__body [class*="ur-mailchimp-"] { + margin-bottom: 12px; } #wpcontent .wp-heading-inline { font-weight: 600; @@ -7879,22 +8020,39 @@ a.button.ur-smart-tags-list-button { display: flex; align-items: center; justify-content: space-between; } - #wpcontent .user-registration-settings-container .user-registration-options-header--top__left h3 { - margin: 0; - font-weight: 600; - font-size: 26px; - line-height: 120%; - color: #131313; } + #wpcontent .user-registration-settings-container .user-registration-options-header--top__left { + display: flex; + gap: 16px; + align-items: center; } + #wpcontent .user-registration-settings-container .user-registration-options-header--top__left h3 { + margin: 0; + font-weight: 600; + font-size: 24px; + line-height: 36px; + color: #222222; } + #wpcontent .user-registration-settings-container .user-registration-options-header--top__left--icon { + width: 40px; + height: 40px; + background: #EDEFF7; + display: flex; + justify-content: center; + align-items: center; + border-radius: 3.75px; } + #wpcontent .user-registration-settings-container .user-registration-options-header--top__left--icon svg { + width: 20px; + height: 20px; } + #wpcontent .user-registration-settings-container .user-registration-options-header--top__left--icon svg path { + fill: #475bb2; } #wpcontent .user-registration-settings-container .user-registration-options-header--top__right { display: flex; align-items: center; justify-content: space-between; gap: 10px; } #wpcontent .user-registration-settings-container .user-registration-options-header--top__right span.user-registration-toggle-text { - font-size: 16px; + font-size: 14px; line-height: 24px; - color: #383838; - font-weight: 500; } + color: #6B6B6B; + font-weight: 400; } #wpcontent .user-registration-settings-container .user-registration-options-header--bottom ul { display: flex; align-items: center; @@ -9140,6 +9298,74 @@ body.ur-settings-sidebar-hidden .user-registration-settings-sidebar-container { margin-right: -910px; display: none; } +.user-registration .swal2-container .swal2-header { + padding: 32px 32px 0; + gap: 16px; } + +.user-registration .swal2-container .swal2-icon { + margin-block: 0; + border-color: #41C4EE; + color: #41C4EE; + width: 60px; + height: 60px; } + .user-registration .swal2-container .swal2-icon-content { + font-size: 50px; } + +.user-registration .swal2-container .swal2-title { + color: #131313; + text-align: center; + font-size: 22px; + font-weight: 600; + line-height: 30px; + margin-bottom: 0 !important; } + +.user-registration .swal2-container .swal2-content { + padding: 0 32px; + margin-top: 20px; } + .user-registration .swal2-container .swal2-content input[type="text"] { + margin: 0; + height: 38px; + font-size: 15px; + line-height: 25px; + padding: 0 12px; + color: #383838; + border-radius: 4px; } + .user-registration .swal2-container .swal2-content input[type="text"]::placeholder { + color: #999999; } + .user-registration .swal2-container .swal2-content input[type="text"]:focus { + outline: none; + box-shadow: none; + border-color: #475bb2; } + +.user-registration .swal2-container .swal2-actions { + margin-top: 30px !important; + padding: 20px 32px !important; + gap: 16px !important; } + .user-registration .swal2-container .swal2-actions button { + margin: 0; + text-transform: capitalize; + padding: 10px 14px; + border-radius: 3px; + font-size: 14px; + font-weight: 400; + line-height: 16px; + border: 1px solid transparent; + transition: all .3s; } + .user-registration .swal2-container .swal2-actions button.swal2-confirm { + width: 48%; + background: #475bb2 !important; + color: #ffffff; + border-color: #475bb2; } + .user-registration .swal2-container .swal2-actions button.swal2-confirm:hover { + background: #38488e; } + .user-registration .swal2-container .swal2-actions button.swal2-cancel { + width: 45%; + background: transparent; + border-color: #6B6B6B; + color: #6B6B6B; } + .user-registration .swal2-container .swal2-actions button.swal2-cancel:hover { + background: #f0f0f0; } + .ur-embed-form-button { background: #edeff7 !important; border-color: #edeff7 !important; @@ -9253,3 +9479,588 @@ body.ur-settings-sidebar-hidden .user-registration-settings-sidebar-container { font-weight: normal; font-style: normal; font-display: block; } + +#integration-settings .ur-nav-premium, +.integration-lists-settings.ur-nav-premium { + cursor: not-allowed; + opacity: 0.5; } + +.form-settings-main-tab { + margin-bottom: 0; + border-radius: 0; + padding: 18px 24px; + border-bottom: 1px solid #ececec; + background: transparent; + font-size: 15px; + font-weight: 400; + line-height: 150%; + display: flex; + align-items: center; + justify-content: space-between; + padding-right: 16px; } + .form-settings-main-tab::after { + content: ""; + background-image: url("../images/icons/ur-right-arrow.svg"); + background-repeat: no-repeat; + background-size: 100%; + background-position: center; + width: 18px; + height: 18px; } + +.form-settings-sub-tab { + margin-bottom: 10px; + border-radius: 4px; + padding: 18px 24px; + border-bottom: 1px solid #ececec; + background: #dee0e9; + font-size: 15px; + font-weight: 400; + line-height: 150%; + display: flex; + align-items: center; + justify-content: space-between; + padding: 10px 15px; + color: #2d3559; } + .form-settings-sub-tab.active { + background: #475bb2; + color: #ffffff; } + +.integration-lists-settings .form-settings-sub-tab { + padding: 0px; + background-color: #ffffff; + align-items: normal; + flex-direction: column; } + +#ur-row-section-settings { + padding: 10px 0px; } + #ur-row-section-settings .ur-individual-row-settings { + display: flex; + flex-direction: column; } + +.ur-registration--loading .loading-content { + display: flex; + justify-content: space-between; + align-items: end; + flex-wrap: wrap; } + .ur-registration--loading .loading-content.table--view { + display: grid; + grid-template-columns: repeat(7, 1fr); + grid-gap: 16px; + padding: 5px 24px 3px 24px; } + .ur-registration--loading .loading-content.table--view.header { + background: #f4f4f4; + padding: 24px; + margin-bottom: 20px; } + .ur-registration--loading .loading-content.table--view.header .ur--loading--animate { + margin-bottom: 0; } + .ur-registration--loading .loading-content.table--view.header .liner { + width: 60%; } + .ur-registration--loading .loading-content.table--view .liner { + width: 30%; } + .ur-registration--loading .loading-content .loading-text-container { + width: 70%; } + .ur-registration--loading .loading-content .loading-text-container .ur--loading--animate.main-text { + height: 10px; + width: 65%; } + .ur-registration--loading .loading-content .loading-text-container .ur--loading--animate.sub-text { + height: 10px; + width: 50%; } + .ur-registration--loading .loading-content .ur--loading--animate { + margin-bottom: 10px; + background: #ececec; + background-image: -webkit-linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px); + background-image: -o-linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px); + background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px); + background-size: 250px; + border-radius: 10px; + -webkit-animation: shine-loading-container-items 0.6s infinite ease-out; + animation: shine-loading-container-items 0.6s infinite ease-out; } + .ur-registration--loading .loading-content .ur--loading--animate.loading-btn { + width: 40px; + height: 40px; } + .ur-registration--loading .loading-content .ur--loading--animate.liner { + height: 10px; } + .ur-registration--loading .loading-content .ur--loading--animate--long { + background: #f4f4f4; + background-image: -webkit-linear-gradient(90deg, #f4f4f4 0px, #f8f8f8 40px, #f8f8f8 70px, #f4f4f4 80px); + background-image: -o-linear-gradient(90deg, #f4f4f4 0px, #f8f8f8 40px, #f8f8f8 70px, #f4f4f4 80px); + background-image: linear-gradient(90deg, #f4f4f4 0px, #f8f8f8 40px, #f8f8f8 70px, #f4f4f4 80px); + background-size: 1400px; + border-radius: 10px; + -webkit-animation: shine-loading-container-items-long 1s infinite ease-out; + animation: shine-loading-container-items-long 1s infinite ease-out; } + .ur-registration--loading .loading-content .ur--loading--animate--long.circular { + width: 300px; + height: 300px; + border-radius: 100%; + margin: 0 auto; } + .ur-registration--loading .loading-content .ur--loading--animate--long.rectangular { + width: 100%; + height: 300px; } + .ur-registration--loading .loading-content .ur--loading--animate--long.liner { + width: 100%; + height: 10px; + margin-bottom: 10px; } + .ur-registration--loading .loading-content .ur--loading--animate--long.liner.short { + width: 60%; } + +@-webkit-keyframes shine-loading-container-items { + 0% { + background-position: -100px; } + 40%, 100% { + background-position: 180px; } } + +@keyframes shine-loading-container-items { + 0% { + background-position: -100px; } + 40%, 100% { + background-position: 180px; } } + +@-webkit-keyframes shine-loading-container-items-long { + 0% { + background-position: -100px; } + 100% { + background-position: 1200px; } } + +@keyframes shine-loading-container-items-long { + 0% { + background-position: -100px; } + 100% { + background-position: 1200px; } } + +.user-registration.rtl .user-registration__wrap .ur-form-subcontainer #menu-management .menu-edit { + left: 0 !important; + right: 160px; } + .user-registration.rtl .user-registration__wrap .ur-form-subcontainer #menu-management .menu-edit #nav-menu-header { + padding-left: 30px; + padding-right: 12px; } + .user-registration.rtl .user-registration__wrap .ur-form-subcontainer #menu-management .menu-edit #nav-menu-header .ur-brand-logo { + border-left: 1px solid #e1e1e1; + border-right: 0; } + .user-registration.rtl .user-registration__wrap .ur-form-subcontainer #menu-management .menu-edit #nav-menu-header .ur-brand-logo img { + margin-right: 0; + margin-left: 8px; } + .user-registration.rtl .user-registration__wrap .ur-form-subcontainer #menu-management .menu-edit #nav-menu-header .ur-form-title { + padding-right: 18px; + padding-left: 8px; } + .user-registration.rtl .user-registration__wrap .ur-form-subcontainer #menu-management .menu-edit #nav-menu-header .major-publishing-actions { + margin-right: auto; + margin-left: unset; } + .user-registration.rtl .user-registration__wrap .ur-form-subcontainer #menu-management .menu-edit #post-body .ur-registered-inputs .nav-tab-wrapper .ur-tab-content .ur-search-input input.ur-type-text { + padding-right: 40px; + color: #383838; } + .user-registration.rtl .user-registration__wrap .ur-form-subcontainer #menu-management .menu-edit #post-body .ur-registered-from .ur-builder-wrapper .ur-selected-inputs #ur-field-settings select { + padding-right: 30px; } + +.ur-multi-device-form-preview #nav-menu-header { + padding: 12px; + display: flex; + align-items: center; + position: relative; + border-color: #e1e1e1; + background-color: #ffffff; + z-index: 9; } + .ur-multi-device-form-preview #nav-menu-header .ur-form-title { + font-weight: 600; + font-size: 16px; + line-height: 150%; + color: #414141; + padding-left: 18px; + padding-right: 8px; } + .ur-multi-device-form-preview #nav-menu-header .ur-brand-logo { + border-right: 1px solid #e1e1e1; } + .ur-multi-device-form-preview #nav-menu-header .ur-brand-logo img { + width: 32px; + height: 32px; + margin-right: 8px; + display: flex; } + .ur-multi-device-form-preview #nav-menu-header .ur-brand-logo a { + text-decoration: none; + border: none; } + .ur-multi-device-form-preview #nav-menu-header .ur-brand-logo a:focus { + outline: none; + box-shadow: none; } + .ur-multi-device-form-preview #nav-menu-header::before, .ur-multi-device-form-preview #nav-menu-header::after { + content: ""; + display: flex; + position: absolute; + left: 0; + right: 0; + bottom: 0; + background: #ffffff; } + .ur-multi-device-form-preview #nav-menu-header::before { + top: 0; + z-index: -1; } + .ur-multi-device-form-preview #nav-menu-header::after { + height: 10px; + box-shadow: 0px 4px 8px rgba(45, 53, 89, 0.08); + z-index: -2; } + +.ur-multi-device-form-preview .major-publishing-actions { + clear: both; + line-height: 28px; + margin-left: auto; } + .ur-multi-device-form-preview .major-publishing-actions .publishing-action { + text-align: right; + float: right; } + .ur-multi-device-form-preview .major-publishing-actions .publishing-action input.code { + width: 280px; + height: 33px; + padding: 0 6px; + margin: 0; + border-color: #e9e9e9; + background: #f8f8fa; + border-radius: 3px 0 0 3px; } + .ur-multi-device-form-preview .major-publishing-actions #copy-shortcode { + margin-left: -5px; + border-radius: 0 4px 4px 0; + background: #edeff7 !important; + border-color: #e9e9e9 !important; } + .ur-multi-device-form-preview .major-publishing-actions #copy-shortcode svg { + width: 18px; + height: 18px; } + +.ur-multi-device-form-preview .ur-form-preview-devices { + clear: both; + line-height: 28px; + margin-left: auto; } + .ur-multi-device-form-preview .ur-form-preview-devices svg { + width: 18px; + height: 18px; + cursor: pointer; } + +.ur-multi-device-form-preview .ur-form-preview-main-content { + display: flex; + background: #f2f2f2; } + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form { + width: 1060px; + padding: 30px; + gap: 30px; + border: 1px solid #e1e1e1; + border-radius: 25px; + margin: 38px; + background: #fff; } + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-form-preview-title { + padding: 24px; + font-size: 20px; + font-style: normal; + font-weight: 600; + line-height: 150%; + color: #414141; } + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-form-preview-content { + padding: 24px; } + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel { + display: flex; + min-width: 380px; + padding: 20px; + flex-direction: column; + gap: 36px; + border: 1px solid #e1e1e1; + margin-left: auto; + background: #fff; } + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .hidden { + display: none !important; } + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-save, + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-upgrade { + background: #475BB2; + width: max-content; + padding: 10px; + margin-bottom: 0px; + display: flex; + margin-left: auto; + margin-right: auto; + gap: 8px; + border-radius: 4px; + border: 1px solid #475BB2; + cursor: pointer; } + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-save .ur-form-preview-save-title, + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-upgrade .ur-form-preview-save-title { + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 150%; } + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-from-preview-theme-toggle { + display: flex; + justify-content: space-between; } + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-from-preview-theme-toggle .ur-form-preview-toggle-title { + color: #222; + font-size: 16px; + font-style: normal; + font-weight: 600; + line-height: 150%; } + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-pro-features { + display: flex; + flex-direction: column; + gap: 16px; + margin: 0; } + .ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-pro-features .ur-form-preview-sidebar__body--list-item svg { + height: 18px; + width: 18px; + position: relative; + top: 5px; + margin-right: 10px; } + .ur-multi-device-form-preview .ur-form-preview-main-content .hidden { + display: none; } + +.ur-multi-device-form-preview .ur-small-screen-preview .ur-form-row { + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + flex-direction: column; } + .ur-multi-device-form-preview .ur-small-screen-preview .ur-form-row .ur-form-grid { + width: 100% !important; + margin-bottom: 20px; } + .ur-multi-device-form-preview .ur-small-screen-preview .ur-form-row .ur-form-grid:nth-child(1n+2) { + border-left: 1px solid #e1e1e1; } + .ur-multi-device-form-preview .ur-small-screen-preview .ur-form-row .ur-form-grid:last-child { + margin-bottom: 0; + border-left: 0 none; } + +.ur-multi-device-form-preview .ur-form-preview-sidepanel-toggler { + position: absolute; + width: 27px; + height: 48px; + top: 50%; + left: calc(100% - 457px); } + +.ur-multi-device-form-preview .inactive { + left: calc(100% - 27px); } + +body.ur-multi-device-form-preview { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + margin: 0; } + body.ur-multi-device-form-preview .ur-form-preview-main-content { + min-height: calc(100vh - 76px); } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form { + width: 100%; + padding: 0px; + background: none; + border-radius: 8px; + border: none; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-preview-content { + height: 100%; + background: #fff; + border: 1px solid #e1e1e1; + border-radius: 8px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-preview-tablet-wrapper { + max-width: 768px; + margin: 0 auto; + border-radius: 8px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-preview-mobile-wrapper { + max-width: 420px; + margin: 0 auto; + border-radius: 8px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-preview-mobile-wrapper .ur-frontend-form .ur-form-row { + gap: 0; + flex-direction: column; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-preview-mobile-wrapper .ur-frontend-form .ur-form-row .ur-form-grid { + width: 100% !important; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-preview-mobile-wrapper .ur-frontend-form .ur-form-row .ur-form-grid:first-child { + margin-bottom: 28px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-form-preview-title { + width: calc(100% - 48px); + padding: 24px; + background: #fafafa; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + display: block; + color: #222; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form { + background: #fff; + border: none; + padding: 24px 30px 30px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form .ur-button-container { + display: block; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form .ur-form-row { + gap: 24px; + margin-bottom: 28px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form .ur-button-container { + display: block; + margin-top: 36px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form:not(.ur-frontend-form-preview) .ur-form-row { + gap: 24px; + margin-bottom: 28px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form:not(.ur-frontend-form-preview) .ur-form-row .form-row .ur-label { + font-weight: 500; + font-size: 15px; + color: #383838; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form:not(.ur-frontend-form-preview) .ur-form-row .form-row .input-wrapper input { + padding: 8px 10px 8px 14px; + margin-bottom: 4px; + border: 1px solid #E9E9E9; + border-radius: 4px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form:not(.ur-frontend-form-preview) .ur-form-row .form-row .input-wrapper input::placeholder { + font-size: 14px; + font-weight: 400; + color: #bababa; + text-transform: capitalize; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form:not(.ur-frontend-form-preview) button[type=submit] { + padding: 10px 16px 8px; + border-radius: 4px; + background: #475bb2; + color: #fff; + font-size: 14px; + font-weight: 500; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form:not(.ur-frontend-form-preview) .ur-button-container { + display: block; + margin-top: 36px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form:not(.ur-frontend-form-preview).ur-small-screen-preview .ur-form-row { + margin-bottom: 0; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form:not(.ur-frontend-form-preview).ur-small-screen-preview .ur-form-row .ur-form-grid { + margin-bottom: 28px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-preview-form .ur-frontend-form:not(.ur-frontend-form-preview).ur-small-screen-preview .ur-button-container { + margin-top: 8px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel { + border-left: 1px solid #EDEFF7; + border: none; + margin-left: unset; + z-index: 1; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-pro-features-title { + padding-bottom: 12px; + margin: 0 0 4px 0; + border-bottom: 1px solid #edeff7; + font-weight: 500; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-pro-features .ur-form-preview-sidebar__body--list-item span { + font-size: 14px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-pro-features .ur-form-preview-sidebar__body--list-item svg { + margin-right: 8px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-pro-features .ur-form-preview-upgrade { + margin-top: 16px; + padding: 8px 18px 8px 16px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-pro-features .ur-form-preview-upgrade .ur-form-preview-upgrade-title { + color: #fff; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-save { + padding: 8px 18px 8px 16px; + color: #fff; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-toggle-theme-preview { + position: relative; + display: inline-block; + width: 36px; + height: 20px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-toggle-theme-preview input { + position: relative; + z-index: 99; + opacity: 0; + height: 22px; + width: 40px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-toggle-theme-preview input:checked + .slider { + background-color: #475bb2; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-toggle-theme-preview input:focus + .slider { + box-shadow: 0 0 1px #2196f3; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-toggle-theme-preview input:checked + .slider::before { + transform: translateX(16px); } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-toggle-theme-preview .slider { + position: absolute; + cursor: pointer; + inset: 0; + background-color: #dfe1ea; + transition: 0.4s; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-toggle-theme-preview .slider.round { + border-radius: 30px; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-toggle-theme-preview .slider.round::before { + border-radius: 50%; } + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel .ur-form-preview-toggle-theme-preview .slider::before { + position: absolute; + content: ""; + height: 16px; + width: 16px; + left: 2px; + bottom: 2px; + background-color: white; + transition: 0.4s; + border-radius: 100%; } + @media (max-width: 992px) { + body.ur-multi-device-form-preview .ur-form-preview-main-content .ur-form-side-panel { + position: absolute; + right: 0; + height: 100%; + border-left: 1px solid #edeff7; } + body.ur-multi-device-form-preview .ur-form-preview-main-content.ur-form-preview-overlay::after { + content: ''; + position: absolute; + top: 0; + left: 0; + background: #1a1a1a; + opacity: 0.5; + width: 100%; + height: 100%; } } + body.ur-multi-device-form-preview .ur-form-preview-sidepanel-toggler { + left: calc(100% - 447px); + border: 1px solid #EDEFF7; + border-right: 0px; + width: 10px; + background: #fff; + border-top: 1px double #EDEFF7; + border-bottom: 1px double #EDEFF7; + border-left: 1px double #EDEFF7; + padding: 0px 8px; + fill: #9B9B9B; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0px; + border-bottom-right-radius: 0px; + z-index: 1; } + body.ur-multi-device-form-preview .ur-form-preview-sidepanel-toggler.inactive { + right: 0; + left: unset; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + transform: rotate(180deg); } + body.ur-multi-device-form-preview #nav-menu-header { + padding: 0 30px; } + body.ur-multi-device-form-preview #nav-menu-header .ur-brand-logo { + padding-left: 0 !important; + padding-right: 30px !important; + padding-top: 20px; + padding-bottom: 20px; + margin-right: 30px; } + body.ur-multi-device-form-preview #nav-menu-header .ur-brand-logo img { + width: 36px; + height: 36px; + margin-right: 0; } + body.ur-multi-device-form-preview #nav-menu-header .ur-form-title { + padding: 0; + color: #222222; + font-size: 16px; + font-weight: 600; + line-height: 24px; } + body.ur-multi-device-form-preview #nav-menu-header .ur-form-preview-devices { + border-radius: 8px; + background: #EDEFF7; + padding: 4px; + display: flex; + align-items: center; + gap: 2px; } + body.ur-multi-device-form-preview #nav-menu-header .ur-form-preview-devices .ur-form-preview-device.active { + background: #fff; + border-radius: 4px; } + body.ur-multi-device-form-preview #nav-menu-header .ur-form-preview-devices svg { + padding: 8px; + width: 20px; + height: 20px; } + body.ur-multi-device-form-preview #nav-menu-header .major-publishing-actions .publishing-action { + position: relative; } + body.ur-multi-device-form-preview #nav-menu-header .major-publishing-actions .publishing-action input[type="text"] { + all: unset; + height: 38px; + background: #EDEFF7; + border: 1px solid #EDEFF7; + text-align: left; + border-radius: 4px; + padding: 0 12px; } + body.ur-multi-device-form-preview #nav-menu-header .major-publishing-actions .publishing-action .ur-copy-shortcode { + position: absolute; + right: 5px; + top: 50%; + transform: translateY(-50%); + background: #ffffff !important; + border: 0; + border-radius: 3px; + width: 30px; + height: 30px; + padding: 0; + display: flex; + align-items: center; + justify-content: center; } diff --git a/assets/css/admin.scss b/assets/css/admin.scss index eb5b739b6..6d64347b5 100644 --- a/assets/css/admin.scss +++ b/assets/css/admin.scss @@ -6,5934 +6,6671 @@ /** * Imports */ -@import "variables/variables"; -@import "mixins/mixins"; -@import "display"; -@import "fonts"; -@import "tables"; -@import "forms"; - -// Components -@import "components/badge", "components/button", "components/card", - "components/list-group", "components/modal", "components/nav", - "components/scroll-ui"; - -@import "border"; -@import "spacing"; -@import "containers"; -@import "grids"; -@import "overlay"; - -// Layout-related sections -@import "layout/header"; - -@import "templates/template-setup"; - -@import "animation"; - -/** - * Styling begins - */ -.blockUI.blockOverlay { - @include loader(); -} - -.toplevel_page_user-registration, -.user-registration_page_user-registration-frontend-list { - // Design customize for shortcode in list table - .shortcode { - .widefat { - width: calc(100% - 40px); - } - - .ur-copy-shortcode { - padding: 4px; - line-height: 1; - } - } -} - -.user-registration_page_user-registration-dashboard { - #wpcontent { - margin-left: 140px; - - #wpbody-content { - float: none; - } - } -} - -.user-registration_page_user-registration-settings { - .notice { - display: none; - } -} - -.ur-spinner { - width: 16px; - height: 16px; - margin-left: 6px; - margin-bottom: 2px; - display: inline-block; - vertical-align: middle; - @include loader(); -} - -/** - * Toggle class. - */ -.userregistration-forms-hidden { - display: block; -} - -.userregistration-forms-hidden { - display: none; -} - -.user-registration { - &__wrap { - *, - ::before, - ::after { - box-sizing: border-box; - } - } -} - -.ur-export-users-page { - margin-top: 24px; - - .nav-tab-content { - .nav-tab-inside { - .postbox { - width: 50%; - flex: 1; - - .hndle { - border-bottom: 1px solid #ccd0d4; - } - - .ur-input { - max-width: inherit; - } - } - } - - .hndle, - .stuffbox .hndle { - margin: 10px; - padding-bottom: 10px; - } - - .stuffbox { - padding: 10px; - } - } -} - -.ur-label { - .user-registration-help-tip { - margin-left: 4px; - } - - label span:not(.ur-portal-tooltip) { - margin-left: 3px; - } -} - -.jconfirm-cell { - padding-left: 30%; - padding-right: 30%; -} - -.jconfirm-content-pane { - height: auto !important; - - .ur-shortcut-keyword { - display: flex; - align-items: center; - margin-bottom: 18px; - font-size: 18px; - - .ur-shortcut-title { - flex: 3; - } - - .ur-key { - display: flex; - flex: 2; - column-gap: 8px; - color: #3498db; - - span { - border: 1px solid #3498db; - background-color: #3498db13; - padding: 5px 15px; - border-radius: 2px; - } - - .ur-key-plus { - margin-top: 5px; - font-size: 1.2em; - } - - .ur-key-character { - width: 15px; - padding: 5px 10px; - text-align: center; - } - } - } -} - -/** - * Addons page - **/ -.ur_addons_wrap { - p.refresh { - margin: 0 0 2em; - } - - .wp-filter { - display: none; - } - - .plugin-card { - position: relative; - - h3 { - margin: 0; - font-size: 18px; - font-weight: $semi_bold; - line-height: 24px; - } - - .name, - .desc { - margin-right: 0; - margin-left: 156px; - } - - .plugin-card-left { - .plugin-icon { - height: 140px; - width: 140px; - border: 1px solid #eee; - border-radius: 2px; - background-size: contain; - background-repeat: no-repeat; - } - } - - .plugin-card-right { - display: flex; - flex-direction: column; - align-items: flex-start; - padding: 20px; - background-color: #fcfcff; - border: 1px solid #b7c4ff; - min-height: 130px; - - .plugin-desc { - overflow: hidden; - display: -webkit-box; - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; - } - - .plugin-card-buttons { - margin-left: 148px; - - .action-buttons { - float: right; - clear: right; - max-width: 180px; - margin-left: 10px; - - .install-now:hover { - border-radius: 2px; - background-color: #475bb2; - color: #fff; - } - - .upgrade-now { - background: #475bb2 !important; - color: #fff; - font-weight: $medium; - } - - .upgrade-now:hover { - background: #516be0 !important; - color: #fff; - } - - &.upgrade-plan { - margin: 0 auto; - } - } - } - } - } - - .plugin-card-update-failed { - .notice-error { - margin: 0; - padding: 9px 16px 8px; - - .notice-dismiss { - padding: 17px; - } - } - } - - @media screen and (max-width: 782px) { - .plugin-card { - .plugin-card-bottom { - .action-buttons { - .button.updating-message { - &::before, - &::after { - margin-top: -1px; - } - } - } - } - } - - .plugin-card-update-failed { - .notice-error { - padding: 13px 20px; - - .notice-dismiss { - padding: 21px; - } - } - } - } -} - -.clear { - clear: both; -} - -.wrap.user-registration div.updated, -.wrap.user-registration div.error { - margin-top: 10px; -} - -/** - * Form Builder Styles - **/ -.user-registration_page_add-new-registration, -.toplevel_page_user-registration { - #wpfooter { - display: none; //Hide WP footer on form builder page - } - - .ur-form-container { - margin: 0; - - .ur-loading-container { - position: fixed; - left: 160px; - right: 0; - top: 0; - bottom: 0; - background: $white; - display: flex; - z-index: 9; - - .ur-circle-loading { - margin: auto; - left: 30px; - } - } - - #menu-management { - margin-top: 0; - - .menu-edit { - position: fixed; - left: 160px; - right: 0; - border: none; - box-shadow: none; - margin-bottom: 0; - } - } - - // Form Builder Fullscreen mode - #ur-full-screen-mode { - &.closed { - .ur-fs-close-label { - display: none; - } - } - - &.opened { - .ur-fs-open-label { - display: none; - } - } - } - } - - #menu-management-liquid { - margin-top: 0; - margin-left: -20px; - min-width: calc(100% + 20px); - } - - #nav-menu-header { - padding: 12px; - display: flex; - align-items: center; - position: relative; - border-color: $border_color; - background-color: $white; - z-index: 9; - - .ur-brand-logo { - border-right: 1px solid $border_color; - - img { - width: 32px; - height: 32px; - margin-right: 8px; - display: flex; - } - a { - text-decoration: none; - border: none; - } - a:focus { - outline: none; - box-shadow: none; - } - } - - &::before, - &::after { - content: ""; - display: flex; - position: absolute; - left: 0; - right: 0; - bottom: 0; - background: $white; - } - - &::before { - top: 0; - z-index: -1; - } - - &::after { - height: 10px; - box-shadow: 0px 4px 8px transparentize($gray_base, 0.92); - z-index: -2; - } - } - - .major-publishing-actions { - clear: both; - line-height: 28px; - margin-left: auto; - - .publishing-action { - text-align: right; - float: right; - - input { - &.code { - width: 280px; - height: 33px; - padding: 0 $spacing_6px; - margin: 0; - border-color: $grey-50; - background: $blue-25; - border-radius: 3px 0 0 3px; - } - } - } - .login-forms-shortcode-action { - input { - &.code { - font-size: large; - width: 320px; - height: 33px; - padding: 0 $spacing_6px; - margin: 0; - border-color: $grey-50; - background: $blue-25; - border-radius: 3px 0 0 3px; - display: inline; - } - } - } - - #copy-shortcode { - margin-left: -5px; - border-radius: 0 4px 4px 0; - background: $blue-50 !important; - border-color: $grey-50 !important; - - svg { - fill: $white; - margin-bottom: 5px; - vertical-align: middle; - } - } - } -} - -/** - * Backbone modal dialog - */ -.ur-backbone-modal { - * { - box-sizing: border-box; - } - - .ur-backbone-modal-content { - position: fixed; - background-color: $white; - z-index: 100000; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - width: 500px; - - article { - overflow: auto; - } - } - - &.ur-backbone-modal-content { - width: 75%; - min-width: 500px; - } - - .select2-container { - width: 100% !important; - } -} - -.ur-backbone-modal-backdrop { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - min-height: 360px; - background-color: $gray_base; - opacity: 0.7; - z-index: 99900; -} - -.ur-backbone-modal-main { - padding-bottom: 55px; - - header, - article { - display: block; - position: relative; - } - - .ur-backbone-modal-header { - height: auto; - background-color: $color_gray_five; - padding: 1em 1.5em; - border-bottom: 1px solid $border_color; - - h1 { - margin: 0; - font-size: 18px; - font-weight: $bold; - line-height: 1.5em; - } - - .modal-close-link { - cursor: pointer; - color: #777; - height: 54px; - width: 54px; - padding: 0; - position: absolute; - top: 0; - right: 0; - text-align: center; - border: 0; - border-left: 1px solid $border_color; - background-color: transparent; - transition: - color 0.1s ease-in-out, - background 0.1s ease-in-out; - - &::before { - font: normal 22px/50px "dashicons" !important; - color: $color_gray_two; - display: block; - content: "\f335"; - font-weight: $light; - } - - &:hover, - &:focus { - background-color: $color_gray_four; - border-color: #ccc; - color: $gray_base; - } - - &:focus { - outline: none; - } - } - } - - article { - padding: 1.5em; - - p { - margin: 1.5em 0; - } - - p:first-child { - margin-top: 0; - } - - p:last-child { - margin-bottom: 0; - } - - .pagination { - padding: 10px 0 0; - text-align: center; - } - } - - footer { - position: absolute; - left: 0; - right: 0; - bottom: 0; - z-index: 100; - padding: 1em 1.5em; - background-color: $color_gray_five; - border-top: 1px solid #dfdfdf; - box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.1); - - .inner { - float: right; - line-height: 23px; - - .button { - margin-bottom: 0; - } - } - } -} - -.user-registration { - textarea[disabled="disabled"] { - background: #dfdfdf !important; - } - - table.form-table { - margin: 0; - position: relative; - - fieldset { - margin-top: 4px; - - img.help_tip, - .user-registration-help-tip { - margin: -3px 0 0 5px; - } - - p.description { - margin-bottom: 8px; - } - - &:first-child { - margin-top: 0; - } - } - - th { - position: relative; - padding-right: 24px; - - label { - display: inline-block; - } - - img.help_tip, - .user-registration-help-tip { - margin: 0 -24px 0 0; - float: right; - } - } - - .select2-container { - display: block; - max-width: 350px; - margin-bottom: 3px; - } - - .forminp-radio ul { - margin: 0; - - li { - line-height: 1.4em; - } - } - - textarea.input-text { - height: 100%; - min-width: 150px; - display: block; - } - - input.regular-input { - width: 25em; - } - - textarea.wide-input { - width: 100%; - } - - .help_tip, - .user-registration-help-tip { - padding: 0; - margin: -4px 0 0 5px; - vertical-align: middle; - cursor: help; - line-height: 1; - } - - .wp-list-table .user-registration-help-tip { - float: none; - } - - .iris-picker { - z-index: 100; - display: none; - position: absolute; - border: 1px solid #ccc; - border-radius: 3px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); - - .ui-slider { - border: 0 !important; - margin: 0 !important; - width: auto !important; - height: auto !important; - background: none transparent !important; - - .ui-slider-handle { - margin-bottom: 0 !important; - } - } - } - - .colorpickpreview { - padding: 3px; - padding-left: 20px; - border: 1px solid $border_color; - border-right: 0; - } - - .colorpick { - border-left: 0; - } - - .image_width_settings { - vertical-align: middle; - - label { - margin-left: 10px; - } - } - - .dashicons { - margin-bottom: 2px; - vertical-align: middle; - } - - .image-upload { - td { - display: flex; - align-items: baseline; - flex-direction: column; - gap: 10px; - } - } - - .radio-image { - td { - ul { - display: flex; - column-gap: 30px; - - li { - label { - display: flex; - flex-direction: column; - align-items: center; - max-width: 175px; - row-gap: 16px; - border: 1px solid $border_color; - border-radius: 2px; - padding: 8px 16px; - - &.selected { - border-color: #475bb2; - background-color: #475bb230; - color: #475bb2; - font-weight: $semi_bold; - } - - input { - display: none; - } - } - } - } - } - } - } -} - -.ur-registered-from { - display: flex; - background-color: $white; - - * { - box-sizing: border-box; - } - - *:focus { - outline: 0; - } - - a { - text-decoration: none; - } - - h3, - h4 { - color: $gray_base; - font-weight: $medium; - } - - h4 { - font-size: 16px; - } - - .ur-field { - label { - font-weight: $regular; - word-break: break-all; - - &:last-child { - margin-bottom: 0; - } - } - - input { - &[type="radio"], - &[type="checkbox"] { - opacity: 1; - box-shadow: none; - border-color: $border_color; - } - } - - &.user-registration-image-options { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); - gap: $spacing_12px; - - label { - border: $border_width solid #ececec; - padding: $spacing_6px; - border-radius: $border_radius_4; - margin-bottom: 0; - - .user-registration-image-choice { - width: 100%; - height: 100px; - display: block; - margin-bottom: $spacing_8px; - position: relative; - - img { - width: 100%; - height: 100%; - object-fit: cover; - border-radius: $border_radius_2; - } - } - - input { - &[type="radio"], - &[type="checkbox"] { - display: none; - } - } - - &.ur-image-choice-checked { - color: #0693e3; - border-color: #0693e3; - - .user-registration-image-choice { - &::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background: #222; - opacity: 0.45; - z-index: 1; - } - - &::after { - content: ""; - position: absolute; - background: #00be34; - border-radius: 1px; - width: 12px; - height: 12px; - top: 8px; - right: 8px; - z-index: 2; - } - } - } - } - } - } - - .wp-picker-container { - .wp-picker-input-wrap { - label { - display: inline-block; - width: auto; - - input.wp-color-picker { - height: auto; - padding: 3px 5px; - } - } - } - } - - .ur-no-pointer { - pointer-events: none; - } - - .ur-registered-item { - cursor: move; - color: $grey-300; - font-size: 12px; - border-radius: $border_radius_4; - margin: 0 $spacing_8px $spacing_16px; - display: flex; - align-items: center; - flex-direction: column; - justify-content: center; - text-align: center; - width: calc(33.3333% - 16px); - background: #fbfbfd; - border: $border_width solid $blue-50; - height: 100px; - - .ur-icon { - font-size: 26px; - margin-bottom: $spacing_4px; - } - - &:hover { - color: $primary_color; - border-color: $primary_color; - } - - &.ui-draggable-dragging { - width: 110px !important; // Inherit js styles - z-index: 9 !important; - } - - &.ui-draggable-disabled { - position: relative; - opacity: 0.5; - - &::before { - content: ""; - background-image: url("../images/icons/lock-icon.png"); - background-repeat: no-repeat; - background-position: center; - background-size: 100%; - position: absolute; - width: 16px; - height: 16px; - top: $spacing_8px; - right: $spacing_8px; - } - - &.ur-upgradable-field { - cursor: pointer !important; - opacity: 1; - color: $grey-100; - - &::before { - content: ""; - background-image: url("../images/icons/ur-pro-icon.png"); - background-repeat: no-repeat; - background-position: center; - background-size: 100%; - position: absolute; - border-radius: 2px; - width: 16px; - height: 16px; - top: $spacing_8px; - right: $spacing_8px; - } - - &:hover { - color: $grey-100; - } - } - - &:hover { - color: $grey-300; - background: #fbfbfd; - border-color: $blue-50; - cursor: not-allowed; - } - } - } - - .ur-registered-inputs { - width: 412px; - - @media (max-width: 1199px) { - width: 360px; - } - - .ur-tabs { - border: 0 none; - padding: 0; - font-size: 14px; - - .ur-tab-contents { - .ur-tab-content { - // padding: 0; - &#ur-tab-field-settings { - margin-top: -$spacing_32px; - margin-left: -$spacing_12px; - margin-right: -$spacing_12px; - } - - .form-settings-tab { - margin-bottom: 0; - border-radius: 0; - padding: $spacing_18px $spacing_24px; - border-bottom: $border_width solid #ececec; - background: transparent; - font-size: 15px; - font-weight: $regular; - line-height: 150%; - display: flex; - align-items: center; - justify-content: space-between; - padding-right: $spacing_16px; - - &::after { - content: ""; - background-image: url("../images/icons/ur-right-arrow.svg"); - background-repeat: no-repeat; - background-size: 100%; - background-position: center; - width: 18px; - height: 18px; - } - - &.active { - background: #fafafa; - color: $primary_color; - font-weight: $semi_bold; - position: relative; - - &::before { - content: ""; - background: $primary_color; - width: 4px; - height: 100%; - position: absolute; - top: 0; - left: 0; - } - - &::after { - filter: invert(36%) sepia(58%) saturate(767%) - hue-rotate(193deg) brightness(84%) - contrast(88%); - } - } - } - } - - &.ps--active-y { - .ur-tab-content { - padding: $spacing_32px $spacing_12px $spacing_12px; - } - } - } - - .ur-tab-content { - .ur-general-setting-block { - .ur-toggle-heading { - margin-top: 0; - } - } - } - - .ur-tab-lists { - background-color: $color_gray_five; - background-image: none; - padding: 0; - border-radius: 0; - margin: 0; - display: flex; - justify-content: space-between; - border-bottom: none; - border-top: 0 none; - border-right: 0 none; - border-left: 0 none; - - li { - background-color: transparent; - background-image: none; - border-radius: 0; - margin: 0; - margin-bottom: -2px; - padding: 0px; - border: 0; - flex: 1; - text-align: center; - border-top: 4px solid transparent; - transition: all 0.3s ease-in-out; - - &.active { - margin-bottom: 0; - padding-bottom: 0; - } - - a { - float: none; - text-decoration: none; - margin: 0; - border: none; - display: block; - color: $grey-400; - background: $grey-25; - padding: $spacing_8px $spacing_16px $spacing_14px; - font-weight: $medium; - cursor: pointer; - font-size: 15px; - - &:focus { - box-shadow: - 0 0 0 0px transparent, - 0 0 0px 0px transparent; - } - - &.active { - background-color: $white; - color: $primary_color; - line-height: 24px; - } - } - - &.ui-state-hover, - &.ui-state-active { - border-top: 4px solid $primary_color; - } - - &.ui-state-disabled { - position: relative; - opacity: 1; - - &:hover { - &::before { - content: ""; - position: absolute; - border-bottom: 15px solid #383838; - border-left: 12px solid transparent; - border-right: 12px solid transparent; - bottom: 0; - left: 50%; - transform: translateX(-50%); - z-index: 1; - } - - &::after { - content: "You need to select a \A field in order to enable/ \A view this option"; - white-space: pre; - text-align: left; - position: absolute; - width: 175px; - height: auto; - z-index: 9; - bottom: -80px; - left: 50%; - transform: translateX(-50%); - background: #383838; - color: #fff; - font-size: 14px; - line-height: 150%; - border-radius: $border_radius_5; - padding: $spacing_10px $spacing_12px; - } - } - - a { - // cursor: not-allowed; - opacity: 0.25; - } - } - } - } - - .ur-tab-contents { - height: calc(100vh - 130px); - position: relative; - overflow-y: auto; - } - - .ur-tab-content { - padding: $spacing_32px $spacing_12px $spacing_12px; - - .ur-search-fields { - display: flex; - align-items: center; - position: relative; - margin-bottom: 26px; - - input.ur-type-text { - height: 40px; - font-size: 14px; - background: transparent; - border-color: $grey-100; - border-radius: $border_radius_4; - padding: $spacing_10px $spacing_16px; - color: $grey-200; - - &::placeholder { - color: $grey-200; - } - } - - svg { - position: absolute; - right: 16px; - width: 18px; - height: 18px; - fill: $grey-200; - } - } - - .ur-fields-not-found { - text-align: center; - margin-top: 2.85em; - - .ur-fields-not-found-title { - font-size: 1.7em; - } - } - - &#ur-tab-registered-fields, - &#ur-tab-field-options { - background-color: $white; - } - - h2 { - margin: $spacing_16px 0 $spacing_14px; - font-size: 15px; - line-height: 150%; - font-weight: $medium; - color: $grey-400; - - ~ hr { - border-top: 1px solid $border-color; - margin: 0; - } - } - - .ur-registered-list { - display: flex; - flex-wrap: wrap; - width: calc(100% + 16px); - margin-left: -$spacing_8px; - margin-top: $spacing_18px; - - &:last-child { - margin-bottom: 0; - } - } - } - } - - .ur-toggle-heading { - cursor: pointer; - display: flex; - align-items: center; - justify-content: space-between; - flex-direction: row-reverse; - - &:before { - content: ""; - background-image: url("../images/icons/ur-arrow-down.svg"); - background-repeat: no-repeat; - background-position: center; - background-size: 100%; - float: right; - transform: rotate(180deg); - width: 18px; - height: 18px; - transition: all 0.3s ease-in-out; - - // content: "\f142"; - // cursor: pointer; - // display: block; - // font: 400 20px/1 Dashicons; - // line-height: 0.5 !important; - // padding: 4px; - // position: relative; - // right: 0; - // top: 0; - // float: right; - } - - &.closed { - &:before { - // content: "\f140"; - transform: rotate(0deg); - } - } - } - } - - input[type="text"], - input[type="date"], - input[type="email"], - input[type="file"], - input[type="month"], - input[type="number"], - input[type="phone"], - input[type="password"], - input[type="tel"], - input[type="time"], - input[type="url"], - input[type="week"], - input[type="timepicker"], - textarea, - .ui-widget select, - select { - width: 100%; - max-width: 100%; - height: 32px; - line-height: initial; - display: block; - color: $color_gray_one; - font-size: 13px; - padding: 4px 8px; - border-radius: 3px; - border: 1px solid $border_color; - box-shadow: 0 0 0 transparent; - - &:focus { - border-color: $primary_color; - } - - &::placeholder { - color: $color_gray_three; - } - - &:disabled { - color: $color_gray_three; - background: $color_gray_five; - } - } - - select { - padding-right: 0; - } - - label { - display: block; - width: 100%; - margin-bottom: 8px; - color: $color_gray_one; - font-size: 13px; - font-weight: $medium; - line-height: 1.25; - } - - textarea { - padding: 10px; - height: 100px; - } - - .ur-builder-wrapper { - position: relative; - flex: 1; - height: calc(100vh - 89px); - background: #f1f4f8; - border-left: 1px solid $border_color; - overflow-y: auto; - - input[type="text"], - input[type="date"], - input[type="email"], - input[type="file"], - input[type="month"], - input[type="number"], - input[type="phone"], - input[type="password"], - input[type="tel"], - input[type="time"], - input[type="url"], - input[type="week"], - input[type="timepicker"], - textarea, - select { - &:disabled { - background: $white; - } - } - - .ur-builder-header { - display: flex; - align-items: center; - justify-content: space-between; - } - - &.ur-multipart { - .ur-button-quick-links { - bottom: 60px; - } - - .ur-builder-wrapper-footer { - .button.button-style-customizer { - bottom: 124px; - } - } - } - } - - .ur-selected-inputs { - box-sizing: border-box; - padding: 0 20px; - - .ur-single-row { - border-radius: 3px; - position: relative; - border: 1px solid transparent; - - &:last-child { - margin-bottom: 0; - } - - .ur-grids { - display: flex; - position: absolute; - right: 0; - z-index: 1; - opacity: 0; - transition: all 0.2s ease-in; - - button { - display: flex; - border-radius: 0; - border: 0; - background-color: $color_gray_two; - color: $white; - font-size: 16px; - height: auto; - width: auto; - cursor: pointer; - margin: 0; - padding: 4px 6px; - line-height: 1; - transition: all 0.1s ease-in-out; - - svg { - width: 16px; - height: 16px; - font-size: 16px; - fill: $grey-0; - margin-left: 1px; - } - - &:before { - font-family: "dashicons"; - } - - &.ur-remove-row { - &:hover { - background: $red; - } - } - - &:hover { - background: $primary_color; - } - - &:first-child { - // border-radius: 3px 0 0 3px; - border-radius: 0 0 0 $border_radius_7; - border-right: 1px solid transparentize($white, 0.8); - } - - &:nth-child(2) { - border-radius: 0 $border_radius_7 0 0; - // background: $grey-50; - border-left: $border_width solid $grey-0; - } - } - - .ur-toggle-grid-content { - background: $white; - padding: 1rem; - position: absolute; - top: 40px; - right: 0; - display: flex; - flex-wrap: wrap; - justify-content: center; - white-space: nowrap; - border: 1px solid $border_color; - border-radius: 4px; - box-shadow: 1px 4px 14px 1px transparentize($gray_base, 0.9); - - small { - font-size: 12px; - margin-bottom: 0.5rem; - color: $color_gray-two; - } - - .ur-grid-selector { - cursor: pointer; - display: flex; - margin-right: 0.5rem; - - svg { - width: 32px; - height: 32px; - fill: $color_gray_two; - } - - &:last-child { - margin-right: 0; - } - } - - &::before { - content: ""; - width: 8px; - height: 8px; - border: solid $border_color; - border-width: 1px; - border-left: transparent; - border-bottom: transparent; - position: absolute; - top: -5px; - right: 36px; - background: $white; - transform: rotate(-45deg); - } - } - } - - .ur-grid-lists { - width: 100%; - display: flex; - text-align: center; - box-sizing: border-box; - justify-content: center; - border: 1px solid transparent; - border-radius: 4px; - transition: all 0.2s ease-in; - border-left: 0; - - .ur-grid-list-item { - display: inline-block; - text-align: left; - border: 0 none; - padding: 15px; - flex: 1; - border: 1px solid transparent; - border-radius: 4px; - transition: all 0.2s ease-in; - - .ur-selected-item { - margin-bottom: 5px; - position: relative; - padding: 15px; - cursor: move; - border: 1px solid transparent; - border-radius: 4px; - transition: border-color 0.35s; - - .select2-container { - width: 100% !important; - - .select2-search--inline { - .select2-search__field { - height: auto; - min-width: 10px; - background: none; - margin: 0; - } - } - } - - .ur-input-type-signature { - canvas { - background: transparentize($white, 0.5); - border: 1px solid $border_color; - } - } - - &:last-child { - margin-bottom: 0; - } - - &:hover, - &.ur-item-active { - background: $white; - border: 1px solid $primary_color; - } - - &.ui-sortable-helper { - box-shadow: 0 0 10px 5px - transparentize($gray_base, 0.9); - } - - &.ui-sortable-placeholder { - visibility: visible !important; - border: 1px dashed $color_gray_three; - background-color: $color_gray_five; - } - - .ur-action-buttons { - display: none; - position: absolute; - right: 10px; - width: 50px; - text-align: center; - padding: 0; - font-size: 10px; - top: 10px; - color: $color_gray_three; - top: 0; - right: -1px; - - span { - cursor: pointer; - font-size: 16px; - height: auto; - - &:hover { - color: $primary_color; - } - - &:first-child { - background: #676f8a; - padding: $spacing_4px; - width: 24px; - height: 24px; - border-radius: 0 0 0 $border_radius_7; - - &::before { - // content: ""; - // background-image: url("../images/icons/copy-icon.svg"); - // background-repeat: no-repeat; - // background-position: center; - // background-size: 100%; - // width: 14.22px; - // height: 14.22px; - // display: block; - color: $grey-0; - } - } - - &:last-child { - background: #676d8a; - padding: $spacing_4px; - width: 24px; - height: 24px; - border-radius: 0 $border_radius_7 0 0; - border-left: $border_width solid $grey-0; - - &:before { - content: "\f335" !important; - color: $grey-0; - } - } - } - - &:hover { - .ur-action-buttons { - display: block; - top: 0; - right: -3px; - } - } - - .ur-trash { - &:hover { - color: $red; - } - } - } - - .ur_label_top_left { - text-align: left; - } - - .ur_label_center { - text-align: center; - } - - .ur_label_top_right { - text-align: right; - } - - .ur_label_disabled { - display: none; - } - - &:hover { - .ur-action-buttons { - display: block; - } - } - } - - > li.ur-item-dragged { - list-style: none; - width: 100%; - text-align: center; - height: 60px !important; - box-sizing: border-box; - - .spinner { - float: none; - } - } - - .user-registration-dragged-me { - display: table; - width: 100%; - height: 100%; - - .user-registration-dragged-me-text { - display: table-cell; - vertical-align: middle; - text-align: center; - - p { - display: inline-block; - position: relative; - color: $color_gray_three; - padding-left: 26px; - padding-top: 8px; - - &::before { - position: absolute; - font-family: "Dashicons"; - content: "\f545"; - font-size: 22px; - left: 0; - top: 0; - } - } - } - - &:empty { - padding: 15px; - text-align: center; - border-radius: 4px; - border: 1px dashed $color_gray_three; - background-color: $color_gray_five; - - &::before { - content: "\f132"; - font-size: 32px; - color: $color_gray_three; - width: 32px; - height: 32px; - font-family: dashicons; - display: table-cell; - vertical-align: middle; - } - } - } - - &.ur-sortable-active { - .ur-registered-item { - margin-bottom: 0; - } - - .user-registration-dragged-me { - display: none; - } - } - - &:first-child { - border-radius: 4px 0 0 4px; - } - - &:nth-child(2) { - border-radius: 0; - } - - &:nth-child(3) { - border-radius: 0 4px 4px 0; - } - } - } - - &:hover { - .ur-grids { - opacity: 1; - } - - .ur-grid-lists { - background: $white; - border: 1px solid $color_gray_three; - - .ur-grid-list-item { - border-left: 1px solid $color_gray_three; - - &:first-child { - border-color: transparent; - } - } - } - } - } - - .ur-row-buttons { - display: flex; - justify-content: center; - margin-top: 10px; - - .button { - display: block; - width: auto; - height: 32px; - text-align: center; - font-family: inherit; - - &::before { - width: 16px; - height: 16px; - font-size: 16px; - margin-right: 10px; - font-family: dashicons; - vertical-align: middle; - padding: 1px 10px 1px 0; - border-right: 1px solid transparentize($white, 0.7); - } - } - } - - li.ur-registered-item { - width: 120px !important; - - &.ui-sortable-placeholder { - margin-left: 0; - width: 100% !important; - visibility: visible !important; - border: 1px dashed $color_gray_three; - background-color: $color_gray_five; - } - } - } - - .ur-builder-wrapper-footer { - .button.button-style-customizer { - height: 48px !important; - width: 48px !important; - bottom: 72px !important; - box-shadow: 1px 2px 8px transparentize($gray_base, 0.85); - - .dashicons { - font-size: 24px; - height: 24px; - width: 24px; - } - } - - .ur-button-quick-links { - width: 48px; - height: 48px; - position: fixed; - cursor: pointer; - color: $color_gray-one; - display: flex; - align-items: center; - justify-content: center; - right: 32px; - bottom: 16px; - background: $white; - border: 1px solid $border_color; - border-radius: 24px; - box-shadow: 0px 2px 10px transparentize($gray_base, 0.9); - z-index: 1; - - span { - font-size: 20px; - font-weight: $semi_bold; - margin: 0 auto; - } - } - - .ur-quick-links-content { - position: fixed; - background: $white; - padding: 12px 16px; - border-radius: 4px; - bottom: 58px; - right: 30px; - z-index: 2; - width: 225px; - border: 1px solid $border_color; - box-shadow: 2px 4px 12px transparentize($gray_base, 0.9); - - li { - margin-bottom: 8px; - } - - a { - color: $color_gray_one; - - &:hover { - color: $primary_color; - } - } - } - } - - .ur-general-setting, - .ur-advance-setting { - margin: $spacing_16px 0; - - .select2-search--inline { - display: none; - } - } - - .ur-advance-setting-block { - // margin-top: 25px; - margin-top: 0; - } - - .form-row { - .description { - color: $grey-300; - margin: $spacing_4px 0; - display: block; - } - - .ur-radio-list, - .ur-checkbox-list { - label { - display: inline; - } - } - } - - .ur-general-setting-block, - .ur-advance-setting-block { - display: none; - } - - .add, - .remove { - background: $white; - border: $border_width solid $border_color; - color: $color_gray_two; - cursor: pointer; - display: flex; - flex: 1 0 32px; - align-items: center; - justify-content: center; - height: 32px; - max-width: 32px; - border-radius: $border_radius_4; - position: relative; - - &:hover { - background: $primary_color; - border-color: $primary_color; - color: $white; - } - - .dashicons { - line-height: 22px; - } - - &.add-icon-group, - &.remove-icon-group { - flex: unset; - max-width: unset; - } - } - - .ur-options-list { - li { - display: flex; - align-items: center; - background-color: #f5f5f5; - - .editor-block-mover__control-drag-handle { - cursor: grab; - - svg { - fill: $color_gray_two; - } - } - - .ur-multiple-choice .ur-subscription-plan { - .ur-regular-price, - .ur-selling-price { - display: grid; - grid-template-columns: 1fr 1fr; - gap: $spacing_8px; - padding: $spacing_4px; - input { - width: 100%; - } - } - } - - &.ur-multiple-choice, - &.ur-subscription-plan { - gap: $spacing_8px; - - input { - margin-right: 0; - } - - > input[type="text"] { - width: 80%; - } - .ur-regular-price, - .ur-selling-price { - position: relative; - - span { - position: absolute; - top: 0; - background: #e7e7e7; - padding: $spacing_6px $spacing_8px; - color: $grey-400; - border-radius: $border_radius_3; - top: -60px; - font-size: 13px; - opacity: 0; - visibility: hidden; - transition: all 0.3s ease-in-out; - - &::after { - content: ""; - border: 8px solid transparent; - border-top-color: #e7e7e7; - height: 0; - left: 50%; - transform: translateX(-50%); - position: absolute; - top: 100%; - width: 0; - } - } - - &:hover { - span { - visibility: visible; - opacity: 1; - } - } - } - - .add { - margin-right: 0; - } - } - } - - .ui-sortable-handle { - padding: $spacing_5px; - border-radius: $border_radius_3; - border: $border_width solid transparent; - flex-direction: column; - gap: 12px; - - &:active { - padding: $spacing_5px; - background: $white; - border: $border_width solid $primary_color; - box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - } - - &.ui-sortable-placeholder { - background-color: $color_gray_four; - visibility: visible !important; - } - - .ur-options-value-wrapper { - display: flex; - align-items: center; - gap: $spacing_8px; - width: 100%; - } - - .ur-image-choice-wrapper { - width: 100%; - - .upload-button { - padding: $spacing_8px $spacing_12px; - font-size: 14px; - width: 100%; - border: $border_width dashed #d3d3d3; - border-radius: $border_radius_3; - color: #616161; - cursor: pointer; - } - - .ur-thumbnail-image { - margin-top: $spacing_16px; - margin-bottom: $spacing_8px; - } - } - } - } - - .urcl-rules { - display: flex; - flex-wrap: wrap; - margin-bottom: $spacing_8px; - - > div { - margin-right: $spacing_8px; - } - - .urcl-operator { - width: 78px; - } - - .urcl-field, - .urcl-value { - max-width: 27%; - flex: 1 0 27%; - } - } -} - -/** - * Tooltips - */ - -.tips { - cursor: help; - text-decoration: none; -} - -img.tips { - padding: $spacing_5px 0 0; -} - -.ur_error_tip { - max-width: 20em; - line-height: 1.8em; - position: absolute; - white-space: normal; - background: $red; - margin: 1.5em 1px 0 -1em; - z-index: 9999999; - - &::after { - content: ""; - display: block; - border: $border_radius_8 solid $red; - border-right-color: transparent; - border-left-color: transparent; - border-top-color: transparent; - position: absolute; - top: -3px; - left: 50%; - margin: -1em 0 0 -3px; - } -} - -.tooltipster-base { - .tooltipster-box { - // background-color: #4c5477 !important; - background: $grey-400 !important; - padding: $spacing_4px $spacing_8px; - border-radius: $border_radius_2; - text-align: center; - - .tooltipster-content { - padding: $spacing_2px 0; - } - - .tooltipster-content a { - color: #9ef01a !important; - } - } - - .tooltipster-arrow { - .tooltipster-arrow-uncropped { - .tooltipster-arrow-border { - border-top-color: $grey-400 !important; - border-bottom-color: $grey-400 !important; - // border-bottom-color: #4c5477 !important; - // border-top-color: #4c5477 !important; - } - } - } - - &.ur-selling-price-tooltip { - .tooltipster-box { - background-color: rgb(244, 73, 73) !important; - border: rgb(244, 73, 73); - } - .tooltipster-arrow { - .tooltipster-arrow-uncropped { - .tooltipster-arrow-border { - border-top-color: rgb(244, 73, 73) !important; - border-bottom-color: rgb(244, 73, 73) !important; - } - .tooltipster-arrow-background { - border-top-color: rgb(244, 73, 73) !important; - } - } - } - } -} - -/** - * Help Tip - */ -.user-registration-help-tip, -.ur-portal-tooltip { - color: $color_gray_two; - display: inline-block; - font-size: 22px; - font-style: normal; - height: 16px; - line-height: 16px; - position: relative; - vertical-align: baseline; - width: 16px; - - &:not(.no-icon) { - &::after { - @include icon_dashicons("\f223"); - cursor: help; - } - } -} - -#smart-tags { - text-align: center; -} - -.form-settings-tab { - cursor: pointer; - padding: $spacing_10px $spacing_15px; - color: $gray_base; - background: $color_gray_four; - margin-bottom: $spacing_10px; - line-height: 1.2; - border-radius: $border_radius_4; - - &.active { - background: $primary_color; - color: $white; - } -} - -#profile-page form#your-profile .flatpickr-input[readonly] { - background-color: $white; -} - -/** - * Fullscreen Mode - **/ -body { - &.ur-full-screen-mode { - margin-top: -$spacing_32px; - - #wpbody-content { - padding-bottom: 45px; - } - - #wpwrap { - #wpcontent { - margin-left: 0; - padding-left: 0; - - #wpadminbar { - display: none; - } - - #wpbody { - .ur-tab-content { - padding: $spacing_20px; - } - - #menu-management-liquid { - margin-top: 0; - - .menu-edit { - margin-bottom: 0; - box-shadow: none; - left: 0 !important; - } - } - } - } - - #adminmenumain { - display: none; - } - } - - .ur-registered-from { - .ur-registered-inputs { - .ur-tabs { - .ur-tab-contents { - height: calc(100vh - 98px); - } - } - } - - .ur-builder-wrapper { - height: calc(100vh - 57px); - } - } - } - - /** - * User Registration Builder Loading - **/ - .ur-circle-loading { - position: relative; - width: 100px !important; - height: 100px !important; - transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px); - - &::before, - &::after { - content: ""; - position: absolute; - top: 70px; - left: 70px; - animation: ur-circle-loading-keyframe 1.5s linear infinite; - width: 60px; - height: 60px; - border-radius: 50%; - background: #475bb2; - } - - &::after { - animation-delay: -0.75s; - background: #668fe5; - } - } - - .ur-builder-message-container { - position: fixed; - top: $spacing_32px; - left: 0; - right: 0; - max-width: 430px; - margin: 0 auto; - z-index: 9999; - - .ur-message { - display: none; - margin: 0 auto; - margin-top: 16px; - transition: all 240ms cubic-bezier(0, 0, 0.2, 1) 0s; - z-index: 99999; - height: 0px; - - .ur-success, - .ur-error { - background: $white; - padding: $spacing_8px $spacing_16px; - border-radius: $border_radius_3; - border-left: 3px solid; - position: relative; - box-shadow: 0px 1px 8px 2px transparentize($gray_base, 0.9); - - p { - margin: $spacing_8px 0; - - &::before, - &::after { - font-family: dashicons; - width: 20px; - height: 20px; - font-size: 20px; - margin-right: 8px; - margin-top: -4px; - line-height: 1; - display: inline-block; - vertical-align: middle; - } - } - } - - .ur-success { - border-color: $green; - - p { - &::before { - content: "\f12a"; - color: $green; - } - } - } - - .ur-error { - border-color: $red; - - p { - &::before { - content: "\f534"; - color: $red; - } - } - } - - .dashicons { - cursor: pointer; - position: absolute; - right: 16px; - top: 50%; - transform: translateY(-50%); - line-height: 1; - } - - &.entered { - display: block; - height: 50px; - animation: 240ms cubic-bezier(0.175, 0.885, 0.32, 1.175) 0s 1 - normal both open-message; - - .ur-error { - display: flex; - align-items: center; - justify-content: space-between; - padding: $spacing_16px; - - p { - margin: 0; - } - - .ur-message-close { - position: unset; - transform: unset; - } - } - } - - &.exiting { - display: block; - animation: 120ms cubic-bezier(0.4, 0, 1, 1) 0s 1 normal both - close-message; - } - - &:first-child { - margin-top: 1.5rem; - } - } - } - - .main_header { - font-weight: $semi_bold; - font-size: 20px; - line-height: 27px; - } - - .ur-p-tag { - padding: 0px $spacing_20px $spacing_18px $spacing_20px; - margin: 0px; - font-style: italic; - } -} - -@media screen and (max-width: 1400px) { - .ur-registered-from { - .urcl-rules { - .urcl-field { - max-width: 61%; - flex: 1 0 60%; - margin-bottom: $spacing_5px; - } - - .urcl-value { - order: 4; - max-width: 87%; - flex: 1 0 86%; - } - - .add { - order: 3; - margin-right: 0; - } - - .remove { - order: 5; - } - } - } -} - -@media screen and (max-width: 960px) { - .ur-registered-from { - .ur-registered-inputs { - .ur-tabs .ur-tab-content .ur-registered-list .ur-registered-item { - float: none; - // width: 100%; - } - - .ur-single-row .ur-grid-lists, - .ur-single-row .ur-grid-lists .ur-grid-list-item, - .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item { - padding: $spacing_10px; - } - } - } -} - -@media screen and (max-width: 782px) { - body.user-registration_page_add-new-registration { - min-width: 0 !important; - } - - .ur-registered-from { - flex-direction: column; - - .ur-registered-inputs { - width: 100%; - margin-bottom: $spacing_10px; - - .ur-tabs { - .ur-tab-content { - .ur-registered-list { - .ur-registered-item { - float: left; - width: 48%; - } - } - } - } - } - - .ur-selected-inputs { - width: 100%; - } - } -} - -@media screen and (max-width: 600px) { - .user-registration_page_add-new-registration .major-publishing-actions { - clear: both; - padding: 10px 0 19px; - line-height: 28px; - - .ur-form-name { - width: 100%; - } - - .publishing-action { - text-align: left; - float: none; - margin-top: $spacing_15px; - } - } - - .ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists { - flex-direction: column; - display: block; - - .ur-grid-list-item { - width: 100% !important; - - &:nth-child(1n + 2) { - border-left: 0 none; - } - } - } -} - -.ur-toggle-section { - &.ur-form-builder-toggle { - display: flex; - gap: 5px; - align-items: center; - - input[type="checkbox"] { - width: 30px !important; - height: 16px !important; - - &:focus { - outline: none; - box-shadow: none; - } - } - - .slider { - width: 30px !important; - height: 16px !important; - border-radius: 99px; - padding: $spacing_8px; - - &::before { - height: 12px !important; - width: 12px !important; - } - } - } - - .user-registration-toggle-form { - position: relative; - display: inline-block; - width: 36px; - height: 20px; - - input { - position: relative; - z-index: 99; - opacity: 0; - height: 22px; - width: 40px; - - &:checked + .slider { - background-color: #475bb2; - } - - &:focus + .slider { - box-shadow: 0 0 1px #2196f3; - } - - &:checked + .slider::before { - transform: translateX(16px); - } - } - - .slider { - position: absolute; - cursor: pointer; - inset: 0; - background-color: #dfe1ea; - transition: 0.4s; - - &.round { - border-radius: 30px; - } - - &.round::before { - border-radius: 50%; - } - - &::before { - position: absolute; - content: ""; - height: 16px; - width: 16px; - left: 2px; - bottom: 2px; - background-color: white; - transition: 0.4s; - border-radius: 100%; - } - } - } -} - -.user-registration-setup { - font-size: 14px; - max-width: calc(100% - 32px); - margin: 20px auto; - background: white; - - @media (min-width: 960px) { - max-width: 835px; - } - - @media (min-width: 1280px) { - max-width: 1100px; - } - - .ur-brand-logo { - border-right: 1px solid $border_color; - - img { - width: 32px; - height: 32px; - margin-right: $spacing_8px; - display: flex; - } - } - - a { - &:focus { - box-shadow: none; - } - } - - .page-title-action, - .page-title-action:active { - top: 0; - margin-left: $spacing_16px; - } - - .user-registration-setup-header { - display: flex; - flex-wrap: wrap; - align-items: center; - padding: 0 $spacing_16px; - background-color: white; - border-bottom: $border_width solid $color_gray-lighten; - - @media only screen and (max-width: 768px) { - padding-top: $spacing_16px; - } - - .user-registration-logo { - display: flex; - flex-wrap: wrap; - padding-right: 1em; - border-right: $border_width solid $color_gray-lighten; - margin-right: 1em; - } - - h4 { - margin-left: $spacing_15px; - } - - .user-registration-tab { - margin-left: auto; - - @media only screen and (max-width: 768px) { - width: calc(100% + 32px); - flex: 0 0 calc(100% + 32px); - margin-top: $spacing_16px; - margin-right: -$spacing_16px; - margin-left: -$spacing_16px; - border-top: $border_width solid $color_gray-lighten; - } - - ul { - display: flex; - flex-wrap: wrap; - margin: 0; - - .user-registration-tab-nav { - display: inline-flex; - margin: 0 $spacing_8px 0 0; - - &.active { - .user-registration-tab-nav-link { - color: $primary_color; - border-color: $primary_color; - } - } - - .user-registration-tab-nav-link { - font-weight: $semi_bold; - padding: $spacing_18px $spacing_8px $spacing_16px; - color: #494d50; - text-decoration: none; - border-bottom: 2px solid transparent; - } - } - } - } - } - - .ur-setup-templates { - display: flex; - flex-wrap: wrap; - padding: $spacing_8px; - - .ur-loading { - margin: 80px auto; - } - - .ur-template { - width: 100%; - background: white; - border-radius: $border_radius_4; - position: relative; - margin: $spacing_12px; - - @media (min-width: 400px) { - width: calc(50% - 24px); - flex: 0 0 calc(50% - 24px); - } - - @media only screen and (min-width: 768px) { - width: calc(33.333% - 24px); - flex: 0 0 calc(33.333% - 24px); - } - - @media (min-width: 960px) { - width: calc(25% - 24px); - flex: 0 0 calc(25% - 24px); - } - - .user-registration-screenshot { - cursor: pointer; - padding: $spacing_8px; - margin: 0; - min-height: auto; - position: relative; - border-radius: $border_radius_4; - background: $color_gray-more-lighten; - - @media only screen and (min-width: 1280px) { - min-height: 280px; - } - - .user-registration-badge { - position: absolute; - bottom: 16px; - right: 16px; - z-index: 1; - } - - .form-action { - display: none; - position: absolute; - left: 0; - right: 0; - top: 50%; - transform: translateY(-50%); - z-index: 1; - - .user-registration-btn { - &:last-child { - margin-left: $spacing_8px; - } - } - } - } - - img { - display: block; - width: 100%; - } - - .user-registration-form-id-container { - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; - position: relative; - - .user-registration-template-name { - font-size: 16px; - font-weight: $semi_bold; - margin: $spacing_16px 0; - color: $gray-base; - text-decoration: none; - - &:hover { - color: $primary_color; - } - } - } - - &:hover { - .user-registration-screenshot::after { - content: ""; - display: block; - background: transparentize($gray-base, 0.5); - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - } - - .form-action { - display: flex; - align-items: center; - justify-content: center; - } - } - - &:nth-child(even) { - float: right; - } - - .ur-template-overlay { - position: absolute; - background-color: rgba(0, 0, 0, 0.5); - top: 0; - left: 0; - right: 0; - bottom: 0; - opacity: 0; - visibility: hidden; - transition: 0.5s background-color ease-in-out; - color: white; - text-align: center; - padding: 40% 0; - - .ur-template-select { - text-decoration: none; - } - - &.loading { - .ur-button, - .ur-button::before, - .ur-button::after { - background: white; - -webkit-animation: load1 1s infinite ease-in-out; - animation: load1 1s infinite ease-in-out; - width: 1em; - height: 4em; - padding: 0; - border-radius: 0; - } - - .ur-button { - color: white; - text-indent: -9999em; - margin: 0 auto; - position: relative; - font-size: 11px; - -webkit-transform: translateZ(0); - -ms-transform: translateZ(0); - transform: translateZ(0); - -webkit-animation-delay: -0.16s; - animation-delay: -0.16s; - } - - .ur-button::before, - .ur-button::after { - position: absolute; - top: 0; - content: ""; - } - - .ur-button::before { - left: -1.5em; - -webkit-animation-delay: -0.32s; - animation-delay: -0.32s; - } - - .ur-button::after { - left: 1.5em; - } - - @-webkit-keyframes load1 { - 0%, - 80%, - 100% { - box-shadow: 0 0; - height: 4em; - } - 40% { - box-shadow: 0 -2em; - height: 5em; - } - } - @keyframes load1 { - 0%, - 80%, - 100% { - box-shadow: 0 0; - height: 4em; - } - 40% { - box-shadow: 0 -2em; - height: 5em; - } - } - } - } - - &:hover .ur-template-overlay, - .ur-template-overlay.loading { - opacity: 1; - visibility: visible; - } - - .ur-button { - display: inline-block; - padding: $spacing_15px $spacing_22px; - background-color: white; - color: #000; - font-size: 12px; - text-transform: uppercase; - border: none; - border-radius: 100px; - } - } - } -} - -.user-registration-form-template-wrapper { - .user-registration-form-template { - &[data-filter-template="free"] { - .user-registration-template-wrap[data-plan="premium"] { - display: none; - } - } - &[data-filter-template="premium"] { - .user-registration-template-wrap[data-plan="free"] { - display: none; - } - } - } -} - -.user-registration { - .swal2-container { - h3 { - font-size: 16px; - font-weight: $regular; - } - - .user-registration-trashed { - button { - margin: 0; - transition: all 0.3s ease-in-out; - - &.swal2-confirm { - background-color: #f75259 !important; - border: $border_width solid #f75259; - border-radius: $border_radius_3; - transition: all 0.3s ease-in-out; - } - - &.swal2-cancel { - background: transparent; - border: $border_width solid $grey-200; - color: $grey-200; - - &:hover { - border-color: $grey-500; - color: $grey-500; - } - } - } - } - .user-registration-info { - .swal2-actions{ - display: flex; - padding: 10px !important ; - } - .swal2-html-container{ - p{ - font-size: 1em; - } - } - button { - - transition: all 0.3s ease-in-out; - - &.swal2-confirm { - background-color: #475bb2!important; - border: $border_width solid #475bb2; - border-radius: $border_radius_3; - transition: all 0.3s ease-in-out; - } - - &.swal2-cancel { - background: transparent; - border: $border_width solid $grey-200; - color: $grey-200; - - &:hover { - border-color: $grey-500; - color: $grey-500; - } - } - } - } - - .swal2-popup { - width: 400px; - - &.user-registration-settings-swal2 { - width: auto; - } - - &.swal2-icon-error { - border-top: 6px solid #ff4f55; - } - - border-radius: $spacing_10px; - padding: 0; - - &.user-registration-locked-field { - border-top: 6px solid #72aee6; - - &.swal2-icon-success { - border-top: 6px solid #a5dc86; - } - - &.swal2-icon-warning { - border-top: 6px solid #facea8; - } - } - - .swal2-header { - padding: $spacing_34px $spacing_40px 0 $spacing_40px; - - .swal2-title { - margin-bottom: $spacing_4px; - - i { - margin-bottom: $spacing_16px; - } - } - - .swal2-close { - box-shadow: none; - top: $spacing_2px; - } - } - - &.user-registration-swal2-no-button { - .swal2-header { - padding-bottom: $spacing_34px; - } - } - - .swal2-content { - .swal2-validation-message { - margin-left: 0; - margin-right: 0; - border-left: 3px solid #f27474; - justify-content: flex-start; - padding: $spacing_12px $spacing_6px $spacing_12px - $spacing_6px; - } - - .action-buttons { - a { - background-color: #475bb2; - border: none; - text-decoration: none; - color: white; - font-size: 16px; - font-weight: 600; - } - } - } - - .swal2-actions { - margin-top: $spacing_24px; - background: #fcfcfc; - border-top: $border_width solid $border-color; - padding: $spacing_16px; - border-radius: 0 0 $border_radius_13 $border_radius_13; - justify-content: center; - flex-direction: row-reverse; - gap: $spacing_12px; - - .swal2-confirm { - background: #475bb2; - transition: all 0.3s ease-in-out; - - &:hover { - background: #4b68ec; - } - } - } - - &.user-registration-locked-field { - .swal2-header { - padding-bottom: $spacing_4px; - - .swal2-close { - box-shadow: none; - } - } - - .swal2-content { - padding-left: 0; - padding-right: 0; - - .swal2-html-container { - padding-left: $spacing_20px; - padding-right: $spacing_20px; - - .action-buttons { - margin-left: -$spacing_20px; - margin-right: -$spacing_20px; - border-radius: 0 0 $border_radius_10 - $border_radius_10; - padding: $spacing_16px; - text-align: right; - background: #fcfcfc; - border-top: $border_width solid $border-color; - } - } - } - } - - .swal2-actions { - button { - &:focus { - box-shadow: none; - } - - &:focus-visible { - outline: none; - } - } - } - } - - .user-registration-recommend-addons { - margin-bottom: $spacing_20px; - padding-bottom: $spacing_16px; - border-bottom: 2px solid $color_gray-more-lighten; - - .bulk-action-notice { - margin: 0 0 $spacing_20px; - - p { - padding: 0; - margin: $spacing_8px 0 !important; - } - - &.notice-error { - .button-link { - text-decoration: none; - display: flex; - align-items: center; - margin-top: $spacing_8px; - - .toggle-indicator { - display: inline-flex; - } - } - - .bulk-action-errors { - margin-top: 0; - } - } - } - - .plugins-list-table { - border-radius: $border_radius_4; - - .plugin-name { - text-align: left; - } - - .plugin-status { - float: right; - - span { - width: 15px; - height: 15px; - overflow: hidden; - border-radius: 50%; - position: relative; - vertical-align: top; - white-space: nowrap; - text-indent: -9999px; - display: inline-block; - border: 2px solid $color_gray-lighten; - - &.active, - &.activate-now { - &::after { - position: absolute; - left: 50%; - top: 50%; - opacity: 1; - width: 34%; - height: 50%; - content: ""; - transform-origin: left top; - border-top: 2px solid $color_gray-lighten; - border-right: 2px solid $color_gray-lighten; - transform: scaleX(-1) rotate(135deg) - translate(-58%, -40%); - } - } - - &.activate-now { - border-color: $color_gray-lighten; - - &.updating-message { - border-color: $color_gray-lighten; - border-left-color: $green; - } - } - - &.active { - border-color: $green; - - &::after { - border-top: 2px solid $green; - border-right: 2px solid $green; - } - } - - &.updating-message { - border-left-color: $green; - animation: spin 0.75s linear infinite; - - &::after { - content: none; - } - } - } - } - } - } - - .user-registration-template-install-addon, - .user-registration-template-continue { - margin-top: $spacing_20px; - color: $white; - text-decoration: none; - } - } -} - -// ----------------------------------------- FORM BUILDER V2 CSS STARTS ----------------------------------------------------------------------- -//--------------------------------------------------------------------------------------------------------------------------------- -//--------------------------------------------------------------------------------------------------------------------------- -//---------------------------------------------------------------------------------------------------------------------- -a.button.ur-smart-tags-list-button { - top: 29px; - right: 0; - width: 30px; - min-height: 30px; - color: #494d50; - position: absolute; - background: #fff; - border: 1px solid #cdd0d8; - border-radius: 4px; - box-shadow: inset 0 1px 2px rgba(35, 40, 45, 0.1); -} - -.ur-advance-setting.ur-advance-default_value, -.ur-general-setting.ur-general-setting-hidden-value, -.ur-advance-setting.ur-advance-pattern_value { - position: relative; - margin-bottom: 15px; - - & input.ur-general-setting-field, - & input.ur_advance_setting.ur-settings-pattern_value { - width: calc(100% - 40px) !important; - min-height: 27px; - } - - & a.button.ur-smart-tags-list-button { - top: 29px; - right: 0; - width: 30px; - min-height: 30px; - color: #494d50; - position: absolute; - background: #fff; - border: 1px solid #cdd0d8; - border-radius: 4px; - box-shadow: inset 0 1px 2px rgba(35, 40, 45, 0.1); - } - - & .ur-smart-tags-list-button .dashicons-editor-code::before { - left: 0; - right: 0; - margin: 0 auto; - line-height: 28px; - position: absolute; - } - - & .ur-smart-tags-list { - right: 0; - z-index: 1; - max-height: 123px; - margin-top: -1px; - width: 230px; - overflow-y: auto; - position: absolute; - background: #fff; - border-radius: 4px; - border: 1px solid #cdd0d8; - box-shadow: 1px 3px 20px 0 rgba(35, 40, 45, 0.2); - - & .ur-smart-tag-title { - font-weight: 600; - background: #f6f7f9; - border-bottom: 1px solid #cdd0d8; - font-size: 12px; - padding: 10px; - } - - & li { - padding: 4px 10px; - font-size: 12px; - } - - &:hover { - cursor: pointer; - } - } -} - -.user-registration_page_add-new-registration, -.toplevel_page_user-registration { - #nav-menu-header { - padding-right: $spacing_30px; - - .ur-form-title { - font-weight: $semi_bold; - font-size: 16px; - line-height: 150%; - color: #414141; - padding-left: $spacing_18px; - padding-right: $spacing_8px; - } - - .ur-editing-tag { - padding: $spacing_4px $spacing_10px; - background: $blue-50; - border-radius: $border_radius_50; - font-style: italic; - font-weight: $regular; - font-size: 12px; - line-height: 150%; - color: $grey-400; - } - - .publishing-action { - .button-secondary { - background: $blue-50; - border-color: $blue-50; - box-shadow: 0 1px 0 $blue-50; - font-size: 14px; - color: $grey-400; - border-radius: $border_radius_3; - - &:has(span) { - width: 33px; - height: 33px; - } - - // .dashicons-editor-expand, - // .dashicons-editor-contract { - // &::before { - // color: $grey-400; - // } - // } - - .ur-fs-open-label, - .ur-fs-close-label { - &::before { - content: ""; - background-repeat: no-repeat; - background-position: center; - background-size: 100%; - display: block; - top: -1px; - left: 1px; - position: relative; - width: 19px; - height: 19px; - } - } - - .ur-fs-open-label { - &::before { - background-image: url("../images/icons/maximize.svg"); - } - } - - .ur-fs-close-label { - &::before { - background-image: url("../images/icons/minimize.svg"); - } - } - } - - .button-primary { - background: $primary_color; - font-size: 14px; - - &:hover { - background: $primary_dark; - border-color: $primary_dark; - } - - &.ur-copy-shortcode { - width: 33px; - height: 33px; - padding-left: 0; - padding-right: 0; - background: $primary_color; - border-color: $primary_color; - box-shadow: none; - - &:hover { - background: $primary_dark; - border-color: $primary_dark; - } - - svg { - width: 18px; - height: 18px; - margin-bottom: 3px; - } - } - } - } - } -} - -.ur-registered-from { - .ur-registered-inputs { - position: relative; - - .nav-tab-wrapper { - } - - .ur-tab-contents { - #ur-setting-form { - .ur-general-setting-block { - margin-bottom: $spacing_36px; - - &:has(.closed) { - margin-bottom: 0; - } - } - } - - .ur-toggle-content { - label { - font-weight: $regular; - font-size: 14px; - line-height: 140%; - color: $grey-400; - display: flex; - align-items: center; - gap: $spacing_2px; - - .ur-portal-tooltip { - width: 12px; - - &::after { - font-size: 18px; - line-height: unset; - color: $grey-100; - } - } - } - - input[type="text"], - input[type="email"], - input[type="password"], - input[type="number"] textarea { - &::placeholder { - color: $grey-100; - } - } - - input { - padding: $spacing_18px $spacing_12px; - background: $grey-0; - border: $border_width solid $border-color; - border-radius: $border_radius_4; - font-weight: $regular; - font-size: 14px; - line-height: 150%; - color: $grey-300; - } - } - } - - button#ur-collapse { - width: 22px; - height: 41px; - background: $grey-0; - position: absolute; - bottom: $spacing_100px; - border-style: solid; - border-width: $border_width $border_width $border_width 0px; - border-color: $border-color; - border-radius: 0 $border_radius_3 $border_radius_3 0; - z-index: 1; - cursor: pointer; - transition: all 0.3s ease-in-out; - right: -$spacing_22px; - - svg { - width: 12px; - height: 12px; - display: block; - position: relative; - left: -$spacing_2px; - transition: all 0.3s ease-in-out; - } - - &:hover { - svg { - left: -$spacing_4px; - } - } - - &.open { - width: 24px; - height: 44px; - - svg { - transform: rotate(180deg); - left: -1px; - width: 14px; - height: 14px; - } - - &:hover { - svg { - left: 1px; - } - } - } - } - } - - .ur-builder-wrapper { - .ur-selected-inputs { - padding: $spacing_30px; - background: $canva-color; - - .ur-login-form-wrapper { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - } - .ur-login-shortcode { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - margin-top: 2rem; - - h1 { - font-weight: bold; - font-size: 35px; - margin-bottom: 2rem; - } - - p { - font-size: 16px; - } - .ur-login-content { - margin-left: 10rem; - margin-right: 5rem; - } - } - .ur-login-view-doc { - margin-top: 5rem; - a { - font-size: large; - text-decoration: underline; - } - } - } - - .ur-builder { - &-header { - padding-top: $spacing_10px; - padding-bottom: $spacing_24px; - border-bottom: $border_width solid $border-color; - margin-bottom: $spacing_32px; - - .user-registration-editable-title { - margin-top: 0 !important; - margin-bottom: 0 !important; - - .user-registration-editable-title__input { - font-size: 22px; - line-height: 130%; - color: $grey-500; - padding: $spacing_4px $spacing_8px $spacing_4px - $spacing_12px; - margin: 0; - } - } - } - - &-wrapper-content { - background: $grey-0; - border-radius: $border_radius_13; - padding: $spacing_18px $spacing_32px; - border: $border_width solid $border-color; - - .ur-single-row { - .ur-grid-lists { - .ur-grid-list-item { - padding: $spacing_20px; - } - - .ur-selected-item { - padding: $spacing_10px $spacing_14px $spacing_14px; - - &.ur-item-active { - // background: $blue-25; - } - } - } - &:hover { - .ur-grid-lists { - background: #fcfcfc; - border-radius: $border_radius_7; - border-color: #e7e7e7; - border-left: 0; - - .ur-selected-item { - &:hover { - background: $blue-25; - border: $border_width dashed $primary_color; - border-radius: $border_radius_7; - } - } - - .ur-grid-list-item { - border-left: $border_width solid #e7e7e7; - } - } - } - } - } - } - - #ur-field-settings { - background: $grey-0; - border: $border_width solid $border-color; - border-radius: $border_radius_13; - padding: $spacing_18px $spacing_32px; - - #ur-field-all-settings { - h3 { - margin: 0 0 $spacing_32px 0; - font-size: 22px; - line-height: 130%; - font-weight: $semi_bold; - color: $grey-800; - border-bottom: $border_width solid $border-color; - padding: $spacing_10px 0 $spacing_24px; - } - - .form-row { - // width: 620px; - width: 100%; - max-width: 100%; - margin-bottom: $spacing_20px; - - &#user_registration_form_setting_minimum_password_strength_field { - margin-bottom: 0; - } - - .ur-label { - font-size: 15px; - line-height: 140%; - color: $grey-400; - display: flex; - align-items: center; - width: max-content; - - &.checkbox { - font-size: 14px; - line-height: 150%; - font-weight: $regular; - margin-bottom: 0; - } - - .user-registration-help-tip { - &::after { - font-size: 18px; - line-height: unset; - color: $grey-100; - } - } - } - - input[type="text"], - input[type="email"], - input[type="number"], - select { - height: 38px; - border-color: $border-color; - color: $grey-300; - } - - select { - background-image: linear-gradient( - 45deg, - transparent 50%, - gray 50% - ), - linear-gradient(135deg, gray 50%, transparent 50%); - background-position: - calc(100% - 15px) calc(1em + 2px), - calc(100% - 10px) calc(1em + 2px), - calc(100% - 2.5em) 0.5em; - background-size: - 5px 5px, - 5px 5px, - 1px 1.5em; - background-repeat: no-repeat; - } - - .ur-radio-group-list { - display: flex; - gap: $spacing_12px; - - &--item { - label { - font-size: 14px; - font-weight: 600; - color: $grey-300; - margin-bottom: 0; - border: $border_width solid $grey-300; - border-radius: $border_radius_5; - text-align: center; - padding: $spacing_10px; - align-items: center; - display: flex; - transition: all 0.3s ease-in-out; - - input { - display: none; - } - } - - &.very-weak { - &:hover, - &.active { - label { - color: #f25656; - border-color: #f25656; - background-color: #fff4f4; - } - } - } - - &.weak { - &:hover, - &.active { - label { - color: #ee9936; - border-color: #ee9936; - background-color: #fffaf5; - } - } - } - - &.medium { - &:hover, - &.active { - label { - color: #ffc700; - border-color: #ffc700; - background-color: #fffcf1; - } - } - } - - &.strong { - &:hover, - &.active { - label { - color: #4cc741; - border-color: #4cc741; - background-color: #f5fff4; - } - } - } - - &.custom { - &:hover, - &.active { - label { - color: #475bb3; - border-color: #475bb3; - background-color: #ebecf1; - } - } - } - } - } - } - } - } - } -} - -#wpcontent { - .wp-heading-inline { - font-weight: $semi_bold; - padding: 0; - margin: $spacing_20px 0 0; - font-size: 24px; - line-height: 120%; - } - - .user-registration-settings-container { - margin: $spacing_24px 0 0; - - .user-registration-options-header { - &--top { - display: flex; - align-items: center; - justify-content: space-between; - - &__left { - h3 { - margin: 0; - font-weight: $semi_bold; - font-size: 26px; - line-height: 120%; - color: $grey-800; - } - } - - &__right { - display: flex; - align-items: center; - justify-content: space-between; - gap: $spacing_10px; - - span.user-registration-toggle-text { - font-size: 16px; - line-height: 24px; - color: #383838; - font-weight: 500; - } - } - } - - &--bottom { - ul { - display: flex; - align-items: center; - gap: $spacing_32px; - border-bottom: $border_width solid $border-color; - width: 100%; - - li { - a { - font-weight: $regular; - font-size: 15px; - line-height: 140%; - color: $grey-600; - padding: 0; - position: relative; - padding-bottom: $spacing_16px; - transition: all 0.3s ease-in-out; - - &::before { - content: ""; - background: $primary_color; - position: absolute; - width: 100%; - height: 3px; - border-radius: $border_radius_11; - bottom: 0; - left: 0; - opacity: 0; - transition: all 0.3s ease-in-out; - } - - &:focus { - outline: none; - box-shadow: none; - } - - &.current, - &.active { - font-weight: $semi_bold; - } - - &:hover, - &.current, - &.active { - color: $primary_color; - - &::before { - opacity: 1; - } - } - } - } - } - } - } - } - - .user-registration-login-form-container { - .user-registration { - &__wrap { - #menu-management-liquid { - float: none; - } - #menu-management { - .menu-edit { - position: unset; - } - } - #post-body { - .ur-registered-from { - display: block; - background-color: transparent; - .ur-builder-wrapper { - height: auto; - overflow-y: unset; - border-left: 0; - background: transparent; - - .ur-selected-inputs { - background: #f0f0f1; - padding: $spacing_24px; - - .ur-builder-wrapper-content { - padding: $spacing_20px $spacing_30px - $spacing_60px; - border-radius: $border_radius_7; - - .ur-login { - &-shortcode { - margin-top: 0; - display: block; - - h1 { - margin-bottom: $spacing_12px; - } - - &--wrapper { - // width: 45%; - display: flex; - align-items: center; - gap: $spacing_30px; - // flex-wrap: nowrap; - flex-wrap: wrap; - - @media (max-width: 1400px) { - flex-wrap: wrap; - justify-content: center; - } - - img { - margin-left: -$spacing_24px; - - @media (max-width: 1000px) { - margin-left: 0; - } - - @media (max-width: 768px) { - width: 100%; - } - } - .ur-login-content { - // width: 55%; - margin-left: 0; - margin-right: 0; - padding: $spacing_24px; - background: #f6f6f6; - border-radius: $border_radius_7; - flex: 1; - p { - &:first-child { - margin-top: 0; - } - } - .login-forms-shortcode-action { - input { - height: 32px; - font-size: 15px; - } - - .ur-copy-shortcode { - box-shadow: none; - transition: all 0.3s - ease-in-out; - - svg { - path { - fill: $primary_color; - transition: all - 0.3s - ease-in-out; - } - } - - &:hover { - background: $primary_color !important; - - svg { - path { - fill: $grey-0; - } - } - } - } - } - } - } - } - &-view-doc { - margin-top: $spacing_32px; - } - } - } - } - } - } - } - } - } - } -} - -@media (max-width: 960px) { - #wpcontent { - padding-left: 0; - } - - .user-registration_page_add-new-registration - .ur-form-container - #menu-management - .menu-edit { - left: $spacing_36px !important; - } - - .ur-registered-from - .ur-registered-inputs - .ur-tab-contents - button#ur-collapse { - left: 448px; - } -} - -// Subscription Plan Field > Field Options Design Fix -.ur-registered-from { - .nav-tab-wrapper { - .ur-tab-contents { - .ur-tab-content { - .ur-general-setting { - &-options { - .ur-options-list { - .ur-subscription-plan { - flex-direction: column; - align-items: unset; - margin-bottom: $spacing_16px; - padding: $spacing_10px; - border: $border_width solid #e4e4e4; - background: #fbfbfb; - - &:last-child { - margin-bottom: 0; - } - - &-details { - display: flex; - align-items: center; - gap: $spacing_8px; - } - - &-sub-details { - > p { - display: flex; - align-items: center; - gap: $spacing_8px; - margin-bottom: $spacing_4px; - - select { - height: 38px; - padding-left: $spacing_12px; - padding-right: $spacing_12px; - } - } - } - } - } - } - } - } - } - } -} - -// --------------------------------------------------------------------------------------------------------------------- -//--------------------------------------------------------------------------------------------------------------------------- -//---------------------------------------------------------------------------------------------------------------------------------- -//------------------------------------------- FORM BUILDER V2 CSS ENDS ------------------------------------------------------------------------ - -// Users Entries when image choice option is enabled CSS -#your-profile { - #fieldset-user_registration { - tbody { - tr { - td { - &:has(.user-registration-user-profile-info) { - display: grid; - grid-template-columns: repeat( - auto-fill, - minmax(160px, 1fr) - ); - gap: $spacing_12px; - width: 760px; - - br { - display: none; - } - } - - .user-registration-user-profile-info { - input { - &[type="radio"], - &[type="checkbox"] { - display: none; - } - } - - .user-registration-image-options { - display: block; - border: $border_width solid #d5d5d5; - border-radius: $border_radius_4; - padding: $spacing_10px; - position: relative; - - &:hover { - color: #0693e3; - border-color: #0693e3; - - .user-registration-image-choice { - &::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background: $grey-500; - opacity: 0.45; - z-index: 1; - } - - img { - transform: scale(1.1); - } - } - } - - .user-registration-image-choice { - display: block; - width: 100%; - height: 100px; - border-radius: $border_radius_2; - overflow: hidden; - position: relative; - margin-bottom: $spacing_10px; - - img { - width: 100%; - height: 100%; - object-fit: cover; - border-radius: $border_radius_2; - transition: all 0.3s ease-in-out; - } - } - } - - input[type="radio"], - input[type="checkbox"] { - &:checked ~ label { - color: #0693e3; - border-color: #0693e3; - - span { - &::before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background: $grey-500; - opacity: 0.45; - z-index: 1; - } - - &::after { - content: ""; - position: absolute; - background: #00be34; - border-radius: 1px; - width: 12px; - height: 12px; - top: $spacing_8px; - right: $spacing_8px; - z-index: 2; - } - } - } - } - } - } - } - } - } -} - -#ur-smart-tags-selector { - float: right; - display: inline-flex; - gap: 4px; - align-items: center; - color: #6b6b6b; - font-weight: 400; - font-size: 14px; - text-decoration: underline; - padding: 10px 0px; - cursor: pointer; - - & ~ .select2-container { - visibility: hidden; - position: absolute; - right: 0; - width: 120px !important; - } -} - -.select2-container { - &--open { - &:not(.ur-hide-select2) { - .ur-select2-dropdown { - width: 180px !important; - - .select2-search--dropdown { - width: 98%; - position: relative; - } - - .ur-select2-title { - display: block; - padding: 4px; - width: 98%; - border-radius: 4px; - color: #383838; - - p { - padding: 6px 8px; - background-color: #f4f4f4; - font-size: 13px; - font-weight: 600; - margin: 0px; - } - } - - ul { - &.select2-results__options { - max-height: 250px !important; - overflow-y: auto; - border-top: 1px solid #ccc; - - &::-webkit-scrollbar { - width: 4px; - } - - &::-webkit-scrollbar-thumb { - background-color: #aaa; - border-radius: 10px !important; - } - - li { - &.select2-results__option--highlighted, - &[data-selected="true"] { - background: #f8f8fa; - color: #475bb2; - border: none; - } - } - } - } - - .select2-search { - display: flex; - align-items: center; - color: #999999; - - .select2-search__field { - padding-left: 28px; - } - - .search-icon { - position: absolute; - left: 12px; - top: 33; - color: #999; - } - } - } - } - } -} - -.toplevel_page_user-registration, -body.user-registration { - #wpcontent { - padding-left: 0; - } - - #wpbody-content { - background: #EFF2F6; - padding-bottom: $spacing_30px; - - #screen-meta-links { - display: none; - } - } -} - -.ur-admin-page-topnav { - display: flex; - align-items: center; - justify-content: space-between; - background: $grey-0; - padding: 0px $spacing_24px; - border-bottom: $border_width solid #e1e1e1; - margin-bottom: 25px; - - .ur-page-title__wrapper { - display: flex; - align-items: center; - gap: $spacing_20px; - - &-logo { - padding: 0px $spacing_20px 0px 0px; - border-right: 1px solid #e1e1e1; - } - - &-menu { - h2 { - padding: $spacing_24px 0px; - } - - &__items { - display: flex; - gap: 4px; - margin: 0; - - li { - font-size: 15px; - margin-bottom: 0; - padding: $spacing_24px 0; - - a { - text-decoration: none; - color: #1f1f1f; - padding: $spacing_24px $spacing_16px; - position: relative; - transition: all 0.3s; - - &:focus { - outline: none; - box-shadow: none; - } - - &::after { - content: ""; - background: #475bb2; - width: 0px; - height: 3px; - position: absolute; - bottom: 0; - left: 0; - transition: all 0.3s; - } - - &:hover, - &.current { - color: #475bb2; - - &::after { - width: 100%; - } - } - - &.current { - font-weight: 600; - } - } - } - } - } - } - - .ur-back-button { - border-right: $border_width solid $grey-100; - padding: $spacing_4px $spacing_14px $spacing_4px $spacing_4px; - display: flex; - cursor: pointer; - - svg { - width: 24px; - height: 24px; - } - } - - .dashicons { - &::before { - color: $grey-400; - } - } - - .ur-page-actions { - display: flex; - align-items: center; - gap: $spacing_8px; - flex-direction: row-reverse; - - a { - .ur-button-primary { - border-radius: $border_radius_3; - background: $primary_color; - padding: $spacing_6px $spacing_12px; - font-size: 14px; - line-height: 150%; - color: $grey-0; - transition: all 0.3s ease-in-out; - - &:hover { - background: darken($primary_color, 10%); - } - } - } - - > .ur-button-primary { - color: $grey-400; - font-size: 14px; - font-weight: 400; - line-height: 18px; - background: #eaeaea; - padding: $spacing_8px $spacing_12px; - display: flex; - align-items: center; - justify-content: center; - gap: $spacing_6px; - border-radius: $border_radius_3; - border: $border_width solid #eaeaea; - cursor: pointer; - transition: all 0.3s ease-in-out; - - svg { - width: 14px; - height: 14px; - - path { - fill: $grey-400; - } - } - - &:hover { - background: #e1e1e1; - border-color: #e1e1e1; - } - } - } -} - -.user-registration-list-table-container { - #user-registration-list-table-page { - max-width: 100%; - margin-left: $spacing_20px; - margin-right: $spacing_20px; - } -} - -.user-registration-login-form-container { - .ur-form-container { - #menu-management-liquid { - margin-left: 0; - min-width: 100%; - - .ur-selected-inputs { - padding-left: $spacing_20px !important; - padding-right: $spacing_20px !important; - } - } - } -} - -#user-registration-list-table-page { - max-width: 1280px; - margin: 25px auto; - padding: $spacing_24px; - border-radius: $border_radius_7; - background: $grey-0; - - .user-registration-list-table-header { - display: flex; - gap: 15px; - align-items: center; - margin-bottom: 15px; - - a { - padding: 6px 14px; - border-radius: 3px; - border: 1px solid #475bb2; - background: #f6f7f7; - color: #475bb2; - font-size: 14px; - font-weight: 500; - line-height: 150%; - transition: all 0.3s ease-in-out; - text-decoration: none; - } - } - - #user-registration-list-filters-row { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - gap: $spacing_20px; - border-bottom: $border_width solid #dcdcdc; - padding-bottom: $spacing_24px; - margin-bottom: $spacing_24px; - - ul.subsubsub { - font-size: 15px; - } - - #user-registration-pro-users-filters { - display: flex; - flex-wrap: wrap; - align-items: center; - gap: $spacing_12px; - padding: 0; - margin-top: 0; - - li { - div { - p { - display: none; - margin: 0; - } - - select { - min-height: 36px; - padding: $spacing_2px $spacing_12px; - border-radius: $border_radius_4; - border-color: $grey-100; - min-width: 130px; - - &:hover { - color: $primary_color; - } - - &:focus { - box-shadow: none; - border: $border_width solid $primary_color; - } - } - } - } - - .user-registration-users-filter-btns { - display: flex; - align-items: center; - gap: $spacing_8px; - - button { - cursor: pointer; - transition: all 0.3s ease-in-out; + @import "variables/variables"; + @import "mixins/mixins"; + @import "display"; + @import "fonts"; + @import "tables"; + @import "forms"; + + // Components + @import "components/badge", "components/button", "components/card", + "components/list-group", "components/modal", "components/nav", + "components/scroll-ui"; + + @import "border"; + @import "spacing"; + @import "containers"; + @import "grids"; + @import "overlay"; + + // Layout-related sections + @import "layout/header"; + + @import "templates/template-setup"; + + @import "animation"; + + /** + * Styling begins + */ + .blockUI.blockOverlay { + @include loader(); + } + + .toplevel_page_user-registration, + .user-registration_page_user-registration-frontend-list { + // Design customize for shortcode in list table + .shortcode { + .widefat { + width: calc(100% - 40px); + } + + .ur-copy-shortcode { + padding: 4px; + line-height: 1; + } + } + } + + .user-registration_page_user-registration-dashboard { + #wpcontent { + margin-left: 140px; + + #wpbody-content { + float: none; + } + } + } + + .user-registration_page_user-registration-settings { + .notice { + display: none; + } + } + + .ur-spinner { + width: 16px; + height: 16px; + margin-left: 6px; + margin-bottom: 2px; + display: inline-block; + vertical-align: middle; + @include loader(); + } + + /** + * Toggle class. + */ + .userregistration-forms-hidden { + display: block; + } + + .userregistration-forms-hidden { + display: none; + } + + .user-registration { + &__wrap { + *, + ::before, + ::after { + box-sizing: border-box; + } + } + } + + .ur-export-users-page { + margin-top: 24px; + + .nav-tab-content { + .nav-tab-inside { + .postbox { + width: 50%; + flex: 1; + + .hndle { + border-bottom: 1px solid #ccd0d4; + } - &[type="submit"] { - padding: $spacing_6px $spacing_14px; - border-radius: $border_radius_3; - border: $border_width solid $primary_color; - background: $primary_color; - color: $grey-0; - font-size: 14px; - font-weight: $regular; - line-height: 150%; - letter-spacing: 0.3px; + .ur-input { + max-width: inherit; + } + } + } + + .hndle, + .stuffbox .hndle { + margin: 10px; + padding-bottom: 10px; + } + + .stuffbox { + padding: 10px; + } + } + } + + .ur-label { + .user-registration-help-tip { + margin-left: 4px; + } + + label span:not(.ur-portal-tooltip) { + margin-left: 3px; + } + } + + .jconfirm-cell { + padding-left: 30%; + padding-right: 30%; + } + + .jconfirm-content-pane { + height: auto !important; + + .ur-shortcut-keyword { + display: flex; + align-items: center; + margin-bottom: 18px; + font-size: 18px; + + .ur-shortcut-title { + flex: 3; + } + + .ur-key { + display: flex; + flex: 2; + column-gap: 8px; + color: #3498db; + + span { + border: 1px solid #3498db; + background-color: #3498db13; + padding: 5px 15px; + border-radius: 2px; + } + + .ur-key-plus { + margin-top: 5px; + font-size: 1.2em; + } + + .ur-key-character { + width: 15px; + padding: 5px 10px; + text-align: center; + } + } + } + } + + /** + * Addons page + **/ + .ur_addons_wrap { + p.refresh { + margin: 0 0 2em; + } + + .wp-filter { + display: none; + } + + .plugin-card { + position: relative; + + h3 { + margin: 0; + font-size: 18px; + font-weight: $semi_bold; + line-height: 24px; + } + + .name, + .desc { + margin-right: 0; + margin-left: 156px; + } + + .plugin-card-left { + .plugin-icon { + height: 140px; + width: 140px; + border: 1px solid #eee; + border-radius: 2px; + background-size: contain; + background-repeat: no-repeat; + } + } + + .plugin-card-right { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 20px; + background-color: #fcfcff; + border: 1px solid #b7c4ff; + min-height: 130px; + + .plugin-desc { + overflow: hidden; + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + } + + .plugin-card-buttons { + margin-left: 148px; + + .action-buttons { + float: right; + clear: right; + max-width: 180px; + margin-left: 10px; + + .install-now:hover { + border-radius: 2px; + background-color: #475bb2; + color: #fff; + } + + .upgrade-now { + background: #475bb2 !important; + color: #fff; + font-weight: $medium; + } + + .upgrade-now:hover { + background: #516be0 !important; + color: #fff; + } + + &.upgrade-plan { + margin: 0 auto; + } + } + } + } + } + + .plugin-card-update-failed { + .notice-error { + margin: 0; + padding: 9px 16px 8px; + + .notice-dismiss { + padding: 17px; + } + } + } + + @media screen and (max-width: 782px) { + .plugin-card { + .plugin-card-bottom { + .action-buttons { + .button.updating-message { + &::before, + &::after { + margin-top: -1px; + } + } + } + } + } - &:hover { - background: darken($primary_color, 10%); - border-color: darken($primary_color, 10%); - } - } + .plugin-card-update-failed { + .notice-error { + padding: 13px 20px; - &[type="reset"], - &[type="button"] { - border-radius: $border_radius_3; - border: $border_width solid $grey-300; - background: #f6f7f7; - width: 34px; - height: 34px; - display: flex; - align-items: center; - justify-content: center; - transition: all 0.3s ease-in-out; + .notice-dismiss { + padding: 21px; + } + } + } + } + } + + .clear { + clear: both; + } + + .wrap.user-registration div.updated, + .wrap.user-registration div.error { + margin-top: 10px; + } + + /** + * Form Builder Styles + **/ + .user-registration_page_add-new-registration, + .toplevel_page_user-registration { + #wpfooter { + display: none; //Hide WP footer on form builder page + } + + .ur-form-container { + margin: 0; + + .ur-loading-container { + position: fixed; + left: 160px; + right: 0; + top: 0; + bottom: 0; + background: $white; + display: flex; + z-index: 9; + + .ur-circle-loading { + margin: auto; + left: 30px; + } + } + + #menu-management { + margin-top: 0; + + .menu-edit { + position: fixed; + left: 160px; + right: 0; + border: none; + box-shadow: none; + margin-bottom: 0; + } + } + + // Form Builder Fullscreen mode + #ur-full-screen-mode { + &.closed { + .ur-fs-close-label { + display: none; + } + } - svg { - width: 16px; - height: 16px; + &.opened { + .ur-fs-open-label { + display: none; + } + } + } + } + + #menu-management-liquid { + margin-top: 0; + margin-left: -20px; + min-width: calc(100% + 20px); + } + + #nav-menu-header { + padding: 12px; + display: flex; + align-items: center; + position: relative; + border-color: $border_color; + background-color: $white; + z-index: 9; + + .ur-brand-logo { + border-right: 1px solid $border_color; + + img { + width: 32px; + height: 32px; + margin-right: 8px; + display: flex; + } + a { + text-decoration: none; + border: none; + } + a:focus { + outline: none; + box-shadow: none; + } + } + + &::before, + &::after { + content: ""; + display: flex; + position: absolute; + left: 0; + right: 0; + bottom: 0; + background: $white; + } + + &::before { + top: 0; + z-index: -1; + } + + &::after { + height: 10px; + box-shadow: 0px 4px 8px transparentize($gray_base, 0.92); + z-index: -2; + } + } + + .major-publishing-actions { + clear: both; + line-height: 28px; + margin-left: auto; + + .publishing-action { + text-align: right; + float: right; + + input { + &.code { + width: 280px; + height: 33px; + padding: 0 $spacing_6px; + margin: 0; + border-color: $grey-50; + background: $blue-25; + border-radius: 3px 0 0 3px; + } + } + } + .login-forms-shortcode-action { + input { + &.code { + font-size: large; + width: 320px; + height: 33px; + padding: 0 $spacing_6px; + margin: 0; + border-color: $grey-50; + background: $blue-25; + border-radius: 3px 0 0 3px; + display: inline; + } + } + } + + #copy-shortcode { + margin-left: -5px; + border-radius: 0 4px 4px 0; + background: $blue-50 !important; + border-color: $grey-50 !important; + + svg { + fill: $white; + margin-bottom: 5px; + vertical-align: middle; + } + } + } + } + + /** + * Backbone modal dialog + */ + .ur-backbone-modal { + * { + box-sizing: border-box; + } + + .ur-backbone-modal-content { + position: fixed; + background-color: $white; + z-index: 100000; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + width: 500px; + + article { + overflow: auto; + } + } + + &.ur-backbone-modal-content { + width: 75%; + min-width: 500px; + } + + .select2-container { + width: 100% !important; + } + } + + .ur-backbone-modal-backdrop { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + min-height: 360px; + background-color: $gray_base; + opacity: 0.7; + z-index: 99900; + } + + .ur-backbone-modal-main { + padding-bottom: 55px; + + header, + article { + display: block; + position: relative; + } + + .ur-backbone-modal-header { + height: auto; + background-color: $color_gray_five; + padding: 1em 1.5em; + border-bottom: 1px solid $border_color; + + h1 { + margin: 0; + font-size: 18px; + font-weight: $bold; + line-height: 1.5em; + } + + .modal-close-link { + cursor: pointer; + color: #777; + height: 54px; + width: 54px; + padding: 0; + position: absolute; + top: 0; + right: 0; + text-align: center; + border: 0; + border-left: 1px solid $border_color; + background-color: transparent; + transition: + color 0.1s ease-in-out, + background 0.1s ease-in-out; + + &::before { + font: normal 22px/50px "dashicons" !important; + color: $color_gray_two; + display: block; + content: "\f335"; + font-weight: $light; + } + + &:hover, + &:focus { + background-color: $color_gray_four; + border-color: #ccc; + color: $gray_base; + } + + &:focus { + outline: none; + } + } + } + + article { + padding: 1.5em; + + p { + margin: 1.5em 0; + } + + p:first-child { + margin-top: 0; + } + + p:last-child { + margin-bottom: 0; + } + + .pagination { + padding: 10px 0 0; + text-align: center; + } + } + + footer { + position: absolute; + left: 0; + right: 0; + bottom: 0; + z-index: 100; + padding: 1em 1.5em; + background-color: $color_gray_five; + border-top: 1px solid #dfdfdf; + box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.1); + + .inner { + float: right; + line-height: 23px; + + .button { + margin-bottom: 0; + } + } + } + } + + .user-registration { + textarea[disabled="disabled"] { + background: #dfdfdf !important; + } + + table.form-table { + margin: 0; + position: relative; + + fieldset { + margin-top: 4px; + + img.help_tip, + .user-registration-help-tip { + margin: -3px 0 0 5px; + } + + p.description { + margin-bottom: 8px; + } + + &:first-child { + margin-top: 0; + } + } + + th { + position: relative; + padding-right: 24px; + + label { + display: inline-block; + } + + img.help_tip, + .user-registration-help-tip { + margin: 0 -24px 0 0; + float: right; + } + } + + .select2-container { + display: block; + max-width: 350px; + margin-bottom: 3px; + } + + .forminp-radio ul { + margin: 0; + + li { + line-height: 1.4em; + } + } + + textarea.input-text { + height: 100%; + min-width: 150px; + display: block; + } + + input.regular-input { + width: 25em; + } + + textarea.wide-input { + width: 100%; + } + + .help_tip, + .user-registration-help-tip { + padding: 0; + margin: -4px 0 0 5px; + vertical-align: middle; + cursor: help; + line-height: 1; + } + + .wp-list-table .user-registration-help-tip { + float: none; + } + + .iris-picker { + z-index: 100; + display: none; + position: absolute; + border: 1px solid #ccc; + border-radius: 3px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); + + .ui-slider { + border: 0 !important; + margin: 0 !important; + width: auto !important; + height: auto !important; + background: none transparent !important; + + .ui-slider-handle { + margin-bottom: 0 !important; + } + } + } + + .colorpickpreview { + padding: 3px; + padding-left: 20px; + border: 1px solid $border_color; + border-right: 0; + } + + .colorpick { + border-left: 0; + } + + .image_width_settings { + vertical-align: middle; + + label { + margin-left: 10px; + } + } + + .dashicons { + margin-bottom: 2px; + vertical-align: middle; + } + + .image-upload { + td { + display: flex; + align-items: baseline; + flex-direction: column; + gap: 10px; + } + } + + .radio-image { + td { + ul { + display: flex; + column-gap: 30px; + + li { + label { + display: flex; + flex-direction: column; + align-items: center; + max-width: 175px; + row-gap: 16px; + border: 1px solid $border_color; + border-radius: 2px; + padding: 8px 16px; + + &.selected { + border-color: #475bb2; + background-color: #475bb230; + color: #475bb2; + font-weight: $semi_bold; + } + + input { + display: none; + } + } + } + } + } + } + } + } + + .ur-registered-from { + display: flex; + background-color: $white; + + * { + box-sizing: border-box; + } + + *:focus { + outline: 0; + } + + a { + text-decoration: none; + } + + h3, + h4 { + color: $gray_base; + font-weight: $medium; + } + + h4 { + font-size: 16px; + } + + .ur-field { + label { + font-weight: $regular; + word-break: break-all; + + &:last-child { + margin-bottom: 0; + } + } + + input { + &[type="radio"], + &[type="checkbox"] { + opacity: 1; + box-shadow: none; + border-color: $border_color; + } + } + + &.user-registration-image-options { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); + gap: $spacing_12px; + + label { + border: $border_width solid #ececec; + padding: $spacing_6px; + border-radius: $border_radius_4; + margin-bottom: 0; + + .user-registration-image-choice { + width: 100%; + height: 100px; + display: block; + margin-bottom: $spacing_8px; + position: relative; + + img { + width: 100%; + height: 100%; + object-fit: cover; + border-radius: $border_radius_2; + } + } - path { - fill: $grey-400; - } - } + input { + &[type="radio"], + &[type="checkbox"] { + display: none; + } + } - &:hover { - background: #f2f2f2; - border-color: $primary_color; + &.ur-image-choice-checked { + color: #0693e3; + border-color: #0693e3; + + .user-registration-image-choice { + &::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background: #222; + opacity: 0.45; + z-index: 1; + } + + &::after { + content: ""; + position: absolute; + background: #00be34; + border-radius: 1px; + width: 12px; + height: 12px; + top: 8px; + right: 8px; + z-index: 2; + } + } + } + } + } + } + + .wp-picker-container { + .wp-picker-input-wrap { + label { + display: inline-block; + width: auto; + + input.wp-color-picker { + height: auto; + padding: 3px 5px; + } + } + } + } + + .ur-no-pointer { + pointer-events: none; + } + + .ur-registered-item { + cursor: move; + color: $grey-300; + font-size: 12px; + border-radius: $border_radius_4; + margin: 0 $spacing_8px $spacing_16px; + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; + text-align: center; + width: calc(33.3333% - 16px); + background: #fbfbfd; + border: $border_width solid $blue-50; + height: 100px; + + .ur-icon { + font-size: 26px; + margin-bottom: $spacing_4px; + } + + &:hover { + color: $primary_color; + border-color: $primary_color; + } + + &.ui-draggable-dragging { + width: 110px !important; // Inherit js styles + z-index: 9 !important; + } + + &.ui-draggable-disabled { + position: relative; + opacity: 0.5; + + &::before { + content: ""; + background-image: url("../images/icons/lock-icon.png"); + background-repeat: no-repeat; + background-position: center; + background-size: 100%; + position: absolute; + width: 16px; + height: 16px; + top: $spacing_8px; + right: $spacing_8px; + } + + &.ur-upgradable-field { + cursor: pointer !important; + opacity: 1; + color: $grey-100; + + &::before { + content: ""; + background-image: url("../images/icons/ur-pro-icon.png"); + background-repeat: no-repeat; + background-position: center; + background-size: 100%; + position: absolute; + border-radius: 2px; + width: 16px; + height: 16px; + top: $spacing_8px; + right: $spacing_8px; + } - svg { - path { - fill: $primary_color; - } + &:hover { + color: $grey-100; + } + } + + &:hover { + color: $grey-300; + background: #fbfbfd; + border-color: $blue-50; + cursor: not-allowed; + } + } + } + + .ur-registered-inputs { + width: 412px; + + @media (max-width: 1199px) { + width: 360px; + } + + .ur-tabs { + border: 0 none; + padding: 0; + font-size: 14px; + + .ur-tab-contents { + .ur-tab-content { + // padding: 0; + &#ur-tab-field-settings { + margin-top: -$spacing_32px; + margin-left: -$spacing_12px; + margin-right: -$spacing_12px; + } + + #integration_settings_back { + cursor: pointer; + } + + .form-settings-tab-back { + margin-bottom: 0; + border-radius: 0; + padding: $spacing_18px $spacing_24px; + border-bottom: $border_width solid #ececec; + background: transparent; + font-size: 15px; + font-weight: $semi_bold; + gap: $spacing_16px; + line-height: 150%; + display: flex; + align-items: center; + color: $grey-400; + transition: all .3s; + + &::before { + content: ""; + background-image: url("../images/icons/ur-right-arrow.svg"); + background-repeat: no-repeat; + background-size: 100%; + background-position: center; + width: 18px; + height: 18px; + transform: rotate(180deg); + } + + &:hover { + &::before { + filter: brightness(0) saturate(100%) invert(35%) sepia(13%) saturate(3079%) hue-rotate(194deg) brightness(96%) contrast(89%); } - } - } - } - } - } - - #search-submit { - img { - width: 18px; - height: 18px; - } - } - - form { - position: relative; - } - - #user-registration-users-advanced-filters { - display: block; - position: absolute; - border-radius: $border_radius_4; - background: $grey-0; - box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.13); - padding: $spacing_20px $spacing_18px; - right: 0; - top: 38px; - z-index: 2; - width: 360px; - - ul { - margin: 0; - - li { - margin: 0; - - p { - margin-top: 0; - margin-bottom: $spacing_14px; - color: $grey-500; - font-size: 15px; - font-weight: $semi_bold; - line-height: 150%; - } - - input { - &[type="date"] { - width: 47%; - border-radius: $border_radius_4; - border-color: $grey-100; - background: $grey-0; - height: 36px; - } - } - } - } - } - - #user-registration-list-search-form { - width: 275px; - position: relative; - - #user-registration-list-table-search-input { - border-radius: $border_radius_4; - border: $border_width solid $grey-100; - background: $grey-0; - padding: 3px 42px 3px $spacing_12px; - width: 100%; - - &::placeholder { - color: $grey-200; - } - - &:focus { - box-shadow: none; - border: $border_width solid $primary_color; - } - } - - button { - &#search-submit { - position: absolute; - border: 0; - background: transparent; - padding: 0; - width: 18px; - height: 18px; - display: flex; - align-items: center; - justify-content: center; - right: $spacing_12px; - top: $spacing_8px; - - svg { - path { - fill: $grey-200; - } - } - } - } - } - - form { - position: relative; - } - } - - hr { - display: none; - } - - .user-registration-list-table-action-form { - .tablenav { - padding: 0; - margin: 0 0 $spacing_16px; - height: auto; - - &.bottom { - margin-bottom: 0; - } - - .actions { - display: flex; - align-items: center; - gap: $spacing_12px; - padding-right: $spacing_12px; - - select { - height: 36px; - margin: 0; - border-color: $grey-100; - - &:hover { - color: $primary_color; - } - - &:focus { - box-shadow: none; - border: $border_width solid $primary_color; - } - } + } + } + + .form-settings-tab { + margin-bottom: 0; + border-radius: 0; + padding: $spacing_18px $spacing_24px; + border-bottom: $border_width solid #ececec; + background: transparent; + font-size: 15px; + font-weight: $regular; + line-height: 150%; + display: flex; + align-items: center; + justify-content: space-between; + padding-right: $spacing_16px; + + &::after { + content: ""; + background-image: url("../images/icons/ur-right-arrow.svg"); + background-repeat: no-repeat; + background-size: 100%; + background-position: center; + width: 18px; + height: 18px; + } + + &.active { + background: #fafafa; + color: $primary_color; + font-weight: $semi_bold; + position: relative; + + &::before { + content: ""; + background: $primary_color; + width: 4px; + height: 100%; + position: absolute; + top: 0; + left: 0; + } + + &::after { + filter: invert(36%) sepia(58%) saturate(767%) + hue-rotate(193deg) brightness(84%) + contrast(88%); + } + } + + &.integration-lists-settings { + .integration-detail { + display: flex; + align-items: center; + gap: 14px; + + .integration-status { + position: relative; + + &::before { + content: ""; + position: absolute; + width: 8px; + height: 8px; + background: #e1e1e1; + border-radius: 1px; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + + &::after { + content: ""; + display: block; + width: 16px; + height: 16px; + border: 1px solid #e1e1e1; + border-radius: 2px; + } + + &.ur-integration-account-connected { + &::before { + background: #4CC741; + } - input { - &[type="submit"] { - padding: $spacing_6px $spacing_14px; - border-radius: $border_radius_3; - border: $border_width solid $primary_color; - background: #f6f7f7; - color: $primary_color; - font-size: 14px; - font-weight: $medium; - line-height: 150%; - transition: all 0.3s ease-in-out; + &::after { + border-color: #4CC741; + } + } + } + + .logo { + width: 40px; + height: 40px; + display: flex; + overflow: hidden; + margin: 0; + border-radius: 4px; + align-items: center; + border: 1px solid #ced4da; + + img { + width: 38px; + height: 38px; + display: block; + } + } + + h3 { + font-size: 15px; + line-height: 150%; + margin: 0; + font-weight: $medium; + } + } + + .form-settings-sub-tab { + padding: 0px; + background: $grey-0; + align-items: baseline; + } + } + } - &:hover { - background: #f2f2f2; - } - } - } - } + } - &-pages { - margin-bottom: 0; - } - } - } + &.ps--active-y { + .ur-tab-content { + padding: $spacing_32px $spacing_12px $spacing_12px; + } + } + } - table.wp-list-table { - border-color: #dcdcdc; - border-radius: $border_radius_5; - margin-bottom: $spacing-16px; - overflow: hidden; + .ur-tab-content { + .ur-general-setting-block { + .ur-toggle-heading { + margin-top: 0; + } + } + } + + .ur-tab-lists { + background-color: $color_gray_five; + background-image: none; + padding: 0; + border-radius: 0; + margin: 0; + display: flex; + justify-content: space-between; + border-bottom: none; + border-top: 0 none; + border-right: 0 none; + border-left: 0 none; + + li { + background-color: transparent; + background-image: none; + border-radius: 0; + margin: 0; + margin-bottom: -2px; + padding: 0px; + border: 0; + flex: 1; + text-align: center; + border-top: 4px solid transparent; + transition: all 0.3s ease-in-out; + + &.active { + margin-bottom: 0; + padding-bottom: 0; + } + + a { + float: none; + text-decoration: none; + margin: 0; + border: none; + display: block; + color: $grey-400; + background: $grey-25; + padding: $spacing_8px $spacing_16px $spacing_14px; + font-weight: $medium; + cursor: pointer; + font-size: 15px; + + &:focus { + box-shadow: + 0 0 0 0px transparent, + 0 0 0px 0px transparent; + } + + &.active { + background-color: $white; + color: $primary_color; + line-height: 24px; + } + } + + &.ui-state-hover, + &.ui-state-active { + border-top: 4px solid $primary_color; + } + + &.ui-state-disabled { + position: relative; + opacity: 1; + + &:hover { + &::before { + content: ""; + position: absolute; + border-bottom: 15px solid #383838; + border-left: 12px solid transparent; + border-right: 12px solid transparent; + bottom: 0; + left: 50%; + transform: translateX(-50%); + z-index: 1; + } + + &::after { + content: "You need to select a \A field in order to enable/ \A view this option"; + white-space: pre; + text-align: left; + position: absolute; + width: 175px; + height: auto; + z-index: 9; + bottom: -80px; + left: 50%; + transform: translateX(-50%); + background: #383838; + color: #fff; + font-size: 14px; + line-height: 150%; + border-radius: $border_radius_5; + padding: $spacing_10px $spacing_12px; + } + } + + a { + // cursor: not-allowed; + opacity: 0.25; + } + } + } + } + + .ur-tab-contents { + height: calc(100vh - 130px); + position: relative; + overflow-y: auto; + } + + .ur-tab-content { + padding: $spacing_32px $spacing_12px $spacing_12px; + + .ur-search-fields { + display: flex; + align-items: center; + position: relative; + margin-bottom: 26px; + + input.ur-type-text { + height: 40px; + font-size: 14px; + background: transparent; + border-color: $grey-100; + border-radius: $border_radius_4; + padding: $spacing_10px $spacing_16px; + color: $grey-200; + + &::placeholder { + color: $grey-200; + } + } + + svg { + position: absolute; + right: 16px; + width: 18px; + height: 18px; + fill: $grey-200; + } + } - a { - color: $grey-400; - transition: all 0.3s ease-in-out; + .ur-fields-not-found { + text-align: center; + margin-top: 2.85em; - &:hover { - color: $primary_color; - } - } + .ur-fields-not-found-title { + font-size: 1.7em; + } + } - thead { - tr { - td, - th { - border-bottom-color: #dcdcdc; - } + &#ur-tab-registered-fields, + &#ur-tab-field-options { + background-color: $white; + } - th { - font-size: 14px; - font-weight: $semi_bold; - line-height: 24px; - color: $grey-400; + h2 { + margin: $spacing_16px 0 $spacing_14px; + font-size: 15px; + line-height: 150%; + font-weight: $medium; + color: $grey-400; + + ~ hr { + border-top: 1px solid $border-color; + margin: 0; + } + } - &.sortable, - &.sorted { - padding: 0; + .ur-registered-list { + display: flex; + flex-wrap: wrap; + width: calc(100% + 16px); + margin-left: -$spacing_8px; + margin-top: $spacing_18px; - a { - font-size: 14px; - font-weight: $semi_bold; - line-height: 24px; - padding: $spacing_12px $spacing_8px; - display: flex; - align-items: center; - gap: $spacing_8px; - - &:focus { - box-shadow: none; - } + &:last-child { + margin-bottom: 0; + } + } + } + } + + .ur-toggle-heading { + cursor: pointer; + display: flex; + align-items: center; + justify-content: space-between; + flex-direction: row-reverse; + + &:before { + content: ""; + background-image: url("../images/icons/ur-arrow-down.svg"); + background-repeat: no-repeat; + background-position: center; + background-size: 100%; + float: right; + transform: rotate(180deg); + width: 18px; + height: 18px; + transition: all 0.3s ease-in-out; + + // content: "\f142"; + // cursor: pointer; + // display: block; + // font: 400 20px/1 Dashicons; + // line-height: 0.5 !important; + // padding: 4px; + // position: relative; + // right: 0; + // top: 0; + // float: right; + } + + &.closed { + &:before { + // content: "\f140"; + transform: rotate(0deg); + } + } + } + } + + input[type="text"], + input[type="date"], + input[type="email"], + input[type="file"], + input[type="month"], + input[type="number"], + input[type="phone"], + input[type="password"], + input[type="tel"], + input[type="time"], + input[type="url"], + input[type="week"], + input[type="timepicker"], + textarea, + .ui-widget select, + select { + width: 100%; + max-width: 100%; + height: 32px; + line-height: initial; + display: block; + color: $color_gray_one; + font-size: 13px; + padding: 4px 8px; + border-radius: 3px; + border: 1px solid $border_color; + box-shadow: 0 0 0 transparent; + + &:focus { + border-color: $primary_color; + } + + &::placeholder { + color: $color_gray_three; + } + + &:disabled { + color: $color_gray_three; + background: $color_gray_five; + } + } + + select { + padding-right: 0; + } + + label { + display: block; + width: 100%; + margin-bottom: 8px; + color: $color_gray_one; + font-size: 13px; + font-weight: $medium; + line-height: 1.25; + } + + textarea { + padding: 10px; + height: 100px; + } + + .ur-builder-wrapper { + position: relative; + flex: 1; + height: calc(100vh - 89px); + background: #f1f4f8; + border-left: 1px solid $border_color; + overflow-y: auto; + + input[type="text"], + input[type="date"], + input[type="email"], + input[type="file"], + input[type="month"], + input[type="number"], + input[type="phone"], + input[type="password"], + input[type="tel"], + input[type="time"], + input[type="url"], + input[type="week"], + input[type="timepicker"], + textarea, + select { + &:disabled { + background: $white; + } + } + + .ur-builder-header { + display: flex; + align-items: center; + justify-content: space-between; + } + + &.ur-multipart { + .ur-button-quick-links { + bottom: 60px; + } + + .ur-builder-wrapper-footer { + .button.button-style-customizer { + bottom: 124px; + } + } + } + } + + .ur-selected-inputs { + box-sizing: border-box; + padding: 0 20px; + + .ur-single-row { + border-radius: 3px; + position: relative; + border: 1px solid transparent; + + &:last-child { + margin-bottom: 0; + } + + .ur-grids { + display: flex; + position: absolute; + right: 0; + z-index: 1; + opacity: 0; + transition: all 0.2s ease-in; + + button { + display: flex; + border-radius: 0; + border: 0; + background-color: $color_gray_two; + color: $white; + font-size: 16px; + height: auto; + width: auto; + cursor: pointer; + margin: 0; + padding: 4px 6px; + line-height: 1; + transition: all 0.1s ease-in-out; + + svg { + width: 16px; + height: 16px; + font-size: 16px; + fill: $grey-0; + margin-left: 1px; + } + + &:before { + font-family: "dashicons"; + } + + &.ur-remove-row { + &:hover { + background: $red; + } + } + + &:hover { + background: $primary_color; + } + + &:first-child { + // border-radius: 3px 0 0 3px; + border-radius: 0 0 0 $border_radius_7; + border-right: 1px solid transparentize($white, 0.8); + } + + &:nth-child(2) { + border-radius: 0 $border_radius_7 0 0; + // background: $grey-50; + border-left: $border_width solid $grey-0; + } + } - .sorting-indicators { - gap: $spacing_4px; + .ur-toggle-grid-content { + background: $white; + padding: 1rem; + position: absolute; + top: 40px; + right: 0; + display: flex; + flex-wrap: wrap; + justify-content: center; + white-space: nowrap; + border: 1px solid $border_color; + border-radius: 4px; + box-shadow: 1px 4px 14px 1px transparentize($gray_base, 0.9); + + small { + font-size: 12px; + margin-bottom: 0.5rem; + color: $color_gray-two; + } + + .ur-grid-selector { + cursor: pointer; + display: flex; + margin-right: 0.5rem; + + svg { + width: 32px; + height: 32px; + fill: $color_gray_two; + } + + &:last-child { + margin-right: 0; + } + } + + &::before { + content: ""; + width: 8px; + height: 8px; + border: solid $border_color; + border-width: 1px; + border-left: transparent; + border-bottom: transparent; + position: absolute; + top: -5px; + right: 36px; + background: $white; + transform: rotate(-45deg); + } + } + } + + .ur-grid-lists { + width: 100%; + display: flex; + text-align: center; + box-sizing: border-box; + justify-content: center; + border: 1px solid transparent; + border-radius: 4px; + transition: all 0.2s ease-in; + border-left: 0; + + .ur-grid-list-item { + display: inline-block; + text-align: left; + border: 0 none; + padding: 15px; + flex: 1; + border: 1px solid transparent; + border-radius: 4px; + transition: all 0.2s ease-in; + + .ur-selected-item { + margin-bottom: 5px; + position: relative; + padding: 15px; + cursor: move; + border: 1px solid transparent; + border-radius: 4px; + transition: border-color 0.35s; + + .select2-container { + width: 100% !important; + + .select2-search--inline { + .select2-search__field { + height: auto; + min-width: 10px; + background: none; + margin: 0; + } + } + } + + .ur-input-type-signature { + canvas { + background: transparentize($white, 0.5); + border: 1px solid $border_color; + } + } + + &:last-child { + margin-bottom: 0; + } + + &:hover, + &.ur-item-active { + background: $white; + border: 1px solid $primary_color; + } + + &.ui-sortable-helper { + box-shadow: 0 0 10px 5px + transparentize($gray_base, 0.9); + } + + &.ui-sortable-placeholder { + visibility: visible !important; + border: 1px dashed $color_gray_three; + background-color: $color_gray_five; + } + + .ur-action-buttons { + display: none; + position: absolute; + right: 10px; + width: 50px; + text-align: center; + padding: 0; + font-size: 10px; + top: 10px; + color: $color_gray_three; + top: 0; + right: -1px; + + span { + cursor: pointer; + font-size: 16px; + height: auto; + + &:hover { + color: $primary_color; + } + + &:first-child { + background: #676f8a; + padding: $spacing_4px; + width: 24px; + height: 24px; + border-radius: 0 0 0 $border_radius_7; + + &::before { + // content: ""; + // background-image: url("../images/icons/copy-icon.svg"); + // background-repeat: no-repeat; + // background-position: center; + // background-size: 100%; + // width: 14.22px; + // height: 14.22px; + // display: block; + color: $grey-0; + } + } + + &:last-child { + background: #676d8a; + padding: $spacing_4px; + width: 24px; + height: 24px; + border-radius: 0 $border_radius_7 0 0; + border-left: $border_width solid $grey-0; + + &:before { + content: "\f335" !important; + color: $grey-0; + } + } + } + + &:hover { + .ur-action-buttons { + display: block; + top: 0; + right: -3px; + } + } + + .ur-trash { + &:hover { + color: $red; + } + } + } + + .ur_label_top_left { + text-align: left; + } + + .ur_label_center { + text-align: center; + } + + .ur_label_top_right { + text-align: right; + } + + .ur_label_disabled { + display: none; + } + + &:hover { + .ur-action-buttons { + display: block; + } + } + } + + > li.ur-item-dragged { + list-style: none; + width: 100%; + text-align: center; + height: 60px !important; + box-sizing: border-box; + + .spinner { + float: none; + } + } + + .user-registration-dragged-me { + display: table; + width: 100%; + height: 100%; + + .user-registration-dragged-me-text { + display: table-cell; + vertical-align: middle; + text-align: center; + + p { + display: inline-block; + position: relative; + color: $color_gray_three; + padding-left: 26px; + padding-top: 8px; + + &::before { + position: absolute; + font-family: "Dashicons"; + content: "\f545"; + font-size: 22px; + left: 0; + top: 0; + } + } + } + + &:empty { + padding: 15px; + text-align: center; + border-radius: 4px; + border: 1px dashed $color_gray_three; + background-color: $color_gray_five; + + &::before { + content: "\f132"; + font-size: 32px; + color: $color_gray_three; + width: 32px; + height: 32px; + font-family: dashicons; + display: table-cell; + vertical-align: middle; + } + } + } + + &.ur-sortable-active { + .ur-registered-item { + margin-bottom: 0; + } + + .user-registration-dragged-me { + display: none; + } + } + + &:first-child { + border-radius: 4px 0 0 4px; + } + + &:nth-child(2) { + border-radius: 0; + } + + &:nth-child(3) { + border-radius: 0 4px 4px 0; + } + } + } - .sorting-indicator { - margin: 0; - } - } - } - } - } - } - } + &:hover { + .ur-grids { + opacity: 1; + } - tbody { - tr { - td { - &.username { - img { - border-radius: $border_radius_50; - margin-top: $spacing_2px; - } - } + .ur-grid-lists { + background: $white; + border: 1px solid $color_gray_three; - &.user_status { - span { - font-weight: $medium; + .ur-grid-list-item { + border-left: 1px solid $color_gray_three; - &.user-status { - &-approved { - color: $approve_user; - } + &:first-child { + border-color: transparent; + } + } + } + } + } + + .ur-row-buttons { + display: flex; + justify-content: center; + margin-top: 10px; + + .button { + display: block; + width: auto; + height: 32px; + text-align: center; + font-family: inherit; + + &::before { + width: 16px; + height: 16px; + font-size: 16px; + margin-right: 10px; + font-family: dashicons; + vertical-align: middle; + padding: 1px 10px 1px 0; + border-right: 1px solid transparentize($white, 0.7); + } + } + } + + li.ur-registered-item { + width: 120px !important; + + &.ui-sortable-placeholder { + margin-left: 0; + width: 100% !important; + visibility: visible !important; + border: 1px dashed $color_gray_three; + background-color: $color_gray_five; + } + } + } + + .ur-builder-wrapper-footer { + .button.button-style-customizer { + height: 48px !important; + width: 48px !important; + bottom: 72px !important; + box-shadow: 1px 2px 8px transparentize($gray_base, 0.85); + + .dashicons { + font-size: 24px; + height: 24px; + width: 24px; + } + } + + .ur-button-quick-links { + width: 48px; + height: 48px; + position: fixed; + cursor: pointer; + color: $color_gray-one; + display: flex; + align-items: center; + justify-content: center; + right: 32px; + bottom: 16px; + background: $white; + border: 1px solid $border_color; + border-radius: 24px; + box-shadow: 0px 2px 10px transparentize($gray_base, 0.9); + z-index: 1; + + span { + font-size: 20px; + font-weight: $semi_bold; + margin: 0 auto; + } + } + + .ur-quick-links-content { + position: fixed; + background: $white; + padding: 12px 16px; + border-radius: 4px; + bottom: 58px; + right: 30px; + z-index: 2; + width: 225px; + border: 1px solid $border_color; + box-shadow: 2px 4px 12px transparentize($gray_base, 0.9); + + li { + margin-bottom: 8px; + } + + a { + color: $color_gray_one; + + &:hover { + color: $primary_color; + } + } + } + } + + .ur-general-setting, + .ur-advance-setting { + margin: $spacing_16px 0; + + .select2-search--inline { + display: none; + } + } + + .ur-advance-setting-block { + // margin-top: 25px; + margin-top: 0; + } + + .form-row { + .description { + color: $grey-300; + margin: $spacing_4px 0; + display: block; + } + + .ur-radio-list, + .ur-checkbox-list { + label { + display: inline; + } + } + } + + .ur-general-setting-block, + .ur-advance-setting-block { + display: none; + } + + .add, + .remove { + background: $white; + border: $border_width solid $border_color; + color: $color_gray_two; + cursor: pointer; + display: flex; + flex: 1 0 32px; + align-items: center; + justify-content: center; + height: 32px; + max-width: 32px; + border-radius: $border_radius_4; + position: relative; + + &:hover { + background: $primary_color; + border-color: $primary_color; + color: $white; + } + + .dashicons { + line-height: 22px; + } + + &.add-icon-group, + &.remove-icon-group { + flex: unset; + max-width: unset; + } + } + + .ur-options-list { + li { + display: flex; + align-items: center; + background-color: #f5f5f5; + + .editor-block-mover__control-drag-handle { + cursor: grab; + + svg { + fill: $color_gray_two; + } + } + + .ur-multiple-choice .ur-subscription-plan { + .ur-regular-price, + .ur-selling-price { + display: grid; + grid-template-columns: 1fr 1fr; + gap: $spacing_8px; + padding: $spacing_4px; + input { + width: 100%; + } + } + } - &-pending { - color: $pending_user; - } + &.ur-multiple-choice, + &.ur-subscription-plan { + gap: $spacing_8px; - &-denied { - color: $deny_color; - } - } - } - } - &.enable_disable { - span { - font-weight: $medium; + input { + margin-right: 0; + } - &.enable-disable { - &-Enabled { - color: $approve_user; - } + > input[type="text"] { + width: 80%; + } + .ur-regular-price, + .ur-selling-price { + position: relative; + + span { + position: absolute; + top: 0; + background: #e7e7e7; + padding: $spacing_6px $spacing_8px; + color: $grey-400; + border-radius: $border_radius_3; + top: -60px; + font-size: 13px; + opacity: 0; + visibility: hidden; + transition: all 0.3s ease-in-out; + + &::after { + content: ""; + border: 8px solid transparent; + border-top-color: #e7e7e7; + height: 0; + left: 50%; + transform: translateX(-50%); + position: absolute; + top: 100%; + width: 0; + } + } + + &:hover { + span { + visibility: visible; + opacity: 1; + } + } + } - &-Disabled { - color: $deny_color; - } - } - } - } + .add { + margin-right: 0; + } + } + } + + .ui-sortable-handle { + padding: $spacing_5px; + border-radius: $border_radius_3; + border: $border_width solid transparent; + flex-direction: column; + gap: 12px; + + &:active { + padding: $spacing_5px; + background: $white; + border: $border_width solid $primary_color; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); + } + + &.ui-sortable-placeholder { + background-color: $color_gray_four; + visibility: visible !important; + } + + .ur-options-value-wrapper { + display: flex; + align-items: center; + gap: $spacing_8px; + width: 100%; + } + + .ur-image-choice-wrapper { + width: 100%; + + .upload-button { + padding: $spacing_8px $spacing_12px; + font-size: 14px; + width: 100%; + border: $border_width dashed #d3d3d3; + border-radius: $border_radius_3; + color: #616161; + cursor: pointer; + } - &.actions { - a { - color: $primary_color; - transition: all 0.3s ease-in-out; - padding-bottom: $spacing_2px; - position: relative; + .ur-thumbnail-image { + margin-top: $spacing_16px; + margin-bottom: $spacing_8px; + } + } + } + } + + .urcl-rules { + display: flex; + flex-wrap: wrap; + margin-bottom: $spacing_8px; + + > div { + margin-right: $spacing_8px; + } + + .urcl-operator { + width: 78px; + } + + .urcl-field, + .urcl-value { + max-width: 27%; + flex: 1 0 27%; + } + } + } + + /** + * Tooltips + */ + + .tips { + cursor: help; + text-decoration: none; + } + + img.tips { + padding: $spacing_5px 0 0; + } + + .ur_error_tip { + max-width: 20em; + line-height: 1.8em; + position: absolute; + white-space: normal; + background: $red; + margin: 1.5em 1px 0 -1em; + z-index: 9999999; + + &::after { + content: ""; + display: block; + border: $border_radius_8 solid $red; + border-right-color: transparent; + border-left-color: transparent; + border-top-color: transparent; + position: absolute; + top: -3px; + left: 50%; + margin: -1em 0 0 -3px; + } + } + + .tooltipster-base { + .tooltipster-box { + // background-color: #4c5477 !important; + background: $grey-400 !important; + padding: $spacing_4px $spacing_8px; + border-radius: $border_radius_2; + text-align: center; + + .tooltipster-content { + padding: $spacing_2px 0; + } + + .tooltipster-content a { + color: #9ef01a !important; + } + } + + .tooltipster-arrow { + .tooltipster-arrow-uncropped { + .tooltipster-arrow-border { + border-top-color: $grey-400 !important; + border-bottom-color: $grey-400 !important; + // border-bottom-color: #4c5477 !important; + // border-top-color: #4c5477 !important; + } + } + } + + &.ur-selling-price-tooltip { + .tooltipster-box { + background-color: rgb(244, 73, 73) !important; + border: rgb(244, 73, 73); + } + .tooltipster-arrow { + .tooltipster-arrow-uncropped { + .tooltipster-arrow-border { + border-top-color: rgb(244, 73, 73) !important; + border-bottom-color: rgb(244, 73, 73) !important; + } + .tooltipster-arrow-background { + border-top-color: rgb(244, 73, 73) !important; + } + } + } + } + } + + /** + * Help Tip + */ + .user-registration-help-tip, + .ur-portal-tooltip { + color: $color_gray_two; + display: inline-block; + font-size: 22px; + font-style: normal; + height: 16px; + line-height: 16px; + position: relative; + vertical-align: baseline; + width: 16px; + + &:not(.no-icon) { + &::after { + @include icon_dashicons("\f223"); + cursor: help; + } + } + } + + #smart-tags { + text-align: center; + } + + .form-settings-tab { + cursor: pointer; + padding: $spacing_10px $spacing_15px; + color: $gray_base; + background: $color_gray_four; + margin-bottom: $spacing_10px; + line-height: 1.2; + border-radius: $border_radius_4; + + &.active { + background: $primary_color; + color: $white; + } + } + + #profile-page form#your-profile .flatpickr-input[readonly] { + background-color: $white; + } + + /** + * Fullscreen Mode + **/ + body { + &.ur-full-screen-mode { + margin-top: -$spacing_32px; + + #wpbody-content { + padding-bottom: 45px; + } + + #wpwrap { + #wpcontent { + margin-left: 0; + padding-left: 0; + + #wpadminbar { + display: none; + } - &::before { - content: ""; - background: $primary_color; - width: 100%; - height: 1px; - position: absolute; - bottom: 0; - opacity: 0; - transition: all 0.3s ease-in-out; - } + #wpbody { + .ur-tab-content { + padding: $spacing_20px; + } - &:hover { - &::before { - opacity: 1; - } - } + #menu-management-liquid { + margin-top: 0; - &:focus { - box-shadow: none; - outline: none; - } - } - } - } - } - } + .menu-edit { + margin-bottom: 0; + box-shadow: none; + left: 0 !important; + } + } + } + } + + #adminmenumain { + display: none; + } + } + + .ur-registered-from { + .ur-registered-inputs { + .ur-tabs { + .ur-tab-contents { + height: calc(100vh - 98px); + } + } + } + + .ur-builder-wrapper { + height: calc(100vh - 57px); + } + } + } + + /** + * User Registration Builder Loading + **/ + .ur-circle-loading { + position: relative; + width: 100px !important; + height: 100px !important; + transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px); + + &::before, + &::after { + content: ""; + position: absolute; + top: 70px; + left: 70px; + animation: ur-circle-loading-keyframe 1.5s linear infinite; + width: 60px; + height: 60px; + border-radius: 50%; + background: #475bb2; + } + + &::after { + animation-delay: -0.75s; + background: #668fe5; + } + } + + .ur-builder-message-container { + position: fixed; + top: $spacing_32px; + left: 0; + right: 0; + max-width: 430px; + margin: 0 auto; + z-index: 9999; + + .ur-message { + display: none; + margin: 0 auto; + margin-top: 16px; + transition: all 240ms cubic-bezier(0, 0, 0.2, 1) 0s; + z-index: 99999; + height: 0px; + + .ur-success, + .ur-error { + background: $white; + padding: $spacing_8px $spacing_16px; + border-radius: $border_radius_3; + border-left: 3px solid; + position: relative; + box-shadow: 0px 1px 8px 2px transparentize($gray_base, 0.9); + + p { + margin: $spacing_8px 0; + + &::before, + &::after { + font-family: dashicons; + width: 20px; + height: 20px; + font-size: 20px; + margin-right: 8px; + margin-top: -4px; + line-height: 1; + display: inline-block; + vertical-align: middle; + } + } + } - // Bulk checkbox - input[type="checkbox"]:not(.urcr-enable-access-rule) { - border-radius: $border_radius_2; - border-color: $grey-200; - } - } -} + .ur-success { + border-color: $green; -// Payment History CSS -.user-registration { - .ur-membership-header { - margin-left: 0 !important; - padding-left: 24px !important; - padding-right: 24px !important; - border-bottom: 1px solid #e2e8f0; - padding-top: 0 !important; - padding-bottom: 0 !important; - gap: 0 !important; - background: #ffffff; - - img { - max-width: 36px !important; - padding: 18px 24px 18px 0; - border-right: 1px solid #e2e8f0; - margin-right: 28px; - } + p { + &::before { + content: "\f12a"; + color: $green; + } + } + } - a { - font-size: 16px !important; - line-height: 26px; - color: #64748b; - position: relative; - padding: 23px 20px; - - &::after { - content: ""; - background: #475bb2; - width: 0px; - height: 3px; - position: absolute; - bottom: 0; - left: 0; - transition: all 0.3s; - } + .ur-error { + border-color: $red; - &.row-title { - color: #475bb2; + p { + &::before { + content: "\f534"; + color: $red; + } + } + } + + .dashicons { + cursor: pointer; + position: absolute; + right: 16px; + top: 50%; + transform: translateY(-50%); + line-height: 1; + } + + &.entered { + display: block; + height: 50px; + animation: 240ms cubic-bezier(0.175, 0.885, 0.32, 1.175) 0s 1 + normal both open-message; + + .ur-error { + display: flex; + align-items: center; + justify-content: space-between; + padding: $spacing_16px; + + p { + margin: 0; + } + + .ur-message-close { + position: unset; + transform: unset; + } + } + } + + &.exiting { + display: block; + animation: 120ms cubic-bezier(0.4, 0, 1, 1) 0s 1 normal both + close-message; + } + + &:first-child { + margin-top: 1.5rem; + } + } + } + + .main_header { + font-weight: $semi_bold; + font-size: 20px; + line-height: 27px; + } + + .ur-p-tag { + padding: 0px $spacing_20px $spacing_18px $spacing_20px; + margin: 0px; + font-style: italic; + } + } + + @media screen and (max-width: 1400px) { + .ur-registered-from { + .urcl-rules { + .urcl-field { + max-width: 61%; + flex: 1 0 60%; + margin-bottom: $spacing_5px; + } + + .urcl-value { + order: 4; + max-width: 87%; + flex: 1 0 86%; + } + + .add { + order: 3; + margin-right: 0; + } + + .remove { + order: 5; + } + } + } + } + + @media screen and (max-width: 960px) { + .ur-registered-from { + .ur-registered-inputs { + .ur-tabs .ur-tab-content .ur-registered-list .ur-registered-item { + float: none; + // width: 100%; + } + + .ur-single-row .ur-grid-lists, + .ur-single-row .ur-grid-lists .ur-grid-list-item, + .ur-single-row .ur-grid-lists .ur-grid-list-item .ur-selected-item { + padding: $spacing_10px; + } + } + } + } + + @media screen and (max-width: 782px) { + body.user-registration_page_add-new-registration { + min-width: 0 !important; + } + + .ur-registered-from { + flex-direction: column; + + .ur-registered-inputs { + width: 100%; + margin-bottom: $spacing_10px; + + .ur-tabs { + .ur-tab-content { + .ur-registered-list { + .ur-registered-item { + float: left; + width: 48%; + } + } + } + } + } + + .ur-selected-inputs { + width: 100%; + } + } + } + + @media screen and (max-width: 600px) { + .user-registration_page_add-new-registration .major-publishing-actions { + clear: both; + padding: 10px 0 19px; + line-height: 28px; + + .ur-form-name { + width: 100%; + } + + .publishing-action { + text-align: left; + float: none; + margin-top: $spacing_15px; + } + } + + .ur-registered-from .ur-selected-inputs .ur-single-row .ur-grid-lists { + flex-direction: column; + display: block; + + .ur-grid-list-item { + width: 100% !important; + + &:nth-child(1n + 2) { + border-left: 0 none; + } + } + } + } + + .ur-toggle-section { + &.ur-form-builder-toggle { + display: flex; + gap: 5px; + align-items: center; + + input[type="checkbox"] { + width: 30px !important; + height: 16px !important; + + &:focus { + outline: none; + box-shadow: none; + } + } + + .slider { + width: 30px !important; + height: 16px !important; + border-radius: 99px; + padding: $spacing_8px; + + &::before { + height: 12px !important; + width: 12px !important; + } + } + } + + .user-registration-toggle-form { + position: relative; + display: inline-block; + width: 36px; + height: 20px; + + input { + position: relative; + z-index: 99; + opacity: 0; + height: 22px; + width: 40px; + + &:checked + .slider { + background-color: #475bb2; + } + + &:focus + .slider { + box-shadow: 0 0 1px #2196f3; + } + + &:checked + .slider::before { + transform: translateX(16px); + } + } + + .slider { + position: absolute; + cursor: pointer; + inset: 0; + background-color: #dfe1ea; + transition: 0.4s; + + &.round { + border-radius: 30px; + } + + &.round::before { + border-radius: 50%; + } + + &::before { + position: absolute; + content: ""; + height: 16px; + width: 16px; + left: 2px; + bottom: 2px; + background-color: white; + transition: 0.4s; + border-radius: 100%; + } + } + } + } + + .user-registration-setup { + font-size: 14px; + max-width: calc(100% - 32px); + margin: 20px auto; + background: white; + + @media (min-width: 960px) { + max-width: 835px; + } + + @media (min-width: 1280px) { + max-width: 1100px; + } + + .ur-brand-logo { + border-right: 1px solid $border_color; + + img { + width: 32px; + height: 32px; + margin-right: $spacing_8px; + display: flex; + } + } + + a { + &:focus { + box-shadow: none; + } + } + + .page-title-action, + .page-title-action:active { + top: 0; + margin-left: $spacing_16px; + } + + .user-registration-setup-header { + display: flex; + flex-wrap: wrap; + align-items: center; + padding: 0 $spacing_16px; + background-color: white; + border-bottom: $border_width solid $color_gray-lighten; + + @media only screen and (max-width: 768px) { + padding-top: $spacing_16px; + } + + .user-registration-logo { + display: flex; + flex-wrap: wrap; + padding-right: 1em; + border-right: $border_width solid $color_gray-lighten; + margin-right: 1em; + } + + h4 { + margin-left: $spacing_15px; + } + + .user-registration-tab { + margin-left: auto; + + @media only screen and (max-width: 768px) { + width: calc(100% + 32px); + flex: 0 0 calc(100% + 32px); + margin-top: $spacing_16px; + margin-right: -$spacing_16px; + margin-left: -$spacing_16px; + border-top: $border_width solid $color_gray-lighten; + } + + ul { + display: flex; + flex-wrap: wrap; + margin: 0; + + .user-registration-tab-nav { + display: inline-flex; + margin: 0 $spacing_8px 0 0; + + &.active { + .user-registration-tab-nav-link { + color: $primary_color; + border-color: $primary_color; + } + } + + .user-registration-tab-nav-link { + font-weight: $semi_bold; + padding: $spacing_18px $spacing_8px $spacing_16px; + color: #494d50; + text-decoration: none; + border-bottom: 2px solid transparent; + } + } + } + } + } + + .ur-setup-templates { + display: flex; + flex-wrap: wrap; + padding: $spacing_8px; + + .ur-loading { + margin: 80px auto; + } + + .ur-template { + width: 100%; + background: white; + border-radius: $border_radius_4; + position: relative; + margin: $spacing_12px; + + @media (min-width: 400px) { + width: calc(50% - 24px); + flex: 0 0 calc(50% - 24px); + } + + @media only screen and (min-width: 768px) { + width: calc(33.333% - 24px); + flex: 0 0 calc(33.333% - 24px); + } + + @media (min-width: 960px) { + width: calc(25% - 24px); + flex: 0 0 calc(25% - 24px); + } + + .user-registration-screenshot { + cursor: pointer; + padding: $spacing_8px; + margin: 0; + min-height: auto; + position: relative; + border-radius: $border_radius_4; + background: $color_gray-more-lighten; + + @media only screen and (min-width: 1280px) { + min-height: 280px; + } - &:after { - width: 100%; - } - } + .user-registration-badge { + position: absolute; + bottom: 16px; + right: 16px; + z-index: 1; + } - &:hover { - &::after { - width: 100%; - } - } + .form-action { + display: none; + position: absolute; + left: 0; + right: 0; + top: 50%; + transform: translateY(-50%); + z-index: 1; + + .user-registration-btn { + &:last-child { + margin-left: $spacing_8px; + } + } + } + } + + img { + display: block; + width: 100%; + } + + .user-registration-form-id-container { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + position: relative; + + .user-registration-template-name { + font-size: 16px; + font-weight: $semi_bold; + margin: $spacing_16px 0; + color: $gray-base; + text-decoration: none; + + &:hover { + color: $primary_color; + } + } + } + + &:hover { + .user-registration-screenshot::after { + content: ""; + display: block; + background: transparentize($gray-base, 0.5); + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + } - &:focus { - box-shadow: none; - outline: none; - } - } - } + .form-action { + display: flex; + align-items: center; + justify-content: center; + } + } + + &:nth-child(even) { + float: right; + } + + .ur-template-overlay { + position: absolute; + background-color: rgba(0, 0, 0, 0.5); + top: 0; + left: 0; + right: 0; + bottom: 0; + opacity: 0; + visibility: hidden; + transition: 0.5s background-color ease-in-out; + color: white; + text-align: center; + padding: 40% 0; + + .ur-template-select { + text-decoration: none; + } - .ur-coupon-tab-contents-wrapper { - max-width: 1280px; - margin: 60px auto; - padding: 0 !important; + &.loading { + .ur-button, + .ur-button::before, + .ur-button::after { + background: white; + -webkit-animation: load1 1s infinite ease-in-out; + animation: load1 1s infinite ease-in-out; + width: 1em; + height: 4em; + padding: 0; + border-radius: 0; + } + + .ur-button { + color: white; + text-indent: -9999em; + margin: 0 auto; + position: relative; + font-size: 11px; + -webkit-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + -webkit-animation-delay: -0.16s; + animation-delay: -0.16s; + } + + .ur-button::before, + .ur-button::after { + position: absolute; + top: 0; + content: ""; + } + + .ur-button::before { + left: -1.5em; + -webkit-animation-delay: -0.32s; + animation-delay: -0.32s; + } + + .ur-button::after { + left: 1.5em; + } + + @-webkit-keyframes load1 { + 0%, + 80%, + 100% { + box-shadow: 0 0; + height: 4em; + } + 40% { + box-shadow: 0 -2em; + height: 5em; + } + } + @keyframes load1 { + 0%, + 80%, + 100% { + box-shadow: 0 0; + height: 4em; + } + 40% { + box-shadow: 0 -2em; + height: 5em; + } + } + } + } + + &:hover .ur-template-overlay, + .ur-template-overlay.loading { + opacity: 1; + visibility: visible; + } + + .ur-button { + display: inline-block; + padding: $spacing_15px $spacing_22px; + background-color: white; + color: #000; + font-size: 12px; + text-transform: uppercase; + border: none; + border-radius: 100px; + } + } + } + } + + .user-registration-form-template-wrapper { + .user-registration-form-template { + &[data-filter-template="free"] { + .user-registration-template-wrap[data-plan="premium"] { + display: none; + } + } + &[data-filter-template="premium"] { + .user-registration-template-wrap[data-plan="free"] { + display: none; + } + } + } + } + + .user-registration { + .swal2-container { + h3 { + font-size: 16px; + font-weight: $regular; + } + + .user-registration-trashed { + button { + margin: 0; + transition: all 0.3s ease-in-out; + + &.swal2-confirm { + background-color: #f75259 !important; + border: $border_width solid #f75259; + border-radius: $border_radius_3; + transition: all 0.3s ease-in-out; + } - form { - width: 100% !important; + &.swal2-cancel { + background: transparent; + border: $border_width solid $grey-200; + color: $grey-200; - .user-registration-card { - border: 0; - padding: 28px; + &:hover { + border-color: $grey-500; + color: $grey-500; + } + } + } + } + .user-registration-info { + .swal2-actions{ + display: flex; + padding: 10px !important ; + } + .swal2-html-container{ + p{ + font-size: 1em; + } + } + button { - #ur-coupon-form-container { - padding: 0 !important; + transition: all 0.3s ease-in-out; - #left { - &-title { - padding: 0; - gap: 18px; - padding-bottom: 20px; - border-bottom: 1px solid #e9e9e9; - margin-bottom: 28px; - gap: 18px; - - a { - margin-right: 0 !important; - padding-right: 0 !important; - border-right: 0 !important; - width: 40px; - height: 40px; - background: #f4f4f4; - display: flex; - align-items: center; - justify-content: center; - border-radius: 6px; + &.swal2-confirm { + background-color: #475bb2!important; + border: $border_width solid #475bb2; + border-radius: $border_radius_3; + transition: all 0.3s ease-in-out; + } - &:focus { - box-shadow: none; - outline: none; - border-color: #475bb2; - } + &.swal2-cancel { + background: transparent; + border: $border_width solid $grey-200; + color: $grey-200; - svg { - width: 20px; - height: 20px; - } - } + &:hover { + border-color: $grey-500; + color: $grey-500; + } + } + } + } - h3 { - margin: 0; - color: #222222; - font-size: 22px; - font-weight: 600; - line-height: 32px; - } - } + .swal2-popup { + width: 400px; - &-body { - display: flex; - flex-direction: column; - gap: 24px; + &.user-registration-settings-swal2 { + width: auto; + } - .ur-coupon-input-container { - padding: 0 !important; + &.swal2-icon-error { + border-top: 6px solid #ff4f55; + } - .ur-label { - margin-bottom: 0; + border-radius: $spacing_10px; + padding: 0; - label { - margin-bottom: 0; - color: #383838; - font-size: 15px; - font-weight: 500; - line-height: 21px; - } - } + &.user-registration-locked-field { + border-top: 6px solid #72aee6; - .ur-admin-template { - &.ur-input-type-coupon-discount-type { - .ur-field { - justify-content: flex-start !important; - gap: 16px !important; - } - } + &.swal2-icon-success { + border-top: 6px solid #a5dc86; + } - .ur-field { - input, - select { - height: 38px; - border-color: #e9e9e9; - padding-left: 14px; - padding-right: 14px; - color: #383838; - - &::placeholder { - color: #999999; - } + &.swal2-icon-warning { + border-top: 6px solid #facea8; + } + } - &:focus { - box-shadow: none; - outline: none; - border-color: #475bb2; - } - } + .swal2-header { + padding: $spacing_34px $spacing_40px 0 $spacing_40px; - .ur-coupon-discount-type { - width: 220px; - padding: 16px !important; - border-color: #e9e9e9 !important; - border-radius: 4px !important; - display: flex; - flex-direction: column; - gap: 12px; + .swal2-title { + margin-bottom: $spacing_4px; - .ur-coupon-type-title { - gap: 8px; + i { + margin-bottom: $spacing_16px; + } + } - input[type="radio"] { - height: 1rem; - } + .swal2-close { + box-shadow: none; + top: $spacing_2px; + } + } - label { - padding: 0 !important; - color: #222222; - font-size: 15px; - font-weight: 500; - line-height: 22px; - } - } + &.user-registration-swal2-no-button { + .swal2-header { + padding-bottom: $spacing_34px; + } + } + + .swal2-content { + .swal2-validation-message { + margin-left: 0; + margin-right: 0; + border-left: 3px solid #f27474; + justify-content: flex-start; + padding: $spacing_12px $spacing_6px $spacing_12px + $spacing_6px; + } - .ur-membership-type-description { - p { - margin: 0; - color: #383838; - font-size: 14px !important; - font-weight: 400; - line-height: 22px; - } - } - } + .action-buttons { + a { + background-color: #475bb2; + border: none; + text-decoration: none; + color: white; + font-size: 16px; + font-weight: 600; + } + } + } + + .swal2-actions { + margin-top: $spacing_24px; + background: #fcfcfc; + border-top: $border_width solid $border-color; + padding: $spacing_16px; + border-radius: 0 0 $border_radius_13 $border_radius_13; + justify-content: center; + flex-direction: row-reverse; + gap: $spacing_12px; + + .swal2-confirm { + background: #475bb2; + transition: all 0.3s ease-in-out; + + &:hover { + background: #4b68ec; + } + } + } - .select2 { - &-selection { - height: 38px; + &.user-registration-locked-field { + .swal2-header { + padding-bottom: $spacing_4px; - &__rendered { - line-height: 36px; - } + .swal2-close { + box-shadow: none; + } + } - &__arrow { - height: 36px; - } + .swal2-content { + padding-left: 0; + padding-right: 0; + + .swal2-html-container { + padding-left: $spacing_20px; + padding-right: $spacing_20px; + + .action-buttons { + margin-left: -$spacing_20px; + margin-right: -$spacing_20px; + border-radius: 0 0 $border_radius_10 + $border_radius_10; + padding: $spacing_16px; + text-align: right; + background: #fcfcfc; + border-top: $border_width solid $border-color; + } + } + } + } - &--single { - .select2-selection__rendered { - padding-left: 14px; - } - } + .swal2-actions { + button { + &:focus { + box-shadow: none; + } - &--multiple { - .select2-selection { - &__rendered { - gap: 4px; - } - - &__clear { - margin-right: 0; - } - - &__choice { - border-radius: 5px; - background: #e9e9e9; - display: flex; - align-items: center; - gap: 8px; - margin: 4px; - padding: 0px 8px 0px - 10px; - border: 0; - color: #383838; - flex-direction: row-reverse; - - &__remove { - color: #383838; - } - } - } - } - } - } - } - } + &:focus-visible { + outline: none; + } + } + } + } - .user-registration-switch { - input[type="checkbox"] { - border-radius: 20px; - border: 0; - width: 30px; - flex: 0 0 30px; - background: #d5d5d5; - box-shadow: none; + .user-registration-recommend-addons { + margin-bottom: $spacing_20px; + padding-bottom: $spacing_16px; + border-bottom: 2px solid $color_gray-more-lighten; - &::after { - width: 12px; - height: 12px; - transform: translateX(3px); - } + .bulk-action-notice { + margin: 0 0 $spacing_20px; - &:checked { - background: #475bb2; - border-color: #475bb2; + p { + padding: 0; + margin: $spacing_8px 0 !important; + } - &::after { - transform: translateX(15px); - } - } - } - } - } - } - } - } + &.notice-error { + .button-link { + text-decoration: none; + display: flex; + align-items: center; + margin-top: $spacing_8px; + + .toggle-indicator { + display: inline-flex; + } + } + + .bulk-action-errors { + margin-top: 0; + } + } + } - .submit { - margin-bottom: 0; - padding: 0 !important; - padding-top: 28px !important; - border-top: 1px solid #e1e1e1; - margin-top: 30px; + .plugins-list-table { + border-radius: $border_radius_4; - .button { - &-secondary { - border-radius: 4px; - box-shadow: none; - padding: 8px 16px; - color: #ffffff; - font-size: 14px; - font-weight: 400; - line-height: 24px; - border: 0; - background: transparent; - border: 1px solid #bababa; - - a { - color: #6b6b6b; - } - } + .plugin-name { + text-align: left; + } - &-primary { - border-radius: 4px; - box-shadow: none; - padding: 8px 16px; - color: #ffffff; - font-size: 14px; - font-weight: 400; - line-height: 24px; - border: 0; - } - } - } - } - } - } + .plugin-status { + float: right; + + span { + width: 15px; + height: 15px; + overflow: hidden; + border-radius: 50%; + position: relative; + vertical-align: top; + white-space: nowrap; + text-indent: -9999px; + display: inline-block; + border: 2px solid $color_gray-lighten; + + &.active, + &.activate-now { + &::after { + position: absolute; + left: 50%; + top: 50%; + opacity: 1; + width: 34%; + height: 50%; + content: ""; + transform-origin: left top; + border-top: 2px solid $color_gray-lighten; + border-right: 2px solid $color_gray-lighten; + transform: scaleX(-1) rotate(135deg) + translate(-58%, -40%); + } + } + + &.activate-now { + border-color: $color_gray-lighten; + + &.updating-message { + border-color: $color_gray-lighten; + border-left-color: $green; + } + } + + &.active { + border-color: $green; + + &::after { + border-top: 2px solid $green; + border-right: 2px solid $green; + } + } + + &.updating-message { + border-left-color: $green; + animation: spin 0.75s linear infinite; + + &::after { + content: none; + } + } + } + } + } + } + + .user-registration-template-install-addon, + .user-registration-template-continue { + margin-top: $spacing_20px; + color: $white; + text-decoration: none; + } + } + } + + // ----------------------------------------- FORM BUILDER V2 CSS STARTS ----------------------------------------------------------------------- + //--------------------------------------------------------------------------------------------------------------------------------- + //--------------------------------------------------------------------------------------------------------------------------- + //---------------------------------------------------------------------------------------------------------------------- + a.button.ur-smart-tags-list-button { + top: 29px; + right: 0; + width: 30px; + min-height: 30px; + color: #494d50; + position: absolute; + background: #fff; + border: 1px solid #cdd0d8; + border-radius: 4px; + box-shadow: inset 0 1px 2px rgba(35, 40, 45, 0.1); + } + + .ur-advance-setting.ur-advance-default_value, + .ur-general-setting.ur-general-setting-hidden-value, + .ur-advance-setting.ur-advance-pattern_value { + position: relative; + margin-bottom: 15px; + + & input.ur-general-setting-field, + & input.ur_advance_setting.ur-settings-pattern_value { + width: calc(100% - 40px) !important; + min-height: 27px; + } + + & a.button.ur-smart-tags-list-button { + top: 29px; + right: 0; + width: 30px; + min-height: 30px; + color: #494d50; + position: absolute; + background: #fff; + border: 1px solid #cdd0d8; + border-radius: 4px; + box-shadow: inset 0 1px 2px rgba(35, 40, 45, 0.1); + } + + & .ur-smart-tags-list-button .dashicons-editor-code::before { + left: 0; + right: 0; + margin: 0 auto; + line-height: 28px; + position: absolute; + } + + & .ur-smart-tags-list { + right: 0; + z-index: 1; + max-height: 123px; + margin-top: -1px; + width: 230px; + overflow-y: auto; + position: absolute; + background: #fff; + border-radius: 4px; + border: 1px solid #cdd0d8; + box-shadow: 1px 3px 20px 0 rgba(35, 40, 45, 0.2); + + & .ur-smart-tag-title { + font-weight: 600; + background: #f6f7f9; + border-bottom: 1px solid #cdd0d8; + font-size: 12px; + padding: 10px; + } + + & li { + padding: 4px 10px; + font-size: 12px; + } + + &:hover { + cursor: pointer; + } + } + } + + .user-registration_page_add-new-registration, + .toplevel_page_user-registration { + #nav-menu-header { + padding-right: $spacing_30px; + + .ur-form-title { + font-weight: $semi_bold; + font-size: 16px; + line-height: 150%; + color: #414141; + padding-left: $spacing_18px; + padding-right: $spacing_8px; + } + + .ur-editing-tag { + padding: $spacing_4px $spacing_10px; + background: $blue-50; + border-radius: $border_radius_50; + font-style: italic; + font-weight: $regular; + font-size: 12px; + line-height: 150%; + color: $grey-400; + } + + .publishing-action { + .button-secondary { + background: $blue-50; + border-color: $blue-50; + box-shadow: 0 1px 0 $blue-50; + font-size: 14px; + color: $grey-400; + border-radius: $border_radius_3; + + &:has(span) { + width: 33px; + height: 33px; + } - #user-registration-list-table-page { - margin: 60px auto; - padding: 28px 32px; - box-sizing: border-box; - max-width: 1280px !important; + // .dashicons-editor-expand, + // .dashicons-editor-contract { + // &::before { + // color: $grey-400; + // } + // } + + .ur-fs-open-label, + .ur-fs-close-label { + &::before { + content: ""; + background-repeat: no-repeat; + background-position: center; + background-size: 100%; + display: block; + top: -1px; + left: 1px; + position: relative; + width: 19px; + height: 19px; + } + } - .user-registration-list-table-heading { - display: flex; - align-items: center; - margin-bottom: 24px; + .ur-fs-open-label { + &::before { + background-image: url("../images/icons/maximize.svg"); + } + } - .ur-page-title__wrapper { - width: 100%; + .ur-fs-close-label { + &::before { + background-image: url("../images/icons/minimize.svg"); + } + } + } - h1 { - margin: 0; - color: #222; - font-size: 22px; - font-weight: 600; - line-height: 32px; - } - } + .button-primary { + background: $primary_color; + font-size: 14px; - #ur-coupon-add-btn { - box-shadow: none; - border-radius: 3px; - background: #475bb2; - padding: 8px 20px 8px 16px; - color: #fff; - font-size: 14px; - font-weight: 400; - line-height: 24px; - transition: all 0.3s; - } - } + &:hover { + background: $primary_dark; + border-color: $primary_dark; + } - #user-registration-pro-filters-row { - #user-registration-users-search-form { - gap: 16px !important; - flex-wrap: wrap; + &.ur-copy-shortcode { + width: 33px; + height: 33px; + padding-left: 0; + padding-right: 0; + background: $primary_color; + border-color: $primary_color; + box-shadow: none; + + &:hover { + background: $primary_dark; + border-color: $primary_dark; + } + + svg { + width: 18px; + height: 18px; + margin-bottom: 3px; + } + } + } + } + } + } + + .ur-registered-from { + .ur-registered-inputs { + position: relative; + + .nav-tab-wrapper { + } + + .ur-tab-contents { + #ur-setting-form { + .ur-general-setting-block { + margin-bottom: $spacing_36px; + + &:has(.closed) { + margin-bottom: 0; + } + } + } + + .ur-toggle-content { + label { + font-weight: $regular; + font-size: 14px; + line-height: 140%; + color: $grey-400; + display: flex; + align-items: center; + gap: $spacing_2px; + + .ur-portal-tooltip { + width: 12px; + + &::after { + font-size: 18px; + line-height: unset; + color: $grey-100; + } + } + } - .search-box { - position: relative; + input[type="text"], + input[type="email"], + input[type="password"], + input[type="number"] textarea { + &::placeholder { + color: $grey-100; + } + } - input { - &[type="search"] { - height: 38px; - padding-left: 14px; - padding-right: 14px; - border-color: #bababa; - margin: 0; - width: 220px; - color: #383838; - - &::placeholder { - color: #999999; - } + input { + padding: $spacing_18px $spacing_12px; + background: $grey-0; + border: $border_width solid $border-color; + border-radius: $border_radius_4; + font-weight: $regular; + font-size: 14px; + line-height: 150%; + color: $grey-300; + } + } + } + + button#ur-collapse { + width: 22px; + height: 41px; + background: $grey-0; + position: absolute; + bottom: $spacing_100px; + border-style: solid; + border-width: $border_width $border_width $border_width 0px; + border-color: $border-color; + border-radius: 0 $border_radius_3 $border_radius_3 0; + z-index: 1; + cursor: pointer; + transition: all 0.3s ease-in-out; + right: -$spacing_22px; + + svg { + width: 12px; + height: 12px; + display: block; + position: relative; + left: -$spacing_2px; + transition: all 0.3s ease-in-out; + } + + &:hover { + svg { + left: -$spacing_4px; + } + } - &:focus { - box-shadow: none; - outline: none; - border-color: #475bb2; - } - } - } + &.open { + width: 24px; + height: 44px; - #search-submit { - background: none; - border: 0; - padding: 0; - position: absolute; - top: 50%; - transform: translateY(-50%); - right: 14px; - display: flex; + svg { + transform: rotate(180deg); + left: -1px; + width: 14px; + height: 14px; + } - svg { - width: 18px; - height: 18px; + &:hover { + svg { + left: 1px; + } + } + } + } + } + + .ur-builder-wrapper { + .ur-selected-inputs { + padding: $spacing_30px; + background: $canva-color; + + .ur-login-form-wrapper { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + } + .ur-login-shortcode { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-top: 2rem; + + h1 { + font-weight: bold; + font-size: 35px; + margin-bottom: 2rem; + } - path { - fill: #6b6b6b; - } - } - } - } + p { + font-size: 16px; + } + .ur-login-content { + margin-left: 10rem; + margin-right: 5rem; + } + } + .ur-login-view-doc { + margin-top: 5rem; + a { + font-size: large; + text-decoration: underline; + } + } + } + + .ur-builder { + &-header { + padding-top: $spacing_10px; + padding-bottom: $spacing_24px; + border-bottom: $border_width solid $border-color; + margin-bottom: $spacing_32px; + + .user-registration-editable-title { + margin-top: 0 !important; + margin-bottom: 0 !important; + + .user-registration-editable-title__input { + font-size: 22px; + line-height: 130%; + color: $grey-500; + padding: $spacing_4px $spacing_8px $spacing_4px + $spacing_12px; + margin: 0; + } + } + } + + &-wrapper-content { + background: $grey-0; + border-radius: $border_radius_13; + padding: $spacing_18px $spacing_32px; + border: $border_width solid $border-color; + + .ur-single-row { + .ur-grid-lists { + .ur-grid-list-item { + padding: $spacing_20px; + } + + .ur-selected-item { + padding: $spacing_10px $spacing_14px $spacing_14px; + + &.ur-item-active { + // background: $blue-25; + } + } + } + &:hover { + .ur-grid-lists { + background: #fcfcfc; + border-radius: $border_radius_7; + border-color: #e7e7e7; + border-left: 0; + + .ur-selected-item { + &:hover { + background: $blue-25; + border: $border_width dashed $primary_color; + border-radius: $border_radius_7; + } + } + + .ur-grid-list-item { + border-left: $border_width solid #e7e7e7; + } + } + } + } + } + } + + #ur-field-settings { + background: $grey-0; + border: $border_width solid $border-color; + border-radius: $border_radius_13; + padding: $spacing_18px $spacing_32px; + + #ur-field-all-settings { + h3 { + margin: 0 0 $spacing_32px 0; + font-size: 22px; + line-height: 130%; + font-weight: $semi_bold; + color: $grey-800; + border-bottom: $border_width solid $border-color; + padding: $spacing_10px 0 $spacing_24px; + } - select { - width: 200px; - height: 38px; - padding-left: 14px; - padding-right: 14px; - border-color: #bababa; - margin: 0; - color: #383838; + .form-row { + // width: 620px; + width: 100%; + max-width: 100%; + margin-bottom: $spacing_20px; + + &#user_registration_form_setting_minimum_password_strength_field { + margin-bottom: 0; + } + + .ur-label { + font-size: 15px; + line-height: 140%; + color: $grey-400; + display: flex; + align-items: center; + width: max-content; + + &.checkbox { + font-size: 14px; + line-height: 150%; + font-weight: $regular; + margin-bottom: 0; + } + + .user-registration-help-tip { + &::after { + font-size: 18px; + line-height: unset; + color: $grey-100; + } + } + } + + input[type="text"], + input[type="email"], + input[type="number"], + select { + height: 38px; + border-color: $border-color; + color: $grey-300; + } + + select { + background-image: linear-gradient( + 45deg, + transparent 50%, + gray 50% + ), + linear-gradient(135deg, gray 50%, transparent 50%); + background-position: + calc(100% - 15px) calc(1em + 2px), + calc(100% - 10px) calc(1em + 2px), + calc(100% - 2.5em) 0.5em; + background-size: + 5px 5px, + 5px 5px, + 1px 1.5em; + background-repeat: no-repeat; + } + + .ur-radio-group-list { + display: flex; + gap: $spacing_12px; + + &--item { + label { + font-size: 14px; + font-weight: 600; + color: $grey-300; + margin-bottom: 0; + border: $border_width solid $grey-300; + border-radius: $border_radius_5; + text-align: center; + padding: $spacing_10px; + align-items: center; + display: flex; + transition: all 0.3s ease-in-out; + + input { + display: none; + } + } + + &.very-weak { + &:hover, + &.active { + label { + color: #f25656; + border-color: #f25656; + background-color: #fff4f4; + } + } + } + + &.weak { + &:hover, + &.active { + label { + color: #ee9936; + border-color: #ee9936; + background-color: #fffaf5; + } + } + } + + &.medium { + &:hover, + &.active { + label { + color: #ffc700; + border-color: #ffc700; + background-color: #fffcf1; + } + } + } + + &.strong { + &:hover, + &.active { + label { + color: #4cc741; + border-color: #4cc741; + background-color: #f5fff4; + } + } + } + + &.custom { + &:hover, + &.active { + label { + color: #475bb3; + border-color: #475bb3; + background-color: #ebecf1; + } + } + } + } + } + } - &:focus { - box-shadow: none; - outline: none; - border-color: #475bb2; - } - } + #integration-selection-settings { + display: flex; + flex-direction: column; + gap: $spacing_24px; + align-items: center; + padding: $spacing_100px 0px; + justify-content: center; + + .integration-selection-settings-contents { + text-align: center; + display: flex; + flex-direction: column; + width: 40%; + + h3 { + font-size: 22px; + line-height: 28px; + font-weight: 600; + margin: 0px; + border: none; + padding: 0px; + color: #131313; + } + + p { + font-size: 16px; + font-weight: 400; + line-height: 24px; + color: #6B6B6B; + } + } + } - #user-registration-users-filter-btn { - border-radius: 3px; - border: 1px solid #475bb2; - background: #475bb2; - color: #ffffff; - padding: 8px 14px; - color: #ffffff; - font-size: 13px; - font-weight: 400; - line-height: 20px; - - &:hover { - background: #38488e; - border-color: #38488e; + .integration-lists-settings { + .form-settings-sub-tab { + border-bottom: 0; + margin-bottom: 0; } - } - } - } - #ur-membership-payment-history-form { - .wrap { - margin: 0; - } + .ur-integration-list { + padding-bottom: $spacing_16px; + margin-bottom: $spacing_24px; + } - .wp-list-table { - &.orders { - thead { + .user-registration-notice { + margin: 0; + padding: 0; } - tbody { - tr { - &.no-items { - background: #ffffff; + .user-registration-card { + margin: $spacing_4px 0 $spacing_16px !important; - td { - padding: 0; + &:last-child { + margin-bottom: $spacing_12px !important; + } - .empty-list-table-container { - text-align: center; - margin-top: 30px; - margin-bottom: 30px; + &__header { + border-bottom: 0; + padding-left: $spacing_20px !important; + padding-right: $spacing_14px !important; - img { - width: 300px; - } + .user-registration-card__title { + color: $grey-400; + font-size: 16px; + font-weight: $semi_bold; + line-height: 24px; + } - h3 { - margin-top: 16px; - margin-bottom: 8px; - color: #222222; - font-size: 22px; - font-weight: 600; - line-height: 32px; - } + .user-registration-card__button { + display: flex; + align-items: center; - p { - color: #6b6b6b; - font-size: 14px; - font-weight: 400; - line-height: 24px; - } + .button { + display: flex; + align-items: center; + justify-content: center; + + svg { + width: 22px; + height: 22px; + margin: 0; } } } } - } - } - } - } - #ur-coupon-list-form, - #ur-membership-payment-history-form { - margin-top: 24px; - padding-top: 24px; - border-top: 1px solid #dcdcdc; + &__body { + border-top: 1px solid #E1E1E1; + padding-left: $spacing_20px !important; + padding-right: $spacing_20px !important; - .wrap { - margin: 0; + [class*="urmc-mailchimp-"], + [class*="ur-mailchimp-"] { + margin-bottom: $spacing_12px; + } + } + } + } + } + } + } + } + + #wpcontent { + .wp-heading-inline { + font-weight: $semi_bold; + padding: 0; + margin: $spacing_20px 0 0; + font-size: 24px; + line-height: 120%; + } + + .user-registration-settings-container { + margin: $spacing_24px 0 0; + + .user-registration-options-header { + &--top { + display: flex; + align-items: center; + justify-content: space-between; + + &__left { + display: flex; + gap: 16px; + align-items: center; - .tablenav { - margin: 0; - padding: 0; - height: auto; + h3 { + margin: 0; + font-weight: $semi_bold; + font-size: 24px; + line-height: 36px; + color: $grey-500; + } - .bulkactions { - padding-right: 0; + &--icon { + width: 40px; + height: 40px; + background: #EDEFF7; display: flex; + justify-content: center; align-items: center; - gap: 10px; + border-radius: 3.75px; - select, - input { - margin-right: 0; - } - - select { - border-color: #bababa; - height: 38px; - width: 220px; - padding-inline: 14px; - color: #383838; - } + svg { + width: 20px; + height: 20px; - input[type="submit"] { - border-radius: 3px; - border: 1px solid #475bb2; - background: #f6f7f7; - padding: 8px 14px; - color: #475bb2; - font-size: 13px; - font-weight: 500; - line-height: 20px; + path { + fill: #475bb2; + } } - } - } + } + } - .wp-list-table { - &.coupons { - margin-top: 20px; - margin-bottom: 20px; + &__right { + display: flex; + align-items: center; + justify-content: space-between; + gap: $spacing_10px; - thead { - tr { - th { - &#title { - width: 220px; - } - &#code { - width: 170px; - } + span.user-registration-toggle-text { + font-size: 14px; + line-height: 24px; + color: #6B6B6B; + font-weight: 400; + } + } + } + + &--bottom { + ul { + display: flex; + align-items: center; + gap: $spacing_32px; + border-bottom: $border_width solid $border-color; + width: 100%; + + li { + a { + font-weight: $regular; + font-size: 15px; + line-height: 140%; + color: $grey-600; + padding: 0; + position: relative; + padding-bottom: $spacing_16px; + transition: all 0.3s ease-in-out; + + &::before { + content: ""; + background: $primary_color; + position: absolute; + width: 100%; + height: 3px; + border-radius: $border_radius_11; + bottom: 0; + left: 0; + opacity: 0; + transition: all 0.3s ease-in-out; + } + + &:focus { + outline: none; + box-shadow: none; + } + + &.current, + &.active { + font-weight: $semi_bold; + } + + &:hover, + &.current, + &.active { + color: $primary_color; + + &::before { + opacity: 1; + } + } + } + } + } + } + } + } + + .user-registration-login-form-container { + .user-registration { + &__wrap { + #menu-management-liquid { + float: none; + } + #menu-management { + .menu-edit { + position: unset; + } + } + #post-body { + .ur-registered-from { + display: block; + background-color: transparent; + .ur-builder-wrapper { + height: auto; + overflow-y: unset; + border-left: 0; + background: transparent; + + .ur-selected-inputs { + background: #f0f0f1; + padding: $spacing_24px; + + .ur-builder-wrapper-content { + padding: $spacing_20px $spacing_30px $spacing_60px; + border-radius: $border_radius_7; + + .ur-login { + &-shortcode { + margin-top: 0; + display: block; + + h1 { + margin-bottom: $spacing_12px; + } + + &--wrapper { + // width: 45%; + display: flex; + align-items: center; + gap: $spacing_30px; + // flex-wrap: nowrap; + flex-wrap: wrap; + + @media (max-width: 1400px) { + flex-wrap: wrap; + justify-content: center; + } + + img { + margin-left: -$spacing_24px; + + @media (max-width: 1000px) { + margin-left: 0; + } + + @media (max-width: 768px) { + width: 100%; + } + } + .ur-login-content { + // width: 55%; + margin-left: 0; + margin-right: 0; + padding: $spacing_24px; + background: #f6f6f6; + border-radius: $border_radius_7; + flex: 1; + p { + &:first-child { + margin-top: 0; + } + } + .login-forms-shortcode-action { + input { + height: 32px; + font-size: 15px; + } + + .ur-copy-shortcode { + box-shadow: none; + transition: all 0.3s + ease-in-out; + + svg { + path { + fill: $primary_color; + transition: all + 0.3s + ease-in-out; + } + } + + &:hover { + background: $primary_color !important; + + svg { + path { + fill: $grey-0; + } + } + } + } + } + } + } + } + &-view-doc { + margin-top: $spacing_32px; + } + } + } + } + } + } + } + } + } + } + } + + @media (max-width: 960px) { + #wpcontent { + padding-left: 0; + } + + .user-registration_page_add-new-registration + .ur-form-container + #menu-management + .menu-edit { + left: $spacing_36px !important; + } + + .ur-registered-from + .ur-registered-inputs + .ur-tab-contents + button#ur-collapse { + left: 448px; + } + } + + // Subscription Plan Field > Field Options Design Fix + .ur-registered-from { + .nav-tab-wrapper { + .ur-tab-contents { + .ur-tab-content { + .ur-general-setting { + &-options { + .ur-options-list { + .ur-subscription-plan { + flex-direction: column; + align-items: unset; + margin-bottom: $spacing_16px; + padding: $spacing_10px; + border: $border_width solid #e4e4e4; + background: #fbfbfb; + + &:last-child { + margin-bottom: 0; + } + + &-details { + display: flex; + align-items: center; + gap: $spacing_8px; + } + + &-sub-details { + > p { + display: flex; + align-items: center; + gap: $spacing_8px; + margin-bottom: $spacing_4px; + + select { + height: 38px; + padding-left: $spacing_12px; + padding-right: $spacing_12px; + } + } + } + } + } + } + } + } + } + } + } + + // --------------------------------------------------------------------------------------------------------------------- + //--------------------------------------------------------------------------------------------------------------------------- + //---------------------------------------------------------------------------------------------------------------------------------- + //------------------------------------------- FORM BUILDER V2 CSS ENDS ------------------------------------------------------------------------ + + // Users Entries when image choice option is enabled CSS + #your-profile { + #fieldset-user_registration { + tbody { + tr { + td { + &:has(.user-registration-user-profile-info) { + display: grid; + grid-template-columns: repeat( + auto-fill, + minmax(160px, 1fr) + ); + gap: $spacing_12px; + width: 760px; + + br { + display: none; + } + } + + .user-registration-user-profile-info { + input { + &[type="radio"], + &[type="checkbox"] { + display: none; + } + } + + .user-registration-image-options { + display: block; + border: $border_width solid #d5d5d5; + border-radius: $border_radius_4; + padding: $spacing_10px; + position: relative; + + &:hover { + color: #0693e3; + border-color: #0693e3; + + .user-registration-image-choice { + &::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background: $grey-500; + opacity: 0.45; + z-index: 1; + } + + img { + transform: scale(1.1); + } + } + } + + .user-registration-image-choice { + display: block; + width: 100%; + height: 100px; + border-radius: $border_radius_2; + overflow: hidden; + position: relative; + margin-bottom: $spacing_10px; + + img { + width: 100%; + height: 100%; + object-fit: cover; + border-radius: $border_radius_2; + transition: all 0.3s ease-in-out; + } + } + } + + input[type="radio"], + input[type="checkbox"] { + &:checked ~ label { + color: #0693e3; + border-color: #0693e3; + + span { + &::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background: $grey-500; + opacity: 0.45; + z-index: 1; + } + + &::after { + content: ""; + position: absolute; + background: #00be34; + border-radius: 1px; + width: 12px; + height: 12px; + top: $spacing_8px; + right: $spacing_8px; + z-index: 2; + } + } + } + } + } + } + } + } + } + } + + #ur-smart-tags-selector { + float: right; + display: inline-flex; + gap: 4px; + align-items: center; + color: #6b6b6b; + font-weight: 400; + font-size: 14px; + text-decoration: underline; + padding: 10px 0px; + cursor: pointer; + + & ~ .select2-container { + visibility: hidden; + position: absolute; + right: 0; + width: 120px !important; + } + } + + .select2-container { + &--open { + &:not(.ur-hide-select2) { + .ur-select2-dropdown { + width: 180px !important; + + .select2-search--dropdown { + width: 98%; + position: relative; + } - &#amount, - &#expires { - width: 180px; - } + .ur-select2-title { + display: block; + padding: 4px; + width: 98%; + border-radius: 4px; + color: #383838; + + p { + padding: 6px 8px; + background-color: #f4f4f4; + font-size: 13px; + font-weight: 600; + margin: 0px; + } + } - &#status { - width: 140px; - } + ul { + &.select2-results__options { + max-height: 250px !important; + overflow-y: auto; + border-top: 1px solid #ccc; + + &::-webkit-scrollbar { + width: 4px; + } + + &::-webkit-scrollbar-thumb { + background-color: #aaa; + border-radius: 10px !important; + } + + li { + &.select2-results__option--highlighted, + &[data-selected="true"] { + background: #f8f8fa; + color: #475bb2; + border: none; + } + } + } + } - &#action { - width: 120px; - } - } - } - } + .select2-search { + display: flex; + align-items: center; + color: #999999; + + .select2-search__field { + padding-left: 28px; + } + + .search-icon { + position: absolute; + left: 12px; + top: 33; + color: #999; + } + } + } + } + } + } + + .toplevel_page_user-registration, + body.user-registration { + #wpcontent { + padding-left: 0; + } + + #wpbody-content { + background: #EFF2F6; + padding-bottom: $spacing_30px; + + #screen-meta-links { + display: none; + } + } + } + + .ur-admin-page-topnav { + display: flex; + align-items: center; + justify-content: space-between; + background: $grey-0; + padding: 0px $spacing_24px; + border-bottom: $border_width solid #e1e1e1; + margin-bottom: 25px; + + .ur-page-title__wrapper { + display: flex; + align-items: center; + gap: $spacing_20px; + + &-logo { + padding: 0px $spacing_20px 0px 0px; + border-right: 1px solid #e1e1e1; + } + + &-menu { + h2 { + padding: $spacing_24px 0px; + } + + &__items { + display: flex; + gap: 4px; + margin: 0; + + li { + font-size: 15px; + margin-bottom: 0; + padding: $spacing_24px 0; + + a { + text-decoration: none; + color: #1f1f1f; + padding: $spacing_24px $spacing_16px; + position: relative; + transition: all 0.3s; + + &:focus { + outline: none; + box-shadow: none; + } + + &::after { + content: ""; + background: #475bb2; + width: 0px; + height: 3px; + position: absolute; + bottom: 0; + left: 0; + transition: all 0.3s; + } + + &:hover, + &.current { + color: #475bb2; + + &::after { + width: 100%; + } + } + + &.current { + font-weight: 600; + } + } + } + } + } + } + + .ur-back-button { + border-right: $border_width solid $grey-100; + padding: $spacing_4px $spacing_14px $spacing_4px $spacing_4px; + display: flex; + cursor: pointer; + + svg { + width: 24px; + height: 24px; + } + } + + .dashicons { + &::before { + color: $grey-400; + } + } + + .ur-page-actions { + display: flex; + align-items: center; + gap: $spacing_8px; + flex-direction: row-reverse; + + a { + .ur-button-primary { + border-radius: $border_radius_3; + background: $primary_color; + padding: $spacing_6px $spacing_12px; + font-size: 14px; + line-height: 150%; + color: $grey-0; + transition: all 0.3s ease-in-out; + + &:hover { + background: darken($primary_color, 10%); + } + } + } + + > .ur-button-primary { + color: $grey-400; + font-size: 14px; + font-weight: 400; + line-height: 18px; + background: #eaeaea; + padding: $spacing_8px $spacing_12px; + display: flex; + align-items: center; + justify-content: center; + gap: $spacing_6px; + border-radius: $border_radius_3; + border: $border_width solid #eaeaea; + cursor: pointer; + transition: all 0.3s ease-in-out; + + svg { + width: 14px; + height: 14px; + + path { + fill: $grey-400; + } + } + + &:hover { + background: #e1e1e1; + border-color: #e1e1e1; + } + } + } + } + + .user-registration-list-table-container { + #user-registration-list-table-page { + max-width: 100%; + margin-left: $spacing_20px; + margin-right: $spacing_20px; + } + } + + .user-registration-login-form-container { + .ur-form-container { + #menu-management-liquid { + margin-left: 0; + min-width: 100%; + + .ur-selected-inputs { + padding-left: $spacing_20px !important; + padding-right: $spacing_20px !important; + } + } + } + } + + #user-registration-list-table-page { + max-width: 1280px; + margin: 25px auto; + padding: $spacing_24px; + border-radius: $border_radius_7; + background: $grey-0; + + .user-registration-list-table-header { + display: flex; + gap: 15px; + align-items: center; + margin-bottom: 15px; + + a { + padding: 6px 14px; + border-radius: 3px; + border: 1px solid #475bb2; + background: #f6f7f7; + color: #475bb2; + font-size: 14px; + font-weight: 500; + line-height: 150%; + transition: all 0.3s ease-in-out; + text-decoration: none; + } + } + + #user-registration-list-filters-row { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + gap: $spacing_20px; + border-bottom: $border_width solid #dcdcdc; + padding-bottom: $spacing_24px; + margin-bottom: $spacing_24px; + + ul.subsubsub { + font-size: 15px; + } + + #user-registration-pro-users-filters { + display: flex; + flex-wrap: wrap; + align-items: center; + gap: $spacing_12px; + padding: 0; + margin-top: 0; + + li { + div { + p { + display: none; + margin: 0; + } + + select { + min-height: 36px; + padding: $spacing_2px $spacing_12px; + border-radius: $border_radius_4; + border-color: $grey-100; + min-width: 130px; + + &:hover { + color: $primary_color; + } + + &:focus { + box-shadow: none; + border: $border_width solid $primary_color; + } + } + } + } + + .user-registration-users-filter-btns { + display: flex; + align-items: center; + gap: $spacing_8px; + + button { + cursor: pointer; + transition: all 0.3s ease-in-out; + + &[type="submit"] { + padding: $spacing_6px $spacing_14px; + border-radius: $border_radius_3; + border: $border_width solid $primary_color; + background: $primary_color; + color: $grey-0; + font-size: 14px; + font-weight: $regular; + line-height: 150%; + letter-spacing: 0.3px; + + &:hover { + background: darken($primary_color, 10%); + border-color: darken($primary_color, 10%); + } + } + + &[type="reset"], + &[type="button"] { + border-radius: $border_radius_3; + border: $border_width solid $grey-300; + background: #f6f7f7; + width: 34px; + height: 34px; + display: flex; + align-items: center; + justify-content: center; + transition: all 0.3s ease-in-out; + + svg { + width: 16px; + height: 16px; + + path { + fill: $grey-400; + } + } + + &:hover { + background: #f2f2f2; + border-color: $primary_color; + + svg { + path { + fill: $primary_color; + } + } + } + } + } + } + } + + #search-submit { + img { + width: 18px; + height: 18px; + } + } + + form { + position: relative; + } + + #user-registration-users-advanced-filters { + display: block; + position: absolute; + border-radius: $border_radius_4; + background: $grey-0; + box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.13); + padding: $spacing_20px $spacing_18px; + right: 0; + top: 38px; + z-index: 2; + width: 360px; + + ul { + margin: 0; + + li { + margin: 0; + + p { + margin-top: 0; + margin-bottom: $spacing_14px; + color: $grey-500; + font-size: 15px; + font-weight: $semi_bold; + line-height: 150%; + } + + input { + &[type="date"] { + width: 47%; + border-radius: $border_radius_4; + border-color: $grey-100; + background: $grey-0; + height: 36px; + } + } + } + } + } + + #user-registration-list-search-form { + width: 275px; + position: relative; + + #user-registration-list-table-search-input { + border-radius: $border_radius_4; + border: $border_width solid $grey-100; + background: $grey-0; + padding: 3px 42px 3px $spacing_12px; + width: 100%; + + &::placeholder { + color: $grey-200; + } - tbody { - tr { - &:nth-child(odd) { - background: #f8f8fa; - } + &:focus { + box-shadow: none; + border: $border_width solid $primary_color; + } + } + + button { + &#search-submit { + position: absolute; + border: 0; + background: transparent; + padding: 0; + width: 18px; + height: 18px; + display: flex; + align-items: center; + justify-content: center; + right: $spacing_12px; + top: $spacing_8px; + + svg { + path { + fill: $grey-200; + } + } + } + } + } + + form { + position: relative; + } + } + + hr { + display: none; + } + + .user-registration-list-table-action-form { + .tablenav { + padding: 0; + margin: 0 0 $spacing_16px; + height: auto; + + &.bottom { + margin-bottom: 0; + } + + .actions { + display: flex; + align-items: center; + gap: $spacing_12px; + padding-right: $spacing_12px; + + select { + height: 36px; + margin: 0; + border-color: $grey-100; + + &:hover { + color: $primary_color; + } + + &:focus { + box-shadow: none; + border: $border_width solid $primary_color; + } + } - td { - font-size: 14px; - line-height: 24px; - color: #383838; - vertical-align: middle; - } - } + input { + &[type="submit"] { + padding: $spacing_6px $spacing_14px; + border-radius: $border_radius_3; + border: $border_width solid $primary_color; + background: #f6f7f7; + color: $primary_color; + font-size: 14px; + font-weight: $medium; + line-height: 150%; + transition: all 0.3s ease-in-out; + + &:hover { + background: #f2f2f2; + } + } + } + } + + &-pages { + margin-bottom: 0; + } + } + } + + table.wp-list-table { + border-color: #dcdcdc; + border-radius: $border_radius_5; + margin-bottom: $spacing-16px; + overflow: hidden; + + a { + color: $grey-400; + transition: all 0.3s ease-in-out; + + &:hover { + color: $primary_color; + } + } + + thead { + tr { + td, + th { + border-bottom-color: #dcdcdc; + } - .coupon-active { - font-weight: 500; - color: #4cc741; - } - .coupon-inactive { - font-weight: 500; - color: #f25656; - } + th { + font-size: 14px; + font-weight: $semi_bold; + line-height: 24px; + color: $grey-400; + + &.sortable, + &.sorted { + padding: 0; + + a { + font-size: 14px; + font-weight: $semi_bold; + line-height: 24px; + padding: $spacing_12px $spacing_8px; + display: flex; + align-items: center; + gap: $spacing_8px; + + &:focus { + box-shadow: none; + } + + .sorting-indicators { + gap: $spacing_4px; + + .sorting-indicator { + margin: 0; + } + } + } + } + } + } + } + + tbody { + tr { + td { + &.username { + img { + border-radius: $border_radius_50; + margin-top: $spacing_2px; + } + } + + &.user_status { + span { + font-weight: $medium; + + &.user-status { + &-approved { + color: $approve_user; + } + + &-pending { + color: $pending_user; + } + + &-denied { + color: $deny_color; + } + } + } + } + &.enable_disable { + span { + font-weight: $medium; + + &.enable-disable { + &-Enabled { + color: $approve_user; + } + + &-Disabled { + color: $deny_color; + } + } + } + } + + &.actions { + a { + color: $primary_color; + transition: all 0.3s ease-in-out; + padding-bottom: $spacing_2px; + position: relative; + + &::before { + content: ""; + background: $primary_color; + width: 100%; + height: 1px; + position: absolute; + bottom: 0; + opacity: 0; + transition: all 0.3s ease-in-out; + } + + &:hover { + &::before { + opacity: 1; + } + } + + &:focus { + box-shadow: none; + outline: none; + } + } + } + } + } + } + + // Bulk checkbox + input[type="checkbox"]:not(.urcr-enable-access-rule) { + border-radius: $border_radius_2; + border-color: $grey-200; + } + } + } + + // Payment History CSS + .user-registration { + .ur-membership-header { + margin-left: 0 !important; + padding-left: 24px !important; + padding-right: 24px !important; + border-bottom: 1px solid #e2e8f0; + padding-top: 0 !important; + padding-bottom: 0 !important; + gap: 0 !important; + background: #ffffff; + + img { + max-width: 36px !important; + padding: 18px 24px 18px 0; + border-right: 1px solid #e2e8f0; + margin-right: 28px; + } + + a { + font-size: 16px !important; + line-height: 26px; + color: #64748b; + position: relative; + padding: 23px 20px; + + &::after { + content: ""; + background: #475bb2; + width: 0px; + height: 3px; + position: absolute; + bottom: 0; + left: 0; + transition: all 0.3s; + } + + &.row-title { + color: #475bb2; + + &:after { + width: 100%; + } + } - .coupon-expired { - font-weight: 500; - color: #636363; - } - } - } + &:hover { + &::after { + width: 100%; + } + } + + &:focus { + box-shadow: none; + outline: none; + } + } + } + + .ur-coupon-tab-contents-wrapper { + max-width: 1280px; + margin: 60px auto; + padding: 0 !important; + + form { + width: 100% !important; + + .user-registration-card { + border: 0; + padding: 28px; + + #ur-coupon-form-container { + padding: 0 !important; + + #left { + &-title { + padding: 0; + gap: 18px; + padding-bottom: 20px; + border-bottom: 1px solid #e9e9e9; + margin-bottom: 28px; + gap: 18px; + + a { + margin-right: 0 !important; + padding-right: 0 !important; + border-right: 0 !important; + width: 40px; + height: 40px; + background: #f4f4f4; + display: flex; + align-items: center; + justify-content: center; + border-radius: 6px; + + &:focus { + box-shadow: none; + outline: none; + border-color: #475bb2; + } + + svg { + width: 20px; + height: 20px; + } + } + + h3 { + margin: 0; + color: #222222; + font-size: 22px; + font-weight: 600; + line-height: 32px; + } + } + + &-body { + display: flex; + flex-direction: column; + gap: 24px; + + .ur-coupon-input-container { + padding: 0 !important; + + .ur-label { + margin-bottom: 0; + + label { + margin-bottom: 0; + color: #383838; + font-size: 15px; + font-weight: 500; + line-height: 21px; + } + } + + .ur-admin-template { + &.ur-input-type-coupon-discount-type { + .ur-field { + justify-content: flex-start !important; + gap: 16px !important; + } + } + + .ur-field { + input, + select { + height: 38px; + border-color: #e9e9e9; + padding-left: 14px; + padding-right: 14px; + color: #383838; + + &::placeholder { + color: #999999; + } + + &:focus { + box-shadow: none; + outline: none; + border-color: #475bb2; + } + } + + .ur-coupon-discount-type { + width: 220px; + padding: 16px !important; + border-color: #e9e9e9 !important; + border-radius: 4px !important; + display: flex; + flex-direction: column; + gap: 12px; + + .ur-coupon-type-title { + gap: 8px; + + input[type="radio"] { + height: 1rem; + } + + label { + padding: 0 !important; + color: #222222; + font-size: 15px; + font-weight: 500; + line-height: 22px; + } + } + + .ur-membership-type-description { + p { + margin: 0; + color: #383838; + font-size: 14px !important; + font-weight: 400; + line-height: 22px; + } + } + } + + .select2 { + &-selection { + height: 38px; + + &__rendered { + line-height: 36px; + } + + &__arrow { + height: 36px; + } + + &--single { + .select2-selection__rendered { + padding-left: 14px; + } + } + + &--multiple { + .select2-selection { + &__rendered { + gap: 4px; + } + + &__clear { + margin-right: 0; + } + + &__choice { + border-radius: 5px; + background: #e9e9e9; + display: flex; + align-items: center; + gap: 8px; + margin: 4px; + padding: 0px 8px 0px + 10px; + border: 0; + color: #383838; + flex-direction: row-reverse; + + &__remove { + color: #383838; + } + } + } + } + } + } + } + } + + .user-registration-switch { + input[type="checkbox"] { + border-radius: 20px; + border: 0; + width: 30px; + flex: 0 0 30px; + background: #d5d5d5; + box-shadow: none; + + &::after { + width: 12px; + height: 12px; + transform: translateX(3px); + } + + &:checked { + background: #475bb2; + border-color: #475bb2; + + &::after { + transform: translateX(15px); + } + } + } + } + } + } + } + } - &.orders { - margin: 20px 0; - - tbody { - tr { - td { - font-size: 14px; - line-height: 24px; - - &.membership_type { - .user-registration-badge { - background: none; - padding: 0; - color: #383838; - font-weight: 500; - } - } + .submit { + margin-bottom: 0; + padding: 0 !important; + padding-top: 28px !important; + border-top: 1px solid #e1e1e1; + margin-top: 30px; + + .button { + &-secondary { + border-radius: 4px; + box-shadow: none; + padding: 8px 16px; + color: #ffffff; + font-size: 14px; + font-weight: 400; + line-height: 24px; + border: 0; + background: transparent; + border: 1px solid #bababa; + + a { + color: #6b6b6b; + } + } + + &-primary { + border-radius: 4px; + box-shadow: none; + padding: 8px 16px; + color: #ffffff; + font-size: 14px; + font-weight: 400; + line-height: 24px; + border: 0; + } + } + } + } + } + } + + #user-registration-list-table-page { + margin: 60px auto; + padding: 28px 32px; + box-sizing: border-box; + max-width: 1280px !important; + + .user-registration-list-table-heading { + display: flex; + align-items: center; + margin-bottom: 24px; + + .ur-page-title__wrapper { + width: 100%; + + h1 { + margin: 0; + color: #222; + font-size: 22px; + font-weight: 600; + line-height: 32px; + } + } + + #ur-coupon-add-btn { + box-shadow: none; + border-radius: 3px; + background: #475bb2; + padding: 8px 20px 8px 16px; + color: #fff; + font-size: 14px; + font-weight: 400; + line-height: 24px; + transition: all 0.3s; + } + } + + #user-registration-pro-filters-row { + #user-registration-users-search-form { + gap: 16px !important; + flex-wrap: wrap; + + .search-box { + position: relative; + + input { + &[type="search"] { + height: 38px; + padding-left: 14px; + padding-right: 14px; + border-color: #bababa; + margin: 0; + width: 220px; + color: #383838; + + &::placeholder { + color: #999999; + } + + &:focus { + box-shadow: none; + outline: none; + border-color: #475bb2; + } + } + } + + #search-submit { + background: none; + border: 0; + padding: 0; + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 14px; + display: flex; + + svg { + width: 18px; + height: 18px; + + path { + fill: #6b6b6b; + } + } + } + } - &.status { - .payment-status-btn { - display: block; - width: max-content; - border-radius: 3px; - color: #383838; - font-size: 14px; - font-weight: 400; - line-height: 16px; - padding: 4px 8px; + select { + width: 200px; + height: 38px; + padding-left: 14px; + padding-right: 14px; + border-color: #bababa; + margin: 0; + color: #383838; + + &:focus { + box-shadow: none; + outline: none; + border-color: #475bb2; + } + } - &.completed { - border: 1px solid #4cc741; - background: #f5fff4; - } + #user-registration-users-filter-btn { + border-radius: 3px; + border: 1px solid #475bb2; + background: #475bb2; + color: #ffffff; + padding: 8px 14px; + color: #ffffff; + font-size: 13px; + font-weight: 400; + line-height: 20px; + + &:hover { + background: #38488e; + border-color: #38488e; + } + } + } + } + + #ur-membership-payment-history-form { + .wrap { + margin: 0; + } + + .wp-list-table { + &.orders { + thead { + } + + tbody { + tr { + &.no-items { + background: #ffffff; + + td { + padding: 0; + + .empty-list-table-container { + text-align: center; + margin-top: 30px; + margin-bottom: 30px; + + img { + width: 300px; + } + + h3 { + margin-top: 16px; + margin-bottom: 8px; + color: #222222; + font-size: 22px; + font-weight: 600; + line-height: 32px; + } + + p { + color: #6b6b6b; + font-size: 14px; + font-weight: 400; + line-height: 24px; + } + } + } + } + } + } + } + } + } + + #ur-coupon-list-form, + #ur-membership-payment-history-form { + margin-top: 24px; + padding-top: 24px; + border-top: 1px solid #dcdcdc; + + .wrap { + margin: 0; + + .tablenav { + margin: 0; + padding: 0; + height: auto; + + .bulkactions { + padding-right: 0; + display: flex; + align-items: center; + gap: 10px; + + select, + input { + margin-right: 0; + } + + select { + border-color: #bababa; + height: 38px; + width: 220px; + padding-inline: 14px; + color: #383838; + } + + input[type="submit"] { + border-radius: 3px; + border: 1px solid #475bb2; + background: #f6f7f7; + padding: 8px 14px; + color: #475bb2; + font-size: 13px; + font-weight: 500; + line-height: 20px; + } + } + } - &.pending { - border: 1px solid #ee9936; - background: #fffaf5; - } + .wp-list-table { + &.coupons { + margin-top: 20px; + margin-bottom: 20px; + + thead { + tr { + th { + &#title { + width: 220px; + } + &#code { + width: 170px; + } + + &#amount, + &#expires { + width: 180px; + } + + &#status { + width: 140px; + } + + &#action { + width: 120px; + } + } + } + } + + tbody { + tr { + &:nth-child(odd) { + background: #f8f8fa; + } + + td { + font-size: 14px; + line-height: 24px; + color: #383838; + vertical-align: middle; + } + } + + .coupon-active { + font-weight: 500; + color: #4cc741; + } + .coupon-inactive { + font-weight: 500; + color: #f25656; + } + + .coupon-expired { + font-weight: 500; + color: #636363; + } + } + } + + &.orders { + margin: 20px 0; + + tbody { + tr { + td { + font-size: 14px; + line-height: 24px; + + &.membership_type { + .user-registration-badge { + background: none; + padding: 0; + color: #383838; + font-weight: 500; + } + } + + &.status { + .payment-status-btn { + display: block; + width: max-content; + border-radius: 3px; + color: #383838; + font-size: 14px; + font-weight: 400; + line-height: 16px; + padding: 4px 8px; + + &.completed { + border: 1px solid #4cc741; + background: #f5fff4; + } + + &.pending { + border: 1px solid #ee9936; + background: #fffaf5; + } + + &.failed { + border: 1px solid #f25656; + background: #fff4f4; + } + } + } + } + } + } + } + } + } + } + } + #payment-detail-modal { + .modal-content { + margin: 0; + border-radius: 12px; + background: #fff; + box-shadow: 0px 6px 21px 0px rgba(10, 10, 10, 0.08); + padding: 28px 32px; + box-sizing: border-box; + width: 820px; + max-width: 100%; + + .modal-header { + h2 { + margin: 0; + color: #222222; + font-size: 24px; + font-weight: 700; + line-height: 34px; + } - &.failed { - border: 1px solid #f25656; - background: #fff4f4; - } - } - } - } - } - } - } - } - } - } - } - #payment-detail-modal { - .modal-content { - margin: 0; - border-radius: 12px; - background: #fff; - box-shadow: 0px 6px 21px 0px rgba(10, 10, 10, 0.08); - padding: 28px 32px; - box-sizing: border-box; - width: 820px; - max-width: 100%; - - .modal-header { - h2 { - margin: 0; - color: #222222; - font-size: 24px; - font-weight: 700; - line-height: 34px; - } + hr { + margin: 16px 0 24px; + } + } + + .modal-body { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); + gap: 20px; + align-items: unset; + justify-content: unset; + + .payment-detail { + &-box { + margin-bottom: 0; + } + + &-label { + color: #383838; + font-size: 16px; + font-weight: 500; + line-height: 24px; + margin-bottom: 6px; + } + + &-data { + display: flex; + align-items: center; + gap: 10px; + color: #6b6b6b; + font-size: 15px; + font-weight: 400; + line-height: 23px; + overflow-wrap: break-word; + + .payment-status-btn { + display: block; + width: max-content; + + &.completed { + border: 1px solid #4cc741; + background: #f5fff4; + } + + &-pending { + border: 1px solid #ee9936; + background: #fffaf5; + } + + &.failed { + border: 1px solid #f25656; + background: #fff4f4; + } + } + } + } + } + } + } + } + + // Delete Popup CSS + .user-registration_page { + &_user-registration-membership, + &_user-registration-coupons, + &_user-registration-members, + &_member-payment-history { + .swal2-container { + .swal2-header { + padding: 24px !important; + padding-bottom: 16px !important; + + .swal2-title { + display: flex !important; + align-items: center; + gap: 8px; + font-size: 18px; + line-height: 26px; + margin-bottom: 0; + width: 100%; + border-bottom: 1px solid #e9e9e9; + padding-bottom: 16px; + color: #222; + margin-bottom: 0; + + img { + width: 20px; + height: 20px; + } + } + } - hr { - margin: 16px 0 24px; - } - } + .swal2-content { + padding: 0 24px; - .modal-body { - display: grid; - grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); - gap: 20px; - align-items: unset; - justify-content: unset; + .swal2-html-container { + text-align: left; - .payment-detail { - &-box { - margin-bottom: 0; - } + p { + font-size: 15px; + line-height: 23px; + color: #383838; + margin: 0; + } + } + } - &-label { - color: #383838; - font-size: 16px; - font-weight: 500; - line-height: 24px; - margin-bottom: 6px; - } + .swal2-actions { + button { + margin: 0; - &-data { - display: flex; - align-items: center; - gap: 10px; - color: #6b6b6b; - font-size: 15px; - font-weight: 400; - line-height: 23px; - overflow-wrap: break-word; + &.swal2-confirm { + background: #f25656 !important; - .payment-status-btn { - display: block; - width: max-content; + &:hover { + background: #e34747 !important; + } + } + } + } + } + } + } + + // Custom CAPTCHA Form Builder Field Options CSS + .ur-registered-from { + .ur-general-setting { + &.ur-setting-captcha { + .ur-options-list { + .ui-sortable-handle { + flex-direction: row; + flex-wrap: wrap; + } + } + } + + &.ur-general-setting-image-captcha-options { + .ur-options-list { + .ur-custom-captcha { + background: #f2f2f2; + padding: 12px; + margin-bottom: 16px; + + .icons-group { + display: grid; + grid-template-columns: repeat( + auto-fill, + minmax(100px, 1fr) + ); + gap: 10px; + width: 100%; + + .icon-wrap { + background: #ffffff; + border-radius: 4px; + padding: 10px; + text-align: center; + + label { + margin-bottom: 0; + + .dashicons { + width: 100%; + height: 75px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 2px; + background: #fafafa; + border: 1px solid #d9d9d9; + transition: all 0.3s; + cursor: pointer; + + &::before { + font-size: 24px; + } + + &:hover { + background: rgba(240, 242, 249, 1%); + border-color: #475bb2; + } + } + + input { + &[type="radio"] { + display: none; + + &:checked ~ .dashicons { + background: rgba(240, 242, 249, 1%); + border-color: #475bb2; + } + } + } + } + + .button { + width: 100%; + margin-top: 12px; + height: auto; + padding: 2px 10px; + line-height: 24px; + font-size: 13px; + } + } + } + + a.remove { + width: max-content; + height: auto; + padding: 6px 12px 6px 8px; + margin-left: 0 !important; + align-items: center; + gap: 4px; + + &:hover { + background: #fa5252; + border-color: #fa5252; + } + + &:focus { + box-shadow: none; + outline: none; + } + } + } - &.completed { - border: 1px solid #4cc741; - background: #f5fff4; - } + a.add { + border: 1px solid #e1e1e1; + padding: 8px 16px; + height: auto; + } + } + } + } + } + + body { + &.ur-settings-sidebar-hidden { + .user-registration-settings-sidebar-container { + margin-right: -910px; + display: none; + } + } + } + + + .user-registration { + .swal2-container { + .swal2 { + &-header { + padding: $spacing_32px $spacing_32px 0; + gap: $spacing_16px; + } - &-pending { - border: 1px solid #ee9936; - background: #fffaf5; - } + &-icon { + margin-block: 0; + border-color: #41C4EE; + color: #41C4EE; + width: 60px; + height: 60px; - &.failed { - border: 1px solid #f25656; - background: #fff4f4; - } - } - } + &-content { + font-size: 50px; } } + + &-title { + color: #131313; + text-align: center; + font-size: 22px; + font-weight: $semi_bold; + line-height: 30px; + margin-bottom: 0 !important; + } + + &-content { + padding: 0 $spacing_32px; + margin-top: $spacing_20px; + + input[type="text"] { + margin: 0; + height: 38px; + font-size: 15px; + line-height: 25px; + padding: 0 $spacing_12px; + color: $grey-400; + border-radius: $border_radius_4; + + &::placeholder { + color: #999999; + } + + &:focus { + outline: none; + box-shadow: none; + border-color: $primary_color; + } + } + } + + &-actions { + margin-top: $spacing_30px !important; + padding: $spacing_20px $spacing_32px !important; + gap: $spacing_16px !important; + + button { + margin: 0; + text-transform: capitalize; + padding: $spacing_10px $spacing_14px; + border-radius: $border_radius_3; + font-size: 14px; + font-weight: 400; + line-height: 16px; + border: $border_width solid transparent; + transition: all .3s; + + &.swal2-confirm { + width: 48%; + background:$primary_color !important; + color: $grey-0; + border-color: $primary_color; + + &:hover { + background: darken($primary_color, 10%); + } + } + + &.swal2-cancel { + width: 45%; + background: transparent; + border-color: #6B6B6B; + color: #6B6B6B; + + &:hover { + background: #f0f0f0; + } + } + } + } } } } -// Delete Popup CSS -.user-registration_page { - &_user-registration-membership, - &_user-registration-coupons, - &_user-registration-members, - &_member-payment-history { - .swal2-container { - .swal2-header { - padding: 24px !important; - padding-bottom: 16px !important; - - .swal2-title { - display: flex !important; - align-items: center; - gap: 8px; - font-size: 18px; - line-height: 26px; - margin-bottom: 0; - width: 100%; - border-bottom: 1px solid #e9e9e9; - padding-bottom: 16px; - color: #222; - margin-bottom: 0; + .ur-embed-form-button { + background: #edeff7 !important; + border-color: #edeff7 !important; + box-shadow: 0 1px 0 #edeff7 !important; + font-size: 14px !important; + color: #383838 !important; + border-radius: 3px !important; + } + .embed-form-swl-container { + display: flex; + flex-wrap: wrap; + gap: 10px; + padding-bottom: 10px; + justify-content: space-evenly; + } + .ur-embed-container { + @extend .embed-form-swl-container; + } + .ur-embed-select-existing-page-container { + @extend .embed-form-swl-container; + .ur-embed-go-back { + flex-basis: 100%; + text-align: center; + font-size: 14px; + } + select { + width: 80%; + border: 1px solid #eae2e2; + margin:-10px; + } + p{ + font-size: 1em; + } + } + .ur-embed-new-page-container { + @extend .embed-form-swl-container; + .ur-embed-go-back { + flex-basis: 100%; + text-align: center; + margin-top: 10px; + font-size: 14px; + } + p{ + font-size: 1em; + } + input { + margin-left: -50px; + width: 80%; + border: 1px solid #eae2e2; + } + } + + @font-face { + font-family: "UserRegistration"; + src: url("../fonts/UserRegistration.eot?v5p6f"); + src: + url("../fonts/UserRegistration.eot?v5p6f#iefix") + format("embedded-opentype"), + url("../fonts/UserRegistration.ttf?v5p6f") format("truetype"), + url("../fonts/UserRegistration.woff?v5p6f") format("woff"), + url("../fonts/UserRegistration.svg?v5p6f#UserRegistration") + format("svg"); + font-weight: normal; + font-style: normal; + font-display: block; + } + + #elementor-editor-wrapper .ur-icon-user-registration:before, + .elementor-edit-area .ur-icon-user-registration:before { + content: "\e031"; + font-family: "UserRegistration"; + font-weight: normal; + font-style: normal; + font-display: block; + } + #elementor-editor-wrapper .ur-icon-edit-password:before, + .elementor-edit-area .ur-icon-edit-password:before { + content: "\e045"; + font-family: "UserRegistration"; + font-weight: normal; + font-style: normal; + font-display: block; + } + #elementor-editor-wrapper .ur-icon-edit-profile:before, + .elementor-edit-area .ur-icon-edit-profile:before { + content: "\e046"; + font-family: "UserRegistration"; + font-weight: normal; + font-style: normal; + font-display: block; + } + #elementor-editor-wrapper .ur-icon-login:before, + .elementor-edit-area .ur-icon-login:before { + content: "\e048"; + font-family: "UserRegistration"; + font-weight: normal; + font-style: normal; + font-display: block; + } + #elementor-editor-wrapper .form:before, + .elementor-edit-area .form:before { + content: "\e048"; + font-family: "UserRegistration"; + font-weight: normal; + font-style: normal; + font-display: block; + } + #elementor-editor-wrapper .ur-icon-myaccount:before, + .elementor-edit-area .ur-icon-myaccount:before { + content: "\e047"; + font-family: "UserRegistration"; + font-weight: normal; + font-style: normal; + font-display: block; + } + #elementor-editor-wrapper .ur-icon-popup:before, + .elementor-edit-area .ur-icon-popup:before { + content: "\e043"; + font-family: "UserRegistration"; + font-weight: normal; + font-style: normal; + font-display: block; + } + #elementor-editor-wrapper .ur-icon-profile-details:before, + .elementor-edit-area .ur-icon-profile-details:before { + content: "\e044"; + font-family: "UserRegistration"; + font-weight: normal; + font-style: normal; + font-display: block; + } + + #integration-settings .ur-nav-premium, + .integration-lists-settings.ur-nav-premium { + cursor: not-allowed; + opacity: 0.5; + } + + + .form-settings-main-tab { + margin-bottom: 0; + border-radius: 0; + padding: $spacing_18px $spacing_24px; + border-bottom: $border_width solid #ececec; + background: transparent; + font-size: 15px; + font-weight: $regular; + line-height: 150%; + display: flex; + align-items: center; + justify-content: space-between; + padding-right: $spacing_16px; + &::after { + content: ""; + background-image: url("../images/icons/ur-right-arrow.svg"); + background-repeat: no-repeat; + background-size: 100%; + background-position: center; + width: 18px; + height: 18px; + } + } + .form-settings-sub-tab { + margin-bottom: $spacing_10px; + border-radius: $border_radius_4; + padding: $spacing_18px $spacing_24px; + border-bottom: $border_width solid #ececec; + background: $color_gray_four; + font-size: 15px; + font-weight: $regular; + line-height: 150%; + display: flex; + align-items: center; + justify-content: space-between; + padding: $spacing_10px $spacing_15px; + color: $gray_base; + &.active { + background: $primary_color; + color: $white; + } + } + .integration-lists-settings { + + .form-settings-sub-tab { + padding: 0px; + background-color: #ffffff; + align-items: normal; + flex-direction: column; + } +} - img { - width: 20px; - height: 20px; - } - } - } + #ur-row-section-settings { + padding: 10px 0px; - .swal2-content { - padding: 0 24px; + .ur-individual-row-settings { + display: flex; + flex-direction: column; + } + } - .swal2-html-container { - text-align: left; - p { - font-size: 15px; - line-height: 23px; - color: #383838; - margin: 0; - } - } - } - .swal2-actions { - button { - margin: 0; - &.swal2-confirm { - background: #f25656 !important; +// ------------------------------skeleton load css------------------------------------ - &:hover { - background: #e34747 !important; - } - } +.ur-registration--loading{ + .loading-content{ + display: flex; + justify-content: space-between; + align-items: end; + flex-wrap: wrap; + &.table--view{ + display: grid; + grid-template-columns: repeat(7, 1fr); + grid-gap: 16px; + padding: 5px 24px 3px 24px; + &.header{ + background: #f4f4f4; + padding: 24px; + margin-bottom: 20px; + .ur--loading--animate{ + margin-bottom: 0; } + .liner{ + width: 60%; + } + } + .liner{ + width: 30%; + } + } + .loading-text-container{ + width: 70%; + .ur--loading--animate{ + &.main-text{ + height: 10px; + width: 65%; + } + &.sub-text{ + height: 10px; + width: 50%; + } + } + } + .ur--loading--animate{ + margin-bottom: 10px; + background: #ececec; + background-image: -webkit-linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px) ; + background-image: -o-linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px) ; + background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px) ; + background-size: 250px; + border-radius: 10px; + -webkit-animation: shine-loading-container-items 0.6s infinite ease-out; + animation: shine-loading-container-items 0.6s infinite ease-out; + &.loading-btn{ + width: 40px; + height: 40px; + } + &.liner{ + height: 10px; + } + } + .ur--loading--animate--long{ + background: #f4f4f4; + background-image: -webkit-linear-gradient(90deg, #f4f4f4 0px, #f8f8f8 40px, #f8f8f8 70px, #f4f4f4 80px) ; + background-image: -o-linear-gradient(90deg, #f4f4f4 0px, #f8f8f8 40px, #f8f8f8 70px, #f4f4f4 80px) ; + background-image: linear-gradient(90deg, #f4f4f4 0px, #f8f8f8 40px, #f8f8f8 70px, #f4f4f4 80px) ; + background-size: 1400px; + border-radius: 10px; + -webkit-animation: shine-loading-container-items-long 1s infinite ease-out; + animation: shine-loading-container-items-long 1s infinite ease-out; + &.circular{ + width: 300px; + height: 300px; + border-radius: 100%; + margin: 0 auto; } - } - } -} - -// Custom CAPTCHA Form Builder Field Options CSS -.ur-registered-from { - .ur-general-setting { - &.ur-setting-captcha { - .ur-options-list { - .ui-sortable-handle { - flex-direction: row; - flex-wrap: wrap; + &.rectangular{ + width: 100%; + height: 300px; + } + &.liner{ + width: 100%; + height: 10px; + margin-bottom: 10px; + &.short{ + width: 60%; } } } - &.ur-general-setting-image-captcha-options { - .ur-options-list { - .ur-custom-captcha { - background: #f2f2f2; - padding: 12px; - margin-bottom: 16px; - - .icons-group { - display: grid; - grid-template-columns: repeat( - auto-fill, - minmax(100px, 1fr) - ); - gap: 10px; - width: 100%; - - .icon-wrap { - background: #ffffff; - border-radius: 4px; - padding: 10px; - text-align: center; + @-webkit-keyframes shine-loading-container-items { + 0% { + background-position: -100px; + } + 40%, 100% { + background-position: 180px; + } + } - label { - margin-bottom: 0; + @keyframes shine-loading-container-items { + 0% { + background-position: -100px; + } + 40%, 100% { + background-position: 180px; + } + } + @-webkit-keyframes shine-loading-container-items-long { + 0% { + background-position: -100px; + } + 100% { + background-position: 1200px; + } + } - .dashicons { - width: 100%; - height: 75px; - display: flex; - align-items: center; - justify-content: center; - border-radius: 2px; - background: #fafafa; - border: 1px solid #d9d9d9; - transition: all 0.3s; - cursor: pointer; - - &::before { - font-size: 24px; - } + @keyframes shine-loading-container-items-long { + 0% { + background-position: -100px; + } + 100% { + background-position: 1200px; + } + } + } +} - &:hover { - background: rgba(240, 242, 249, 1%); - border-color: #475bb2; - } - } +// For RTL Options CSS +.user-registration { + &.rtl { + .user-registration__wrap { + .ur-form-subcontainer { + #menu-management { + .menu-edit { + left: 0 !important; + right: 160px; - input { - &[type="radio"] { - display: none; + #nav-menu-header { + padding-left: $spacing_30px; + padding-right: $spacing_12px; - &:checked ~ .dashicons { - background: rgba(240, 242, 249, 1%); - border-color: #475bb2; - } - } + .ur-brand-logo { + border-left: 1px solid #e1e1e1; + border-right: 0; + + img { + margin-right: 0; + margin-left: 8px; } } - .button { - width: 100%; - margin-top: 12px; - height: auto; - padding: 2px 10px; - line-height: 24px; - font-size: 13px; + .ur-form-title { + padding-right: $spacing_18px; + padding-left: $spacing_8px; } - } - } - a.remove { - width: max-content; - height: auto; - padding: 6px 12px 6px 8px; - margin-left: 0 !important; - align-items: center; - gap: 4px; - - &:hover { - background: #fa5252; - border-color: #fa5252; + .major-publishing-actions { + margin-right: auto; + margin-left: unset; + } } - &:focus { - box-shadow: none; - outline: none; + #post-body { + .ur-registered { + &-inputs { + .nav-tab-wrapper { + .ur-tab-content { + .ur-search-input { + input.ur-type-text { + padding-right: $spacing_40px; + color: $grey-400; + } + } + } + } + } + + &-from { + .ur-builder-wrapper { + .ur-selected-inputs { + #ur-field-settings { + select { + padding-right: $spacing_30px; + } + } + } + } + } + } } } } - - a.add { - border: 1px solid #e1e1e1; - padding: 8px 16px; - height: auto; - } } } } @@ -6188,150 +6925,6 @@ body.user-registration { } - - - -body { - &.ur-settings-sidebar-hidden { - .user-registration-settings-sidebar-container { - margin-right: -910px; - display: none; - } - } -} - -.ur-embed-form-button { - background: #edeff7 !important; - border-color: #edeff7 !important; - box-shadow: 0 1px 0 #edeff7 !important; - font-size: 14px !important; - color: #383838 !important; - border-radius: 3px !important; -} -.embed-form-swl-container { - display: flex; - flex-wrap: wrap; - gap: 10px; - padding-bottom: 10px; - justify-content: space-evenly; -} -.ur-embed-container { - @extend .embed-form-swl-container; -} -.ur-embed-select-existing-page-container { - @extend .embed-form-swl-container; - .ur-embed-go-back { - flex-basis: 100%; - text-align: center; - font-size: 14px; - } - select { - width: 80%; - border: 1px solid #eae2e2; - margin:-10px; - } - p{ - font-size: 1em; - } -} -.ur-embed-new-page-container { - @extend .embed-form-swl-container; - .ur-embed-go-back { - flex-basis: 100%; - text-align: center; - margin-top: 10px; - font-size: 14px; - } - p{ - font-size: 1em; - } - input { - margin-left: -50px; - width: 80%; - border: 1px solid #eae2e2; - } -} - -@font-face { - font-family: "UserRegistration"; - src: url("../fonts/UserRegistration.eot?v5p6f"); - src: - url("../fonts/UserRegistration.eot?v5p6f#iefix") - format("embedded-opentype"), - url("../fonts/UserRegistration.ttf?v5p6f") format("truetype"), - url("../fonts/UserRegistration.woff?v5p6f") format("woff"), - url("../fonts/UserRegistration.svg?v5p6f#UserRegistration") - format("svg"); - font-weight: normal; - font-style: normal; - font-display: block; -} - -#elementor-editor-wrapper .ur-icon-user-registration:before, -.elementor-edit-area .ur-icon-user-registration:before { - content: "\e031"; - font-family: "UserRegistration"; - font-weight: normal; - font-style: normal; - font-display: block; -} -#elementor-editor-wrapper .ur-icon-edit-password:before, -.elementor-edit-area .ur-icon-edit-password:before { - content: "\e045"; - font-family: "UserRegistration"; - font-weight: normal; - font-style: normal; - font-display: block; -} -#elementor-editor-wrapper .ur-icon-edit-profile:before, -.elementor-edit-area .ur-icon-edit-profile:before { - content: "\e046"; - font-family: "UserRegistration"; - font-weight: normal; - font-style: normal; - font-display: block; -} -#elementor-editor-wrapper .ur-icon-login:before, -.elementor-edit-area .ur-icon-login:before { - content: "\e048"; - font-family: "UserRegistration"; - font-weight: normal; - font-style: normal; - font-display: block; -} -#elementor-editor-wrapper .form:before, -.elementor-edit-area .form:before { - content: "\e048"; - font-family: "UserRegistration"; - font-weight: normal; - font-style: normal; - font-display: block; -} -#elementor-editor-wrapper .ur-icon-myaccount:before, -.elementor-edit-area .ur-icon-myaccount:before { - content: "\e047"; - font-family: "UserRegistration"; - font-weight: normal; - font-style: normal; - font-display: block; -} -#elementor-editor-wrapper .ur-icon-popup:before, -.elementor-edit-area .ur-icon-popup:before { - content: "\e043"; - font-family: "UserRegistration"; - font-weight: normal; - font-style: normal; - font-display: block; -} -#elementor-editor-wrapper .ur-icon-profile-details:before, -.elementor-edit-area .ur-icon-profile-details:before { - content: "\e044"; - font-family: "UserRegistration"; - font-weight: normal; - font-style: normal; - font-display: block; -} - // Form Preview Revamp CSS body { &.ur-multi-device-form-preview { @@ -6367,7 +6960,7 @@ body { gap: 0; flex-direction: column; .ur-form-grid { - width: 100% !important; + width: 100% !important; } .ur-form-grid:first-child{ margin-bottom: 28px; @@ -6422,11 +7015,11 @@ body { text-transform: capitalize; } } - + } } } - + button[type=submit]{ padding: 10px 16px 8px; border-radius: 4px; diff --git a/assets/css/my-account-layout-rtl.css b/assets/css/my-account-layout-rtl.css index 32904a1db..daf3eaa58 100644 --- a/assets/css/my-account-layout-rtl.css +++ b/assets/css/my-account-layout-rtl.css @@ -19,24 +19,13 @@ #user-registration.vertical .user-registration-error, #user-registration.vertical .user-registration-message { float: none; width: 100%; } - #user-registration.vertical .user-registration-MyAccount-navigation { - background: #f0f1f5; - width: 25%; } - #user-registration.vertical .user-registration-MyAccount-navigation ul { - flex-direction: column; - flex-wrap: nowrap; } - #user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a { - background: #dee0e9; - border-color: #475bb2; } + #user-registration.vertical .user-registration-MyAccount-navigation ul { + flex-direction: column; + flex-wrap: nowrap; } + #user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a { + border-color: #475bb2; } #user-registration.vertical .user-registration-MyAccount-content { - width: 75%; } - #user-registration.vertical .user-registration-MyAccount-content .user-registration-profile-header { - display: flex; - flex-wrap: wrap; - align-items: center; - flex-direction: column; } - #user-registration.vertical .user-registration-MyAccount-content .user-registration-profile-header .user-registration-img-container { - margin: auto; } + flex: 1; } #user-registration.horizontal, #user-registration { box-shadow: 0 2px 20px rgba(45, 53, 89, 0.1); } @@ -51,7 +40,9 @@ #user-registration.horizontal .user-registration-MyAccount-navigation ul, #user-registration .user-registration-MyAccount-navigation ul { justify-content: center; } #user-registration.horizontal .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a, #user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a { - padding: 15px 20px; } + padding: 15px 20px; + font-family: inherit; + font-weight: 500; } #user-registration.horizontal .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a, #user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a { background-color: #dee0e9; } #user-registration.horizontal .user-registration-MyAccount-content, @@ -88,236 +79,232 @@ #user-registration .ur-edit-profile .edit-profile h2 { text-align: center; } -#user-registration .user-registration-MyAccount-content { - padding: 40px 48px 40px 40px; } - @media (max-width: 991px) { - #user-registration .user-registration-MyAccount-content { - padding: 36px 30px; } } - #user-registration .user-registration-MyAccount-content .ur-frontend-form { - padding: 0 !important; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form:has(.user-registration-PrivacyTab) h2 { - text-align: right; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-EditProfileForm .user-registration-profile-fields h2 { - text-align: center; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-EditAccountForm .ur-form-grid > p { - float: left; - margin-top: 24px; - margin-bottom: 0; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-EditProfileForm .user-registration-profile-fields > p { - float: left; - margin-top: 24px; - margin-bottom: 0; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab { - text-align: right; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-grid { - padding-right: 0; - padding-left: 0; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row { +@media (max-width: 991px) { + #user-registration .user-registration-MyAccount-content { + padding: 36px 30px; } } + +#user-registration .user-registration-MyAccount-content > h2 { + margin-bottom: 24px; } + +#user-registration .user-registration-MyAccount-content .user-registration-profile-header { + margin-bottom: 20px; + gap: 16px; } + #user-registration .user-registration-MyAccount-content .user-registration-profile-header header h3 { + margin-bottom: 0; } + +#user-registration .user-registration-MyAccount-content > p { + margin-bottom: 8px; } + #user-registration .user-registration-MyAccount-content > p a { + font-weight: 500; + color: #475bb2; } + +#user-registration .user-registration-MyAccount-content .ur-frontend-form { + padding: 0 !important; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form:has(.user-registration-PrivacyTab) h2 { + text-align: right; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-EditProfileForm .user-registration-profile-fields h2 { + text-align: center; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-EditAccountForm .ur-form-grid > p { + float: left; + margin-top: 24px; + margin-bottom: 0; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-EditProfileForm .user-registration-profile-fields > p { + float: left; + margin-top: 24px; + margin-bottom: 0; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab { + text-align: right; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-grid { + padding-right: 0; + padding-left: 0; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row { + display: flex; + flex-wrap: wrap; + row-gap: 10px; + margin-bottom: 30px; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row:last-child { + margin-bottom: 0; } + @media (max-width: 991px) { + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row { + flex-direction: column; + gap: 12px; } } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-field-label { + width: 40%; + max-width: 100%; } + @media (max-width: 991px) { + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-field-label { + width: 100%; } } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-field-label label { + font-size: 15px; + line-height: 150%; + font-weight: 500; + color: #383838; + margin: 0; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-field-label label .ur-portal-tooltip::after { + color: #BABABA; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input { display: flex; - flex-wrap: wrap; - row-gap: 10px; - margin-bottom: 30px; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row:last-child { - margin-bottom: 0; } + align-items: center; + gap: 12px; + width: 60%; + max-width: 100%; } @media (max-width: 991px) { - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row { - flex-direction: column; - gap: 12px; } } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-field-label { - width: 40%; - max-width: 100%; } - @media (max-width: 991px) { - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-field-label { - width: 100%; } } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-field-label label { - font-size: 15px; - line-height: 150%; + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input { + width: 100%; } } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box { + position: relative; + display: block; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box label { + display: block; + border-radius: 3px; + padding: 8px 34px 8px 12px; + border: 1px solid #999999; + cursor: pointer; + font-size: 14px; font-weight: 500; - color: #383838; + line-height: 150%; + color: #6B6B6B; margin: 0; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-field-label label .ur-portal-tooltip::after { - color: #BABABA; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input { + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box label::before, #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box label::after { + content: ""; + position: absolute; + right: 12px; + top: 12px; + width: 16px; + height: 16px; + border-radius: 50%; + border: 1px solid #bdbdbd; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box label::before { + z-index: 2; + overflow: hidden; + background: transparent; + width: 0; + height: 0; + border: none; + transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s, 0.3s width cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box input[type="radio"] { + display: none; + position: absolute; + width: 100%; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + margin-left: 0; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box input[type="radio"]:checked + label { + color: #475BB2; + background: #EDEFF7; + border-color: #475BB2; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box input[type="radio"]:checked + label::after { + background: #fff; + border: 1px solid #475BB2; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box input[type="radio"]:checked + label::before { + width: 8px; + height: 8px; + background: #475BB2; + top: 16px; + right: 16px; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row.ur-about-your-data { + margin-bottom: 40px; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input { + width: 60%; + max-width: 100%; } + @media (max-width: 991px) { + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input { + width: 100%; } } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input h3 { + font-weight: 600; + font-size: 18px; + line-height: 24px; + color: #6B6B6B; + margin-bottom: 12px; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input p { + font-weight: 400; + font-size: 15px; + line-height: 23px; + color: #6B6B6B; + margin-bottom: 0; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn { display: flex; + flex-wrap: wrap; align-items: center; - gap: 12px; - width: 60%; - max-width: 100%; } - @media (max-width: 991px) { - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input { - width: 100%; } } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box { - position: relative; - display: block; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box label { - display: block; - border-radius: 3px; - padding: 8px 34px 8px 12px; - border: 1px solid #999999; - cursor: pointer; - font-size: 14px; - font-weight: 500; - line-height: 150%; - color: #6B6B6B; - margin: 0; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box label::before, #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box label::after { - content: ""; - position: absolute; - right: 12px; - top: 12px; - width: 16px; - height: 16px; - border-radius: 50%; - border: 1px solid #bdbdbd; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box label::before { - z-index: 2; - overflow: hidden; - background: transparent; - width: 0; - height: 0; - border: none; - transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s, 0.3s width cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box input[type="radio"] { - display: none; - position: absolute; - width: 100%; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - margin-left: 0; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box input[type="radio"]:checked + label { - color: #475BB2; - background: #EDEFF7; - border-color: #475BB2; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box input[type="radio"]:checked + label::after { - background: #fff; - border: 1px solid #475BB2; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box input[type="radio"]:checked + label::before { - width: 8px; - height: 8px; - background: #475BB2; - top: 16px; - right: 16px; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row.ur-about-your-data { - margin-bottom: 40px; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input { - width: 60%; - max-width: 100%; } - @media (max-width: 991px) { - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input { - width: 100%; } } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input h3 { - font-weight: 600; - font-size: 18px; - line-height: 24px; + gap: 20px; + margin-top: 20px; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn .ur-button { + padding: 10px 16px; + background: #0170B9; + border: 1px solid #0170B9; + border-radius: 3px; + font-weight: 500; + font-size: 14px; + line-height: 150%; + color: #FFFFFF; + text-decoration: none; + transition: all .3s ease-in-out; + letter-spacing: .2px; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn .ur-button:hover { + background: #004c7d; + border-color: #004c7d; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn #ur-new-download-request { + font-weight: 500; + font-size: 14px; + line-height: 150%; + text-decoration-line: underline; color: #6B6B6B; - margin-bottom: 12px; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input p { + letter-spacing: .1px; + transition: all .3s ease-in-out; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn #ur-new-download-request:hover { + color: #0170B9; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn #ur-new-erase-request { + font-weight: 500; + font-size: 14px; + line-height: 150%; + text-decoration-line: underline; + color: #6B6B6B; + letter-spacing: .1px; + transition: all .3s ease-in-out; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn #ur-new-erase-request:hover { + color: #0170B9; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field { + margin-bottom: 32px; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field:last-child { + margin-bottom: 0; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field label { font-weight: 400; font-size: 15px; - line-height: 23px; color: #6B6B6B; - margin-bottom: 0; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn { - display: flex; - flex-wrap: wrap; - align-items: center; - gap: 20px; - margin-top: 20px; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn .ur-button { - padding: 10px 16px; - background: #0170B9; - border: 1px solid #0170B9; - border-radius: 3px; - font-weight: 500; - font-size: 14px; - line-height: 150%; - color: #FFFFFF; - text-decoration: none; - transition: all .3s ease-in-out; - letter-spacing: .2px; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn .ur-button:hover { - background: #004c7d; - border-color: #004c7d; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn #ur-new-download-request { - font-weight: 500; - font-size: 14px; - line-height: 150%; - text-decoration-line: underline; - color: #6B6B6B; - letter-spacing: .1px; - transition: all .3s ease-in-out; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn #ur-new-download-request:hover { - color: #0170B9; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn #ur-new-erase-request { - font-weight: 500; - font-size: 14px; - line-height: 150%; - text-decoration-line: underline; - color: #6B6B6B; - letter-spacing: .1px; - transition: all .3s ease-in-out; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn #ur-new-erase-request:hover { - color: #0170B9; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field { - margin-bottom: 32px; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field:last-child { - margin-bottom: 0; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field label { - font-weight: 400; - font-size: 15px; - color: #6B6B6B; - line-height: 150%; - margin-top: 0; - margin-bottom: 16px; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-field-area { - margin-bottom: 16px; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-field-area input[type="password"] { - padding: 8px 14px; - background: #FFFFFF; - border: 1px solid #E1E1E1; - border-radius: 4px; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-field-area input[type="password"]::placeholder { - color: #BABABA; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-field-area .ur-field-error { - background: #FFF4F4; - padding: 8px 16px 8px 12px; - color: #F25656; - font-weight: 500; - border-right: 3px solid #F25656; - margin-top: 8px; - font-size: 14px; - display: flex; - align-items: center; - gap: 4px; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-field-area .ur-field-error::before { - content: ""; - background-image: url("../images/icons/alert-icon.svg"); - background-position: center; - background-size: 100%; - background-repeat: no-repeat; - display: block; - width: 18px; - height: 18px; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-request-button { + line-height: 150%; + margin-top: 0; + margin-bottom: 16px; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-field-area { + margin-bottom: 16px; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-field-area input[type="password"] { + padding: 8px 14px; + background: #FFFFFF; + border: 1px solid #E1E1E1; + border-radius: 4px; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-field-area input[type="password"]::placeholder { + color: #BABABA; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-field-area .ur-field-error { + background: #FFF4F4; + padding: 8px 16px 8px 12px; + color: #F25656; font-weight: 500; + border-right: 3px solid #F25656; + margin-top: 8px; font-size: 14px; - line-height: 150%; - color: #FFFFFF; - padding: 10px 16px; - background: #0170B9; - border: 1px solid #0170B9; - border-radius: 3px; - letter-spacing: 0.2px; - transition: all .3s ease-in-out; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-request-button:hover { - background: #004C7D; - border-color: #004C7D; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row.ur-privacy-button { - padding-top: 32px; - border-top: 1px solid #e1e1e1; - justify-content: flex-end; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row.ur-privacy-button input[type="submit"] { + display: flex; + align-items: center; + gap: 4px; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-field-area .ur-field-error::before { + content: ""; + background-image: url("../images/icons/alert-icon.svg"); + background-position: center; + background-size: 100%; + background-repeat: no-repeat; + display: block; + width: 18px; + height: 18px; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-request-button { font-weight: 500; font-size: 14px; line-height: 150%; @@ -328,66 +315,86 @@ border-radius: 3px; letter-spacing: 0.2px; transition: all .3s ease-in-out; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row.ur-privacy-button input[type="submit"]:hover { + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-request-button:hover { background: #004C7D; border-color: #004C7D; } - #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices { - padding-right: 20px; - padding-left: 20px; - overflow: hidden; - overflow-x: auto; - margin-top: 15px; } - #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices table { - border-collapse: collapse; - border: 1px solid #f1f1f1; } - #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices table tbody tr th { - background: #F1F5F9; - font-weight: 600; } - #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices table tbody tr td:last-child { - color: #59B259; - text-transform: capitalize; } - #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices table tbody tr td a { - background: #475bb2; - color: #ffffff; - padding: 8px 12px; - border-radius: 3px; } - #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices table tbody tr td a:hover { - background: #38488e; } - #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices table tbody tr:nth-child(odd) td { - background: #fafafa; } - #user-registration .user-registration-MyAccount-content .user-registration-membership-content { + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row.ur-privacy-button { + padding-top: 32px; + border-top: 1px solid #e1e1e1; + justify-content: flex-end; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row.ur-privacy-button input[type="submit"] { + font-weight: 500; + font-size: 14px; + line-height: 150%; + color: #FFFFFF; + padding: 10px 16px; + background: #0170B9; + border: 1px solid #0170B9; + border-radius: 3px; + letter-spacing: 0.2px; + transition: all .3s ease-in-out; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row.ur-privacy-button input[type="submit"]:hover { + background: #004C7D; + border-color: #004C7D; } + +#user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices { + padding-right: 20px; + padding-left: 20px; + overflow: hidden; + overflow-x: auto; + margin-top: 15px; } + #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices table { + border-collapse: collapse; + border: 1px solid #f1f1f1; } + #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices table tbody tr th { + background: #F1F5F9; + font-weight: 600; } + #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices table tbody tr td:last-child { + color: #59B259; + text-transform: capitalize; } + #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices table tbody tr td a { + background: #475bb2; + color: #ffffff; + padding: 8px 12px; + border-radius: 3px; } + #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices table tbody tr td a:hover { + background: #38488e; } + #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices table tbody tr:nth-child(odd) td { + background: #fafafa; } + +#user-registration .user-registration-MyAccount-content .user-registration-membership-content { + display: flex; + flex-direction: column; + gap: 20px; } + #user-registration .user-registration-MyAccount-content .user-registration-membership-content .membership-row { display: flex; - flex-direction: column; - gap: 20px; } - #user-registration .user-registration-MyAccount-content .user-registration-membership-content .membership-row { - display: flex; - gap: 50px; } - #user-registration .user-registration-MyAccount-content .user-registration-membership-content .membership-row-btn-container { - display: flex; - flex-direction: row-reverse; - align-items: center; } - #user-registration .user-registration-MyAccount-content .user-registration-membership-content .membership-row-btn-container .cancel-membership-button { - border: none; - padding: 10px; - border-radius: 5px; - background: #db0000; - color: white; - cursor: pointer; } - #user-registration .user-registration-MyAccount-content .user-registration-membership-content .membership-row-btn-container #membership-error-div { - width: 70%; - text-align: right; - padding: 8px 16px 8px 12px; - font-size: 14px; - font-weight: 500; - display: none; } - #user-registration .user-registration-MyAccount-content .user-registration-membership-content .membership-row-btn-container #membership-error-div.btn-error { - background: #fff4f4; - color: red; - border-right: 3px solid #f25656; } - #user-registration .user-registration-MyAccount-content .user-registration-membership-content .membership-row-btn-container #membership-error-div.btn-success { - background: #d7ede0; - color: #554545; - border-right: 3px solid #00ff5a; } + gap: 50px; } + #user-registration .user-registration-MyAccount-content .user-registration-membership-content .membership-row-btn-container { + display: flex; + flex-direction: row-reverse; + align-items: center; } + #user-registration .user-registration-MyAccount-content .user-registration-membership-content .membership-row-btn-container .cancel-membership-button { + border: none; + padding: 10px; + border-radius: 5px; + background: #db0000; + color: white; + cursor: pointer; } + #user-registration .user-registration-MyAccount-content .user-registration-membership-content .membership-row-btn-container #membership-error-div { + width: 70%; + text-align: right; + padding: 8px 16px 8px 12px; + font-size: 14px; + font-weight: 500; + display: none; } + #user-registration .user-registration-MyAccount-content .user-registration-membership-content .membership-row-btn-container #membership-error-div.btn-error { + background: #fff4f4; + color: red; + border-right: 3px solid #f25656; } + #user-registration .user-registration-MyAccount-content .user-registration-membership-content .membership-row-btn-container #membership-error-div.btn-success { + background: #d7ede0; + color: #554545; + border-right: 3px solid #00ff5a; } .ur-toggle-section .user-registration-toggle-form { position: relative; @@ -449,3 +456,300 @@ padding: 4px 8px; border-radius: 4px; border-color: #383838; } + +#user-registration.vertical, #user-registration.horizontal { + border-radius: 16px; + background: #ffffff; + box-shadow: 0px 6px 26px 0px rgba(10, 10, 10, 0.08); } + #user-registration.vertical .user-registration-MyAccount-navigation-link, #user-registration.horizontal .user-registration-MyAccount-navigation-link { + border: 0 !important; } + #user-registration.vertical .user-registration-MyAccount-navigation-link:last-child, #user-registration.horizontal .user-registration-MyAccount-navigation-link:last-child { + border: 0 !important; } + #user-registration.vertical .user-registration-MyAccount-navigation-link > a, #user-registration.horizontal .user-registration-MyAccount-navigation-link > a { + display: flex; + gap: 8px; } + #user-registration.vertical .user-registration-MyAccount-navigation-link > a i, #user-registration.horizontal .user-registration-MyAccount-navigation-link > a i { + width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + margin-left: 0 !important; } + #user-registration.vertical .user-registration-MyAccount-content__body h2, #user-registration.horizontal .user-registration-MyAccount-content__body h2 { + margin-bottom: 20px; + color: #383838; + font-size: 22px; + line-height: 32px; } + #user-registration.vertical .user-registration-MyAccount-content__body .user-registration-profile-header, #user-registration.horizontal .user-registration-MyAccount-content__body .user-registration-profile-header { + display: flex; + flex-wrap: wrap; + align-items: center; + flex-direction: column; + margin-bottom: 20px; } + #user-registration.vertical .user-registration-MyAccount-content__body .user-registration-profile-header .user-registration-img-container, #user-registration.horizontal .user-registration-MyAccount-content__body .user-registration-profile-header .user-registration-img-container { + margin: auto; } + #user-registration.vertical .user-registration-MyAccount-content__body p, #user-registration.horizontal .user-registration-MyAccount-content__body p { + margin-bottom: 8px; } + #user-registration.vertical .user-registration-MyAccount-content__body p a, #user-registration.horizontal .user-registration-MyAccount-content__body p a { + font-weight: 500; + color: #475bb2; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid { + padding: 0; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset { + padding: 0; + margin: 0; + border: 0; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row { + margin-bottom: 20px; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row:last-child, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row:last-child { + margin-bottom: 0; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row label, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row label { + margin-top: 0; + margin-bottom: 8px; + color: #222222; + font-size: 15px; + font-weight: 500; + line-height: 21px; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row .password-input-group, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row .password-input-group { + display: block; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row .password-input-group .input-text, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row .password-input-group .input-text { + height: 38px; + padding: 8px 14px 8px 10px; + border-radius: 4px; + border: 1px solid #E1E1E1; + background: #ffffff; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row .password-input-group .input-text:focus, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row .password-input-group .input-text:focus { + border-color: #475bb2; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid .user-registration-form-row .ur-privacy-button, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid .user-registration-form-row .ur-privacy-button { + margin-bottom: 0; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid > p, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid > p { + float: unset; + margin-top: 32px; + text-align: left; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid > p input[type="submit"], #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid > p input[type="submit"] { + float: unset; + border-radius: 4px; + background: #475bb2; + border: 1px solid #475bb2; + color: #ffffff; + font-size: 15px; + line-height: 22px; + padding: 8px 16px; + transition: all .3s; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid > p input[type="submit"]:hover, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid > p input[type="submit"]:hover { + background: #38488e; + border-color: #38488e; } + #user-registration.vertical .user-registration-MyAccount-content__body .user-registration-membership-content .membership-label, #user-registration.horizontal .user-registration-MyAccount-content__body .user-registration-membership-content .membership-label { + width: 40%; + text-align: right; } + #user-registration.vertical .user-registration-MyAccount-content__body .user-registration-membership-content .membership-data, #user-registration.horizontal .user-registration-MyAccount-content__body .user-registration-membership-content .membership-data { + flex: 1; + text-align: right; } + #user-registration.vertical .user-registration-MyAccount-content__body .user-registration-membership-content .membership-row, #user-registration.horizontal .user-registration-MyAccount-content__body .user-registration-membership-content .membership-row { + gap: 0; } + #user-registration.vertical .user-registration-MyAccount-content__body .user-registration-membership-content .membership-row-btn-container, #user-registration.horizontal .user-registration-MyAccount-content__body .user-registration-membership-content .membership-row-btn-container { + margin-top: 20px; + justify-content: flex-start; + flex-direction: unset; } + #user-registration.vertical .user-registration-MyAccount-content__body .user-registration-membership-content .membership-row-btn-container .btn-div, #user-registration.horizontal .user-registration-MyAccount-content__body .user-registration-membership-content .membership-row-btn-container .btn-div { + width: 100%; } + #user-registration.vertical .user-registration-MyAccount-content__body .user-registration-membership-content .membership-row-btn-container .btn-div .cancel-membership-button, #user-registration.horizontal .user-registration-MyAccount-content__body .user-registration-membership-content .membership-row-btn-container .btn-div .cancel-membership-button { + background: #F25656; + padding: 8px 16px; + display: flex; + gap: 6px; + align-items: center; } + #user-registration.vertical .user-registration-MyAccount-content__body .user-registration-membership-content .membership-row-btn-container .btn-div .cancel-membership-button::before, #user-registration.horizontal .user-registration-MyAccount-content__body .user-registration-membership-content .membership-row-btn-container .btn-div .cancel-membership-button::before { + content: ""; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 3.818a8.182 8.182 0 1 0 0 16.364 8.182 8.182 0 0 0 0-16.364ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm13.37-3.37a.91.91 0 0 1 0 1.286L13.286 12l2.084 2.084a.91.91 0 0 1-1.286 1.286L12 13.286 9.916 15.37a.91.91 0 0 1-1.286-1.286L10.714 12 8.63 9.916A.91.91 0 0 1 9.916 8.63L12 10.714l2.084-2.084a.91.91 0 0 1 1.286 0Z' clip-rule='evenodd'/%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-position: center; + background-size: 100%; + width: 18px; + height: 18px; + display: block; } + #user-registration.vertical .user-registration-MyAccount-content__body .user-registration-pn-section .user-registration-pn-container .user-registration-pn-lists, #user-registration.horizontal .user-registration-MyAccount-content__body .user-registration-pn-section .user-registration-pn-container .user-registration-pn-lists { + border-radius: 0 8px 8px 0; } + #user-registration.vertical .user-registration-MyAccount-content__body .user-registration-pn-section .user-registration-pn-container .user-registration-pn-display-detail-area, #user-registration.horizontal .user-registration-MyAccount-content__body .user-registration-pn-section .user-registration-pn-container .user-registration-pn-display-detail-area { + border-radius: 8px 0px 0px 8px; + border: 1px solid #F1F1F1; + background: #ffffff; + border-right: 0; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payments-details, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payments-details { + margin-bottom: 40px; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payments-details .ur-payments-table, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payments-details .ur-payments-table { + margin-bottom: 0; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payments-details .ur-payments-table tbody tr.ur-payment-table-row, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payments-details .ur-payments-table tbody tr.ur-payment-table-row { + padding: 0; + border-bottom: 0; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payments-details .ur-payments-table tbody tr.ur-payment-table-row th, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payments-details .ur-payments-table tbody tr.ur-payment-table-row th { + padding: 0; + width: 360px; + padding: 12px 0; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payments-details .ur-payments-table tbody tr.ur-payment-table-row td, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payments-details .ur-payments-table tbody tr.ur-payment-table-row td { + padding: 12px 0; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices { + margin-top: 0 !important; + padding: 0 !important; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table { + border-radius: 6px !important; + margin-bottom: 0; + border: 0 !important; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr:has(th), #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr:has(th) { + background: #EDEFF7 !important; + border-radius: 6px !important; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr th, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr th { + padding: 16px 20px; + color: #222222; + font-size: 15px; + font-weight: 500; + line-height: 21px; + border-radius: 0 !important; + background: transparent !important; + border: 0; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr th:first-child, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr th:first-child { + width: 200px; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr th:nth-child(2), #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr th:nth-child(2) { + width: 230px !important; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr td, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr td { + border: 0; + padding: 16px 20px; + color: #383838; + font-size: 14px; + font-weight: 400; + line-height: 20px; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr td a#ur_download_payment_invoice, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr td a#ur_download_payment_invoice { + padding: 0; + background: none; + color: #475bb2; + border-radius: 0; + position: relative; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr td a#ur_download_payment_invoice::after, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr td a#ur_download_payment_invoice::after { + content: ""; + background: #38488e; + width: 0px; + height: 1.5px; + position: absolute; + bottom: -2px; + right: 0; + transition: all .3s ease-in-out; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr td a#ur_download_payment_invoice:hover, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr td a#ur_download_payment_invoice:hover { + background: transparent; + color: #38488e; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr td a#ur_download_payment_invoice:hover::after, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr td a#ur_download_payment_invoice:hover::after { + width: 100%; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr:nth-child(odd) td, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr:nth-child(odd) td { + background: #f8f8fa !important; } + +#user-registration.vertical { + padding: 12px; + border-radius: 16px; } + #user-registration.vertical .user-registration-MyAccount-navigation { + border-radius: 10px; + background: #F8F8FA; + max-width: 260px; + width: 100%; + padding: 26px 20px 16px; + border: 0; } + #user-registration.vertical .user-registration-MyAccount-navigation ul { + gap: 4px; } + #user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link { + transition: all .3s; } + #user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a { + padding: 12px 24px 12px 12px; + border-radius: 4px; + border-right: 3px solid transparent; + color: #4E4E4E; + font-size: 14px; + font-weight: 500; + line-height: 22px; } + #user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link:hover a { + background: #edeff7; + color: #475bb2; } + #user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a { + color: #475bb2; + background: #edeff7; } + #user-registration.vertical .user-registration-MyAccount-content { + padding: 24px 36px 52px 24px; } + #user-registration.vertical .user-registration-MyAccount-content__header { + border-bottom: 1px solid #F4F4F4; + padding-bottom: 16px; + margin-bottom: 32px; } + #user-registration.vertical .user-registration-MyAccount-content__header h1 { + margin-bottom: 0; + text-align: right; + color: #222222; + font-size: 24px; + font-weight: 500; + line-height: 36px; } + +#user-registration.horizontal .user-registration-MyAccount-navigation-link a { + border-right: 0 !important; + padding: 16px 24px; + font-size: 14px; + font-weight: 500; + line-height: 22px; + color: #4E4E4E; + border-bottom: 3px solid #ffffff !important; + transition: all .3s; } + #user-registration.horizontal .user-registration-MyAccount-navigation-link a:hover { + color: #475bb2; + background: #edeff7; + border-bottom-color: #edeff7 !important; } + +#user-registration.horizontal .user-registration-MyAccount-navigation-link.is-active a { + border-bottom-color: #475bb2 !important; + color: #475bb2; + background: #edeff7 !important; } + +#user-registration.horizontal .user-registration-MyAccount-content { + padding: 24px 36px 52px 36px; } + +.user-registration-logout-swal2-container .swal2-modal { + padding: 0px !important; } + .user-registration-logout-swal2-container .swal2-modal .swal2-header { + padding: 20px; + align-items: baseline; } + .user-registration-logout-swal2-container .swal2-modal .swal2-header h2 { + border-bottom: 1px solid #D3D3D3; + padding-bottom: 16px; + width: 100%; + text-align: right; + margin-bottom: 0; + color: #222222; + font-size: 16px; + font-weight: 500; + line-height: 24px; } + .user-registration-logout-swal2-container .swal2-modal .swal2-content { + text-align: right; + color: #383838; + font-size: 14px; + font-weight: 400; + line-height: 24px; } + .user-registration-logout-swal2-container .swal2-modal .swal2-actions { + display: flex; + flex-direction: row-reverse; + justify-content: center; + background-color: #F0F0F0; + padding: 18px 20px; + gap: 16px; + margin-top: 20px; + border-radius: 0 0 5px 5px; + background: #F4F4F4; } + .user-registration-logout-swal2-container .swal2-modal .swal2-actions button { + width: 45%; + color: #383838; + font-size: 14px; + font-weight: 400; + line-height: 24px; + margin: 0; + padding: 6px 12px; } + .user-registration-logout-swal2-container .swal2-modal .swal2-actions button:focus { + border: 0; + outline: none; + box-shadow: none; } + .user-registration-logout-swal2-container .swal2-modal .swal2-actions button.swal2-confirm { + color: #ffffff; } + .user-registration-logout-swal2-container .swal2-modal .swal2-actions button.swal2-cancel { + color: #383838; + background: #ffffff !important; } diff --git a/assets/css/my-account-layout.css b/assets/css/my-account-layout.css index e719fcb27..41307411d 100644 --- a/assets/css/my-account-layout.css +++ b/assets/css/my-account-layout.css @@ -19,24 +19,13 @@ #user-registration.vertical .user-registration-error, #user-registration.vertical .user-registration-message { float: none; width: 100%; } - #user-registration.vertical .user-registration-MyAccount-navigation { - background: #f0f1f5; - width: 25%; } - #user-registration.vertical .user-registration-MyAccount-navigation ul { - flex-direction: column; - flex-wrap: nowrap; } - #user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a { - background: #dee0e9; - border-color: #475bb2; } + #user-registration.vertical .user-registration-MyAccount-navigation ul { + flex-direction: column; + flex-wrap: nowrap; } + #user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a { + border-color: #475bb2; } #user-registration.vertical .user-registration-MyAccount-content { - width: 75%; } - #user-registration.vertical .user-registration-MyAccount-content .user-registration-profile-header { - display: flex; - flex-wrap: wrap; - align-items: center; - flex-direction: column; } - #user-registration.vertical .user-registration-MyAccount-content .user-registration-profile-header .user-registration-img-container { - margin: auto; } + flex: 1; } #user-registration.horizontal, #user-registration { box-shadow: 0 2px 20px rgba(45, 53, 89, 0.1); } @@ -51,7 +40,9 @@ #user-registration.horizontal .user-registration-MyAccount-navigation ul, #user-registration .user-registration-MyAccount-navigation ul { justify-content: center; } #user-registration.horizontal .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a, #user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a { - padding: 15px 20px; } + padding: 15px 20px; + font-family: inherit; + font-weight: 500; } #user-registration.horizontal .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a, #user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a { background-color: #dee0e9; } #user-registration.horizontal .user-registration-MyAccount-content, @@ -88,236 +79,232 @@ #user-registration .ur-edit-profile .edit-profile h2 { text-align: center; } -#user-registration .user-registration-MyAccount-content { - padding: 40px 40px 40px 48px; } - @media (max-width: 991px) { - #user-registration .user-registration-MyAccount-content { - padding: 36px 30px; } } - #user-registration .user-registration-MyAccount-content .ur-frontend-form { - padding: 0 !important; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form:has(.user-registration-PrivacyTab) h2 { - text-align: left; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-EditProfileForm .user-registration-profile-fields h2 { - text-align: center; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-EditAccountForm .ur-form-grid > p { - float: right; - margin-top: 24px; - margin-bottom: 0; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-EditProfileForm .user-registration-profile-fields > p { - float: right; - margin-top: 24px; - margin-bottom: 0; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab { - text-align: left; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-grid { - padding-left: 0; - padding-right: 0; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row { +@media (max-width: 991px) { + #user-registration .user-registration-MyAccount-content { + padding: 36px 30px; } } + +#user-registration .user-registration-MyAccount-content > h2 { + margin-bottom: 24px; } + +#user-registration .user-registration-MyAccount-content .user-registration-profile-header { + margin-bottom: 20px; + gap: 16px; } + #user-registration .user-registration-MyAccount-content .user-registration-profile-header header h3 { + margin-bottom: 0; } + +#user-registration .user-registration-MyAccount-content > p { + margin-bottom: 8px; } + #user-registration .user-registration-MyAccount-content > p a { + font-weight: 500; + color: #475bb2; } + +#user-registration .user-registration-MyAccount-content .ur-frontend-form { + padding: 0 !important; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form:has(.user-registration-PrivacyTab) h2 { + text-align: left; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-EditProfileForm .user-registration-profile-fields h2 { + text-align: center; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-EditAccountForm .ur-form-grid > p { + float: right; + margin-top: 24px; + margin-bottom: 0; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-EditProfileForm .user-registration-profile-fields > p { + float: right; + margin-top: 24px; + margin-bottom: 0; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab { + text-align: left; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-grid { + padding-left: 0; + padding-right: 0; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row { + display: flex; + flex-wrap: wrap; + row-gap: 10px; + margin-bottom: 30px; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row:last-child { + margin-bottom: 0; } + @media (max-width: 991px) { + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row { + flex-direction: column; + gap: 12px; } } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-field-label { + width: 40%; + max-width: 100%; } + @media (max-width: 991px) { + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-field-label { + width: 100%; } } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-field-label label { + font-size: 15px; + line-height: 150%; + font-weight: 500; + color: #383838; + margin: 0; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-field-label label .ur-portal-tooltip::after { + color: #BABABA; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input { display: flex; - flex-wrap: wrap; - row-gap: 10px; - margin-bottom: 30px; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row:last-child { - margin-bottom: 0; } + align-items: center; + gap: 12px; + width: 60%; + max-width: 100%; } @media (max-width: 991px) { - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row { - flex-direction: column; - gap: 12px; } } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-field-label { - width: 40%; - max-width: 100%; } - @media (max-width: 991px) { - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-field-label { - width: 100%; } } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-field-label label { - font-size: 15px; - line-height: 150%; + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input { + width: 100%; } } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box { + position: relative; + display: block; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box label { + display: block; + border-radius: 3px; + padding: 8px 12px 8px 34px; + border: 1px solid #999999; + cursor: pointer; + font-size: 14px; font-weight: 500; - color: #383838; + line-height: 150%; + color: #6B6B6B; margin: 0; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-field-label label .ur-portal-tooltip::after { - color: #BABABA; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input { + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box label::before, #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box label::after { + content: ""; + position: absolute; + left: 12px; + top: 12px; + width: 16px; + height: 16px; + border-radius: 50%; + border: 1px solid #bdbdbd; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box label::before { + z-index: 2; + overflow: hidden; + background: transparent; + width: 0; + height: 0; + border: none; + transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s, 0.3s width cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box input[type="radio"] { + display: none; + position: absolute; + width: 100%; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + margin-right: 0; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box input[type="radio"]:checked + label { + color: #475BB2; + background: #EDEFF7; + border-color: #475BB2; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box input[type="radio"]:checked + label::after { + background: #fff; + border: 1px solid #475BB2; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box input[type="radio"]:checked + label::before { + width: 8px; + height: 8px; + background: #475BB2; + top: 16px; + left: 16px; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row.ur-about-your-data { + margin-bottom: 40px; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input { + width: 60%; + max-width: 100%; } + @media (max-width: 991px) { + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input { + width: 100%; } } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input h3 { + font-weight: 600; + font-size: 18px; + line-height: 24px; + color: #6B6B6B; + margin-bottom: 12px; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input p { + font-weight: 400; + font-size: 15px; + line-height: 23px; + color: #6B6B6B; + margin-bottom: 0; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn { display: flex; + flex-wrap: wrap; align-items: center; - gap: 12px; - width: 60%; - max-width: 100%; } - @media (max-width: 991px) { - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input { - width: 100%; } } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box { - position: relative; - display: block; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box label { - display: block; - border-radius: 3px; - padding: 8px 12px 8px 34px; - border: 1px solid #999999; - cursor: pointer; - font-size: 14px; - font-weight: 500; - line-height: 150%; - color: #6B6B6B; - margin: 0; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box label::before, #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box label::after { - content: ""; - position: absolute; - left: 12px; - top: 12px; - width: 16px; - height: 16px; - border-radius: 50%; - border: 1px solid #bdbdbd; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box label::before { - z-index: 2; - overflow: hidden; - background: transparent; - width: 0; - height: 0; - border: none; - transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s, 0.3s width cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box input[type="radio"] { - display: none; - position: absolute; - width: 100%; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - margin-right: 0; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box input[type="radio"]:checked + label { - color: #475BB2; - background: #EDEFF7; - border-color: #475BB2; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box input[type="radio"]:checked + label::after { - background: #fff; - border: 1px solid #475BB2; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-privacy-input--radio-box input[type="radio"]:checked + label::before { - width: 8px; - height: 8px; - background: #475BB2; - top: 16px; - left: 16px; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row.ur-about-your-data { - margin-bottom: 40px; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input { - width: 60%; - max-width: 100%; } - @media (max-width: 991px) { - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input { - width: 100%; } } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input h3 { - font-weight: 600; - font-size: 18px; - line-height: 24px; + gap: 20px; + margin-top: 20px; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn .ur-button { + padding: 10px 16px; + background: #0170B9; + border: 1px solid #0170B9; + border-radius: 3px; + font-weight: 500; + font-size: 14px; + line-height: 150%; + color: #FFFFFF; + text-decoration: none; + transition: all .3s ease-in-out; + letter-spacing: .2px; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn .ur-button:hover { + background: #004c7d; + border-color: #004c7d; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn #ur-new-download-request { + font-weight: 500; + font-size: 14px; + line-height: 150%; + text-decoration-line: underline; color: #6B6B6B; - margin-bottom: 12px; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input p { + letter-spacing: .1px; + transition: all .3s ease-in-out; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn #ur-new-download-request:hover { + color: #0170B9; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn #ur-new-erase-request { + font-weight: 500; + font-size: 14px; + line-height: 150%; + text-decoration-line: underline; + color: #6B6B6B; + letter-spacing: .1px; + transition: all .3s ease-in-out; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn #ur-new-erase-request:hover { + color: #0170B9; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field { + margin-bottom: 32px; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field:last-child { + margin-bottom: 0; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field label { font-weight: 400; font-size: 15px; - line-height: 23px; color: #6B6B6B; - margin-bottom: 0; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn { - display: flex; - flex-wrap: wrap; - align-items: center; - gap: 20px; - margin-top: 20px; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn .ur-button { - padding: 10px 16px; - background: #0170B9; - border: 1px solid #0170B9; - border-radius: 3px; - font-weight: 500; - font-size: 14px; - line-height: 150%; - color: #FFFFFF; - text-decoration: none; - transition: all .3s ease-in-out; - letter-spacing: .2px; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn .ur-button:hover { - background: #004c7d; - border-color: #004c7d; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn #ur-new-download-request { - font-weight: 500; - font-size: 14px; - line-height: 150%; - text-decoration-line: underline; - color: #6B6B6B; - letter-spacing: .1px; - transition: all .3s ease-in-out; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn #ur-new-download-request:hover { - color: #0170B9; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn #ur-new-erase-request { - font-weight: 500; - font-size: 14px; - line-height: 150%; - text-decoration-line: underline; - color: #6B6B6B; - letter-spacing: .1px; - transition: all .3s ease-in-out; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-privacy-action-btn #ur-new-erase-request:hover { - color: #0170B9; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field { - margin-bottom: 32px; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field:last-child { - margin-bottom: 0; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field label { - font-weight: 400; - font-size: 15px; - color: #6B6B6B; - line-height: 150%; - margin-top: 0; - margin-bottom: 16px; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-field-area { - margin-bottom: 16px; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-field-area input[type="password"] { - padding: 8px 14px; - background: #FFFFFF; - border: 1px solid #E1E1E1; - border-radius: 4px; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-field-area input[type="password"]::placeholder { - color: #BABABA; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-field-area .ur-field-error { - background: #FFF4F4; - padding: 8px 12px 8px 16px; - color: #F25656; - font-weight: 500; - border-left: 3px solid #F25656; - margin-top: 8px; - font-size: 14px; - display: flex; - align-items: center; - gap: 4px; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-field-area .ur-field-error::before { - content: ""; - background-image: url("../images/icons/alert-icon.svg"); - background-position: center; - background-size: 100%; - background-repeat: no-repeat; - display: block; - width: 18px; - height: 18px; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-request-button { + line-height: 150%; + margin-top: 0; + margin-bottom: 16px; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-field-area { + margin-bottom: 16px; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-field-area input[type="password"] { + padding: 8px 14px; + background: #FFFFFF; + border: 1px solid #E1E1E1; + border-radius: 4px; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-field-area input[type="password"]::placeholder { + color: #BABABA; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-field-area .ur-field-error { + background: #FFF4F4; + padding: 8px 12px 8px 16px; + color: #F25656; font-weight: 500; + border-left: 3px solid #F25656; + margin-top: 8px; font-size: 14px; - line-height: 150%; - color: #FFFFFF; - padding: 10px 16px; - background: #0170B9; - border: 1px solid #0170B9; - border-radius: 3px; - letter-spacing: 0.2px; - transition: all .3s ease-in-out; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-request-button:hover { - background: #004C7D; - border-color: #004C7D; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row.ur-privacy-button { - padding-top: 32px; - border-top: 1px solid #e1e1e1; - justify-content: flex-end; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row.ur-privacy-button input[type="submit"] { + display: flex; + align-items: center; + gap: 4px; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-field-area .ur-field-error::before { + content: ""; + background-image: url("../images/icons/alert-icon.svg"); + background-position: center; + background-size: 100%; + background-repeat: no-repeat; + display: block; + width: 18px; + height: 18px; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-request-button { font-weight: 500; font-size: 14px; line-height: 150%; @@ -328,66 +315,86 @@ border-radius: 3px; letter-spacing: 0.2px; transition: all .3s ease-in-out; } - #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row.ur-privacy-button input[type="submit"]:hover { + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row .ur-about-your-data-input .ur-field .ur-request-button:hover { background: #004C7D; border-color: #004C7D; } - #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices { - padding-left: 20px; - padding-right: 20px; - overflow: hidden; - overflow-x: auto; - margin-top: 15px; } - #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices table { - border-collapse: collapse; - border: 1px solid #f1f1f1; } - #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices table tbody tr th { - background: #F1F5F9; - font-weight: 600; } - #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices table tbody tr td:last-child { - color: #59B259; - text-transform: capitalize; } - #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices table tbody tr td a { - background: #475bb2; - color: #ffffff; - padding: 8px 12px; - border-radius: 3px; } - #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices table tbody tr td a:hover { - background: #38488e; } - #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices table tbody tr:nth-child(odd) td { - background: #fafafa; } - #user-registration .user-registration-MyAccount-content .user-registration-membership-content { + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row.ur-privacy-button { + padding-top: 32px; + border-top: 1px solid #e1e1e1; + justify-content: flex-end; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row.ur-privacy-button input[type="submit"] { + font-weight: 500; + font-size: 14px; + line-height: 150%; + color: #FFFFFF; + padding: 10px 16px; + background: #0170B9; + border: 1px solid #0170B9; + border-radius: 3px; + letter-spacing: 0.2px; + transition: all .3s ease-in-out; } + #user-registration .user-registration-MyAccount-content .ur-frontend-form .user-registration-PrivacyTab .ur-form-row .user-registration-form-row.ur-privacy-button input[type="submit"]:hover { + background: #004C7D; + border-color: #004C7D; } + +#user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices { + padding-left: 20px; + padding-right: 20px; + overflow: hidden; + overflow-x: auto; + margin-top: 15px; } + #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices table { + border-collapse: collapse; + border: 1px solid #f1f1f1; } + #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices table tbody tr th { + background: #F1F5F9; + font-weight: 600; } + #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices table tbody tr td:last-child { + color: #59B259; + text-transform: capitalize; } + #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices table tbody tr td a { + background: #475bb2; + color: #ffffff; + padding: 8px 12px; + border-radius: 3px; } + #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices table tbody tr td a:hover { + background: #38488e; } + #user-registration .user-registration-MyAccount-content .ur-payments-container .ur-payment-invoices table tbody tr:nth-child(odd) td { + background: #fafafa; } + +#user-registration .user-registration-MyAccount-content .user-registration-membership-content { + display: flex; + flex-direction: column; + gap: 20px; } + #user-registration .user-registration-MyAccount-content .user-registration-membership-content .membership-row { display: flex; - flex-direction: column; - gap: 20px; } - #user-registration .user-registration-MyAccount-content .user-registration-membership-content .membership-row { - display: flex; - gap: 50px; } - #user-registration .user-registration-MyAccount-content .user-registration-membership-content .membership-row-btn-container { - display: flex; - flex-direction: row-reverse; - align-items: center; } - #user-registration .user-registration-MyAccount-content .user-registration-membership-content .membership-row-btn-container .cancel-membership-button { - border: none; - padding: 10px; - border-radius: 5px; - background: #db0000; - color: white; - cursor: pointer; } - #user-registration .user-registration-MyAccount-content .user-registration-membership-content .membership-row-btn-container #membership-error-div { - width: 70%; - text-align: left; - padding: 8px 12px 8px 16px; - font-size: 14px; - font-weight: 500; - display: none; } - #user-registration .user-registration-MyAccount-content .user-registration-membership-content .membership-row-btn-container #membership-error-div.btn-error { - background: #fff4f4; - color: red; - border-left: 3px solid #f25656; } - #user-registration .user-registration-MyAccount-content .user-registration-membership-content .membership-row-btn-container #membership-error-div.btn-success { - background: #d7ede0; - color: #554545; - border-left: 3px solid #00ff5a; } + gap: 50px; } + #user-registration .user-registration-MyAccount-content .user-registration-membership-content .membership-row-btn-container { + display: flex; + flex-direction: row-reverse; + align-items: center; } + #user-registration .user-registration-MyAccount-content .user-registration-membership-content .membership-row-btn-container .cancel-membership-button { + border: none; + padding: 10px; + border-radius: 5px; + background: #db0000; + color: white; + cursor: pointer; } + #user-registration .user-registration-MyAccount-content .user-registration-membership-content .membership-row-btn-container #membership-error-div { + width: 70%; + text-align: left; + padding: 8px 12px 8px 16px; + font-size: 14px; + font-weight: 500; + display: none; } + #user-registration .user-registration-MyAccount-content .user-registration-membership-content .membership-row-btn-container #membership-error-div.btn-error { + background: #fff4f4; + color: red; + border-left: 3px solid #f25656; } + #user-registration .user-registration-MyAccount-content .user-registration-membership-content .membership-row-btn-container #membership-error-div.btn-success { + background: #d7ede0; + color: #554545; + border-left: 3px solid #00ff5a; } .ur-toggle-section .user-registration-toggle-form { position: relative; @@ -449,3 +456,300 @@ padding: 4px 8px; border-radius: 4px; border-color: #383838; } + +#user-registration.vertical, #user-registration.horizontal { + border-radius: 16px; + background: #ffffff; + box-shadow: 0px 6px 26px 0px rgba(10, 10, 10, 0.08); } + #user-registration.vertical .user-registration-MyAccount-navigation-link, #user-registration.horizontal .user-registration-MyAccount-navigation-link { + border: 0 !important; } + #user-registration.vertical .user-registration-MyAccount-navigation-link:last-child, #user-registration.horizontal .user-registration-MyAccount-navigation-link:last-child { + border: 0 !important; } + #user-registration.vertical .user-registration-MyAccount-navigation-link > a, #user-registration.horizontal .user-registration-MyAccount-navigation-link > a { + display: flex; + gap: 8px; } + #user-registration.vertical .user-registration-MyAccount-navigation-link > a i, #user-registration.horizontal .user-registration-MyAccount-navigation-link > a i { + width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + margin-right: 0 !important; } + #user-registration.vertical .user-registration-MyAccount-content__body h2, #user-registration.horizontal .user-registration-MyAccount-content__body h2 { + margin-bottom: 20px; + color: #383838; + font-size: 22px; + line-height: 32px; } + #user-registration.vertical .user-registration-MyAccount-content__body .user-registration-profile-header, #user-registration.horizontal .user-registration-MyAccount-content__body .user-registration-profile-header { + display: flex; + flex-wrap: wrap; + align-items: center; + flex-direction: column; + margin-bottom: 20px; } + #user-registration.vertical .user-registration-MyAccount-content__body .user-registration-profile-header .user-registration-img-container, #user-registration.horizontal .user-registration-MyAccount-content__body .user-registration-profile-header .user-registration-img-container { + margin: auto; } + #user-registration.vertical .user-registration-MyAccount-content__body p, #user-registration.horizontal .user-registration-MyAccount-content__body p { + margin-bottom: 8px; } + #user-registration.vertical .user-registration-MyAccount-content__body p a, #user-registration.horizontal .user-registration-MyAccount-content__body p a { + font-weight: 500; + color: #475bb2; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid { + padding: 0; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset { + padding: 0; + margin: 0; + border: 0; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row { + margin-bottom: 20px; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row:last-child, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row:last-child { + margin-bottom: 0; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row label, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row label { + margin-top: 0; + margin-bottom: 8px; + color: #222222; + font-size: 15px; + font-weight: 500; + line-height: 21px; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row .password-input-group, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row .password-input-group { + display: block; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row .password-input-group .input-text, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row .password-input-group .input-text { + height: 38px; + padding: 8px 10px 8px 14px; + border-radius: 4px; + border: 1px solid #E1E1E1; + background: #ffffff; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row .password-input-group .input-text:focus, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row .password-input-group .input-text:focus { + border-color: #475bb2; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid .user-registration-form-row .ur-privacy-button, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid .user-registration-form-row .ur-privacy-button { + margin-bottom: 0; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid > p, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid > p { + float: unset; + margin-top: 32px; + text-align: right; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid > p input[type="submit"], #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid > p input[type="submit"] { + float: unset; + border-radius: 4px; + background: #475bb2; + border: 1px solid #475bb2; + color: #ffffff; + font-size: 15px; + line-height: 22px; + padding: 8px 16px; + transition: all .3s; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid > p input[type="submit"]:hover, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid > p input[type="submit"]:hover { + background: #38488e; + border-color: #38488e; } + #user-registration.vertical .user-registration-MyAccount-content__body .user-registration-membership-content .membership-label, #user-registration.horizontal .user-registration-MyAccount-content__body .user-registration-membership-content .membership-label { + width: 40%; + text-align: left; } + #user-registration.vertical .user-registration-MyAccount-content__body .user-registration-membership-content .membership-data, #user-registration.horizontal .user-registration-MyAccount-content__body .user-registration-membership-content .membership-data { + flex: 1; + text-align: left; } + #user-registration.vertical .user-registration-MyAccount-content__body .user-registration-membership-content .membership-row, #user-registration.horizontal .user-registration-MyAccount-content__body .user-registration-membership-content .membership-row { + gap: 0; } + #user-registration.vertical .user-registration-MyAccount-content__body .user-registration-membership-content .membership-row-btn-container, #user-registration.horizontal .user-registration-MyAccount-content__body .user-registration-membership-content .membership-row-btn-container { + margin-top: 20px; + justify-content: flex-start; + flex-direction: unset; } + #user-registration.vertical .user-registration-MyAccount-content__body .user-registration-membership-content .membership-row-btn-container .btn-div, #user-registration.horizontal .user-registration-MyAccount-content__body .user-registration-membership-content .membership-row-btn-container .btn-div { + width: 100%; } + #user-registration.vertical .user-registration-MyAccount-content__body .user-registration-membership-content .membership-row-btn-container .btn-div .cancel-membership-button, #user-registration.horizontal .user-registration-MyAccount-content__body .user-registration-membership-content .membership-row-btn-container .btn-div .cancel-membership-button { + background: #F25656; + padding: 8px 16px; + display: flex; + gap: 6px; + align-items: center; } + #user-registration.vertical .user-registration-MyAccount-content__body .user-registration-membership-content .membership-row-btn-container .btn-div .cancel-membership-button::before, #user-registration.horizontal .user-registration-MyAccount-content__body .user-registration-membership-content .membership-row-btn-container .btn-div .cancel-membership-button::before { + content: ""; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 3.818a8.182 8.182 0 1 0 0 16.364 8.182 8.182 0 0 0 0-16.364ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm13.37-3.37a.91.91 0 0 1 0 1.286L13.286 12l2.084 2.084a.91.91 0 0 1-1.286 1.286L12 13.286 9.916 15.37a.91.91 0 0 1-1.286-1.286L10.714 12 8.63 9.916A.91.91 0 0 1 9.916 8.63L12 10.714l2.084-2.084a.91.91 0 0 1 1.286 0Z' clip-rule='evenodd'/%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-position: center; + background-size: 100%; + width: 18px; + height: 18px; + display: block; } + #user-registration.vertical .user-registration-MyAccount-content__body .user-registration-pn-section .user-registration-pn-container .user-registration-pn-lists, #user-registration.horizontal .user-registration-MyAccount-content__body .user-registration-pn-section .user-registration-pn-container .user-registration-pn-lists { + border-radius: 8px 0 0 8px; } + #user-registration.vertical .user-registration-MyAccount-content__body .user-registration-pn-section .user-registration-pn-container .user-registration-pn-display-detail-area, #user-registration.horizontal .user-registration-MyAccount-content__body .user-registration-pn-section .user-registration-pn-container .user-registration-pn-display-detail-area { + border-radius: 0px 8px 8px 0px; + border: 1px solid #F1F1F1; + background: #ffffff; + border-left: 0; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payments-details, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payments-details { + margin-bottom: 40px; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payments-details .ur-payments-table, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payments-details .ur-payments-table { + margin-bottom: 0; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payments-details .ur-payments-table tbody tr.ur-payment-table-row, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payments-details .ur-payments-table tbody tr.ur-payment-table-row { + padding: 0; + border-bottom: 0; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payments-details .ur-payments-table tbody tr.ur-payment-table-row th, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payments-details .ur-payments-table tbody tr.ur-payment-table-row th { + padding: 0; + width: 360px; + padding: 12px 0; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payments-details .ur-payments-table tbody tr.ur-payment-table-row td, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payments-details .ur-payments-table tbody tr.ur-payment-table-row td { + padding: 12px 0; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices { + margin-top: 0 !important; + padding: 0 !important; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table { + border-radius: 6px !important; + margin-bottom: 0; + border: 0 !important; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr:has(th), #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr:has(th) { + background: #EDEFF7 !important; + border-radius: 6px !important; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr th, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr th { + padding: 16px 20px; + color: #222222; + font-size: 15px; + font-weight: 500; + line-height: 21px; + border-radius: 0 !important; + background: transparent !important; + border: 0; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr th:first-child, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr th:first-child { + width: 200px; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr th:nth-child(2), #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr th:nth-child(2) { + width: 230px !important; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr td, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr td { + border: 0; + padding: 16px 20px; + color: #383838; + font-size: 14px; + font-weight: 400; + line-height: 20px; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr td a#ur_download_payment_invoice, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr td a#ur_download_payment_invoice { + padding: 0; + background: none; + color: #475bb2; + border-radius: 0; + position: relative; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr td a#ur_download_payment_invoice::after, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr td a#ur_download_payment_invoice::after { + content: ""; + background: #38488e; + width: 0px; + height: 1.5px; + position: absolute; + bottom: -2px; + left: 0; + transition: all .3s ease-in-out; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr td a#ur_download_payment_invoice:hover, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr td a#ur_download_payment_invoice:hover { + background: transparent; + color: #38488e; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr td a#ur_download_payment_invoice:hover::after, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr td a#ur_download_payment_invoice:hover::after { + width: 100%; } + #user-registration.vertical .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr:nth-child(odd) td, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-payments-container .ur-payment-invoices table.ur-payment-invoice-table tbody tr:nth-child(odd) td { + background: #f8f8fa !important; } + +#user-registration.vertical { + padding: 12px; + border-radius: 16px; } + #user-registration.vertical .user-registration-MyAccount-navigation { + border-radius: 10px; + background: #F8F8FA; + max-width: 260px; + width: 100%; + padding: 26px 20px 16px; + border: 0; } + #user-registration.vertical .user-registration-MyAccount-navigation ul { + gap: 4px; } + #user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link { + transition: all .3s; } + #user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a { + padding: 12px 12px 12px 24px; + border-radius: 4px; + border-left: 3px solid transparent; + color: #4E4E4E; + font-size: 14px; + font-weight: 500; + line-height: 22px; } + #user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link:hover a { + background: #edeff7; + color: #475bb2; } + #user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a { + color: #475bb2; + background: #edeff7; } + #user-registration.vertical .user-registration-MyAccount-content { + padding: 24px 24px 52px 36px; } + #user-registration.vertical .user-registration-MyAccount-content__header { + border-bottom: 1px solid #F4F4F4; + padding-bottom: 16px; + margin-bottom: 32px; } + #user-registration.vertical .user-registration-MyAccount-content__header h1 { + margin-bottom: 0; + text-align: left; + color: #222222; + font-size: 24px; + font-weight: 500; + line-height: 36px; } + +#user-registration.horizontal .user-registration-MyAccount-navigation-link a { + border-left: 0 !important; + padding: 16px 24px; + font-size: 14px; + font-weight: 500; + line-height: 22px; + color: #4E4E4E; + border-bottom: 3px solid #ffffff !important; + transition: all .3s; } + #user-registration.horizontal .user-registration-MyAccount-navigation-link a:hover { + color: #475bb2; + background: #edeff7; + border-bottom-color: #edeff7 !important; } + +#user-registration.horizontal .user-registration-MyAccount-navigation-link.is-active a { + border-bottom-color: #475bb2 !important; + color: #475bb2; + background: #edeff7 !important; } + +#user-registration.horizontal .user-registration-MyAccount-content { + padding: 24px 36px 52px 36px; } + +.user-registration-logout-swal2-container .swal2-modal { + padding: 0px !important; } + .user-registration-logout-swal2-container .swal2-modal .swal2-header { + padding: 20px; + align-items: baseline; } + .user-registration-logout-swal2-container .swal2-modal .swal2-header h2 { + border-bottom: 1px solid #D3D3D3; + padding-bottom: 16px; + width: 100%; + text-align: left; + margin-bottom: 0; + color: #222222; + font-size: 16px; + font-weight: 500; + line-height: 24px; } + .user-registration-logout-swal2-container .swal2-modal .swal2-content { + text-align: left; + color: #383838; + font-size: 14px; + font-weight: 400; + line-height: 24px; } + .user-registration-logout-swal2-container .swal2-modal .swal2-actions { + display: flex; + flex-direction: row-reverse; + justify-content: center; + background-color: #F0F0F0; + padding: 18px 20px; + gap: 16px; + margin-top: 20px; + border-radius: 0 0 5px 5px; + background: #F4F4F4; } + .user-registration-logout-swal2-container .swal2-modal .swal2-actions button { + width: 45%; + color: #383838; + font-size: 14px; + font-weight: 400; + line-height: 24px; + margin: 0; + padding: 6px 12px; } + .user-registration-logout-swal2-container .swal2-modal .swal2-actions button:focus { + border: 0; + outline: none; + box-shadow: none; } + .user-registration-logout-swal2-container .swal2-modal .swal2-actions button.swal2-confirm { + color: #ffffff; } + .user-registration-logout-swal2-container .swal2-modal .swal2-actions button.swal2-cancel { + color: #383838; + background: #ffffff !important; } diff --git a/assets/css/my-account-layout.scss b/assets/css/my-account-layout.scss index f1d2eeb6f..b3ee7d564 100644 --- a/assets/css/my-account-layout.scss +++ b/assets/css/my-account-layout.scss @@ -11,9 +11,6 @@ } .user-registration-MyAccount-navigation { - background: $color_gray_five; - width: 25%; - ul { flex-direction: column; flex-wrap: nowrap; @@ -21,7 +18,6 @@ .user-registration-MyAccount-navigation-link { &.is-active { a { - background: $color_gray_four; border-color: $primary_color; } } @@ -30,18 +26,7 @@ } .user-registration-MyAccount-content { - width: 75%; - - .user-registration-profile-header { - display: flex; - flex-wrap: wrap; - align-items: center; - flex-direction: column; - - .user-registration-img-container { - margin: auto; - } - } + flex: 1; } } @@ -64,6 +49,8 @@ .user-registration-MyAccount-navigation-link { a { padding: 15px 20px; + font-family: inherit; + font-weight: 500; } &.is-active { @@ -117,13 +104,34 @@ } .user-registration-MyAccount-content { - // text-align: left; - padding: 40px 40px 40px 48px; - @media (max-width: 991px) { padding: 36px 30px; } + > h2 { + margin-bottom: $spacing_24px; + } + + .user-registration-profile-header { + margin-bottom: $spacing_20px; + gap: $spacing_16px; + + header { + h3 { + margin-bottom: 0; + } + } + } + + > p { + margin-bottom: $spacing_8px; + + a { + font-weight: 500; + color: $primary_color; + } + } + .ur-frontend-form { padding: 0 !important; @@ -686,3 +694,498 @@ border-color: $grey-400; } } + +// My Account Page Design Revamp CSS +#user-registration { + &.vertical, + &.horizontal { + border-radius: $border_radius_16; + background: $grey-0; + box-shadow: 0px 6px 26px 0px rgba(10, 10, 10, 0.08); + + .user-registration-MyAccount { + &-navigation { + &-link { + border: 0 !important; + + &:last-child { + border: 0 !important; + } + + > a { + display: flex; + gap: $spacing_8px; + + i { + width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + margin-right: 0 !important; + } + } + } + } + + &-content { + &__body { + h2 { + margin-bottom: $spacing_20px; + color: $grey-400; + font-size: 22px; + line-height: 32px; + } + + .user-registration-profile-header { + display: flex; + flex-wrap: wrap; + align-items: center; + flex-direction: column; + margin-bottom: $spacing_20px; + + .user-registration-img-container { + margin: auto; + } + } + + p { + margin-bottom: $spacing_8px; + + a { + font-weight: $medium; + color: $primary_color; + } + } + + .ur-frontend-form { + &.login { + .ur-form-row { + .ur-form-grid { + padding: 0; + + fieldset { + padding: 0; + margin: 0; + border: 0; + + .user-registration-form-row { + margin-bottom: $spacing_20px; + + &:last-child { + margin-bottom: 0; + } + + label { + margin-top: 0; + margin-bottom: $spacing_8px; + color: $grey-500; + font-size: 15px; + font-weight: $medium; + line-height: 21px; + } + + .password-input-group { + display: block; + + .input-text { + height: 38px; + padding: $spacing_8px $spacing_10px $spacing_8px $spacing_14px; + border-radius: $border_radius_4; + border: $border_width solid #E1E1E1; + background: $grey-0; + + &:focus { + border-color: $primary_color; + } + } + } + } + } + + .user-registration-form-row { + .ur-privacy-button { + margin-bottom: 0; + } + } + + // Save Changes Button CSS + > p { + float: unset; + margin-top: $spacing_32px; + text-align: right; + + input[type="submit"] { + float: unset; + border-radius: $border_radius_4; + background: $primary_color; + border: $border_width solid $primary_color; + color: $grey-0; + font-size: 15px; + line-height: 22px; + padding: $spacing_8px $spacing_16px; + transition: all .3s; + + &:hover { + background: darken($primary_color, 10%); + border-color: darken($primary_color, 10%); + } + } + } + } + } + } + } + + .user-registration-membership-content { + .membership { + &-label { + width: 40%; + text-align: left; + } + + &-data { + flex: 1; + text-align: left; + } + + &-row { + gap: 0; + + &-btn-container { + margin-top: $spacing_20px; + justify-content: flex-start; + flex-direction: unset; + + .btn-div { + width: 100%; + + .cancel-membership-button { + background: #F25656; + padding: $spacing_8px $spacing_16px; + display: flex; + gap: 6px; + align-items: center; + + &::before { + content: ""; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 3.818a8.182 8.182 0 1 0 0 16.364 8.182 8.182 0 0 0 0-16.364ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Zm13.37-3.37a.91.91 0 0 1 0 1.286L13.286 12l2.084 2.084a.91.91 0 0 1-1.286 1.286L12 13.286 9.916 15.37a.91.91 0 0 1-1.286-1.286L10.714 12 8.63 9.916A.91.91 0 0 1 9.916 8.63L12 10.714l2.084-2.084a.91.91 0 0 1 1.286 0Z' clip-rule='evenodd'/%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-position: center; + background-size: 100%; + width: 18px; + height: 18px; + display: block; + } + } + } + } + } + } + } + + .user-registration-pn-section { + .user-registration-pn-container { + .user-registration-pn-lists { + border-radius: 8px 0 0 8px; + } + + .user-registration-pn-display-detail-area { + border-radius: 0px 8px 8px 0px; + border: 1px solid #F1F1F1; + background: $grey-0; + border-left: 0; + } + } + } + + // Payments Details New Design CSS + .ur-payments-container { + .ur-payments-details { + margin-bottom: 40px; + + .ur-payments-table { + margin-bottom: 0; + + tbody { + tr { + &.ur-payment-table-row { + padding: 0; + border-bottom: 0; + + th { + padding: 0; + width: 360px; + padding: 12px 0; + } + + td { + padding: 12px 0; + } + } + } + } + } + } + + .ur-payment-invoices { + margin-top: 0 !important; + padding: 0 !important; + + table.ur-payment-invoice-table { + border-radius: 6px !important; + margin-bottom: 0; + border: 0 !important; + + tbody { + tr { + &:has(th) { + background: #EDEFF7 !important; + border-radius: 6px !important; + } + + th { + padding: 16px 20px; + color: $grey-500; + font-size: 15px; + font-weight: 500; + line-height: 21px; + border-radius: 0 !important; + background: transparent !important; + border: 0; + + &:first-child { + width: 200px; + } + + &:nth-child(2) { + width: 230px !important; + } + } + + td { + border: 0; + padding: 16px 20px; + color: $grey-400; + font-size: 14px; + font-weight: 400; + line-height: 20px; + + a { + &#ur_download_payment_invoice { + padding: 0; + background: none; + color: $primary_color; + border-radius: 0; + position: relative; + + &::after { + content: ""; + background: darken($primary_color, 10%); + width: 0px; + height: 1.5px; + position: absolute; + bottom: -2px; + left: 0; + transition: all .3s ease-in-out; + } + + &:hover { + background: transparent; + color: darken($primary_color, 10%); + + &::after { + width: 100%; + } + } + } + } + } + + &:nth-child(odd) { + td { + background: #f8f8fa !important; + } + } + } + } + } + } + } + } + } + } + } + + &.vertical { + padding: $spacing_12px; + border-radius: $border_radius_16; + + .user-registration-MyAccount { + &-navigation { + border-radius: $border_radius_10; + background: #F8F8FA; + max-width: 260px; + width: 100%; + padding: $spacing_26px $spacing_20px $spacing_16px; + border: 0; + + ul { + gap: $spacing_4px; + + .user-registration-MyAccount-navigation-link { + transition: all .3s; + + a { + padding: $spacing_12px $spacing_12px $spacing_12px $spacing_24px; + border-radius: $border_radius_4; + border-left: 3px solid transparent; + color: #4E4E4E; + font-size: 14px; + font-weight: 500; + line-height: 22px; + } + + &:hover { + a { + background: $blue-50; + color: $primary_color; + } + } + + &.is-active { + a { + color: $primary_color; + background: $blue-50; + } + } + } + } + } + + &-content { + padding: $spacing_24px $spacing_24px 52px 36px; + + &__header { + border-bottom: $border_width solid #F4F4F4; + padding-bottom: $spacing_16px; + margin-bottom: $spacing_32px; + + h1 { + margin-bottom: 0; + text-align: left; + color: $grey-500; + font-size: 24px; + font-weight: 500; + line-height: 36px; + } + } + } + } + } + + &.horizontal { + .user-registration-MyAccount { + &-navigation { + &-link { + a { + border-left: 0 !important; + padding: $spacing_16px $spacing_24px; + font-size: 14px; + font-weight: 500; + line-height: 22px; + color: #4E4E4E; + border-bottom: 3px solid $grey-0 !important; + transition: all .3s; + + &:hover { + color: $primary_color; + background: $blue-50; + border-bottom-color: $blue-50 !important; + } + } + + &.is-active { + a { + border-bottom-color: $primary_color !important; + color: $primary_color; + background: $blue-50 !important; + } + } + } + } + + &-content { + padding: $spacing_24px 36px 52px 36px; + } + } + } +} + +.user-registration-logout-swal2-container { + .swal2-modal { + padding: 0px !important; + + .swal2-header { + padding: 20px; + align-items: baseline; + + h2 { + border-bottom: 1px solid #D3D3D3; + padding-bottom: $spacing_16px; + width: 100%; + text-align: left; + margin-bottom: 0; + color: #222222; + font-size: 16px; + font-weight: 500; + line-height: 24px; + } + } + + .swal2-content { + text-align: left; + color: $grey-400; + font-size: 14px; + font-weight: 400; + line-height: 24px; + } + + .swal2-actions { + display: flex; + flex-direction: row-reverse; + justify-content: center; + background-color: #F0F0F0; + padding: 18px $spacing_20px; + gap: $spacing_16px; + margin-top: $spacing_20px; + border-radius: 0 0 5px 5px; + background: #F4F4F4; + + button { + width: 45%; + color: $grey-400; + font-size: 14px; + font-weight: 400; + line-height: 24px; + margin: 0; + padding: 6px 12px; + + &:focus { + border: 0; + outline: none; + box-shadow: none; + } + + &.swal2-confirm { + color: $grey-0; + } + + &.swal2-cancel { + color: $grey-400; + background: $grey-0 !important; + } + } + } + } +} diff --git a/assets/css/settings-rtl.css b/assets/css/settings-rtl.css index 42cec4343..0aaa4e3f6 100644 --- a/assets/css/settings-rtl.css +++ b/assets/css/settings-rtl.css @@ -1,50 +1,50 @@ -/** - * Variables +/** + * Variables */ -/** - * Grid breakpoints - * - * Define the minimum dimensions at which your layout will change, - * adapting to different screen sizes, for use in media queries. +/** + * Grid breakpoints + * + * Define the minimum dimensions at which your layout will change, + * adapting to different screen sizes, for use in media queries. **/ -/** - * Grid containers - * - * Define the maximum width of `.ur-container` for different screen sizes. - * scss-docs-start container-max-widths +/** + * Grid containers + * + * Define the maximum width of `.ur-container` for different screen sizes. + * scss-docs-start container-max-widths **/ -/** Minimum breakpoint width. Null for the smallest (first) breakpoint. - * - * >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) - * 576px +/** Minimum breakpoint width. Null for the smallest (first) breakpoint. + * + * >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) + * 576px **/ -/** - * Variables +/** + * Variables */ -/** - * Grid breakpoints - * - * Define the minimum dimensions at which your layout will change, - * adapting to different screen sizes, for use in media queries. +/** + * Grid breakpoints + * + * Define the minimum dimensions at which your layout will change, + * adapting to different screen sizes, for use in media queries. **/ -/** - * Grid containers - * - * Define the maximum width of `.ur-container` for different screen sizes. - * scss-docs-start container-max-widths +/** + * Grid containers + * + * Define the maximum width of `.ur-container` for different screen sizes. + * scss-docs-start container-max-widths **/ -/** - * Media of at least the minimum breakpoint width. No query for the smallest breakpoint. - * Makes the @content apply to the given breakpoint and wider. +/** + * Media of at least the minimum breakpoint width. No query for the smallest breakpoint. + * Makes the @content apply to the given breakpoint and wider. **/ -/** - * Grid system - * - * Generate semantic grid columns with these mixins. +/** + * Grid system + * + * Generate semantic grid columns with these mixins. **/ -/** - * _mixins.scss - * User Registration Mixins +/** + * _mixins.scss + * User Registration Mixins */ * { box-sizing: border-box; } @@ -54,11 +54,24 @@ min-width: 600px; } } .tooltipster-sidetip .tooltipster-box { - background-color: #383838 !important; } + background-color: #ffffff !important; + max-width: 220px; + box-shadow: 0px 6px 24px 0px rgba(10, 10, 10, 0.1); + padding: 16px 18px; } + .tooltipster-sidetip .tooltipster-box .tooltipster-content { + font-size: 14px; + line-height: 20px; + color: #222222; + padding: 0; } + .tooltipster-sidetip .tooltipster-box .tooltipster-content a { + color: #475bb2 !important; } + .tooltipster-sidetip .tooltipster-box .tooltipster-content a:focus { + box-shadow: none; + outline: none; } .tooltipster-sidetip.tooltipster-base .tooltipster-arrow .tooltipster-arrow-uncropped .tooltipster-arrow-border { - border-top-color: #383838 !important; - border-bottom-color: #383838 !important; } + border-top-color: #ffffff !important; + border-bottom-color: #ffffff !important; } #wpcontent { padding-right: 0; } @@ -74,7 +87,8 @@ .user-registration-settings { display: flex; - gap: 24px; } + gap: 24px; + overflow-x: hidden; } @media screen and (max-width: 1180px) { .user-registration-settings { flex-direction: column; } } @@ -88,7 +102,7 @@ width: 100%; max-width: 300px; padding: 24px 0 0; - background: #fafafc; + background: #ffffff; border-left: 1px solid #e1e1e1; } .user-registration-settings-wrapper .user-registration-header.collapsed { max-width: 70px; } @@ -182,7 +196,7 @@ font-weight: 400; line-height: 150%; color: #383838; - padding: 14px 22px 14px 20px; + padding: 16px 20px; background: transparent; border: 0; border-top: 1px solid #e1e1e1; @@ -192,10 +206,12 @@ gap: 15px; cursor: pointer; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link-label > p { - font-weight: 400; - font-size: 14px; - line-height: 150%; - color: #383838; } + font-weight: 500; + font-size: 15px; + margin: 0; + line-height: 21px; + color: #4e4e4e; + transition: all 0.3s ease-in-out; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link-label span.ur-nav__link-label > :not(svg) { opacity: 0.5; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link:focus { @@ -224,16 +240,12 @@ .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link svg { width: 18px; height: 18px; } - .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link svg path { - color: #383838; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.ur-nav-premium { cursor: not-allowed; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.ur-nav-premium:hover { background: transparent; border-radius: 0; color: #383838; } - .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.ur-nav-premium:hover .ur-nav__link-icon svg path { - fill: #383838; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.ur-nav-premium:hover .ur-nav__link-label p { color: #383838; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.ur-nav-premium::before, .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.ur-nav-premium::after { @@ -250,23 +262,26 @@ align-items: flex-end; gap: 10px; position: absolute; - padding: 10px 12px; + padding: 16px 18px; border-radius: 4px; - background: #383838; - color: #ffffff; + box-shadow: 0px 6px 24px 0px rgba(10, 10, 10, 0.1); + background: #ffffff; + color: #222222; + font-size: 14px; + line-height: 20px; text-align: center; transition: .3s opacity; width: 200px; white-space: pre-line; text-align: right; top: 50%; - left: -214px; + left: -200px; z-index: 10; transform: translateY(-50%); } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.ur-nav-premium .ur-tooltip::after { content: ""; position: absolute; - border-left: 12px solid #383838; + border-left: 12px solid #e9e9e9; border-top: 12px solid transparent; border-bottom: 12px solid transparent; top: 50%; @@ -274,12 +289,13 @@ transform: translateY(-50%); } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.ur-nav-premium .ur-tooltip a { text-decoration: none; - border: 1px solid #ffffff; - padding: 4px 10px; - background: #ffffff; - border-radius: 2px; - color: #475bb2; - font-weight: 600; + border: 1px solid #475bb2; + padding: 6px 12px; + background: #475bb2; + border-radius: 4px; + color: #ffffff; + font-weight: 400; + letter-spacing: 0.3px; transition: all .3s ease-in-out; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.ur-nav-premium .ur-tooltip a:hover { background: #475bb2; @@ -290,10 +306,8 @@ .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link-icon { display: flex; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link-icon svg { - height: 24px; - width: 24px; } - .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link-icon svg path { - fill: #383838; } + height: 20px; + width: 20px; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link:hover .ur-nav__link-icon svg path, .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.is-active .ur-nav__link-icon svg path { fill: #475bb2; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link:hover .ur-nav__link-label p, .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.is-active .ur-nav__link-label p { @@ -306,9 +320,6 @@ flex-direction: row; width: 100%; align-items: center; } - .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link-label > p { - font-size: 14px; - margin: 0; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link .ur-nav-icon { display: flex; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link:hover .ur-nav-icon img { @@ -316,13 +327,14 @@ .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link:hover .ur-nav__link-label { color: #222; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link:hover, .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.is-active { - background: #ffffff; + background: #F8F8FA; border-radius: 0; color: #475bb2; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link:hover:not(#ur-settings-collapse)::before, .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.is-active:not(#ur-settings-collapse)::before { opacity: 1; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.is-active:not(#ur-settings-collapse)::after { - opacity: 1; } + opacity: 1; + background: #F8F8FA; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link:last-child { border-bottom: 1px solid #e1e1e1; } .user-registration-settings-sidebar-container { @@ -487,17 +499,17 @@ display: flex; flex-direction: column; padding: 24px; - padding-top: 0; } + padding-top: 0; + background: #FAFAFC; + margin-top: 0 !important; } .user-registration-settings-container .user-registration-options-header { - position: sticky; - position: -webkit-sticky; - top: var(--wp-admin--admin-bar--height, 32px); - z-index: 5; - background: #ffffff; + background: #fafafc; padding-top: 24px; } .user-registration-settings-container .user-registration-options-header--top { display: flex; - align-items: center; } + align-items: center; + padding-bottom: 24px; + border-bottom: 1px solid #EBEBEB; } .user-registration-settings-container .user-registration-options-header--top h3 { margin: 0; font-weight: 600; @@ -508,12 +520,12 @@ display: none; margin-top: 0; } .user-registration-settings-container .user-registration-options-header--bottom { - margin-top: 40px; } + margin-top: 32px; } .user-registration-settings-container .user-registration-options-header--bottom ul { display: flex; align-items: center; gap: 32px; - border-bottom: 1px solid #e1e1e1; + border-bottom: 1px solid #EBEBEB !important; width: 100%; } .user-registration-settings-container .user-registration-options-header--bottom ul li a { font-weight: 400; @@ -545,7 +557,7 @@ .user-registration-settings-container .user-registration-options-header--bottom ul li a:hover::before, .user-registration-settings-container .user-registration-options-header--bottom ul li a.current::before { opacity: 1; } .user-registration-settings-container .user-registration-options-header--bottom .ur-scroll-ui__scroll-nav { - padding-bottom: 20px; } + padding-bottom: 28px; } .user-registration-settings-container .user-registration-options-container .ur-searched-settings-focus { border: 2px solid #475bb2; border-radius: 5px; @@ -628,6 +640,9 @@ .user-registration-settings-container .user-registration-options-container .logo img { width: 100%; display: block; } + .user-registration-settings-container .user-registration-options-container .ur-captcha-settings-header img { + width: 75% !important; + margin-right: 5px !important; } .user-registration-settings-container .user-registration-options-container .integration-info { margin-left: 20px; } .user-registration-settings-container .user-registration-options-container .integration-action { @@ -647,11 +662,11 @@ transition: all .3s ease-in-out; } .user-registration-settings-container .user-registration-options-container .user-registration-card { padding: 16px 20px 22px; - background: #fafafc; - border: 1px solid #edeff7 !important; + background: #ffffff; + border: 1px solid #EBEBEB !important; border-radius: 7px; margin-top: 0 !important; - margin-bottom: 24px; + margin-bottom: 28px; max-width: 680px; position: relative; } @media (min-width: 1440px) { @@ -685,7 +700,7 @@ margin-bottom: 24px; padding: 0 0 16px; position: relative; - border-bottom: 1px solid #e1e1e1 !important; } + border-bottom: 1px solid #EBEBEB !important; } .user-registration-settings-container .user-registration-options-container .user-registration-card__header.integration-header-info { padding: 16px 0 !important; border: 0; @@ -727,7 +742,7 @@ bottom: 2px; right: 2px; } .user-registration-settings-container .user-registration-options-container .user-registration-card__body.integration-body-info { - padding: 20px 0 0 0 !important; } + padding: 20px 0 !important; } .user-registration-settings-container .user-registration-options-container .user-registration-card__body.integration-body-info .nav-tab-inside > div { display: block; } .user-registration-settings-container .user-registration-options-container .user-registration-card__body.integration-body-info .postbox { @@ -909,6 +924,8 @@ .user-registration-settings-container .user-registration-options-container .user-registration-card__body table.ur_emails tbody tr .ur-email-settings-table .user-registration-help-tip { margin-right: 6px; color: #bababa; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body table.ur_emails tbody tr .ur-email-settings-table .user-registration-help-tip::after { + content: url("../images/settings-icons/information.svg") !important; } .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings { display: flex; justify-content: space-between; @@ -946,6 +963,25 @@ margin-bottom: 0; } .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings label span { color: #BABABA; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings label span.user-registration-help-tip { + font-size: 16px; + top: 3px; + right: 4px; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings label span.user-registration-help-tip::after { + content: ""; + background-image: url("../images/settings-icons/information.svg") !important; + background-repeat: no-repeat !important; + background-size: 100% !important; + background-position: center; + display: block; + width: 8px; + height: 8px; + cursor: pointer; + padding: 4px; + background: transparent; + border-radius: 3px; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings label span.user-registration-help-tip:hover::after { + filter: brightness(0) saturate(100%) invert(33%) sepia(19%) saturate(2330%) hue-rotate(195deg) brightness(100%) contrast(87%); } .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field { display: flex; flex-direction: column; @@ -981,6 +1017,21 @@ color: #383838; } .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field span.select2-container { width: 100% !important; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field span.select2-container--open .select2-selection__arrow { + height: 30px; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field span.select2-container--open .select2-selection__arrow b { + width: 12px; + border-color: transparent transparent #888 transparent; + border-width: 0 6px 7px 6px; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field span.select2-container--open .select2-selection--multiple:before { + content: ""; + position: absolute; + left: 7px; + top: 42%; + border-bottom: 7px solid #888; + border-right: 6px solid transparent; + border-left: 6px solid transparent; + border-top: 0px; } .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field .select2-selection { padding-right: 0; padding-left: 0; } @@ -1008,6 +1059,14 @@ .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field .select2-selection--multiple .select2-selection__rendered { padding-right: 0; padding-left: 0; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field .select2-selection--multiple:before { + content: ""; + position: absolute; + left: 7px; + top: 42%; + border-top: 7px solid #888; + border-right: 6px solid transparent; + border-left: 6px solid transparent; } .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field .select2-selection--single { height: 38px; } .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field .select2-selection--single .select2-selection__rendered { @@ -1021,8 +1080,12 @@ .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field .select2-selection--single .select2-selection__rendered .select2-selection__clear:hover { color: #475bb2; } .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field .select2-selection--single .select2-selection__arrow { - height: 36px; + height: 30px; left: 8px; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field .select2-selection__arrow b { + width: 12px; + border-color: #888 transparent transparent transparent; + border-width: 7px 6px 0 6px; } .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field .ur-toggle-section .user-registration-toggle-form input[type="checkbox"] { min-width: 100% !important; } .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field .ur-radio-group-list { @@ -1060,31 +1123,41 @@ text-align: center; line-height: 18px; width: 30%; } - .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings #user_registration_captcha_setting_captcha_test .spinner { - visibility: visible !important; } - .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings #ur-captcha-test-container { - min-width: 512px; - display: block; } - .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings #ur-captcha-test-container #ur-captcha-notice { - padding: 8px; - margin: 2px; - border-radius: 4px; - border-width: 0px !important; } - .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings #ur-captcha-test-container #ur-captcha-notice.success { - background: rgba(0, 255, 0, 0.3); } - .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings #ur-captcha-test-container #ur-captcha-notice.success #ur-captcha-notice--icon { - color: green; } - .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings #ur-captcha-test-container #ur-captcha-notice.error { - background: rgba(255, 0, 0, 0.3); } - .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings #ur-captcha-test-container #ur-captcha-notice.error #ur-captcha-notice--icon { - color: red; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings .ur-captcha-test-button { + flex: 0 0 38%; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings .ur-captcha-test-button .user_registration_captcha_setting_captcha_test { + margin-bottom: 10px; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings .ur-captcha-test-button .user_registration_captcha_setting_captcha_test .spinner { + visibility: visible !important; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings .ur-captcha-test { + flex: 0 0 60%; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings .ur-captcha-test .ur-captcha-test-container { + min-width: 512px; + display: block; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings .ur-captcha-test .ur-captcha-test-container .ur-captcha-notice { + padding: 8px; + margin: 2px; + border-radius: 4px; + border-width: 0px !important; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings .ur-captcha-test .ur-captcha-test-container .ur-captcha-notice.success { + background: rgba(0, 255, 0, 0.3); } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings .ur-captcha-test .ur-captcha-test-container .ur-captcha-notice.success .ur-captcha-notice--icon { + color: green; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings .ur-captcha-test .ur-captcha-test-container .ur-captcha-notice.error { + background: rgba(255, 0, 0, 0.3); } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings .ur-captcha-test .ur-captcha-test-container .ur-captcha-notice.error .disconnect { + color: red; } .user-registration-settings-container .user-registration-options-container .user-registration-card p.ur-p-tag { - margin: -6px 0 24px; + margin-bottom: 24px; padding: 10px 16px 10px 12px; - background: #ffffff; - border-right: 3px solid #17a2b8; + background: rgba(71, 91, 178, 0.04); + border: 1px solid #475bb2; font-weight: 400; - color: #6b6b6b; } + color: #383838; + border-radius: 4px; + font-size: 14px; + line-height: 22px; + font-style: normal; } .user-registration-settings-container .user-registration-options-container .user-registration-card p.ur-p-tag strong { font-weight: 600; } .user-registration-settings-container .user-registration-options-container .ur-settings-section-header { @@ -1095,9 +1168,14 @@ width: 100%; max-width: 680px; padding: 16px 20px 22px; + border: 1px solid #e9e9e9; + border-radius: 7px; + margin-bottom: 28px; background: #fafafc; - border: 1px solid #edeff7; - border-radius: 9px 9px 0 0; } + border: 1px solid #e9e9e9; + box-shadow: none; } + .user-registration-settings-container .user-registration-options-container .ur-export-users-page .nav-tab-inside .postbox:last-child { + margin-bottom: 0; } .user-registration-settings-container .user-registration-options-container .ur-export-users-page .nav-tab-inside .postbox .hndle { font-weight: 600; font-size: 16px; @@ -1122,6 +1200,9 @@ padding-right: 12px; border: 1px solid #e1e1e1; border-radius: 4px; } + .user-registration-settings-container .user-registration-options-container .ur-export-users-page .nav-tab-inside .postbox .inside .button-primary { + margin-top: 12px; + box-shadow: none; } .user-registration-settings-container .user-registration-options-container .ur-export-users-page .nav-tab-inside .postbox .inside .ur-export-custom-fields .ur-form-fields-container, .user-registration-settings-container .user-registration-options-container .ur-export-users-page .nav-tab-inside .postbox .inside .ur-export-custom-fields .ur-form-additional-fields-container, .user-registration-settings-container .user-registration-options-container .ur-export-users-page .nav-tab-inside .postbox .inside .ur-export-custom-fields select[name="export_format"] { @@ -1178,7 +1259,7 @@ .user-registration select { background-image: linear-gradient(-45deg, transparent 50%, gray 50%), linear-gradient(-135deg, gray 50%, transparent 50%); background-position: calc(100% - (100% - 15px)) calc(1em + 2px), calc(100% - (100% - 10px)) calc(1em + 2px), calc(100% - (100% - 2.5em)) 0.5em; - background-size: 5px 5px, 5px 5px, 1px 1.5em; + background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; } .user-registration select:focus { outline: none; diff --git a/assets/css/settings.css b/assets/css/settings.css index 56e519493..0db877257 100644 --- a/assets/css/settings.css +++ b/assets/css/settings.css @@ -1,50 +1,50 @@ -/** - * Variables +/** + * Variables */ -/** - * Grid breakpoints - * - * Define the minimum dimensions at which your layout will change, - * adapting to different screen sizes, for use in media queries. +/** + * Grid breakpoints + * + * Define the minimum dimensions at which your layout will change, + * adapting to different screen sizes, for use in media queries. **/ -/** - * Grid containers - * - * Define the maximum width of `.ur-container` for different screen sizes. - * scss-docs-start container-max-widths +/** + * Grid containers + * + * Define the maximum width of `.ur-container` for different screen sizes. + * scss-docs-start container-max-widths **/ -/** Minimum breakpoint width. Null for the smallest (first) breakpoint. - * - * >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) - * 576px +/** Minimum breakpoint width. Null for the smallest (first) breakpoint. + * + * >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) + * 576px **/ -/** - * Variables +/** + * Variables */ -/** - * Grid breakpoints - * - * Define the minimum dimensions at which your layout will change, - * adapting to different screen sizes, for use in media queries. +/** + * Grid breakpoints + * + * Define the minimum dimensions at which your layout will change, + * adapting to different screen sizes, for use in media queries. **/ -/** - * Grid containers - * - * Define the maximum width of `.ur-container` for different screen sizes. - * scss-docs-start container-max-widths +/** + * Grid containers + * + * Define the maximum width of `.ur-container` for different screen sizes. + * scss-docs-start container-max-widths **/ -/** - * Media of at least the minimum breakpoint width. No query for the smallest breakpoint. - * Makes the @content apply to the given breakpoint and wider. +/** + * Media of at least the minimum breakpoint width. No query for the smallest breakpoint. + * Makes the @content apply to the given breakpoint and wider. **/ -/** - * Grid system - * - * Generate semantic grid columns with these mixins. +/** + * Grid system + * + * Generate semantic grid columns with these mixins. **/ -/** - * _mixins.scss - * User Registration Mixins +/** + * _mixins.scss + * User Registration Mixins */ * { box-sizing: border-box; } @@ -54,11 +54,24 @@ min-width: 600px; } } .tooltipster-sidetip .tooltipster-box { - background-color: #383838 !important; } + background-color: #ffffff !important; + max-width: 220px; + box-shadow: 0px 6px 24px 0px rgba(10, 10, 10, 0.1); + padding: 16px 18px; } + .tooltipster-sidetip .tooltipster-box .tooltipster-content { + font-size: 14px; + line-height: 20px; + color: #222222; + padding: 0; } + .tooltipster-sidetip .tooltipster-box .tooltipster-content a { + color: #475bb2 !important; } + .tooltipster-sidetip .tooltipster-box .tooltipster-content a:focus { + box-shadow: none; + outline: none; } .tooltipster-sidetip.tooltipster-base .tooltipster-arrow .tooltipster-arrow-uncropped .tooltipster-arrow-border { - border-top-color: #383838 !important; - border-bottom-color: #383838 !important; } + border-top-color: #ffffff !important; + border-bottom-color: #ffffff !important; } #wpcontent { padding-left: 0; } @@ -74,7 +87,8 @@ .user-registration-settings { display: flex; - gap: 24px; } + gap: 24px; + overflow-x: hidden; } @media screen and (max-width: 1180px) { .user-registration-settings { flex-direction: column; } } @@ -88,7 +102,7 @@ width: 100%; max-width: 300px; padding: 24px 0 0; - background: #fafafc; + background: #ffffff; border-right: 1px solid #e1e1e1; } .user-registration-settings-wrapper .user-registration-header.collapsed { max-width: 70px; } @@ -182,7 +196,7 @@ font-weight: 400; line-height: 150%; color: #383838; - padding: 14px 20px 14px 22px; + padding: 16px 20px; background: transparent; border: 0; border-top: 1px solid #e1e1e1; @@ -192,10 +206,12 @@ gap: 15px; cursor: pointer; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link-label > p { - font-weight: 400; - font-size: 14px; - line-height: 150%; - color: #383838; } + font-weight: 500; + font-size: 15px; + margin: 0; + line-height: 21px; + color: #4e4e4e; + transition: all 0.3s ease-in-out; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link-label span.ur-nav__link-label > :not(svg) { opacity: 0.5; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link:focus { @@ -224,16 +240,12 @@ .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link svg { width: 18px; height: 18px; } - .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link svg path { - color: #383838; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.ur-nav-premium { cursor: not-allowed; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.ur-nav-premium:hover { background: transparent; border-radius: 0; color: #383838; } - .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.ur-nav-premium:hover .ur-nav__link-icon svg path { - fill: #383838; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.ur-nav-premium:hover .ur-nav__link-label p { color: #383838; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.ur-nav-premium::before, .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.ur-nav-premium::after { @@ -250,23 +262,26 @@ align-items: flex-end; gap: 10px; position: absolute; - padding: 10px 12px; + padding: 16px 18px; border-radius: 4px; - background: #383838; - color: #ffffff; + box-shadow: 0px 6px 24px 0px rgba(10, 10, 10, 0.1); + background: #ffffff; + color: #222222; + font-size: 14px; + line-height: 20px; text-align: center; transition: .3s opacity; width: 200px; white-space: pre-line; text-align: left; top: 50%; - right: -214px; + right: -200px; z-index: 10; transform: translateY(-50%); } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.ur-nav-premium .ur-tooltip::after { content: ""; position: absolute; - border-right: 12px solid #383838; + border-right: 12px solid #e9e9e9; border-top: 12px solid transparent; border-bottom: 12px solid transparent; top: 50%; @@ -274,12 +289,13 @@ transform: translateY(-50%); } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.ur-nav-premium .ur-tooltip a { text-decoration: none; - border: 1px solid #ffffff; - padding: 4px 10px; - background: #ffffff; - border-radius: 2px; - color: #475bb2; - font-weight: 600; + border: 1px solid #475bb2; + padding: 6px 12px; + background: #475bb2; + border-radius: 4px; + color: #ffffff; + font-weight: 400; + letter-spacing: 0.3px; transition: all .3s ease-in-out; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.ur-nav-premium .ur-tooltip a:hover { background: #475bb2; @@ -290,10 +306,8 @@ .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link-icon { display: flex; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link-icon svg { - height: 24px; - width: 24px; } - .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link-icon svg path { - fill: #383838; } + height: 20px; + width: 20px; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link:hover .ur-nav__link-icon svg path, .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.is-active .ur-nav__link-icon svg path { fill: #475bb2; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link:hover .ur-nav__link-label p, .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.is-active .ur-nav__link-label p { @@ -306,9 +320,6 @@ flex-direction: row; width: 100%; align-items: center; } - .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link-label > p { - font-size: 14px; - margin: 0; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link .ur-nav-icon { display: flex; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link:hover .ur-nav-icon img { @@ -316,13 +327,14 @@ .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link:hover .ur-nav__link-label { color: #222; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link:hover, .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.is-active { - background: #ffffff; + background: #F8F8FA; border-radius: 0; color: #475bb2; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link:hover:not(#ur-settings-collapse)::before, .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.is-active:not(#ur-settings-collapse)::before { opacity: 1; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link.is-active:not(#ur-settings-collapse)::after { - opacity: 1; } + opacity: 1; + background: #F8F8FA; } .user-registration-settings-wrapper .user-registration-header .ur-nav-tab-wrapper .ur-nav__link:last-child { border-bottom: 1px solid #e1e1e1; } .user-registration-settings-sidebar-container { @@ -487,17 +499,17 @@ display: flex; flex-direction: column; padding: 24px; - padding-top: 0; } + padding-top: 0; + background: #FAFAFC; + margin-top: 0 !important; } .user-registration-settings-container .user-registration-options-header { - position: sticky; - position: -webkit-sticky; - top: var(--wp-admin--admin-bar--height, 32px); - z-index: 5; - background: #ffffff; + background: #fafafc; padding-top: 24px; } .user-registration-settings-container .user-registration-options-header--top { display: flex; - align-items: center; } + align-items: center; + padding-bottom: 24px; + border-bottom: 1px solid #EBEBEB; } .user-registration-settings-container .user-registration-options-header--top h3 { margin: 0; font-weight: 600; @@ -508,12 +520,12 @@ display: none; margin-top: 0; } .user-registration-settings-container .user-registration-options-header--bottom { - margin-top: 40px; } + margin-top: 32px; } .user-registration-settings-container .user-registration-options-header--bottom ul { display: flex; align-items: center; gap: 32px; - border-bottom: 1px solid #e1e1e1; + border-bottom: 1px solid #EBEBEB !important; width: 100%; } .user-registration-settings-container .user-registration-options-header--bottom ul li a { font-weight: 400; @@ -545,7 +557,7 @@ .user-registration-settings-container .user-registration-options-header--bottom ul li a:hover::before, .user-registration-settings-container .user-registration-options-header--bottom ul li a.current::before { opacity: 1; } .user-registration-settings-container .user-registration-options-header--bottom .ur-scroll-ui__scroll-nav { - padding-bottom: 20px; } + padding-bottom: 28px; } .user-registration-settings-container .user-registration-options-container .ur-searched-settings-focus { border: 2px solid #475bb2; border-radius: 5px; @@ -628,6 +640,9 @@ .user-registration-settings-container .user-registration-options-container .logo img { width: 100%; display: block; } + .user-registration-settings-container .user-registration-options-container .ur-captcha-settings-header img { + width: 75% !important; + margin-left: 5px !important; } .user-registration-settings-container .user-registration-options-container .integration-info { margin-right: 20px; } .user-registration-settings-container .user-registration-options-container .integration-action { @@ -647,11 +662,11 @@ transition: all .3s ease-in-out; } .user-registration-settings-container .user-registration-options-container .user-registration-card { padding: 16px 20px 22px; - background: #fafafc; - border: 1px solid #edeff7 !important; + background: #ffffff; + border: 1px solid #EBEBEB !important; border-radius: 7px; margin-top: 0 !important; - margin-bottom: 24px; + margin-bottom: 28px; max-width: 680px; position: relative; } @media (min-width: 1440px) { @@ -685,7 +700,7 @@ margin-bottom: 24px; padding: 0 0 16px; position: relative; - border-bottom: 1px solid #e1e1e1 !important; } + border-bottom: 1px solid #EBEBEB !important; } .user-registration-settings-container .user-registration-options-container .user-registration-card__header.integration-header-info { padding: 16px 0 !important; border: 0; @@ -727,7 +742,7 @@ bottom: 2px; left: 2px; } .user-registration-settings-container .user-registration-options-container .user-registration-card__body.integration-body-info { - padding: 20px 0 0 0 !important; } + padding: 20px 0 !important; } .user-registration-settings-container .user-registration-options-container .user-registration-card__body.integration-body-info .nav-tab-inside > div { display: block; } .user-registration-settings-container .user-registration-options-container .user-registration-card__body.integration-body-info .postbox { @@ -909,6 +924,8 @@ .user-registration-settings-container .user-registration-options-container .user-registration-card__body table.ur_emails tbody tr .ur-email-settings-table .user-registration-help-tip { margin-left: 6px; color: #bababa; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body table.ur_emails tbody tr .ur-email-settings-table .user-registration-help-tip::after { + content: url("../images/settings-icons/information.svg") !important; } .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings { display: flex; justify-content: space-between; @@ -946,6 +963,25 @@ margin-bottom: 0; } .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings label span { color: #BABABA; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings label span.user-registration-help-tip { + font-size: 16px; + top: 3px; + left: 4px; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings label span.user-registration-help-tip::after { + content: ""; + background-image: url("../images/settings-icons/information.svg") !important; + background-repeat: no-repeat !important; + background-size: 100% !important; + background-position: center; + display: block; + width: 8px; + height: 8px; + cursor: pointer; + padding: 4px; + background: transparent; + border-radius: 3px; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings label span.user-registration-help-tip:hover::after { + filter: brightness(0) saturate(100%) invert(33%) sepia(19%) saturate(2330%) hue-rotate(195deg) brightness(100%) contrast(87%); } .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field { display: flex; flex-direction: column; @@ -981,6 +1017,21 @@ color: #383838; } .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field span.select2-container { width: 100% !important; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field span.select2-container--open .select2-selection__arrow { + height: 30px; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field span.select2-container--open .select2-selection__arrow b { + width: 12px; + border-color: transparent transparent #888 transparent; + border-width: 0 6px 7px 6px; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field span.select2-container--open .select2-selection--multiple:before { + content: ""; + position: absolute; + right: 7px; + top: 42%; + border-bottom: 7px solid #888; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-top: 0px; } .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field .select2-selection { padding-left: 0; padding-right: 0; } @@ -1008,6 +1059,14 @@ .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field .select2-selection--multiple .select2-selection__rendered { padding-left: 0; padding-right: 0; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field .select2-selection--multiple:before { + content: ""; + position: absolute; + right: 7px; + top: 42%; + border-top: 7px solid #888; + border-left: 6px solid transparent; + border-right: 6px solid transparent; } .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field .select2-selection--single { height: 38px; } .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field .select2-selection--single .select2-selection__rendered { @@ -1021,8 +1080,12 @@ .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field .select2-selection--single .select2-selection__rendered .select2-selection__clear:hover { color: #475bb2; } .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field .select2-selection--single .select2-selection__arrow { - height: 36px; + height: 30px; right: 8px; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field .select2-selection__arrow b { + width: 12px; + border-color: #888 transparent transparent transparent; + border-width: 7px 6px 0 6px; } .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field .ur-toggle-section .user-registration-toggle-form input[type="checkbox"] { min-width: 100% !important; } .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings--field .ur-radio-group-list { @@ -1060,31 +1123,41 @@ text-align: center; line-height: 18px; width: 30%; } - .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings #user_registration_captcha_setting_captcha_test .spinner { - visibility: visible !important; } - .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings #ur-captcha-test-container { - min-width: 512px; - display: block; } - .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings #ur-captcha-test-container #ur-captcha-notice { - padding: 8px; - margin: 2px; - border-radius: 4px; - border-width: 0px !important; } - .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings #ur-captcha-test-container #ur-captcha-notice.success { - background: rgba(0, 255, 0, 0.3); } - .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings #ur-captcha-test-container #ur-captcha-notice.success #ur-captcha-notice--icon { - color: green; } - .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings #ur-captcha-test-container #ur-captcha-notice.error { - background: rgba(255, 0, 0, 0.3); } - .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings #ur-captcha-test-container #ur-captcha-notice.error #ur-captcha-notice--icon { - color: red; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings .ur-captcha-test-button { + flex: 0 0 38%; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings .ur-captcha-test-button .user_registration_captcha_setting_captcha_test { + margin-bottom: 10px; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings .ur-captcha-test-button .user_registration_captcha_setting_captcha_test .spinner { + visibility: visible !important; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings .ur-captcha-test { + flex: 0 0 60%; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings .ur-captcha-test .ur-captcha-test-container { + min-width: 512px; + display: block; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings .ur-captcha-test .ur-captcha-test-container .ur-captcha-notice { + padding: 8px; + margin: 2px; + border-radius: 4px; + border-width: 0px !important; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings .ur-captcha-test .ur-captcha-test-container .ur-captcha-notice.success { + background: rgba(0, 255, 0, 0.3); } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings .ur-captcha-test .ur-captcha-test-container .ur-captcha-notice.success .ur-captcha-notice--icon { + color: green; } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings .ur-captcha-test .ur-captcha-test-container .ur-captcha-notice.error { + background: rgba(255, 0, 0, 0.3); } + .user-registration-settings-container .user-registration-options-container .user-registration-card__body .user-registration-global-settings .ur-captcha-test .ur-captcha-test-container .ur-captcha-notice.error .disconnect { + color: red; } .user-registration-settings-container .user-registration-options-container .user-registration-card p.ur-p-tag { - margin: -6px 0 24px; + margin-bottom: 24px; padding: 10px 12px 10px 16px; - background: #ffffff; - border-left: 3px solid #17a2b8; + background: rgba(71, 91, 178, 0.04); + border: 1px solid #475bb2; font-weight: 400; - color: #6b6b6b; } + color: #383838; + border-radius: 4px; + font-size: 14px; + line-height: 22px; + font-style: normal; } .user-registration-settings-container .user-registration-options-container .user-registration-card p.ur-p-tag strong { font-weight: 600; } .user-registration-settings-container .user-registration-options-container .ur-settings-section-header { @@ -1095,9 +1168,14 @@ width: 100%; max-width: 680px; padding: 16px 20px 22px; + border: 1px solid #e9e9e9; + border-radius: 7px; + margin-bottom: 28px; background: #fafafc; - border: 1px solid #edeff7; - border-radius: 9px 9px 0 0; } + border: 1px solid #e9e9e9; + box-shadow: none; } + .user-registration-settings-container .user-registration-options-container .ur-export-users-page .nav-tab-inside .postbox:last-child { + margin-bottom: 0; } .user-registration-settings-container .user-registration-options-container .ur-export-users-page .nav-tab-inside .postbox .hndle { font-weight: 600; font-size: 16px; @@ -1122,6 +1200,9 @@ padding-left: 12px; border: 1px solid #e1e1e1; border-radius: 4px; } + .user-registration-settings-container .user-registration-options-container .ur-export-users-page .nav-tab-inside .postbox .inside .button-primary { + margin-top: 12px; + box-shadow: none; } .user-registration-settings-container .user-registration-options-container .ur-export-users-page .nav-tab-inside .postbox .inside .ur-export-custom-fields .ur-form-fields-container, .user-registration-settings-container .user-registration-options-container .ur-export-users-page .nav-tab-inside .postbox .inside .ur-export-custom-fields .ur-form-additional-fields-container, .user-registration-settings-container .user-registration-options-container .ur-export-users-page .nav-tab-inside .postbox .inside .ur-export-custom-fields select[name="export_format"] { @@ -1178,7 +1259,7 @@ .user-registration select { background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%); background-position: calc(100% - 15px) calc(1em + 2px), calc(100% - 10px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; - background-size: 5px 5px, 5px 5px, 1px 1.5em; + background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; } .user-registration select:focus { outline: none; diff --git a/assets/css/settings.scss b/assets/css/settings.scss index 16aa33b94..6ee287082 100644 --- a/assets/css/settings.scss +++ b/assets/css/settings.scss @@ -16,15 +16,34 @@ body { // ToolTip CSSs .tooltipster-sidetip { .tooltipster-box { - background-color: $grey-400 !important; + background-color: $grey-0 !important; + max-width: 220px; + box-shadow: 0px 6px 24px 0px rgba(10, 10, 10, 0.10); + padding: $spacing_16px $spacing_18px; + + .tooltipster-content { + font-size: 14px; + line-height: 20px; + color: $grey-500; + padding: 0; + + a { + color: $primary_color !important; + + &:focus { + box-shadow: none; + outline: none; + } + } + } } &.tooltipster-base { .tooltipster-arrow { .tooltipster-arrow-uncropped { .tooltipster-arrow-border { - border-top-color: $grey-400 !important; - border-bottom-color: $grey-400 !important; + border-top-color: $grey-0 !important; + border-bottom-color: $grey-0 !important; } } } @@ -52,6 +71,7 @@ body { .user-registration-settings { display: flex; gap: $spacing_24px; + overflow-x: hidden; @media screen and (max-width: 1180px) { flex-direction: column; @@ -68,7 +88,7 @@ body { width: 100%; max-width: 300px; padding: $spacing_24px 0 0; - background: #fafafc; + background: $grey-0; border-right: $border_width solid $border-color; &.collapsed { @@ -230,7 +250,7 @@ body { font-weight: $regular; line-height: 150%; color: $grey-400; - padding: $spacing_14px $spacing_20px $spacing_14px $spacing_22px; + padding: $spacing-16px $spacing_20px; background: transparent; border: 0; border-top: $border_width solid $border-color; @@ -242,10 +262,12 @@ body { &-label { > p { - font-weight: $regular; - font-size: 14px; - line-height: 150%; - color: $grey-400; + font-weight: $medium; + font-size: 15px; + margin: 0; + line-height: 21px; + color: #4e4e4e; + transition: all 0.3s ease-in-out; } span.ur-nav__link-label { @@ -287,10 +309,6 @@ body { svg { width: 18px; height: 18px; - - path { - color: $grey-400; - } } &.ur-nav-premium { @@ -301,14 +319,6 @@ body { border-radius: 0; color: $grey-400; - .ur-nav__link-icon { - svg { - path { - fill: $grey-400; - } - } - } - .ur-nav__link-label { p { color: $grey-400; @@ -344,24 +354,27 @@ body { align-items: flex-end; gap: $spacing_10px; position: absolute; - padding: $spacing_10px $spacing_12px; + padding: $spacing_16px $spacing_18px; border-radius: $border_radius_4; - background: $grey-400; - color: $grey-0; + box-shadow: 0px 6px 24px 0px rgba(10, 10, 10, 0.10); + background: $grey-0; + color: $grey-500; + font-size: 14px; + line-height: 20px; text-align: center; transition: .3s opacity; width: 200px; white-space: pre-line; text-align: left; top: 50%; - right: -214px; + right: -200px; z-index: 10; transform: translateY(-50%); &::after { content: ""; position: absolute; - border-right: 12px solid $grey-400; + border-right: 12px solid #e9e9e9; border-top: 12px solid transparent; border-bottom: 12px solid transparent; top: 50%; @@ -371,12 +384,13 @@ body { a { text-decoration: none; - border: $border_width solid $grey-0; - padding: $spacing_4px $spacing_10px; - background: $grey-0; - border-radius: $border_radius_2; - color: $primary_color; - font-weight: $semi_bold; + border: $border_width solid $primary_color; + padding: $spacing_6px $spacing_12px; + background: $primary_color; + border-radius: $border_radius_4; + color: $grey-0; + font-weight: $regular; + letter-spacing: 0.3px; transition: all .3s ease-in-out; &:hover { @@ -398,12 +412,8 @@ body { display: flex; svg { - height: 24px; - width: 24px; - - path { - fill: $grey-400; - } + height: 20px; + width: 20px; } } @@ -436,15 +446,6 @@ body { flex-direction: row; width: 100%; align-items: center; - - > p { - font-size: 14px; - margin: 0; - } - - // > svg { - // margin-right: $spacing_16px; - // } } .ur-nav-icon { @@ -465,7 +466,7 @@ body { &:hover, &.is-active { - background: $grey-0; + background: #F8F8FA; border-radius: 0; color: $primary_color; @@ -477,6 +478,7 @@ body { &.is-active { &:not(#ur-settings-collapse)::after { opacity: 1; + background: #F8F8FA; } } @@ -706,18 +708,18 @@ body { flex-direction: column; padding: $spacing_24px; padding-top: 0; + background: #FAFAFC; + margin-top: 0 !important; .user-registration-options-header { - position: sticky; - position: -webkit-sticky; - top: var(--wp-admin--admin-bar--height, $spacing_32px); - z-index: 5; - background: $grey-0; + background: #fafafc; padding-top: $spacing_24px; &--top { display: flex; align-items: center; + padding-bottom: $spacing_24px; + border-bottom: $border_width solid #EBEBEB; h3 { margin: 0; @@ -734,13 +736,13 @@ body { } &--bottom { - margin-top: $spacing_40px; + margin-top: $spacing_32px; ul { display: flex; align-items: center; gap: $spacing_32px; - border-bottom: $border_width solid $border-color; + border-bottom: $border_width solid #EBEBEB !important; width: 100%; li { @@ -790,7 +792,7 @@ body { .ur-scroll-ui { &__scroll-nav { - padding-bottom: $spacing_20px; + padding-bottom: $spacing_28px; } } } @@ -913,6 +915,13 @@ body { } } + .ur-captcha-settings-header{ + img{ + width: 75% !important; + margin-left: 5px !important; + } + } + .integration-info { margin-right: $spacing_20px; } @@ -938,11 +947,11 @@ body { // General Settings .user-registration-card { padding: $spacing_16px $spacing_20px $spacing_22px; - background: #fafafc; - border: $border_width solid #edeff7 !important; + background: $grey-0; + border: $border_width solid #EBEBEB !important; border-radius: $border_radius_7; margin-top: 0 !important; - margin-bottom: $spacing_24px; + margin-bottom: $spacing_28px; max-width: 680px; position: relative; @@ -992,7 +1001,7 @@ body { margin-bottom: $spacing_24px; padding: 0 0 $spacing_16px; position: relative; - border-bottom: $border_width solid $border-color !important; + border-bottom: $border_width solid #EBEBEB !important; // Integration Settings &.integration-header-info { @@ -1064,7 +1073,7 @@ body { // Integration Settings &.integration-body-info { - padding: $spacing_20px 0 0 0 !important; + padding: $spacing_20px 0 !important; .nav-tab-inside { > div { @@ -1345,6 +1354,10 @@ body { .user-registration-help-tip { margin-left: $spacing_6px; color: $grey-100; + + &::after { + content: url('../images/settings-icons/information.svg') !important; + } } } } @@ -1402,6 +1415,33 @@ body { span { color: #BABABA; + + &.user-registration-help-tip { + font-size: 16px; + top: 3px; + left: 4px; + + &::after { + content: ""; + background-image: url('../images/settings-icons/information.svg') !important; + background-repeat: no-repeat !important; + background-size: 100% !important; + background-position: center; + display: block; + width: 8px; + height: 8px; + cursor: pointer; + padding: $spacing_4px; + background: transparent; + border-radius: $border_radius_3; + } + + &:hover { + &::after { + filter: brightness(0) saturate(100%) invert(33%) sepia(19%) saturate(2330%) hue-rotate(195deg) brightness(100%) contrast(87%); + } + } + } } } @@ -1459,6 +1499,33 @@ body { // @media (max-width: 1199px) { // width: 100% !important; // } + + &--open { + .select2-selection { + &__arrow { + height: 30px; + b { + width: 12px; + border-color: transparent transparent #888 transparent; + border-width: 0 6px 7px 6px; + } + } + + &--multiple { + &:before { + content: ""; + position: absolute; + right: 7px; + top: 42%; + border-bottom: 7px solid #888; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-top: 0px; + } + } + } + + } } .select2-selection { @@ -1499,6 +1566,16 @@ body { padding-left: 0; padding-right: 0; } + + &:before { + content: ""; + position: absolute; + right: 7px; + top: 42%; + border-top: 7px solid #888; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + } } &--single { @@ -1521,10 +1598,18 @@ body { } .select2-selection__arrow { - height: 36px; + height: 30px; right: $spacing_8px; } } + + &__arrow { + b { + width: 12px; + border-color: #888 transparent transparent transparent; + border-width: 7px 6px 0 6px; + } + } } .ur-toggle-section { @@ -1588,50 +1673,64 @@ body { } } - #user_registration_captcha_setting_captcha_test { - .spinner { - visibility: visible !important; + .ur-captcha-test-button{ + flex: 0 0 38%; + + .user_registration_captcha_setting_captcha_test { + margin-bottom: 10px; + .spinner { + visibility: visible !important; + } } } - #ur-captcha-test-container { - min-width: 512px; - display: block; + .ur-captcha-test{ + flex: 0 0 60%; - #ur-captcha-notice { - padding: 8px; - margin: 2px; - border-radius: 4px; - border-width: 0px !important; + .ur-captcha-test-container { + min-width: 512px; + display: block; - &.success { - background: rgba(0,255,0,0.3); + .ur-captcha-notice { + padding: 8px; + margin: 2px; + border-radius: 4px; + border-width: 0px !important; - #ur-captcha-notice--icon { - color: green; + &.success { + background: rgba(0,255,0,0.3); + + .ur-captcha-notice--icon { + color: green; + } } - } - &.error { - background: rgba(255,0,0,0.3); + &.error { + background: rgba(255,0,0,0.3); - #ur-captcha-notice--icon { - color: red; + .disconnect { + color: red; + } } } } } + } } p.ur-p-tag { - margin: -$spacing_6px 0 $spacing_24px; + margin-bottom: $spacing_24px; padding: $spacing_10px $spacing_12px $spacing_10px $spacing_16px; - background: $grey-0; - border-left: 3px solid #17a2b8; + background: rgba(71, 91, 178, 0.04); + border: $border_width solid $primary_color; font-weight: $regular; - color: $grey-300; + color: $grey-400; + border-radius: $border_radius_4; + font-size: 14px; + line-height: 22px; + font-style: normal; strong { font-weight: $semi_bold; @@ -1652,9 +1751,16 @@ body { width: 100%; max-width: 680px; padding: $spacing_16px $spacing_20px $spacing_22px; + border: $border_width solid $grey-50; + border-radius: $border_radius_7; + margin-bottom: $spacing_28px; background: #fafafc; - border: $border_width solid $blue-50; - border-radius: $border_radius_9 $border_radius_9 0 0; + border: $border_width solid $grey-50; + box-shadow: none; + + &:last-child { + margin-bottom: 0; + } .hndle { font-weight: $semi-bold; @@ -1687,6 +1793,11 @@ body { } } + .button-primary { + margin-top: $spacing_12px; + box-shadow: none; + } + .ur-export-custom-fields { .ur-form-fields-container, .ur-form-additional-fields-container, @@ -1840,8 +1951,8 @@ body { input[type="radio"] + img { cursor: pointer; } +} - } .user-registration-inactive-addon{ opacity: 0.7; pointer-events: pointer; diff --git a/assets/css/user-registration-default-frontend-rtl.css b/assets/css/user-registration-default-frontend-rtl.css new file mode 100644 index 000000000..af1f320a0 --- /dev/null +++ b/assets/css/user-registration-default-frontend-rtl.css @@ -0,0 +1,41 @@ +.user-registration.ur-frontend-form { + background: #fff; + border: none; + padding: 24px 30px 30px; } + .user-registration.ur-frontend-form .ur-button-container { + display: block; } + .user-registration.ur-frontend-form .ur-form-row { + gap: 24px; + margin-bottom: 28px; } + .user-registration.ur-frontend-form .ur-button-container { + display: block; + margin-top: 36px; } + .user-registration.ur-frontend-form .ur-button-container .ur-submit-button br { + display: none; } + .user-registration.ur-frontend-form.ur-frontend-form--default .ur-form-row { + gap: 24px; + margin-bottom: 0; } + .user-registration.ur-frontend-form.ur-frontend-form--default .ur-form-row .form-row .ur-label { + font-weight: 500; + font-size: 15px; + color: #383838; } + .user-registration.ur-frontend-form.ur-frontend-form--default .ur-form-row .form-row .input-wrapper input { + padding: 8px 14px 8px 10px; + margin-bottom: 4px; + border: 1px solid #E9E9E9; + border-radius: 4px; } + .user-registration.ur-frontend-form.ur-frontend-form--default .ur-form-row .form-row .input-wrapper input::placeholder { + font-size: 14px; + font-weight: 400; + color: #bababa; + text-transform: capitalize; } + .user-registration.ur-frontend-form.ur-frontend-form--default button[type=submit] { + padding: 10px 16px 8px; + border-radius: 4px; + background: #475bb2; + color: #fff; + font-size: 14px; + font-weight: 500; } + .user-registration.ur-frontend-form.ur-frontend-form--default .ur-button-container { + display: block; + margin-top: 36px; } diff --git a/assets/css/user-registration-default-frontend.css b/assets/css/user-registration-default-frontend.css new file mode 100644 index 000000000..fdb081851 --- /dev/null +++ b/assets/css/user-registration-default-frontend.css @@ -0,0 +1,41 @@ +.user-registration.ur-frontend-form { + background: #fff; + border: none; + padding: 24px 30px 30px; } + .user-registration.ur-frontend-form .ur-button-container { + display: block; } + .user-registration.ur-frontend-form .ur-form-row { + gap: 24px; + margin-bottom: 28px; } + .user-registration.ur-frontend-form .ur-button-container { + display: block; + margin-top: 36px; } + .user-registration.ur-frontend-form .ur-button-container .ur-submit-button br { + display: none; } + .user-registration.ur-frontend-form.ur-frontend-form--default .ur-form-row { + gap: 24px; + margin-bottom: 0; } + .user-registration.ur-frontend-form.ur-frontend-form--default .ur-form-row .form-row .ur-label { + font-weight: 500; + font-size: 15px; + color: #383838; } + .user-registration.ur-frontend-form.ur-frontend-form--default .ur-form-row .form-row .input-wrapper input { + padding: 8px 10px 8px 14px; + margin-bottom: 4px; + border: 1px solid #E9E9E9; + border-radius: 4px; } + .user-registration.ur-frontend-form.ur-frontend-form--default .ur-form-row .form-row .input-wrapper input::placeholder { + font-size: 14px; + font-weight: 400; + color: #bababa; + text-transform: capitalize; } + .user-registration.ur-frontend-form.ur-frontend-form--default button[type=submit] { + padding: 10px 16px 8px; + border-radius: 4px; + background: #475bb2; + color: #fff; + font-size: 14px; + font-weight: 500; } + .user-registration.ur-frontend-form.ur-frontend-form--default .ur-button-container { + display: block; + margin-top: 36px; } diff --git a/assets/css/user-registration-default-rtl.css b/assets/css/user-registration-default-rtl.css new file mode 100644 index 000000000..4356b6c83 --- /dev/null +++ b/assets/css/user-registration-default-rtl.css @@ -0,0 +1,1141 @@ +@charset "UTF-8"; +/** +* user-registration.scss +* Governs the general look and feel of User Registration sections of stores using themes that do not +* integrate with User Registration specifically. +*/ +/** +* Imports +*/ +/** + * Variables + */ +/** + * Grid breakpoints + * + * Define the minimum dimensions at which your layout will change, + * adapting to different screen sizes, for use in media queries. + **/ +/** + * Grid containers + * + * Define the maximum width of `.ur-container` for different screen sizes. + * scss-docs-start container-max-widths + **/ +/** Minimum breakpoint width. Null for the smallest (first) breakpoint. + * + * >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) + * 576px + **/ +/** + * Variables + */ +/** + * Grid breakpoints + * + * Define the minimum dimensions at which your layout will change, + * adapting to different screen sizes, for use in media queries. + **/ +/** + * Grid containers + * + * Define the maximum width of `.ur-container` for different screen sizes. + * scss-docs-start container-max-widths + **/ +/** + * Media of at least the minimum breakpoint width. No query for the smallest breakpoint. + * Makes the @content apply to the given breakpoint and wider. + **/ +/** + * Grid system + * + * Generate semantic grid columns with these mixins. + **/ +/** + * _mixins.scss + * User Registration Mixins + */ +.ur-h2, +.ur-h3, +.ur-h4 { + font-weight: 600 !important; } + +.ur-h2 { + font-size: 28px !important; } + +.ur-h3 { + font-size: 20px !important; } + +.ur-h4 { + font-size: 16px !important; } + +.ur-text-center { + text-align: center; } + +.ur-text-right { + text-align: left; } + +.ur-text-muted { + color: #b6bbcf; } + +@font-face { + font-family: "UserRegistration"; + src: url("../fonts/UserRegistration.eot?nk6vrg"); + src: url("../fonts/UserRegistration.eot?nk6vrg#iefix") format("embedded-opentype"), url("../fonts/UserRegistration.ttf?nk6vrg") format("truetype"), url("../fonts/UserRegistration.woff?nk6vrg") format("woff"), url("../fonts/UserRegistration.svg?nk6vrg#UserRegistration") format("svg"); + font-weight: normal; + font-style: normal; + font-display: block; } + +@font-face { + font-family: 'UserRegistration'; + src: url("../fonts/UserRegistration.eot?v5p6f"); + src: url("../fonts/UserRegistration.eot?v5p6f#iefix") format("embedded-opentype"), url("../fonts/UserRegistration.ttf?v5p6f") format("truetype"), url("../fonts/UserRegistration.woff?v5p6f") format("woff"), url("../fonts/UserRegistration.svg?v5p6f#UserRegistration") format("svg"); + font-weight: normal; + font-style: normal; + font-display: block; } + +[class^="ur-icon-"], +[class*=" ur-icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: "UserRegistration" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } + +/* Define the Map for $field-icons */ +/* For each key in the map, creating own class */ +.ur-icon-input-first-name::before { + content: ""; } + +.ur-icon-input-last-name::before { + content: ""; } + +.ur-icon-input-field::before { + content: ""; } + +.ur-icon-input-password::before { + content: ""; } + +.ur-icon-input-checkbox::before { + content: ""; } + +.ur-icon-radio::before { + content: ""; } + +.ur-icon-number::before { + content: ""; } + +.ur-icon-phone::before { + content: ""; } + +.ur-icon-calendar::before { + content: ""; } + +.ur-icon-drop-down::before { + content: ""; } + +.ur-icon-textarea::before { + content: ""; } + +.ur-icon-email::before { + content: ""; } + +.ur-icon-email-secondary::before { + content: ""; } + +.ur-icon-email-confirm::before { + content: ""; } + +.ur-icon-invite-codes::before { + content: ""; } + +.ur-icon-password::before { + content: ""; } + +.ur-icon-password-confirm::before { + content: ""; } + +.ur-icon-user::before { + content: ""; } + +.ur-icon-user-nickname::before { + content: ""; } + +.ur-icon-user-display-name::before { + content: ""; } + +.ur-icon-user-bio::before { + content: ""; } + +.ur-icon-website::before { + content: ""; } + +.ur-icon-flag::before { + content: ""; } + +.ur-icon-map-one::before { + content: ""; } + +.ur-icon-map-two::before { + content: ""; } + +.ur-icon-zip-code::before { + content: ""; } + +.ur-icon-select2::before { + content: ""; } + +.ur-icon-multi-select::before { + content: ""; } + +.ur-icon-section-title::before { + content: ""; } + +.ur-icon-time-picker::before { + content: ""; } + +.ur-icon-state::before { + content: ""; } + +.ur-icon-buildings::before { + content: ""; } + +.ur-icon-text-editor::before { + content: ""; } + +.ur-icon-bill::before { + content: ""; } + +.ur-icon-doc::before { + content: ""; } + +.ur-icon-file-upload::before { + content: ""; } + +.ur-icon-file-dollar::before { + content: ""; } + +.ur-icon-code::before { + content: ""; } + +.ur-icon-mailchimp::before { + content: ""; } + +.ur-icon-credit-card::before { + content: ""; } + +.ur-icon-range::before { + content: ""; } + +.ur-icon-course::before { + content: ""; } + +.ur-icon-mailerlite::before { + content: ""; } + +.ur-icon-stripe::before { + content: ""; } + +.ur-icon-multichoice::before { + content: ""; } + +.ur-icon-subscription-plan::before { + content: ""; } + +.ur-icon-total::before { + content: ""; } + +.ur-icon-quantity::before { + content: ""; } + +.ur-icon-hidden-field::before { + content: ""; } + +.ur-icon-captcha-field::before { + content: ""; } + +.ur-icon-membership-field::before { + content: ""; } + +.ur-icon-coupon-field::before { + content: ""; } + +.ur-icon-e-signature::before { + content: ""; } + +.ur-icon-authorize-net::before { + content: ""; } + +.user-registration button, +.user-registration .button, +.ur-form-container button, +.ur-form-container .button { + transition: all 0.25s ease 0s; + box-shadow: 0 1px 3px rgba(182, 187, 207, 0.15); } + .user-registration button + button, + .user-registration button + .button, + .user-registration .button + button, + .user-registration .button + .button, + .ur-form-container button + button, + .ur-form-container button + .button, + .ur-form-container .button + button, + .ur-form-container .button + .button { + margin-right: 6px; } + .user-registration button.button-icon, + .user-registration .button.button-icon, + .ur-form-container button.button-icon, + .ur-form-container .button.button-icon { + width: 32px; + padding: 0; + text-align: center; } + .user-registration button.button-icon .dashicons, + .user-registration .button.button-icon .dashicons, + .ur-form-container button.button-icon .dashicons, + .ur-form-container .button.button-icon .dashicons { + line-height: 0.9; + vertical-align: middle; } + .user-registration button.button-icon svg, + .user-registration .button.button-icon svg, + .ur-form-container button.button-icon svg, + .ur-form-container .button.button-icon svg { + display: block; + margin: 0 auto; } + .user-registration button.button-icon-round, + .user-registration .button.button-icon-round, + .ur-form-container button.button-icon-round, + .ur-form-container .button.button-icon-round { + border-radius: 50%; } + .user-registration button.is-active, + .user-registration .button.is-active, + .ur-form-container button.is-active, + .ur-form-container .button.is-active { + background: #475bb2; + color: #ffffff; + border-color: #475bb2; } + .user-registration button.is-active:hover, .user-registration button.is-active:active, .user-registration button.is-active:focus, + .user-registration .button.is-active:hover, + .user-registration .button.is-active:active, + .user-registration .button.is-active:focus, + .ur-form-container button.is-active:hover, + .ur-form-container button.is-active:active, + .ur-form-container button.is-active:focus, + .ur-form-container .button.is-active:hover, + .ur-form-container .button.is-active:active, + .ur-form-container .button.is-active:focus { + background: #475bb2; + color: #ffffff; + border-color: #475bb2; } + .user-registration button .ur-spinner, + .user-registration .button .ur-spinner, + .ur-form-container button .ur-spinner, + .ur-form-container .button .ur-spinner { + width: 16px; + height: 16px; + margin-right: 6px; + margin-bottom: 2px; + display: inline-block; + vertical-align: middle; } + +.user-registration .button-primary, +.ur-form-container .button-primary { + background: #475bb2; + border-color: #475bb2; + box-shadow: 0 1px 0 #475bb2; + text-shadow: none; } + .user-registration .button-primary:hover, .user-registration .button-primary:active, .user-registration .button-primary:focus, + .ur-form-container .button-primary:hover, + .ur-form-container .button-primary:active, + .ur-form-container .button-primary:focus { + background: #38488e; + border-color: #38488e; + box-shadow: 0 1px 0 #38488e; } + .user-registration .button-primary:disabled, + .ur-form-container .button-primary:disabled { + color: #b2bae0 !important; + background: #697ac3 !important; + border-color: #697ac3 !important; } + +.user-registration .button-secondary, +.ur-form-container .button-secondary { + color: #2d3559; + background: #dee0e9; + border-color: #dee0e9; + box-shadow: 0 1px 0 #dee0e9; } + .user-registration .button-secondary:hover, .user-registration .button-secondary:active, .user-registration .button-secondary:focus, + .ur-form-container .button-secondary:hover, + .ur-form-container .button-secondary:active, + .ur-form-container .button-secondary:focus { + color: #2d3559; + background: #b6bbcf; + border-color: #b6bbcf; } + +.user-registration .button-tertiary, +.ur-form-container .button-tertiary { + background: #ffffff; + color: #2d3559; + border: 1px solid #e1e1e1; } + .user-registration .button-tertiary:hover, .user-registration .button-tertiary:active, .user-registration .button-tertiary:focus, + .ur-form-container .button-tertiary:hover, + .ur-form-container .button-tertiary:active, + .ur-form-container .button-tertiary:focus { + background: #f0f1f5; + border-color: #e1e1e1; } + +.user-registration .button-danger, +.ur-form-container .button-danger { + color: #ffffff; + background: #ff4f55; + border-color: #ff4f55; + box-shadow: 0 1px 0 #ff4f55; } + .user-registration .button-danger:hover, .user-registration .button-danger:active, .user-registration .button-danger:focus, + .ur-form-container .button-danger:hover, + .ur-form-container .button-danger:active, + .ur-form-container .button-danger:focus { + color: #ffffff; + background: #ef363d; + border-color: #ef363d; + box-shadow: 0 1px 0 #ef363d; } + +.user-registration-button-group { + position: relative; + display: inline-flex; + vertical-align: middle; } + .user-registration-button-group > button:not(:first-child), + .user-registration-button-group .button:not(:first-child) { + margin-right: -1px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .user-registration-button-group > button:not(:last-child), + .user-registration-button-group .button:not(:last-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + .user-registration-button-group button, + .user-registration-button-group .button { + margin-left: 0 !important; } + +.ur-registered-item.ui-draggable-dragging { + padding: 10px 10px; + line-height: 20px; + background: #475bb2; + color: #ffffff; + text-align: center; + margin-bottom: 7px; + word-break: break-word; + white-space: normal; + width: 200px !important; + z-index: 9; } + .ur-registered-item.ui-draggable-dragging span { + font-size: 14px; + line-height: 20px; + width: auto; + height: auto; + margin-left: 3px; } + +.select2-container .ur-select-all-countries-button { + margin: 6px 6px 4px 3px; } + +.select2-container .ur-unselect-all-countries-button { + margin: 6px 3px 4px; } + +.user-registration-page.user-registration-modal-open { + overflow: hidden; } + .user-registration-page.user-registration-modal-open .user-registration-modal { + max-width: 100%; } + +.user-registration-modal-link:hover { + cursor: pointer; } + +.user-registration-modal { + display: flex; + place-content: center; + position: fixed; + top: 50px; + right: 0; + left: 0; + max-height: 90%; + width: 100%; + margin: 0 auto !important; + overflow-x: hidden; + overflow-y: auto; + z-index: 999; } + .user-registration-modal .user-registration-modal__backdrop { + position: fixed; + right: 0; + top: 0; + background-color: rgba(45, 53, 89, 0.5); + min-width: 100%; + min-height: 100%; + z-index: 1; } + .user-registration-modal .user-registration-modal__content { + background: #ffffff; + position: relative; + width: auto; + margin: 16px; + border-radius: 8px; + z-index: 99999; + box-shadow: 0 3px 25px 0px rgba(45, 53, 89, 0.4); } + @media (min-width: 576px) { + .user-registration-modal .user-registration-modal__content { + max-width: 500px; + margin: auto; } } + @media (min-width: 992px) { + .user-registration-modal .user-registration-modal__content.user-registration-modal__content--xl, .user-registration-modal .user-registration-modal__content.user-registration-modal__content--lg { + max-width: 800px; } } + @media (min-width: 1200px) { + .user-registration-modal .user-registration-modal__content.user-registration-modal__content--xl { + max-width: 1140px; } } + .user-registration-modal .user-registration-modal__header { + display: flex; + padding: 16px; + border-bottom: 1px solid #e1e1e1; } + .user-registration-modal .user-registration-modal__header .user-registration-modal__title { + font-size: 20px; + line-height: 1.4; + margin: 0; + padding: 0; } + .user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon { + position: relative; + display: block; + width: 32px; + height: 32px; + flex: 0 0 32px; + cursor: pointer; + margin-right: auto; } + .user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon::before, .user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon::after { + content: ""; + height: 2px; + width: 16px; + display: block; + position: absolute; + top: 50%; + right: 0; + left: 0; + margin: 0 auto; + background: #b6bbcf; } + .user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon::before { + transform: rotate(-45deg); } + .user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon::after { + transform: rotate(-135deg); } + .user-registration-modal .user-registration-modal__body { + position: relative; + padding: 16px; + max-height: 67vh; + overflow-y: scroll; } + .user-registration-modal .user-registration-modal__body #user-registration, + .user-registration-modal .user-registration-modal__body .user-registration, + .user-registration-modal .user-registration-modal__body .login { + margin: 0; + padding: 0; + border: none; } + .user-registration-modal .user-registration-modal__footer { + padding: 16px; + border-top: 1px solid #e1e1e1; } + .user-registration-modal .user-registration-modal__footer * { + margin: 4px; } + +.swal2-container .user-registration-swal2-modal { + padding: 40px; } + .swal2-container .user-registration-swal2-modal .swal2-input { + font-size: 16px; } + .swal2-container .user-registration-swal2-modal .swal2-animate-success-icon [class^="swal2-success-line"], + .swal2-container .user-registration-swal2-modal .swal2-animate-success-icon [class^="swal2-success-circular-line"] { + animation: none; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon { + width: 56px; + height: 56px; + line-height: 56px; + margin: 0 auto 16px; + border-width: 2px; + border-radius: 50%; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon .swal2-x-mark [class^="swal2-x-mark-line"] { + height: 3px; + width: 28px; + top: 50%; + right: 0; + left: 0; + margin: 0 auto; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon .swal2-x-mark [class^="swal2-x-mark-line"][class$="left"] { + transform: translateY(-50%) rotate(-45deg); } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon .swal2-x-mark [class^="swal2-x-mark-line"][class$="right"] { + transform: translateY(-50%) rotate(45deg); } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success [class^="swal2-success-line"] { + height: 3px; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success [class^="swal2-success-line"][class$="tip"] { + width: 16px; + top: 56%; + right: 10px; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success [class^="swal2-success-line"][class$="long"] { + top: 47%; + width: 32px; + left: 6px; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success [class^="swal2-success-circular-line"] { + height: 64px; + width: 32px; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success [class^="swal2-success-circular-line"][class$="left"] { + top: -75px; + right: 27px; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success [class^="swal2-success-circular-line"][class$="right"] { + top: -26px; + right: 82px; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success .swal2-success-ring { + top: -3px; + right: -2px; + border-width: 2px; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success .swal2-success-fix { + height: 64px; + right: 2px; + left: 0px; + margin: 0 auto; + top: -2px; + bottom: 0; + width: 6px; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon::before { + font-size: 40px; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-title { + color: #2d3559; + font-size: 24px; + flex-wrap: wrap; + margin-bottom: 16px; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-title .dashicons { + color: #ff4f55; + font-size: 28px; + width: 56px; + height: 56px; + line-height: 56px; + margin: 0 auto 16px; + border: 2px solid #ff4f55; + border-radius: 50%; } + .swal2-container .user-registration-swal2-modal__title { + line-height: 1.35; + display: block; } + .swal2-container .user-registration-swal2-modal .swal2-content { + color: #4c5477; + font-size: 1em; + line-height: 1.5; } + .swal2-container .user-registration-swal2-modal .swal2-actions button { + margin-top: 0; + margin-bottom: 0; } + .swal2-container .user-registration-swal2-modal--centered .swal2-title { + flex-direction: column; } + +.user-registration-modal-open .wp-block-cover { + z-index: 99; } + +/** +* Utility classes +*/ +.clear { + clear: both; } + +.user-registration-page .select2-dropdown, +.user-registration-swal2-container { + z-index: 9999; } + +.user-registration-page .select2-dropdown { + padding: 0px !important; } + +.ur-timepicker-range { + display: flex; } + +.timepicker-start { + margin-left: 1rem; } + +/** +* Main User Registration styles +*/ +.user-registration-message, +.user-registration-error, +.user-registration-coupon-error, +.user-registration-info { + display: block; + margin: 0 0 10px; + padding: 10px 15px; + background-color: #f0f1f9; + color: #4c5477; + border-top: 3px solid #475bb2; + list-style: none outside; + *zoom: 1; + width: auto; + word-wrap: break-word; + line-height: 1.25; + text-transform: none; + font-size: 14px; } + .user-registration-message::before, .user-registration-message::after, + .user-registration-error::before, + .user-registration-error::after, + .user-registration-coupon-error::before, + .user-registration-coupon-error::after, + .user-registration-info::before, + .user-registration-info::after { + content: ' '; + display: table; } + .user-registration-message::after, + .user-registration-error::after, + .user-registration-coupon-error::after, + .user-registration-info::after { + clear: both; } + .user-registration-message::before, + .user-registration-error::before, + .user-registration-coupon-error::before, + .user-registration-info::before { + content: "\f348"; + display: inline-block; + vertical-align: middle; + font-family: "Dashicons"; + font-size: calc(100% + 10px); + margin-left: 0.875rem; } + .user-registration-message ul, + .user-registration-error ul, + .user-registration-coupon-error ul, + .user-registration-info ul { + margin: 0 !important; + padding: 0 !important; + background-color: transparent !important; } + .user-registration-message .button, + .user-registration-error .button, + .user-registration-coupon-error .button, + .user-registration-info .button { + float: left; } + .user-registration-message li, + .user-registration-error li, + .user-registration-coupon-error li, + .user-registration-info li { + list-style: none outside !important; + padding-right: 0 !important; + margin-right: 0 !important; } + .user-registration-message .message, + .user-registration-error .message, + .user-registration-coupon-error .message, + .user-registration-info .message { + margin: 0; + padding: 0; } + +.user-registration-message { + border-top-color: #8fae1b; + background: rgba(143, 174, 27, 0.1); + color: #596c11; } + +.user-registration-info { + color: #1e85be; + border-top-color: #1e85be; } + +.user-registration-error { + border-top-color: #ff4f55; + background: rgba(255, 79, 85, 0.1); + color: #ff030b; } + .user-registration-error::before { + content: "\f534"; } + +.user-registration-coupon-error { + border-top-color: #ff4f55; + background: rgba(255, 79, 85, 0.1); + color: #ff030b; + margin-top: 10px; } + +input.ur-input-border-green, textarea.ur-input-border-green { + border-color: #1EA71B !important; } + +input.ur-input-border-red, textarea.ur-input-border-red { + border-color: #ff4f55 !important; } + +.ur-frontend-form { + margin-bottom: 30px; + border: 1px solid #e1e1e1; + padding: 20px; + box-sizing: border-box; } + .ur-frontend-form.login { + margin: 0; + padding: 10px; + box-shadow: none; + background: none; } + .ur-frontend-form.login input[name="rememberme"]#rememberme { + vertical-align: middle; } + .ur-frontend-form.login-registration { + margin: 0; + border: none; + padding: 0; } + .ur-frontend-form .register #node_recaptcha_register { + padding: 0 10px; } + .ur-frontend-form #ur-recaptcha-node { + margin-top: 10px; } + .ur-frontend-form * { + box-sizing: border-box; } + .ur-frontend-form .description { + display: block; + font-size: 14px; + line-height: 1.5; } + .ur-frontend-form .ur-form-row { + display: flex; } + .ur-frontend-form .ur-form-row:last-child { + margin-bottom: 0; } + .ur-frontend-form .ur-form-row .ur-form-grid { + flex: 1; + padding: 0 10px; } + .ur-frontend-form .ur-form-row .ur-form-grid:nth-child(1n + 2) { + border-right: 0 none; } + .ur-frontend-form .ur-form-row .ur-form-grid input { + border-style: solid; } + .ur-frontend-form .ur-form-row .ur-form-grid input[type="text"], + .ur-frontend-form .ur-form-row .ur-form-grid input[type="email"], + .ur-frontend-form .ur-form-row .ur-form-grid input[type="url"], + .ur-frontend-form .ur-form-row .ur-form-grid input[type="password"], + .ur-frontend-form .ur-form-row .ur-form-grid input[type="date"], + .ur-frontend-form .ur-form-row .ur-form-grid input[type="number"], + .ur-frontend-form .ur-form-row .ur-form-grid input[type="timepicker"], + .ur-frontend-form .ur-form-row .ur-form-grid input[type="phone"], + .ur-frontend-form .ur-form-row .ur-form-grid textarea, + .ur-frontend-form .ur-form-row .ur-form-grid select, + .ur-frontend-form .ur-form-row .ur-form-grid .__PrivateStripeElement { + width: 100%; + padding: 4px 8px; + border-radius: 0; + min-height: 36px; + margin-bottom: 10px; + line-height: 1.5; } + .ur-frontend-form .ur-form-row .ur-form-grid input[type="text"]::placeholder, + .ur-frontend-form .ur-form-row .ur-form-grid input[type="email"]::placeholder, + .ur-frontend-form .ur-form-row .ur-form-grid input[type="url"]::placeholder, + .ur-frontend-form .ur-form-row .ur-form-grid input[type="password"]::placeholder, + .ur-frontend-form .ur-form-row .ur-form-grid input[type="date"]::placeholder, + .ur-frontend-form .ur-form-row .ur-form-grid input[type="number"]::placeholder, + .ur-frontend-form .ur-form-row .ur-form-grid input[type="timepicker"]::placeholder, + .ur-frontend-form .ur-form-row .ur-form-grid input[type="phone"]::placeholder, + .ur-frontend-form .ur-form-row .ur-form-grid textarea::placeholder, + .ur-frontend-form .ur-form-row .ur-form-grid select::placeholder, + .ur-frontend-form .ur-form-row .ur-form-grid .__PrivateStripeElement::placeholder { + color: #ddd; } + .ur-frontend-form .ur-form-row .ur-form-grid input[type="password"] { + display: inline; + margin-bottom: 0px; } + .ur-frontend-form .ur-form-row .ur-form-grid .StripeElement { + padding: 4px 8px; + border: 1px solid #e1e1e1; } + .ur-frontend-form .ur-form-row .ur-form-grid .StripeElement .__PrivateStripeElement iframe { + position: absolute; + top: 50%; + transform: translateY(-50%); } + .ur-frontend-form .ur-form-row .ur-form-grid input[type="checkbox"], + .ur-frontend-form .ur-form-row .ur-form-grid input[type="radio"] { + font-size: 12px; + display: inline-block; + vertical-align: middle; + margin-left: 5px; + margin-right: 20px; } + .ur-frontend-form .ur-form-row .ur-form-grid input[type="checkbox"]:first-child, + .ur-frontend-form .ur-form-row .ur-form-grid input[type="radio"]:first-child { + margin-right: 0; } + .ur-frontend-form .ur-form-row .ur-form-grid input[type="radio"]:focus, + .ur-frontend-form .ur-form-row .ur-form-grid input[type="text"]:focus, + .ur-frontend-form .ur-form-row .ur-form-grid input[type="email"]:focus, + .ur-frontend-form .ur-form-row .ur-form-grid input[type="url"]:focus, + .ur-frontend-form .ur-form-row .ur-form-grid input[type="password"]:focus, + .ur-frontend-form .ur-form-row .ur-form-grid textarea:focus, + .ur-frontend-form .ur-form-row .ur-form-grid select:focus, + .ur-frontend-form .ur-form-row .ur-form-grid button:focus { + outline: 0; } + .ur-frontend-form .ur-form-row .ur-form-grid input[readonly], + .ur-frontend-form .ur-form-row .ur-form-grid select[readonly], + .ur-frontend-form .ur-form-row .ur-form-grid textarea[readonly] { + cursor: auto; } + .ur-frontend-form .ur-form-row .ur-form-grid select { + -webkit-appearance: none; + background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") no-repeat left 5px top 55%; } + .ur-frontend-form .ur-form-row .ur-form-grid legend, + .ur-frontend-form .ur-form-row .ur-form-grid label { + display: block; + font-size: 14px; + margin-bottom: 10px; + margin-top: 10px; } + .ur-frontend-form .ur-form-row .ur-form-grid legend .required, + .ur-frontend-form .ur-form-row .ur-form-grid label .required { + text-decoration: none; + border: none; + color: #ff4f55; } + .ur-frontend-form .ur-form-row .ur-form-grid legend.ur-label, + .ur-frontend-form .ur-form-row .ur-form-grid label.ur-label { + font-weight: bold; } + .ur-frontend-form .ur-form-row .ur-form-grid textarea { + padding: 10px; + height: 100px; + resize: none; + padding: 5px 20px; } + .ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password input[type="password"] { + padding-left: 50px; } + .ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group { + position: relative; } + .ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group .password_preview { + color: #676d8a; + position: absolute; + top: 50%; + left: 15px; + transform: translateY(-50%); } + .ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group .password_preview.dashicons.dashicons-hidden { + opacity: 0.6; } + .ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group .password_preview.dashicons.dashicons-hidden:hover { + opacity: 1; } + .ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple { + border: 1px solid #f0f1f5; } + .ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple .select2-selection__rendered { + display: block; } + .ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple .select2-selection__rendered li:last-child { + margin-right: 0; } + .ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple .select2-selection__choice { + margin: 5px; } + .ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple .select2-search--inline input[type="text"] { + margin: 5px; + height: inherit; } + .ur-frontend-form button, + .ur-frontend-form input[type="submit"], + .ur-frontend-form button[type="submit"] { + padding: 10px 20px; + line-height: 1.5; + text-align: center; + word-break: break-word; + white-space: normal; + border: none; + cursor: pointer; + transition: 0.35s all ease-out; } + .ur-frontend-form input[type="submit"] { + float: left; } + .ur-frontend-form .ur-button-container { + display: flex; + margin-top: 10px; + padding: 0 10px; } + .ur-frontend-form .ur-button-container .ur-submit-button { + margin-right: auto; } + .ur-frontend-form .user-registration-submit-Button { + float: left; } + .ur-frontend-form .ur-submit-button { + margin-left: 10px; + margin-bottom: 0; } + .ur-frontend-form label abbr.required { + text-decoration: none; + border: none; + color: #ff4f55; } + .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type="text"], + .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type="email"], + .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type="url"], + .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type="password"], + .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type="date"], + .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type="number"], + .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid textarea, + .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid select { + border: none; + border-bottom: 1px solid #c0c4d4; + outline: none; + transition: all 0.35s; + padding: 10px 15px; + background: #f0f1f5; + color: #676d8a; + height: 45px; } + .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid legend, + .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid label { + margin-right: 5px; + color: #676d8a; } + .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid textarea { + height: 100px; } + .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid .hide_show_password input[type="password"] { + padding-left: 50px; } + .ur-frontend-form.ur-frontend-form--bordered form input[type="submit"], + .ur-frontend-form.ur-frontend-form--bordered form button[type="submit"], + .ur-frontend-form.ur-frontend-form--bordered form button.user-registration-multi-part-nav-prev, + .ur-frontend-form.ur-frontend-form--bordered form button.user-registration-multi-part-nav-next { + background: #f0f1f5; + border: 1px solid #e1e1e1; + color: #676d8a; + border-radius: 0; } + .ur-frontend-form.ur-frontend-form--bordered form input[type="submit"]:hover, + .ur-frontend-form.ur-frontend-form--bordered form button[type="submit"]:hover, + .ur-frontend-form.ur-frontend-form--bordered form button.user-registration-multi-part-nav-prev:hover, + .ur-frontend-form.ur-frontend-form--bordered form button.user-registration-multi-part-nav-next:hover { + background: #475bb2; + color: #ffffff; + border-color: #475bb2; } + .ur-frontend-form.ur-frontend-form--flat { + background: #f7f7f7; + border: none transparent; } + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid .ur-field-item, + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid .form-row { + margin-bottom: 0; } + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type="text"], + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type="email"], + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type="url"], + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type="password"], + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type="date"], + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type="number"], + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid textarea, + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid select { + border: none; + outline: none; + padding: 10px 15px; + background: #ffffff; + color: #676d8a; + margin-bottom: 10px; + height: 45px; } + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type="text"]:focus, + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type="email"]:focus, + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type="url"]:focus, + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type="password"]:focus, + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type="date"]:focus, + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type="number"]:focus, + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid textarea:focus, + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid select:focus { + box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05); } + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid select { + margin-bottom: 10px; } + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid legend, + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid label { + color: #676d8a; } + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid textarea { + height: 100px; } + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid .hide_show_password input[type="password"] { + padding-left: 50px; } + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type="text"], + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type="email"], + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type="url"], + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type="password"], + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type="date"], + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type="number"], + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid textarea, + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid select { + border: 1px solid #c0c4d4; + border-radius: 25px; + outline: none; + transition: all 0.35s; + padding: 10px 15px; + background: #ffffff; + color: #676d8a; + height: 45px; } + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid button[type="button"] { + border-radius: 25px; } + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid legend, + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid label { + margin-right: 5px; + color: #676d8a; } + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid textarea { + height: 100px; } + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid .hide_show_password input[type="password"] { + padding-left: 50px; } + .ur-frontend-form.ur-frontend-form--rounded form input[type="submit"], + .ur-frontend-form.ur-frontend-form--rounded form button[type="submit"], + .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev, + .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next { + border: 0 none; + color: #ffffff; + border-radius: 25px; + float: none; + display: block; + padding: 15px 25px; } + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type="text"], + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type="email"], + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type="url"], + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type="password"], + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type="date"], + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type="number"], + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid textarea, + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid select { + border-radius: 2px; } + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid .hide_show_password input[type="password"] { + padding-left: 50px; } + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid button[type="button"] { + border-radius: 2px; } + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form input[type="submit"], + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form button[type="submit"], + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form button.user-registration-multi-part-nav-prev, + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form button.user-registration-multi-part-nav-next { + border-radius: 2px; } + .ur-frontend-form #ur-submit-message-node { + margin: 20px 0 0 0; } + .ur-frontend-form #ur-submit-message-node.ur-error { + background: rgba(206, 0, 0, 0.1); } + .ur-frontend-form #ur-submit-message-node.ur-message.message { + background: rgba(143, 174, 27, 0.2); } + +#user-registration { + background-color: #ffffff; + margin: 30px 0; } + #user-registration.user-registration, + #user-registration * { + box-sizing: border-box; } + #user-registration p { + color: #333333; } + #user-registration .user-registration-tips { + font-size: 12px; + color: #b6bbcf; + margin-bottom: 0; } + +/** +* Password strength meter +*/ +.user-registration-password-strength { + text-align: center; + font-weight: 600; + padding: 3px 0.5em; + font-size: 1em; } + .user-registration-password-strength.strong { + background-color: #c1e1b9; + border-color: #83c373; } + .user-registration-password-strength.short { + background-color: #f1adad; + border-color: #e35b5b; } + .user-registration-password-strength.bad { + background-color: #fbc5a9; + border-color: #f78b53; } + .user-registration-password-strength.good { + background-color: #ffe399; + border-color: #ffc733; } + +.user-registration-password-hint { + margin: 0.5em 0 0; + display: block; } + +.ur-front-spinner { + background: url("../images/wpspin_light-2x.gif") no-repeat; + background-size: 16px 16px; + display: block; + opacity: 0.7; + filter: alpha(opacity=70); + width: 16px; + height: 16px; + margin-right: -40px; + float: right; } + +.ur-hidden { + display: none; } + +.button-check-all { + display: inline-block; + text-decoration: none; + font-size: 13px; + line-height: 2.15384615; + min-height: 30px; + margin: 0; + padding: 0 10px; + cursor: pointer; + border-width: 1px; + border-style: solid; + -webkit-appearance: none; + border-radius: 3px; + white-space: nowrap; + box-sizing: border-box; } + +.ur-form-row { + margin-bottom: 24px; } + .ur-form-row .flatpickr-input { + padding-right: 32px !important; } + .ur-form-row .without_icon { + padding-right: 10px !important; } + .ur-form-row span.input-wrapper { + position: relative; } + .ur-form-row span.input-wrapper .ur-icon { + position: absolute; + top: 50%; + padding: 8px; + right: 0; + transform: translateY(-50%); } diff --git a/assets/css/user-registration-default.css b/assets/css/user-registration-default.css new file mode 100644 index 000000000..4218da56f --- /dev/null +++ b/assets/css/user-registration-default.css @@ -0,0 +1,1141 @@ +@charset "UTF-8"; +/** +* user-registration.scss +* Governs the general look and feel of User Registration sections of stores using themes that do not +* integrate with User Registration specifically. +*/ +/** +* Imports +*/ +/** + * Variables + */ +/** + * Grid breakpoints + * + * Define the minimum dimensions at which your layout will change, + * adapting to different screen sizes, for use in media queries. + **/ +/** + * Grid containers + * + * Define the maximum width of `.ur-container` for different screen sizes. + * scss-docs-start container-max-widths + **/ +/** Minimum breakpoint width. Null for the smallest (first) breakpoint. + * + * >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)) + * 576px + **/ +/** + * Variables + */ +/** + * Grid breakpoints + * + * Define the minimum dimensions at which your layout will change, + * adapting to different screen sizes, for use in media queries. + **/ +/** + * Grid containers + * + * Define the maximum width of `.ur-container` for different screen sizes. + * scss-docs-start container-max-widths + **/ +/** + * Media of at least the minimum breakpoint width. No query for the smallest breakpoint. + * Makes the @content apply to the given breakpoint and wider. + **/ +/** + * Grid system + * + * Generate semantic grid columns with these mixins. + **/ +/** + * _mixins.scss + * User Registration Mixins + */ +.ur-h2, +.ur-h3, +.ur-h4 { + font-weight: 600 !important; } + +.ur-h2 { + font-size: 28px !important; } + +.ur-h3 { + font-size: 20px !important; } + +.ur-h4 { + font-size: 16px !important; } + +.ur-text-center { + text-align: center; } + +.ur-text-right { + text-align: right; } + +.ur-text-muted { + color: #b6bbcf; } + +@font-face { + font-family: "UserRegistration"; + src: url("../fonts/UserRegistration.eot?nk6vrg"); + src: url("../fonts/UserRegistration.eot?nk6vrg#iefix") format("embedded-opentype"), url("../fonts/UserRegistration.ttf?nk6vrg") format("truetype"), url("../fonts/UserRegistration.woff?nk6vrg") format("woff"), url("../fonts/UserRegistration.svg?nk6vrg#UserRegistration") format("svg"); + font-weight: normal; + font-style: normal; + font-display: block; } + +@font-face { + font-family: 'UserRegistration'; + src: url("../fonts/UserRegistration.eot?v5p6f"); + src: url("../fonts/UserRegistration.eot?v5p6f#iefix") format("embedded-opentype"), url("../fonts/UserRegistration.ttf?v5p6f") format("truetype"), url("../fonts/UserRegistration.woff?v5p6f") format("woff"), url("../fonts/UserRegistration.svg?v5p6f#UserRegistration") format("svg"); + font-weight: normal; + font-style: normal; + font-display: block; } + +[class^="ur-icon-"], +[class*=" ur-icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: "UserRegistration" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } + +/* Define the Map for $field-icons */ +/* For each key in the map, creating own class */ +.ur-icon-input-first-name::before { + content: ""; } + +.ur-icon-input-last-name::before { + content: ""; } + +.ur-icon-input-field::before { + content: ""; } + +.ur-icon-input-password::before { + content: ""; } + +.ur-icon-input-checkbox::before { + content: ""; } + +.ur-icon-radio::before { + content: ""; } + +.ur-icon-number::before { + content: ""; } + +.ur-icon-phone::before { + content: ""; } + +.ur-icon-calendar::before { + content: ""; } + +.ur-icon-drop-down::before { + content: ""; } + +.ur-icon-textarea::before { + content: ""; } + +.ur-icon-email::before { + content: ""; } + +.ur-icon-email-secondary::before { + content: ""; } + +.ur-icon-email-confirm::before { + content: ""; } + +.ur-icon-invite-codes::before { + content: ""; } + +.ur-icon-password::before { + content: ""; } + +.ur-icon-password-confirm::before { + content: ""; } + +.ur-icon-user::before { + content: ""; } + +.ur-icon-user-nickname::before { + content: ""; } + +.ur-icon-user-display-name::before { + content: ""; } + +.ur-icon-user-bio::before { + content: ""; } + +.ur-icon-website::before { + content: ""; } + +.ur-icon-flag::before { + content: ""; } + +.ur-icon-map-one::before { + content: ""; } + +.ur-icon-map-two::before { + content: ""; } + +.ur-icon-zip-code::before { + content: ""; } + +.ur-icon-select2::before { + content: ""; } + +.ur-icon-multi-select::before { + content: ""; } + +.ur-icon-section-title::before { + content: ""; } + +.ur-icon-time-picker::before { + content: ""; } + +.ur-icon-state::before { + content: ""; } + +.ur-icon-buildings::before { + content: ""; } + +.ur-icon-text-editor::before { + content: ""; } + +.ur-icon-bill::before { + content: ""; } + +.ur-icon-doc::before { + content: ""; } + +.ur-icon-file-upload::before { + content: ""; } + +.ur-icon-file-dollar::before { + content: ""; } + +.ur-icon-code::before { + content: ""; } + +.ur-icon-mailchimp::before { + content: ""; } + +.ur-icon-credit-card::before { + content: ""; } + +.ur-icon-range::before { + content: ""; } + +.ur-icon-course::before { + content: ""; } + +.ur-icon-mailerlite::before { + content: ""; } + +.ur-icon-stripe::before { + content: ""; } + +.ur-icon-multichoice::before { + content: ""; } + +.ur-icon-subscription-plan::before { + content: ""; } + +.ur-icon-total::before { + content: ""; } + +.ur-icon-quantity::before { + content: ""; } + +.ur-icon-hidden-field::before { + content: ""; } + +.ur-icon-captcha-field::before { + content: ""; } + +.ur-icon-membership-field::before { + content: ""; } + +.ur-icon-coupon-field::before { + content: ""; } + +.ur-icon-e-signature::before { + content: ""; } + +.ur-icon-authorize-net::before { + content: ""; } + +.user-registration button, +.user-registration .button, +.ur-form-container button, +.ur-form-container .button { + transition: all 0.25s ease 0s; + box-shadow: 0 1px 3px rgba(182, 187, 207, 0.15); } + .user-registration button + button, + .user-registration button + .button, + .user-registration .button + button, + .user-registration .button + .button, + .ur-form-container button + button, + .ur-form-container button + .button, + .ur-form-container .button + button, + .ur-form-container .button + .button { + margin-left: 6px; } + .user-registration button.button-icon, + .user-registration .button.button-icon, + .ur-form-container button.button-icon, + .ur-form-container .button.button-icon { + width: 32px; + padding: 0; + text-align: center; } + .user-registration button.button-icon .dashicons, + .user-registration .button.button-icon .dashicons, + .ur-form-container button.button-icon .dashicons, + .ur-form-container .button.button-icon .dashicons { + line-height: 0.9; + vertical-align: middle; } + .user-registration button.button-icon svg, + .user-registration .button.button-icon svg, + .ur-form-container button.button-icon svg, + .ur-form-container .button.button-icon svg { + display: block; + margin: 0 auto; } + .user-registration button.button-icon-round, + .user-registration .button.button-icon-round, + .ur-form-container button.button-icon-round, + .ur-form-container .button.button-icon-round { + border-radius: 50%; } + .user-registration button.is-active, + .user-registration .button.is-active, + .ur-form-container button.is-active, + .ur-form-container .button.is-active { + background: #475bb2; + color: #ffffff; + border-color: #475bb2; } + .user-registration button.is-active:hover, .user-registration button.is-active:active, .user-registration button.is-active:focus, + .user-registration .button.is-active:hover, + .user-registration .button.is-active:active, + .user-registration .button.is-active:focus, + .ur-form-container button.is-active:hover, + .ur-form-container button.is-active:active, + .ur-form-container button.is-active:focus, + .ur-form-container .button.is-active:hover, + .ur-form-container .button.is-active:active, + .ur-form-container .button.is-active:focus { + background: #475bb2; + color: #ffffff; + border-color: #475bb2; } + .user-registration button .ur-spinner, + .user-registration .button .ur-spinner, + .ur-form-container button .ur-spinner, + .ur-form-container .button .ur-spinner { + width: 16px; + height: 16px; + margin-left: 6px; + margin-bottom: 2px; + display: inline-block; + vertical-align: middle; } + +.user-registration .button-primary, +.ur-form-container .button-primary { + background: #475bb2; + border-color: #475bb2; + box-shadow: 0 1px 0 #475bb2; + text-shadow: none; } + .user-registration .button-primary:hover, .user-registration .button-primary:active, .user-registration .button-primary:focus, + .ur-form-container .button-primary:hover, + .ur-form-container .button-primary:active, + .ur-form-container .button-primary:focus { + background: #38488e; + border-color: #38488e; + box-shadow: 0 1px 0 #38488e; } + .user-registration .button-primary:disabled, + .ur-form-container .button-primary:disabled { + color: #b2bae0 !important; + background: #697ac3 !important; + border-color: #697ac3 !important; } + +.user-registration .button-secondary, +.ur-form-container .button-secondary { + color: #2d3559; + background: #dee0e9; + border-color: #dee0e9; + box-shadow: 0 1px 0 #dee0e9; } + .user-registration .button-secondary:hover, .user-registration .button-secondary:active, .user-registration .button-secondary:focus, + .ur-form-container .button-secondary:hover, + .ur-form-container .button-secondary:active, + .ur-form-container .button-secondary:focus { + color: #2d3559; + background: #b6bbcf; + border-color: #b6bbcf; } + +.user-registration .button-tertiary, +.ur-form-container .button-tertiary { + background: #ffffff; + color: #2d3559; + border: 1px solid #e1e1e1; } + .user-registration .button-tertiary:hover, .user-registration .button-tertiary:active, .user-registration .button-tertiary:focus, + .ur-form-container .button-tertiary:hover, + .ur-form-container .button-tertiary:active, + .ur-form-container .button-tertiary:focus { + background: #f0f1f5; + border-color: #e1e1e1; } + +.user-registration .button-danger, +.ur-form-container .button-danger { + color: #ffffff; + background: #ff4f55; + border-color: #ff4f55; + box-shadow: 0 1px 0 #ff4f55; } + .user-registration .button-danger:hover, .user-registration .button-danger:active, .user-registration .button-danger:focus, + .ur-form-container .button-danger:hover, + .ur-form-container .button-danger:active, + .ur-form-container .button-danger:focus { + color: #ffffff; + background: #ef363d; + border-color: #ef363d; + box-shadow: 0 1px 0 #ef363d; } + +.user-registration-button-group { + position: relative; + display: inline-flex; + vertical-align: middle; } + .user-registration-button-group > button:not(:first-child), + .user-registration-button-group .button:not(:first-child) { + margin-left: -1px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } + .user-registration-button-group > button:not(:last-child), + .user-registration-button-group .button:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .user-registration-button-group button, + .user-registration-button-group .button { + margin-right: 0 !important; } + +.ur-registered-item.ui-draggable-dragging { + padding: 10px 10px; + line-height: 20px; + background: #475bb2; + color: #ffffff; + text-align: center; + margin-bottom: 7px; + word-break: break-word; + white-space: normal; + width: 200px !important; + z-index: 9; } + .ur-registered-item.ui-draggable-dragging span { + font-size: 14px; + line-height: 20px; + width: auto; + height: auto; + margin-right: 3px; } + +.select2-container .ur-select-all-countries-button { + margin: 6px 3px 4px 6px; } + +.select2-container .ur-unselect-all-countries-button { + margin: 6px 3px 4px; } + +.user-registration-page.user-registration-modal-open { + overflow: hidden; } + .user-registration-page.user-registration-modal-open .user-registration-modal { + max-width: 100%; } + +.user-registration-modal-link:hover { + cursor: pointer; } + +.user-registration-modal { + display: flex; + place-content: center; + position: fixed; + top: 50px; + left: 0; + right: 0; + max-height: 90%; + width: 100%; + margin: 0 auto !important; + overflow-x: hidden; + overflow-y: auto; + z-index: 999; } + .user-registration-modal .user-registration-modal__backdrop { + position: fixed; + left: 0; + top: 0; + background-color: rgba(45, 53, 89, 0.5); + min-width: 100%; + min-height: 100%; + z-index: 1; } + .user-registration-modal .user-registration-modal__content { + background: #ffffff; + position: relative; + width: auto; + margin: 16px; + border-radius: 8px; + z-index: 99999; + box-shadow: 0 3px 25px 0px rgba(45, 53, 89, 0.4); } + @media (min-width: 576px) { + .user-registration-modal .user-registration-modal__content { + max-width: 500px; + margin: auto; } } + @media (min-width: 992px) { + .user-registration-modal .user-registration-modal__content.user-registration-modal__content--xl, .user-registration-modal .user-registration-modal__content.user-registration-modal__content--lg { + max-width: 800px; } } + @media (min-width: 1200px) { + .user-registration-modal .user-registration-modal__content.user-registration-modal__content--xl { + max-width: 1140px; } } + .user-registration-modal .user-registration-modal__header { + display: flex; + padding: 16px; + border-bottom: 1px solid #e1e1e1; } + .user-registration-modal .user-registration-modal__header .user-registration-modal__title { + font-size: 20px; + line-height: 1.4; + margin: 0; + padding: 0; } + .user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon { + position: relative; + display: block; + width: 32px; + height: 32px; + flex: 0 0 32px; + cursor: pointer; + margin-left: auto; } + .user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon::before, .user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon::after { + content: ""; + height: 2px; + width: 16px; + display: block; + position: absolute; + top: 50%; + left: 0; + right: 0; + margin: 0 auto; + background: #b6bbcf; } + .user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon::before { + transform: rotate(45deg); } + .user-registration-modal .user-registration-modal__header .user-registration-modal__close-icon::after { + transform: rotate(135deg); } + .user-registration-modal .user-registration-modal__body { + position: relative; + padding: 16px; + max-height: 67vh; + overflow-y: scroll; } + .user-registration-modal .user-registration-modal__body #user-registration, + .user-registration-modal .user-registration-modal__body .user-registration, + .user-registration-modal .user-registration-modal__body .login { + margin: 0; + padding: 0; + border: none; } + .user-registration-modal .user-registration-modal__footer { + padding: 16px; + border-top: 1px solid #e1e1e1; } + .user-registration-modal .user-registration-modal__footer * { + margin: 4px; } + +.swal2-container .user-registration-swal2-modal { + padding: 40px; } + .swal2-container .user-registration-swal2-modal .swal2-input { + font-size: 16px; } + .swal2-container .user-registration-swal2-modal .swal2-animate-success-icon [class^="swal2-success-line"], + .swal2-container .user-registration-swal2-modal .swal2-animate-success-icon [class^="swal2-success-circular-line"] { + animation: none; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon { + width: 56px; + height: 56px; + line-height: 56px; + margin: 0 auto 16px; + border-width: 2px; + border-radius: 50%; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon .swal2-x-mark [class^="swal2-x-mark-line"] { + height: 3px; + width: 28px; + top: 50%; + left: 0; + right: 0; + margin: 0 auto; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon .swal2-x-mark [class^="swal2-x-mark-line"][class$="left"] { + transform: translateY(-50%) rotate(45deg); } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon .swal2-x-mark [class^="swal2-x-mark-line"][class$="right"] { + transform: translateY(-50%) rotate(-45deg); } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success [class^="swal2-success-line"] { + height: 3px; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success [class^="swal2-success-line"][class$="tip"] { + width: 16px; + top: 56%; + left: 10px; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success [class^="swal2-success-line"][class$="long"] { + top: 47%; + width: 32px; + right: 6px; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success [class^="swal2-success-circular-line"] { + height: 64px; + width: 32px; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success [class^="swal2-success-circular-line"][class$="left"] { + top: -75px; + left: 27px; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success [class^="swal2-success-circular-line"][class$="right"] { + top: -26px; + left: 82px; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success .swal2-success-ring { + top: -3px; + left: -2px; + border-width: 2px; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon.swal2-success .swal2-success-fix { + height: 64px; + left: 2px; + right: 0px; + margin: 0 auto; + top: -2px; + bottom: 0; + width: 6px; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-icon::before { + font-size: 40px; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-title { + color: #2d3559; + font-size: 24px; + flex-wrap: wrap; + margin-bottom: 16px; } + .swal2-container .user-registration-swal2-modal .swal2-header .swal2-title .dashicons { + color: #ff4f55; + font-size: 28px; + width: 56px; + height: 56px; + line-height: 56px; + margin: 0 auto 16px; + border: 2px solid #ff4f55; + border-radius: 50%; } + .swal2-container .user-registration-swal2-modal__title { + line-height: 1.35; + display: block; } + .swal2-container .user-registration-swal2-modal .swal2-content { + color: #4c5477; + font-size: 1em; + line-height: 1.5; } + .swal2-container .user-registration-swal2-modal .swal2-actions button { + margin-top: 0; + margin-bottom: 0; } + .swal2-container .user-registration-swal2-modal--centered .swal2-title { + flex-direction: column; } + +.user-registration-modal-open .wp-block-cover { + z-index: 99; } + +/** +* Utility classes +*/ +.clear { + clear: both; } + +.user-registration-page .select2-dropdown, +.user-registration-swal2-container { + z-index: 9999; } + +.user-registration-page .select2-dropdown { + padding: 0px !important; } + +.ur-timepicker-range { + display: flex; } + +.timepicker-start { + margin-right: 1rem; } + +/** +* Main User Registration styles +*/ +.user-registration-message, +.user-registration-error, +.user-registration-coupon-error, +.user-registration-info { + display: block; + margin: 0 0 10px; + padding: 10px 15px; + background-color: #f0f1f9; + color: #4c5477; + border-top: 3px solid #475bb2; + list-style: none outside; + *zoom: 1; + width: auto; + word-wrap: break-word; + line-height: 1.25; + text-transform: none; + font-size: 14px; } + .user-registration-message::before, .user-registration-message::after, + .user-registration-error::before, + .user-registration-error::after, + .user-registration-coupon-error::before, + .user-registration-coupon-error::after, + .user-registration-info::before, + .user-registration-info::after { + content: ' '; + display: table; } + .user-registration-message::after, + .user-registration-error::after, + .user-registration-coupon-error::after, + .user-registration-info::after { + clear: both; } + .user-registration-message::before, + .user-registration-error::before, + .user-registration-coupon-error::before, + .user-registration-info::before { + content: "\f348"; + display: inline-block; + vertical-align: middle; + font-family: "Dashicons"; + font-size: calc(100% + 10px); + margin-right: 0.875rem; } + .user-registration-message ul, + .user-registration-error ul, + .user-registration-coupon-error ul, + .user-registration-info ul { + margin: 0 !important; + padding: 0 !important; + background-color: transparent !important; } + .user-registration-message .button, + .user-registration-error .button, + .user-registration-coupon-error .button, + .user-registration-info .button { + float: right; } + .user-registration-message li, + .user-registration-error li, + .user-registration-coupon-error li, + .user-registration-info li { + list-style: none outside !important; + padding-left: 0 !important; + margin-left: 0 !important; } + .user-registration-message .message, + .user-registration-error .message, + .user-registration-coupon-error .message, + .user-registration-info .message { + margin: 0; + padding: 0; } + +.user-registration-message { + border-top-color: #8fae1b; + background: rgba(143, 174, 27, 0.1); + color: #596c11; } + +.user-registration-info { + color: #1e85be; + border-top-color: #1e85be; } + +.user-registration-error { + border-top-color: #ff4f55; + background: rgba(255, 79, 85, 0.1); + color: #ff030b; } + .user-registration-error::before { + content: "\f534"; } + +.user-registration-coupon-error { + border-top-color: #ff4f55; + background: rgba(255, 79, 85, 0.1); + color: #ff030b; + margin-top: 10px; } + +input.ur-input-border-green, textarea.ur-input-border-green { + border-color: #1EA71B !important; } + +input.ur-input-border-red, textarea.ur-input-border-red { + border-color: #ff4f55 !important; } + +.ur-frontend-form { + margin-bottom: 30px; + border: 1px solid #e1e1e1; + padding: 20px; + box-sizing: border-box; } + .ur-frontend-form.login { + margin: 0; + padding: 10px; + box-shadow: none; + background: none; } + .ur-frontend-form.login input[name="rememberme"]#rememberme { + vertical-align: middle; } + .ur-frontend-form.login-registration { + margin: 0; + border: none; + padding: 0; } + .ur-frontend-form .register #node_recaptcha_register { + padding: 0 10px; } + .ur-frontend-form #ur-recaptcha-node { + margin-top: 10px; } + .ur-frontend-form * { + box-sizing: border-box; } + .ur-frontend-form .description { + display: block; + font-size: 14px; + line-height: 1.5; } + .ur-frontend-form .ur-form-row { + display: flex; } + .ur-frontend-form .ur-form-row:last-child { + margin-bottom: 0; } + .ur-frontend-form .ur-form-row .ur-form-grid { + flex: 1; + padding: 0 10px; } + .ur-frontend-form .ur-form-row .ur-form-grid:nth-child(1n + 2) { + border-left: 0 none; } + .ur-frontend-form .ur-form-row .ur-form-grid input { + border-style: solid; } + .ur-frontend-form .ur-form-row .ur-form-grid input[type="text"], + .ur-frontend-form .ur-form-row .ur-form-grid input[type="email"], + .ur-frontend-form .ur-form-row .ur-form-grid input[type="url"], + .ur-frontend-form .ur-form-row .ur-form-grid input[type="password"], + .ur-frontend-form .ur-form-row .ur-form-grid input[type="date"], + .ur-frontend-form .ur-form-row .ur-form-grid input[type="number"], + .ur-frontend-form .ur-form-row .ur-form-grid input[type="timepicker"], + .ur-frontend-form .ur-form-row .ur-form-grid input[type="phone"], + .ur-frontend-form .ur-form-row .ur-form-grid textarea, + .ur-frontend-form .ur-form-row .ur-form-grid select, + .ur-frontend-form .ur-form-row .ur-form-grid .__PrivateStripeElement { + width: 100%; + padding: 4px 8px; + border-radius: 0; + min-height: 36px; + margin-bottom: 10px; + line-height: 1.5; } + .ur-frontend-form .ur-form-row .ur-form-grid input[type="text"]::placeholder, + .ur-frontend-form .ur-form-row .ur-form-grid input[type="email"]::placeholder, + .ur-frontend-form .ur-form-row .ur-form-grid input[type="url"]::placeholder, + .ur-frontend-form .ur-form-row .ur-form-grid input[type="password"]::placeholder, + .ur-frontend-form .ur-form-row .ur-form-grid input[type="date"]::placeholder, + .ur-frontend-form .ur-form-row .ur-form-grid input[type="number"]::placeholder, + .ur-frontend-form .ur-form-row .ur-form-grid input[type="timepicker"]::placeholder, + .ur-frontend-form .ur-form-row .ur-form-grid input[type="phone"]::placeholder, + .ur-frontend-form .ur-form-row .ur-form-grid textarea::placeholder, + .ur-frontend-form .ur-form-row .ur-form-grid select::placeholder, + .ur-frontend-form .ur-form-row .ur-form-grid .__PrivateStripeElement::placeholder { + color: #ddd; } + .ur-frontend-form .ur-form-row .ur-form-grid input[type="password"] { + display: inline; + margin-bottom: 0px; } + .ur-frontend-form .ur-form-row .ur-form-grid .StripeElement { + padding: 4px 8px; + border: 1px solid #e1e1e1; } + .ur-frontend-form .ur-form-row .ur-form-grid .StripeElement .__PrivateStripeElement iframe { + position: absolute; + top: 50%; + transform: translateY(-50%); } + .ur-frontend-form .ur-form-row .ur-form-grid input[type="checkbox"], + .ur-frontend-form .ur-form-row .ur-form-grid input[type="radio"] { + font-size: 12px; + display: inline-block; + vertical-align: middle; + margin-right: 5px; + margin-left: 20px; } + .ur-frontend-form .ur-form-row .ur-form-grid input[type="checkbox"]:first-child, + .ur-frontend-form .ur-form-row .ur-form-grid input[type="radio"]:first-child { + margin-left: 0; } + .ur-frontend-form .ur-form-row .ur-form-grid input[type="radio"]:focus, + .ur-frontend-form .ur-form-row .ur-form-grid input[type="text"]:focus, + .ur-frontend-form .ur-form-row .ur-form-grid input[type="email"]:focus, + .ur-frontend-form .ur-form-row .ur-form-grid input[type="url"]:focus, + .ur-frontend-form .ur-form-row .ur-form-grid input[type="password"]:focus, + .ur-frontend-form .ur-form-row .ur-form-grid textarea:focus, + .ur-frontend-form .ur-form-row .ur-form-grid select:focus, + .ur-frontend-form .ur-form-row .ur-form-grid button:focus { + outline: 0; } + .ur-frontend-form .ur-form-row .ur-form-grid input[readonly], + .ur-frontend-form .ur-form-row .ur-form-grid select[readonly], + .ur-frontend-form .ur-form-row .ur-form-grid textarea[readonly] { + cursor: auto; } + .ur-frontend-form .ur-form-row .ur-form-grid select { + -webkit-appearance: none; + background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") no-repeat right 5px top 55%; } + .ur-frontend-form .ur-form-row .ur-form-grid legend, + .ur-frontend-form .ur-form-row .ur-form-grid label { + display: block; + font-size: 14px; + margin-bottom: 10px; + margin-top: 10px; } + .ur-frontend-form .ur-form-row .ur-form-grid legend .required, + .ur-frontend-form .ur-form-row .ur-form-grid label .required { + text-decoration: none; + border: none; + color: #ff4f55; } + .ur-frontend-form .ur-form-row .ur-form-grid legend.ur-label, + .ur-frontend-form .ur-form-row .ur-form-grid label.ur-label { + font-weight: bold; } + .ur-frontend-form .ur-form-row .ur-form-grid textarea { + padding: 10px; + height: 100px; + resize: none; + padding: 5px 20px; } + .ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password input[type="password"] { + padding-right: 50px; } + .ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group { + position: relative; } + .ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group .password_preview { + color: #676d8a; + position: absolute; + top: 50%; + right: 15px; + transform: translateY(-50%); } + .ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group .password_preview.dashicons.dashicons-hidden { + opacity: 0.6; } + .ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group .password_preview.dashicons.dashicons-hidden:hover { + opacity: 1; } + .ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple { + border: 1px solid #f0f1f5; } + .ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple .select2-selection__rendered { + display: block; } + .ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple .select2-selection__rendered li:last-child { + margin-left: 0; } + .ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple .select2-selection__choice { + margin: 5px; } + .ur-frontend-form .ur-form-row .select2-container .select2-selection--multiple .select2-search--inline input[type="text"] { + margin: 5px; + height: inherit; } + .ur-frontend-form button, + .ur-frontend-form input[type="submit"], + .ur-frontend-form button[type="submit"] { + padding: 10px 20px; + line-height: 1.5; + text-align: center; + word-break: break-word; + white-space: normal; + border: none; + cursor: pointer; + transition: 0.35s all ease-out; } + .ur-frontend-form input[type="submit"] { + float: right; } + .ur-frontend-form .ur-button-container { + display: flex; + margin-top: 10px; + padding: 0 10px; } + .ur-frontend-form .ur-button-container .ur-submit-button { + margin-left: auto; } + .ur-frontend-form .user-registration-submit-Button { + float: right; } + .ur-frontend-form .ur-submit-button { + margin-right: 10px; + margin-bottom: 0; } + .ur-frontend-form label abbr.required { + text-decoration: none; + border: none; + color: #ff4f55; } + .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type="text"], + .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type="email"], + .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type="url"], + .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type="password"], + .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type="date"], + .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid input[type="number"], + .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid textarea, + .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid select { + border: none; + border-bottom: 1px solid #c0c4d4; + outline: none; + transition: all 0.35s; + padding: 10px 15px; + background: #f0f1f5; + color: #676d8a; + height: 45px; } + .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid legend, + .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid label { + margin-left: 5px; + color: #676d8a; } + .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid textarea { + height: 100px; } + .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid .hide_show_password input[type="password"] { + padding-right: 50px; } + .ur-frontend-form.ur-frontend-form--bordered form input[type="submit"], + .ur-frontend-form.ur-frontend-form--bordered form button[type="submit"], + .ur-frontend-form.ur-frontend-form--bordered form button.user-registration-multi-part-nav-prev, + .ur-frontend-form.ur-frontend-form--bordered form button.user-registration-multi-part-nav-next { + background: #f0f1f5; + border: 1px solid #e1e1e1; + color: #676d8a; + border-radius: 0; } + .ur-frontend-form.ur-frontend-form--bordered form input[type="submit"]:hover, + .ur-frontend-form.ur-frontend-form--bordered form button[type="submit"]:hover, + .ur-frontend-form.ur-frontend-form--bordered form button.user-registration-multi-part-nav-prev:hover, + .ur-frontend-form.ur-frontend-form--bordered form button.user-registration-multi-part-nav-next:hover { + background: #475bb2; + color: #ffffff; + border-color: #475bb2; } + .ur-frontend-form.ur-frontend-form--flat { + background: #f7f7f7; + border: none transparent; } + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid .ur-field-item, + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid .form-row { + margin-bottom: 0; } + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type="text"], + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type="email"], + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type="url"], + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type="password"], + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type="date"], + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type="number"], + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid textarea, + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid select { + border: none; + outline: none; + padding: 10px 15px; + background: #ffffff; + color: #676d8a; + margin-bottom: 10px; + height: 45px; } + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type="text"]:focus, + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type="email"]:focus, + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type="url"]:focus, + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type="password"]:focus, + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type="date"]:focus, + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid input[type="number"]:focus, + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid textarea:focus, + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid select:focus { + box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05); } + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid select { + margin-bottom: 10px; } + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid legend, + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid label { + color: #676d8a; } + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid textarea { + height: 100px; } + .ur-frontend-form.ur-frontend-form--flat form .ur-form-row .ur-form-grid .hide_show_password input[type="password"] { + padding-right: 50px; } + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type="text"], + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type="email"], + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type="url"], + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type="password"], + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type="date"], + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid input[type="number"], + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid textarea, + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid select { + border: 1px solid #c0c4d4; + border-radius: 25px; + outline: none; + transition: all 0.35s; + padding: 10px 15px; + background: #ffffff; + color: #676d8a; + height: 45px; } + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid button[type="button"] { + border-radius: 25px; } + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid legend, + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid label { + margin-left: 5px; + color: #676d8a; } + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid textarea { + height: 100px; } + .ur-frontend-form.ur-frontend-form--rounded form .ur-form-row .ur-form-grid .hide_show_password input[type="password"] { + padding-right: 50px; } + .ur-frontend-form.ur-frontend-form--rounded form input[type="submit"], + .ur-frontend-form.ur-frontend-form--rounded form button[type="submit"], + .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-prev, + .ur-frontend-form.ur-frontend-form--rounded form button.user-registration-multi-part-nav-next { + border: 0 none; + color: #ffffff; + border-radius: 25px; + float: none; + display: block; + padding: 15px 25px; } + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type="text"], + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type="email"], + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type="url"], + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type="password"], + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type="date"], + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid input[type="number"], + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid textarea, + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid select { + border-radius: 2px; } + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid .hide_show_password input[type="password"] { + padding-right: 50px; } + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form .ur-form-row .ur-form-grid button[type="button"] { + border-radius: 2px; } + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form input[type="submit"], + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form button[type="submit"], + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form button.user-registration-multi-part-nav-prev, + .ur-frontend-form.ur-frontend-form--rounded.ur-frontend-form--rounded-edge form button.user-registration-multi-part-nav-next { + border-radius: 2px; } + .ur-frontend-form #ur-submit-message-node { + margin: 20px 0 0 0; } + .ur-frontend-form #ur-submit-message-node.ur-error { + background: rgba(206, 0, 0, 0.1); } + .ur-frontend-form #ur-submit-message-node.ur-message.message { + background: rgba(143, 174, 27, 0.2); } + +#user-registration { + background-color: #ffffff; + margin: 30px 0; } + #user-registration.user-registration, + #user-registration * { + box-sizing: border-box; } + #user-registration p { + color: #333333; } + #user-registration .user-registration-tips { + font-size: 12px; + color: #b6bbcf; + margin-bottom: 0; } + +/** +* Password strength meter +*/ +.user-registration-password-strength { + text-align: center; + font-weight: 600; + padding: 3px 0.5em; + font-size: 1em; } + .user-registration-password-strength.strong { + background-color: #c1e1b9; + border-color: #83c373; } + .user-registration-password-strength.short { + background-color: #f1adad; + border-color: #e35b5b; } + .user-registration-password-strength.bad { + background-color: #fbc5a9; + border-color: #f78b53; } + .user-registration-password-strength.good { + background-color: #ffe399; + border-color: #ffc733; } + +.user-registration-password-hint { + margin: 0.5em 0 0; + display: block; } + +.ur-front-spinner { + background: url("../images/wpspin_light-2x.gif") no-repeat; + background-size: 16px 16px; + display: block; + opacity: 0.7; + filter: alpha(opacity=70); + width: 16px; + height: 16px; + margin-left: -40px; + float: left; } + +.ur-hidden { + display: none; } + +.button-check-all { + display: inline-block; + text-decoration: none; + font-size: 13px; + line-height: 2.15384615; + min-height: 30px; + margin: 0; + padding: 0 10px; + cursor: pointer; + border-width: 1px; + border-style: solid; + -webkit-appearance: none; + border-radius: 3px; + white-space: nowrap; + box-sizing: border-box; } + +.ur-form-row { + margin-bottom: 24px; } + .ur-form-row .flatpickr-input { + padding-left: 32px !important; } + .ur-form-row .without_icon { + padding-left: 10px !important; } + .ur-form-row span.input-wrapper { + position: relative; } + .ur-form-row span.input-wrapper .ur-icon { + position: absolute; + top: 50%; + padding: 8px; + left: 0; + transform: translateY(-50%); } diff --git a/assets/css/user-registration-rtl.css b/assets/css/user-registration-rtl.css index a57392202..4aa4ba7c5 100644 --- a/assets/css/user-registration-rtl.css +++ b/assets/css/user-registration-rtl.css @@ -762,9 +762,9 @@ border-top-color: #1e85be; } .user-registration-error { - border-top-color: #ff4f55; - background: rgba(255, 79, 85, 0.1); - color: #ff030b; } + border-top-color: #ff4f55 !important; + background: rgba(255, 79, 85, 0.1) !important; + color: #ff030b !important; } .user-registration-error::before { content: "\f534"; } @@ -1431,3 +1431,27 @@ span.ur-shortcode-form-embed-dot { .block-editor-page.is-fullscreen-mode .ur-shortcode-form-embed-theme .ur-shortcode-form-embed-theme-tooltips-red-arrow { right: 105px; } + +#copy-shortcode { + cursor: pointer !important; } + +.wp-block-user-registration-content-restriction-enhanced .block-editor-inner-blocks { + margin-bottom: 25px; } + +.wp-block-user-registration-content-restriction-enhanced .user-registration-content-restriction-block-note { + display: flex; } + .wp-block-user-registration-content-restriction-enhanced .user-registration-content-restriction-block-note .dashicons-lock { + font-size: 25px; + margin: 1px 0px 0px 5px; } + .wp-block-user-registration-content-restriction-enhanced .user-registration-content-restriction-block-note .user-registration-content-restriction-block-note-text { + margin: 0px; } + +#ur-frontend-form .empty-list-table-container { + display: flex; + align-items: center; + justify-content: center; + padding: 50px; } + +.oxygen-add-section-accordion-contents[ng-if*="user-registration"] .oxygen-add-section-element { + min-height: 100px !important; + line-height: 15px; } diff --git a/assets/css/user-registration.css b/assets/css/user-registration.css index 8b6818b90..f56d7e22b 100644 --- a/assets/css/user-registration.css +++ b/assets/css/user-registration.css @@ -762,9 +762,9 @@ border-top-color: #1e85be; } .user-registration-error { - border-top-color: #ff4f55; - background: rgba(255, 79, 85, 0.1); - color: #ff030b; } + border-top-color: #ff4f55 !important; + background: rgba(255, 79, 85, 0.1) !important; + color: #ff030b !important; } .user-registration-error::before { content: "\f534"; } @@ -1431,3 +1431,27 @@ span.ur-shortcode-form-embed-dot { .block-editor-page.is-fullscreen-mode .ur-shortcode-form-embed-theme .ur-shortcode-form-embed-theme-tooltips-red-arrow { left: 105px; } + +#copy-shortcode { + cursor: pointer !important; } + +.wp-block-user-registration-content-restriction-enhanced .block-editor-inner-blocks { + margin-bottom: 25px; } + +.wp-block-user-registration-content-restriction-enhanced .user-registration-content-restriction-block-note { + display: flex; } + .wp-block-user-registration-content-restriction-enhanced .user-registration-content-restriction-block-note .dashicons-lock { + font-size: 25px; + margin: 1px 5px 0px 0px; } + .wp-block-user-registration-content-restriction-enhanced .user-registration-content-restriction-block-note .user-registration-content-restriction-block-note-text { + margin: 0px; } + +#ur-frontend-form .empty-list-table-container { + display: flex; + align-items: center; + justify-content: center; + padding: 50px; } + +.oxygen-add-section-accordion-contents[ng-if*="user-registration"] .oxygen-add-section-element { + min-height: 100px !important; + line-height: 15px; } diff --git a/assets/css/user-registration.scss b/assets/css/user-registration.scss index 713f04c6e..b6a1b19fb 100644 --- a/assets/css/user-registration.scss +++ b/assets/css/user-registration.scss @@ -144,9 +144,9 @@ } .user-registration-error { - border-top-color: $red; - background: rgba($red, 0.1); - color: darken($red, 15%); + border-top-color: $red !important; + background: rgba($red, 0.1) !important; + color: darken($red, 15%) !important; &::before { content: "\f534"; @@ -1134,6 +1134,40 @@ span.ur-shortcode-form-embed-dot { } } } + #copy-shortcode{ cursor: pointer !important; } + +.wp-block-user-registration-content-restriction-enhanced { + .block-editor-inner-blocks { + margin-bottom: 25px; + } + + .user-registration-content-restriction-block-note{ + display: flex; + .dashicons-lock{ + font-size: 25px; + margin: 1px 5px 0px 0px; + } + .user-registration-content-restriction-block-note-text{ + margin: 0px; + } + } +} + +#ur-frontend-form { + .empty-list-table-container { + display: flex; + align-items: center; + justify-content: center; + padding: 50px; + } +} +//Individual oxygen widgets styles. +.oxygen-add-section-accordion-contents[ng-if*="user-registration"] { + .oxygen-add-section-element { + min-height: 100px !important; + line-height: 15px; + } +} diff --git a/assets/css/variables/_structure.scss b/assets/css/variables/_structure.scss index aee8560a5..e229dcc58 100644 --- a/assets/css/variables/_structure.scss +++ b/assets/css/variables/_structure.scss @@ -41,6 +41,7 @@ $border_radius_9: 9px; $border_radius_10: 10px; $border_radius_11: 11px; $border_radius_13: 13px; +$border_radius_16: 16px; $border_radius_50: 50px; // Font Weights diff --git a/assets/extensions-json/sections/all_extensions.json b/assets/extensions-json/sections/all_extensions.json index 6dfe4b936..9d3075e2a 100644 --- a/assets/extensions-json/sections/all_extensions.json +++ b/assets/extensions-json/sections/all_extensions.json @@ -508,6 +508,22 @@ "released_date": "31/05/2023" }, { + "title": "Kit (formerly ConvertKit)", + "slug" : "user-registration-convertkit", + "name" : "User Registration convertkit", + "image": "extensions-json/sections/images/convertkit.jpg", + "excerpt": "Allows you to efficiently grow your business by generating more leads with ConvertKit. It also helps increase automated emails for better lead generation.", + "link": "https://docs.wpuserregistration.com/docs/user-registration-convertkit/?utm_source=dashboard-all-features&utm_medium=card-documentation-link", + "plan" : [ + "plus", + "professional", + "themegrill agency" + ], + "setting_url": "admin.php?page=user-registration-settings&tab=integration", + "demo_video_url": "", + "released_date": "18/11/2024" + }, + { "title": "Google Sheets", "slug" : "user-registration-google-sheets", "name" : "User Registration Google Sheets", @@ -571,6 +587,22 @@ "released_date": "09/09/2024", "setting_url": "admin.php?page=user-registration-settings&tab=integration", "demo_video_url": "4uFlZoXlye4" - } + }, + { + "title": "Brevo", + "slug" : "user-registration-brevo", + "name" : "User Registration Brevo", + "image": "extensions-json/sections/images/brevo.png", + "excerpt": "Effortlessly integrate WordPress registration forms with Brevo to collect client info and automatically sync it to your Brevo email list.", + "link": "https://wpuserregistration.com/features/brevo/?utm_source=dashboard-all-features&utm_medium=card-documentation-link", + "plan" : [ + "plus", + "professional", + "themegrill agency" + ], + "released_date": "07/10/2024", + "setting_url": "admin.php?page=user-registration-settings&tab=integration", + "demo_video_url": "" + } ] } diff --git a/assets/extensions-json/sections/images/Covertkit.png b/assets/extensions-json/sections/images/Covertkit.png new file mode 100644 index 000000000..9e9702ff0 Binary files /dev/null and b/assets/extensions-json/sections/images/Covertkit.png differ diff --git a/assets/extensions-json/sections/images/brevo.png b/assets/extensions-json/sections/images/brevo.png new file mode 100644 index 000000000..fd8a5449a Binary files /dev/null and b/assets/extensions-json/sections/images/brevo.png differ diff --git a/assets/images/no-integration-selected.png b/assets/images/no-integration-selected.png new file mode 100644 index 000000000..a99b07d59 Binary files /dev/null and b/assets/images/no-integration-selected.png differ diff --git a/assets/images/settings-icons/brevo.png b/assets/images/settings-icons/brevo.png new file mode 100644 index 000000000..91b3f77d9 Binary files /dev/null and b/assets/images/settings-icons/brevo.png differ diff --git a/assets/images/settings-icons/captcha.svg b/assets/images/settings-icons/captcha.svg index ec15a39f6..74825c99e 100644 --- a/assets/images/settings-icons/captcha.svg +++ b/assets/images/settings-icons/captcha.svg @@ -1,3 +1,4 @@ - - + + + diff --git a/assets/images/settings-icons/cloudflare.png b/assets/images/settings-icons/cloudflare.png new file mode 100644 index 000000000..53390fae9 Binary files /dev/null and b/assets/images/settings-icons/cloudflare.png differ diff --git a/assets/images/settings-icons/content_restriction.svg b/assets/images/settings-icons/content_restriction.svg index 3eea2256b..8bdb86311 100644 --- a/assets/images/settings-icons/content_restriction.svg +++ b/assets/images/settings-icons/content_restriction.svg @@ -1,3 +1,3 @@ - + diff --git a/assets/images/settings-icons/convertkit.png b/assets/images/settings-icons/convertkit.png new file mode 100644 index 000000000..eb465146c Binary files /dev/null and b/assets/images/settings-icons/convertkit.png differ diff --git a/assets/images/settings-icons/email.svg b/assets/images/settings-icons/email.svg index 5aa950773..c52b05663 100644 --- a/assets/images/settings-icons/email.svg +++ b/assets/images/settings-icons/email.svg @@ -1,3 +1,3 @@ - + diff --git a/assets/images/settings-icons/file_upload.svg b/assets/images/settings-icons/file_upload.svg index 5e5baf2d2..9b1f251cf 100644 --- a/assets/images/settings-icons/file_upload.svg +++ b/assets/images/settings-icons/file_upload.svg @@ -1,3 +1,3 @@ - + diff --git a/assets/images/settings-icons/general.svg b/assets/images/settings-icons/general.svg index d502b9aed..40f705015 100644 --- a/assets/images/settings-icons/general.svg +++ b/assets/images/settings-icons/general.svg @@ -1,3 +1,3 @@ - + diff --git a/assets/images/settings-icons/geolocation.svg b/assets/images/settings-icons/geolocation.svg index d59e68896..d6bb46baf 100644 --- a/assets/images/settings-icons/geolocation.svg +++ b/assets/images/settings-icons/geolocation.svg @@ -1,3 +1,3 @@ - + diff --git a/assets/images/settings-icons/hCaptcha.png b/assets/images/settings-icons/hCaptcha.png new file mode 100644 index 000000000..8315c1bba Binary files /dev/null and b/assets/images/settings-icons/hCaptcha.png differ diff --git a/assets/images/settings-icons/import_export.svg b/assets/images/settings-icons/import_export.svg index 8099c967f..b95a49dbd 100644 --- a/assets/images/settings-icons/import_export.svg +++ b/assets/images/settings-icons/import_export.svg @@ -1,3 +1,5 @@ - + + + diff --git a/assets/images/settings-icons/information.svg b/assets/images/settings-icons/information.svg new file mode 100644 index 000000000..a2a647980 --- /dev/null +++ b/assets/images/settings-icons/information.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/images/settings-icons/integration.svg b/assets/images/settings-icons/integration.svg index ff3956a88..7cec239ce 100644 --- a/assets/images/settings-icons/integration.svg +++ b/assets/images/settings-icons/integration.svg @@ -1,3 +1,3 @@ - + diff --git a/assets/images/settings-icons/license.svg b/assets/images/settings-icons/license.svg index 54b79cfcf..ae42c874a 100644 --- a/assets/images/settings-icons/license.svg +++ b/assets/images/settings-icons/license.svg @@ -1,3 +1,3 @@ - + diff --git a/assets/images/settings-icons/membership.svg b/assets/images/settings-icons/membership.svg index a4bffdd7e..9211f567d 100644 --- a/assets/images/settings-icons/membership.svg +++ b/assets/images/settings-icons/membership.svg @@ -1,5 +1,5 @@ - - - - + + + + diff --git a/assets/images/settings-icons/misc.svg b/assets/images/settings-icons/misc.svg index 96ccbbcc9..aa4ae0bc2 100644 --- a/assets/images/settings-icons/misc.svg +++ b/assets/images/settings-icons/misc.svg @@ -1,3 +1,4 @@ - + + diff --git a/assets/images/settings-icons/payment.svg b/assets/images/settings-icons/payment.svg index c7f0c70ba..f29fd2da6 100644 --- a/assets/images/settings-icons/payment.svg +++ b/assets/images/settings-icons/payment.svg @@ -1,3 +1,3 @@ - + diff --git a/assets/images/settings-icons/pdf_submission.svg b/assets/images/settings-icons/pdf_submission.svg index 4b5099e13..fb3f2e516 100644 --- a/assets/images/settings-icons/pdf_submission.svg +++ b/assets/images/settings-icons/pdf_submission.svg @@ -1,3 +1,5 @@ - + + + diff --git a/assets/images/settings-icons/profile_connect.svg b/assets/images/settings-icons/profile_connect.svg index bdf3cd767..a3314600a 100644 --- a/assets/images/settings-icons/profile_connect.svg +++ b/assets/images/settings-icons/profile_connect.svg @@ -1,9 +1,9 @@ - - - - - - - - + + + + + + + + diff --git a/assets/images/settings-icons/social_connect.svg b/assets/images/settings-icons/social_connect.svg index 074a06770..38f1003ce 100644 --- a/assets/images/settings-icons/social_connect.svg +++ b/assets/images/settings-icons/social_connect.svg @@ -1,3 +1,3 @@ - - + + diff --git a/assets/images/settings-icons/user-registration-customize-my-account.svg b/assets/images/settings-icons/user-registration-customize-my-account.svg index e0c548e49..e5303fa3e 100644 --- a/assets/images/settings-icons/user-registration-customize-my-account.svg +++ b/assets/images/settings-icons/user-registration-customize-my-account.svg @@ -1,3 +1,3 @@ - + diff --git a/assets/images/settings-icons/user-registration-invite-codes.svg b/assets/images/settings-icons/user-registration-invite-codes.svg index 4bdc663c3..4d01caeec 100644 --- a/assets/images/settings-icons/user-registration-invite-codes.svg +++ b/assets/images/settings-icons/user-registration-invite-codes.svg @@ -1,3 +1,3 @@ - + diff --git a/assets/images/settings-icons/user-registration-mailerlite.svg b/assets/images/settings-icons/user-registration-mailerlite.svg index 6e3fea847..c21b5025a 100644 --- a/assets/images/settings-icons/user-registration-mailerlite.svg +++ b/assets/images/settings-icons/user-registration-mailerlite.svg @@ -1,3 +1,3 @@ - + diff --git a/assets/images/settings-icons/user-registration-two-factor-authentication.svg b/assets/images/settings-icons/user-registration-two-factor-authentication.svg index a3c6915d2..696cfba4d 100644 --- a/assets/images/settings-icons/user-registration-two-factor-authentication.svg +++ b/assets/images/settings-icons/user-registration-two-factor-authentication.svg @@ -1,3 +1,4 @@ - + + diff --git a/assets/images/settings-icons/v2.png b/assets/images/settings-icons/v2.png new file mode 100644 index 000000000..cd8b0294b Binary files /dev/null and b/assets/images/settings-icons/v2.png differ diff --git a/assets/images/settings-icons/v3.png b/assets/images/settings-icons/v3.png new file mode 100644 index 000000000..cd8b0294b Binary files /dev/null and b/assets/images/settings-icons/v3.png differ diff --git a/assets/images/settings-icons/woocommerce.svg b/assets/images/settings-icons/woocommerce.svg index a78acae8a..1d057f5a0 100644 --- a/assets/images/settings-icons/woocommerce.svg +++ b/assets/images/settings-icons/woocommerce.svg @@ -1,3 +1,3 @@ - - + + diff --git a/assets/images/settings-icons/zapier.png b/assets/images/settings-icons/zapier.png new file mode 100644 index 000000000..50b336e3e Binary files /dev/null and b/assets/images/settings-icons/zapier.png differ diff --git a/assets/js/admin/admin.js b/assets/js/admin/admin.js index 9a5f3a48b..e2fef6284 100644 --- a/assets/js/admin/admin.js +++ b/assets/js/admin/admin.js @@ -356,23 +356,180 @@ jQuery(function ($) { var form_settings = form_settings_section.find("form"); form_settings.appendTo(fields_panel); - fields_panel .find("form #ur-field-all-settings > div") .each(function (index, el) { var appending_text = $(el).find("h3").text(); var appending_id = $(el).attr("id"); + if ("integration-settings" === appending_id) { + var appending_text = $(el).find(".ur-integration").text(); + form_settings_section.append( + '
' + + appending_text + + "
" + ); + + $(el) + .find("div") + .each(function (indexs, els) { + var appending_texts = $(els) + .find(".ur-integration-list") + .text(); + var appending_ids = $(els).attr("id"); + var video_id = $(els).data("video"); + var plugin_title = $(els).data("title"); + var available_in = $(els).data("available-in"); + var integration_id = $(els).data("integration-id"); + var classes = $(els).attr("class"); + + if ("undefined" != typeof appending_ids) { + $("#ur-tab-field-settings") + .find("#integration-settings") + .append( + '
" + + appending_texts + + "
" + ); + } + }); + } else { + var style = $(el).hasClass("integration-lists-settings") + ? "style='display:none;'" + : ""; + var classToAdd = $(el).hasClass( + "integration-lists-settings" + ) + ? "integration-lists-settings" + : ""; + var divToAppend = ""; + + if ($(el).hasClass("integration-lists-settings")) { + $(document) + .find(".ur-nav-premium") + .each(function () { + if ($(this).attr("id") === appending_id) { + classToAdd += " ur-nav-premium"; + } + }); + + divToAppend = + '
"; + divToAppend += '
'; + divToAppend += + ''; + divToAppend += '"; + divToAppend += "

"; + divToAppend += appending_text; + divToAppend += "

"; + divToAppend += "
"; + divToAppend += "
"; + } else { + if ( + $(el).attr("id") !== + "integration-selection-settings" + ) { + divToAppend = + '
" + + appending_text + + "
"; + } + } + form_settings_section.append(divToAppend); + } - form_settings_section.append( - '
' + - appending_text + - "
" - ); $(el).hide(); }); + form_settings_section.find("#integration-settings").click(function (e) { + e.stopImmediatePropagation(); + + $(this) + .closest("#ur-tab-field-settings") + .find(".form-settings-tab:not(.integration-lists-settings)") + .hide(); + $(this) + .closest("#ur-tab-field-settings") + .find(".integration-lists-settings") + .show(); + + $(document) + .find("#integration-selection-settings") + .siblings() + .hide(); + $(document).find("#integration-selection-settings").show(); + + $( + '
' + + $(this).text() + + "
" + ).insertBefore($(this)); + + $(document) + .find("#integration_settings_back") + .click(function (e) { + $(this) + .closest("#ur-tab-field-settings") + .find( + ".form-settings-tab:not(.integration-lists-settings)" + ) + .show(); + $(this) + .closest("#ur-tab-field-settings") + .find(".integration-lists-settings") + .hide(); + $(this) + .closest("#ur-tab-field-settings") + .find("#general-settings") + .trigger("click"); + + $(this).remove(); + }); + }); + // Add active class to general settings and form-settings-tab for all settings. form_settings_section.find("#general-settings").addClass("active"); fields_panel.find("#ur-field-all-settings div#general-settings").show(); @@ -380,20 +537,180 @@ jQuery(function ($) { form_settings_section .find(".form-settings-tab") .on("click", function () { - this_id = $(this).attr("id"); - // Remove all active classes initially. - $(this).siblings().removeClass("active"); + if ($(this).hasClass("ur-nav-premium")) { + if ( + $(document).find( + ".form-settings-sub-tab#" + $(this).attr("id") + ).length + ) { + var node = $(document).find( + ".form-settings-sub-tab#" + $(this).attr("id") + ); - // Add active class on clicked tab. - $(this).addClass("active"); + var icon = + ''; + var plan = node.data("available-in"); + var name = node.data("title"); + var video_id = node.data("video"); + var slug = node.data("integration-id"); + + if (slug != "" && plan != "") { + $.ajax({ + url: user_registration_form_builder_data.ajax_url, + type: "POST", + data: { + action: "user_registration_locked_form_fields_notice", + slug: slug, + plan: plan, + name: name, + video_id: video_id, + security: + user_registration_form_builder_data + .i18n_admin + .user_registration_locked_form_fields_notice_nonce + }, + success: function (response) { + var video = ""; + if (video_id !== "") { + video = + '

'; + } + var action_button = $( + response.data.action_button + ).find("a"); + + if (!action_button.length) { + action_button = $( + response.data.action_button + ).find("form"); + } + + var title = + icon + + ' '; + + if ( + action_button.hasClass( + "activate-license-now" + ) + ) { + var message = + user_registration_form_builder_data + .i18n_admin + .license_activation_required_message; + title += + user_registration_form_builder_data + .i18n_admin + .license_activation_required_title; + } else if ( + action_button.hasClass("activate-now") + ) { + var message = + user_registration_form_builder_data.i18n_admin.activation_required_message.replace( + "%plugin%", + name + ); + title += + user_registration_form_builder_data + .i18n_admin + .activation_required_title; + } else if ( + action_button.hasClass("install-now") + ) { + var message = + user_registration_form_builder_data.i18n_admin.installation_required_message.replace( + "%plugin%", + name + ); + title += + user_registration_form_builder_data + .i18n_admin + .installation_required_title; + } else { + var message = + user_registration_form_builder_data + .i18n_admin.upgrade_message; + + message = message + .replace("%title%", name) + .replace("%plan%", plan); + + title += + name + + " " + + user_registration_form_builder_data + .i18n_admin.pro_feature_title; + } + + title += ""; + message = + video + + message + + "

" + + response.data.action_button; + Swal.fire({ + title: title, + html: message, + customClass: + "user-registration-swal2-modal user-registration-swal2-modal--centered user-registration-locked-field", + showCloseButton: true, + showConfirmButton: false, + allowOutsideClick: true, + heightAuto: false, + width: "575px" + }).then(function (result) { + // Do Nothing. + }); + } + }); + } + } + } else { + this_id = $(this).attr("id"); + // Remove all active classes initially. + $(this).siblings().removeClass("active"); + + // Add active class on clicked tab. + $(this).addClass("active"); + + // Hide other settings and show respective id's settings. + fields_panel + .find("form #ur-field-all-settings > div") + .hide(); + + if ($(this).parent().hasClass("form-settings-main-tab")) { + // Hide other settings and show respective id's settings. + fields_panel + .find( + "form #ur-field-all-settings > div#integration-settings" + ) + .show(); + fields_panel + .find("form #integration-settings .ur-integration") + .remove(); + fields_panel + .find("form #integration-settings > div") + .hide(); + fields_panel + .find("form #integration-settings > div#" + this_id) + .show(); + } else { + // Hide other settings and show respective id's settings. + fields_panel + .find("form #ur-field-all-settings > div") + .hide(); + fields_panel + .find( + "form #ur-field-all-settings > div#" + this_id + ) + .show(); + } - // Hide other settings and show respective id's settings. - fields_panel.find("form #ur-field-all-settings > div").hide(); - fields_panel - .find("form #ur-field-all-settings > div#" + this_id) - .show(); - $(document).trigger("update_perfect_scrollbar"); - $(".ur-builder-wrapper").scrollTop(0); + $(document).trigger("update_perfect_scrollbar"); + $(".ur-builder-wrapper").scrollTop(0); + } }); }); @@ -823,11 +1140,21 @@ jQuery(function ($) { if ($this.hasClass("closed")) { $this.removeClass("closed"); $this.addClass("opened"); + $(this).attr( + "title", + user_registration_form_builder_data.i18n_admin + .i18n_exit_fullscreen_mode + ); $("body").addClass("ur-full-screen-mode"); } else { $this.removeClass("opened"); $this.addClass("closed"); + $(this).attr( + "title", + user_registration_form_builder_data.i18n_admin + .i18n_fullscreen_mode + ); $("body").removeClass("ur-full-screen-mode"); } diff --git a/assets/js/admin/admin.min.js b/assets/js/admin/admin.min.js index 7d857ef3e..a621c954d 100644 --- a/assets/js/admin/admin.min.js +++ b/assets/js/admin/admin.min.js @@ -1 +1 @@ -function ur_init_tooltips(e,t){if(undefined!==e&&null!==e&&""!==e){var i={theme:"tooltipster-borderless",maxWidth:200,multiple:!0,interactive:!0,position:"bottom",contentAsHTML:!0,functionInit:function(e,t){var i=jQuery(t.origin).attr("data-tip");i&&e.content(i)}};t&&"object"==typeof t&&Object.keys(t).forEach(function(e){i[e]=t[e]}),"string"==typeof e?jQuery(e).tooltipster(i):e.tooltipster(i)}}function ur_confirmation(e,t){void 0===t&&(t={});var i=''+t.title;Swal.fire({customClass:"user-registration-swal2-modal user-registration-swal2-modal--centered user-registration-trashed",title:i,text:e,showCancelButton:"undefined"==typeof t.showCancelButton||t.showCancelButton,confirmButtonText:"undefined"!=typeof t.confirmButtonText?t.confirmButtonText:user_registration_form_builder_data.i18n_admin.i18n_choice_delete,confirmButtonColor:"#ff4149",cancelButtonText:"undefined"!=typeof t.cancelButtonText?t.cancelButtonText:user_registration_form_builder_data.i18n_admin.i18n_choice_cancel}).then(function(e){e.value?t.confirm():t.reject()})}jQuery(function(e){e(document.body).on("input","#ur-search-fields",function(){var t=e(this).val().toLowerCase();e(".ur-registered-item").each(function(){e(this).text().toLowerCase().search(t)>-1?(e(this).addClass("ur-searched-item"),e(this).show()):(e(this).removeClass("ur-searched-item"),e(this).hide())}),e(".ur-registered-list").each(function(){var t=e(this).find(".ur-registered-item.ur-searched-item").length,i=e(this).prev("hr"),r=e(this).prev("hr").prev(".ur-toggle-heading");0===t?(i.hide(),r.hide(),e(this).hide()):(i.show(),r.show(),e(this).show())}),e(".ur-registered-item.ur-searched-item").length?e(".ur-fields-not-found").hide():e(".ur-fields-not-found").show()}),e(document).on("mousedown",".ur-locked-field",function(t){t.preventDefault();var i='';if(e(this).hasClass("ur-one-time-draggable-disabled")){var r=i+''+user_registration_form_builder_data.form_one_time_draggable_fields_locked_title.replace("%field%",e(this).text())+"",s=user_registration_form_builder_data.form_one_time_draggable_fields_locked_message.replace("%field%",e(this).text());Swal.fire({title:r,html:s,showCloseButton:!0,customClass:"user-registration-swal2-modal user-registration-swal2-modal--center user-registration-locked-field"}).then(function(e){})}else{var n=e(this).data("field-data");r=i+''+n.title+"";Swal.fire({title:r,html:n.message,showCloseButton:!0,customClass:"user-registration-swal2-modal user-registration-swal2-modal--center user-registration-locked-field",confirmButtonText:n.button_title}).then(function(e){if(e.value){var t=n.link;window.open(t,"_blank")}})}}),e(document).on("click",".ur-upgradable-field",function(t){t.preventDefault();var i=e(this).data("plan"),r=e(this).data("name"),s=e(this).data("video"),n=e(this).data("slug"),a=e(this);""!=n&&""!=i&&e.ajax({url:user_registration_locked_form_fields_notice_params.ajax_url,type:"POST",data:{action:"user_registration_locked_form_fields_notice",slug:n,plan:i,name:r,video_id:s,security:user_registration_locked_form_fields_notice_params.user_registration_locked_form_fields_notice_nonce},success:function(t){if(""!==s)var n='

';var o=e(t.data.action_button).find("a");o.length||(o=e(t.data.action_button).find("form"));var l=' ';if(o.hasClass("activate-license-now")){var d=user_registration_locked_form_fields_notice_params.license_activation_required_message;l+=user_registration_locked_form_fields_notice_params.license_activation_required_title}else if(o.hasClass("activate-now")){d=user_registration_locked_form_fields_notice_params.activation_required_message.replace("%plugin%",r);l+=user_registration_locked_form_fields_notice_params.activation_required_title}else if(o.hasClass("install-now")){d=user_registration_locked_form_fields_notice_params.installation_required_message.replace("%plugin%",r);l+=user_registration_locked_form_fields_notice_params.installation_required_title}else{d=user_registration_locked_form_fields_notice_params.unlock_message.replace("%field%",a.text()).replace("%plan%",i);l+=a.text()+" "+user_registration_locked_form_fields_notice_params.lock_message}l+="",d=n+d+"

"+t.data.action_button,Swal.fire({title:l,html:d,customClass:"user-registration-swal2-modal user-registration-swal2-modal--centered user-registration-locked-field",showCloseButton:!0,showConfirmButton:!1,allowOutsideClick:!0,heightAuto:!1,width:"575px"}).then(function(e){})}})}),e(window).on("resize orientationchange",function(){var t;clearTimeout(t),t=setTimeout(function(){e(document.body).trigger("adjust_builder_width")},250)}),e(document.body).on("click","#collapse-button",function(){e(document.body).trigger("ur_adjust_builder_width")}),e(document.body).on("ur_adjust_builder_width",function(){var t=e("#adminmenuwrap").width(),i=e(".user-registration_page_add-new-registration .ur-form-subcontainer .menu-edit"),r=e(".user-registration_page_add-new-registration .ur-form-subcontainer .ur-loading-container");i.css({left:t+"px"}),r.fadeOut(1e3)}).trigger("ur_adjust_builder_width"),e(document.body).on("click",".user-registration-editable-title__icon",function(){var t=e(this).siblings(".user-registration-editable-title__input");t.hasClass("is-editing")||t.trigger("focus"),t.toggleClass("is-editing"),t.attr("data-editing","true"==t.attr("data-editing")?"false":"true")}),e("#ur-form-name").on("change",function(){e(".ur-form-title").text(e(this).val())}),e(document).not(e(".user-registration-editable-title")).on("click",function(t){var i=e(".user-registration-editable-title__input");"ur-form-name"!==t.target.id&&"ur-form-name-edit-button"!==t.target.id&&!i.attr("hidden")&&i.hasClass("is-editing")&&(t.stopPropagation(),"true"!==i.data("data-editing")&&i.val()&&""!==i.val().trim()&&i.toggleClass("is-editing").trigger("blur").attr("data-editing","true"==i.attr("data-editing")?"false":"true"))}),e(document).on("init_perfect_scrollbar update_perfect_scrollbar",function(){if("undefined"!=typeof PerfectScrollbar){var t=e(".ur-tab-contents");if(t.length>=1&&"undefined"==typeof window.ur_tab_scrollbar){window.ur_tab_scrollbar=new PerfectScrollbar(document.querySelector(".ur-tab-contents"),{suppressScrollX:!0});var i=document.querySelector("#ur-collapse");i.addEventListener("click",function(){i.classList.contains("open")?(e(i).removeClass("open"),e(i).addClass("close")):(e(i).addClass("open"),e(i).removeClass("close"));var t=document.querySelector(".ur-registered-inputs");t.classList.contains("collapsed")?(t.classList.remove("collapsed"),e(".ur-registered-inputs").find("nav.ur-tabs").show(),e(".ur-registered-inputs").css("width","412px"),window.ur_tab_scrollbar.update()):(t.classList.add("collapsed"),e(".ur-registered-inputs").css("width","0px"),e(".ur-registered-inputs").find("nav.ur-tabs").hide())})}else"undefined"!=typeof window.ur_tab_scrollbar&&(window.ur_tab_scrollbar.update(),t.scrollTop(0))}}),e(document).ready(function(){e(document).trigger("init_perfect_scrollbar");var t=e(".ur-selected-inputs"),i=e(".ur-registered-inputs nav").find("#ur-tab-field-settings");i.find("form").appendTo(t),t.find("form #ur-field-all-settings > div").each(function(t,r){var s=e(r).find("h3").text(),n=e(r).attr("id");i.append('
'+s+"
"),e(r).hide()}),i.find("#general-settings").addClass("active"),t.find("#ur-field-all-settings div#general-settings").show(),i.find(".form-settings-tab").on("click",function(){this_id=e(this).attr("id"),e(this).siblings().removeClass("active"),e(this).addClass("active"),t.find("form #ur-field-all-settings > div").hide(),t.find("form #ur-field-all-settings > div#"+this_id).show(),e(document).trigger("update_perfect_scrollbar"),e(".ur-builder-wrapper").scrollTop(0)})}),e(document).on("click",'.ur-tab-lists li[role="tab"] a.nav-tab',function(t,i){e(document).trigger("update_perfect_scrollbar"),"triggered_click"!=i&&(e(".ur-builder-wrapper").scrollTop(0),e(".ur-builder-wrapper-content").scrollTop(0))}),e(document).on("click",'.ur-tab-lists li[aria-controls="ur-tab-field-settings"]',function(){e(".ur-builder-wrapper-content").hide(),e(".ur-builder-wrapper-footer").hide(),e(".ur-selected-inputs").find("form#ur-field-settings").show()}),e(document).on("click",'ul.ur-tab-lists li[aria-controls="ur-tab-registered-fields"]',function(){e(".ur-builder-wrapper-content").show(),e(".ur-builder-wrapper-footer").show(),e(".ur-selected-inputs").find("form#ur-field-settings").hide(),e("#user_registration_form_setting_redirect_after_field").hide()});var t=e("#general-settings").find("#user_registration_form_setting_minimum_password_strength_field"),i=e("#general-settings").find("#user_registration_form_setting_enable_strong_password_field input#user_registration_form_setting_enable_strong_password"),r=e("#general-settings").find(".custom-password-params"),s=e("#general-settings").find("#user_registration_form_setting_minimum_password_strength_Custom"),n=e("#general-settings").find("#user_registration_form_setting_no_repeat_chars"),a=e("#general-settings").find("#user_registration_form_setting_form_max_char_repeat_length_field"),o=i.is(":checked"),l=s.is(":checked"),d=n.is(":checked");l?d?a.show():a.hide():r.hide(),o?t.show():(r.hide(),t.hide());var _=t.find("[data-id='user_registration_form_setting_minimum_password_strength']");e(document).ready(function(){function i(e){switch(e){case"0":s=user_registration_form_builder_data.user_registration_very_weak_password_info;break;case"1":s=user_registration_form_builder_data.user_registration_weak_password_info;break;case"2":s=user_registration_form_builder_data.user_registration_medium_password_info;break;case"3":s=user_registration_form_builder_data.user_registration_strong_password_info;break;case"4":s=user_registration_form_builder_data.user_registration_custom_password_info;break;default:s=""}t.append(""+s+"")}var s="",o="";_.each(function(){if(e(this).is(":checked")){i(e(this).val())}}),e(_).on("change",function(){o=t.find("span").not(".user-registration-help-tip");var s="";e(this).is(":checked")&&(s=e(this).val()),o.remove(),i(s),r.hide(),"4"===s&&(r.show(),a.hide(),d?a.show():a.hide())}),e(n).on("click",function(){a.hide(),e(this).is(":checked")?a.show():a.hide()})}),e(document).ready(function(){wrapper=e("#user_registration_enable_akismet_field");var t=e("#user_registration_enable_akismet"),i=e("#user_registration_akismet_warning_field");t.is(":checked")?i.show():i.hide(),t.change(function(){e(this).is(":checked")?i.show():i.hide()})}),e(i).on("change",function(){(o=e(this).is(":checked"))?(l&&r.show(),t.show("slow")):(t.hide("slow"),r.hide())}),e(document).ready(function(){c(),e("#user_registration_form_setting_redirect_after_registration").on("change",c)});var c=function(){var t=e("#user_registration_form_setting_redirect_after_registration").find(":selected"),i=e("#user_registration_form_setting_redirect_page").closest(".form-row").slideUp(800),r=e("#user_registration_form_setting_redirect_options").closest(".form-row").slideUp(800);if(t.length)switch(t.val()){case"internal-page":e("#user_registration_form_setting_redirect_after_field").show(),i.slideDown(800);break;case"external-url":e("#user_registration_form_setting_redirect_after_field").show(),r.slideDown(800);break;case"no-redirection":e("#user_registration_form_setting_redirect_after_field").hide();break;case"previous-page":e("#user_registration_form_setting_redirect_after_field").show()}};if(e("#user_registration_form_setting_redirect_after").on("change input paste",function(t){t.preventDefault(),t.stopPropagation();var i=e(t.target);i.val(Math.abs(i.val()))}),e(document.body).on("init_tooltips",function(){ur_init_tooltips(".tips, .help_tip, .user-registration-help-tip"),ur_init_tooltips(".ur-copy-shortcode, .ur-portal-tooltip",{keepAlive:!1}),e(".parent-tips").each(function(){e(this).closest("a, th").attr("data-tip",e(this).data("tip")).tooltipster().css("cursor","help")})}).trigger("init_tooltips"),e("body").on("keypress","#ur-form-name",function(t){13===t.which&&e("#save_form_footer").eq(0).trigger("click")}),e("#ur-full-screen-mode").on("click",function(t){t.preventDefault();var i=e(this);i.hasClass("closed")?(i.removeClass("closed"),i.addClass("opened"),e("body").addClass("ur-full-screen-mode")):(i.removeClass("opened"),i.addClass("closed"),e("body").removeClass("ur-full-screen-mode"))}),e(document).on("keyup",function(t){"Escape"===t.key&&e("#ur-full-screen-mode.opened").trigger("click")}),"sms_verification"===e("#user_registration_form_setting_login_options").val()?e("#user_registration_form_setting_default_phone_field").parent().show():e("#user_registration_form_setting_default_phone_field").parent().hide(),e("#user_registration_form_setting_login_options").on("change",function(){"sms_verification"===e(this).val()?e("#user_registration_form_setting_default_phone_field").parent().show():e("#user_registration_form_setting_default_phone_field").parent().hide()}),e("#user_registration_form_setting_default_phone_field").on("change",function(){e("#user_registration_form_setting_default_phone_field option").each(function(){var t=e(this),i=e(this).val();e(".ur-selected-item").each(function(){var r=e(this).find(".ur-general-setting-block").find('input[data-field="field_name"]').attr("value");if(i===r){var s=e(this).find(".ur-general-setting-block").find('select[data-field="phone_format"]').val();t.attr("data-phone-format",s)}})}),e('[id="user_registration_form_setting_default_phone_field"] option[value="'+old_field_name+'"]').attr("data-phone-format",$this_obj.val())}),e("input.input-color").wpColorPicker(),e(".user_registration_send_email_test").on("click",function(t){var i=e("#user_registration_email_send_to").val();t.preventDefault(),e.ajax({url:user_registration_send_email.ajax_url,data:{action:"user_registration_send_test_email",email:i,nonce:user_registration_send_email.test_email_nonce},type:"post",beforeSend:function(){e(".user_registration_send_email_test").append('')},complete:function(t){e(".ur-spinner").remove(),e(".user-registration_page_user-registration-settings .notice").remove(),!0===t.responseJSON.success?(message_string='

'+t.responseJSON.data.message+"

",e(".user-registration-options-container").prepend(message_string)):(message_string='

'+t.responseJSON.data.message+"

",e(".user-registration-options-container").prepend(message_string)),e(".user-registration_page_user-registration-settings .notice").css("display","block"),e(window).scrollTop(e(".notice").position())}})}),e(".user-registration-email-status-toggle").on("change",function(t){t.preventDefault();var i=e(this).find('input[type="checkbox"]').is(":checked"),r=e(this).find('input[type="checkbox"]').attr("id");e.ajax({url:user_registration_email_setting_status.ajax_url,type:"POST",data:{action:"user_registration_email_setting_status",status:i,id:r,security:user_registration_email_setting_status.user_registration_email_setting_status_nonce},success:function(e){}})}),e("#ur-lists-page-settings-button").on("click",function(){e("#show-settings-link").click()}),e(document).find(".ur-form-locate").on("click",function(t){var i={action:"user_registration_locate_form_action",id:e(this).data("id"),security:user_registration_admin_locate.ajax_locate_nonce},r=t.target.closest(".row-actions");e.ajax({url:user_registration_admin_locate.ajax_url,dataType:"json",cache:!1,data:i,type:"POST",beforeSend:function(){e(r).append('')},success:function(t){if(Object.keys(t.data).length>0){var i='
'+user_registration_admin_locate.form_found+"",s=1;e.each(t.data,function(e,t){s>1&&(i+=", ");var r=e.split(" ");if(r.length>4){e=r.slice(0,4).join(" "),e+="..."}i+=' '+e+"",s++}),i+="
",0!=e(r).find(".locate-form").length&&e(r).find(".locate-form").remove(),e(r).find("span:first").prepend(i)}else 0!=e(r).find(".locate-form").length&&e(r).find(".locate-form").remove(),e(r).find("span:first").prepend('
'+user_registration_admin_locate.form_found_error+"
");e(r).find(".ur-spinner").remove()}})}),e("#ur-smart-tags-selector").siblings(".ur_advance_setting").length>0){var u=e("#ur-smart-tags-selector");e(u).insertBefore(e("#ur-smart-tags-selector").siblings(".ur_advance_setting")),e("#select-smart-tags").insertAfter(e(u)),e(u).css({position:"absolute",left:"65%",top:"-10px"})}e("#ur-smart-tags-selector").closest(".wp-media-buttons").length>0&&e("#ur-smart-tags-selector").closest(".wp-media-buttons").css({width:"100%",position:"relative"}),e(document.body).on("click","#ur-smart-tags-selector",function(){var t=e(this);e(this).siblings("#select-smart-tags").select2({placeholder:"",dropdownCssClass:"ur-select2-dropdown",templateResult:function(i,r){return t.siblings(".ur_advance_setting").length>0&&i.element&&e(r).addClass("ur-select-smart-tag"),i.text}}),e(this).siblings(".select2-container").addClass("ur-hide-select2"),e(this).siblings("#select-smart-tags").select2("open"),e(this).siblings(".select2-container").find(".select2-selection__rendered").show(),e(this).siblings(".select2-container").find(".select2-selection--open").show();var i=e(this).offset(),r=Math.round(i.top+e(this).innerHeight()),s=Math.round(i.left),n=e(".select2-container--open:not(.ur-hide-select2)");n.css({top:r,left:s-e(this).innerHeight()-10});var a='

'+user_registration_admin_data.smart_tags_dropdown_title+"

";e(a).insertBefore(n.find(".select2-search"));var o=n.find(".select2-search__field");o.attr("placeholder",user_registration_admin_data.smart_tags_dropdown_search_placeholder),o.before(''),e("#select-smart-tags").on("change",function(t){t.preventDefault();var i=e(this).val(),r=e(this).closest(".ur-advance-setting").find("input"),s=r.data("advance-field"),n=r.data("field");!function(t,i){active_field=e(".ur-item-active"),target_input_field=e(active_field).find(".user-registration-field-option-group.ur-advance-setting-block"),ur_toggle_content=target_input_field.find(".ur-advance-setting.ur-advance-default_value"),target_input=e(ur_toggle_content).find('input[data-advance-field="'+t+'"]'),target_textarea=e(ur_toggle_content).find('input[data-advance-field="'+t+'"]'),target_input_hidden_field=e(active_field).find(".ur-general-setting-block"),ur_toggle_hidden_content=target_input_hidden_field.find(".ur-general-setting.ur-general-setting-hidden-value"),target_hidden_input=e(ur_toggle_hidden_content).find('input[data-field="'+t+'"]'),ur_toggle_pattern_content=target_input_field.find(".ur-advance-setting.ur-advance-pattern_value"),target_pattern_input=e(ur_toggle_pattern_content).find('input[data-advance-field="'+t+'"]'),target_input.val(i),target_textarea.val(i),target_hidden_input.val(i),target_pattern_input.val(i)}(s!==undefined?s:n,i),r.val(i),e(document.body).find(".ur-smart-tags-list").hide()})})}),function(e,t){e(function(){e(".ur_import_form_action_button").on("click",function(){var i=e("#jsonfile").prop("files")[0],r=new FormData;r.append("jsonfile",i),r.append("action","user_registration_import_form_action"),r.append("security",t.ur_import_form_save),e.ajax({url:t.ajax_url,dataType:"json",cache:!1,contentType:!1,processData:!1,data:r,type:"post",beforeSend:function(){e(".ur_import_form_action_button").closest(".publishing-action").append(''),e(".ur-import_notice").remove()},complete:function(i){var r="";e(".ur_import_form_action_button").closest(".publishing-action").find(".spinner").remove(),e(".ur-import_notice").remove(),r=!0===i.responseJSON.success?'

'+i.responseJSON.data.message+"

":'

'+i.responseJSON.data.message+"

",e(".ur-export-users-page").prepend(r),e("#jsonfile").val(""),e(".user-registration-custom-selected-file").html(t.no_file_selected)}})}),e(".ur_export_form_action_button").on("click",function(){var i=e("#selected-export-forms").val();e(document).find("#message").remove(),0===i.length?(message_string='

'+t.export_error_message+"

",e(".ur-export-users-page").prepend(message_string)):e(".ur_export_form_action_button").attr("type","submit")}),e(".ur_export_user_action_button").on("click",function(){var i=e("#selected-export-user-form").val();e(document).find("#message").remove(),0===i.length?(message_string='

'+t.export_error_message+"

",e(".ur-export-users-page").prepend(message_string)):e(".ur_export_user_action_button").attr("type","submit")})})}(jQuery,window.user_registration_admin_data); \ No newline at end of file +function ur_init_tooltips(e,t){if(undefined!==e&&null!==e&&""!==e){var i={theme:"tooltipster-borderless",maxWidth:200,multiple:!0,interactive:!0,position:"bottom",contentAsHTML:!0,functionInit:function(e,t){var i=jQuery(t.origin).attr("data-tip");i&&e.content(i)}};t&&"object"==typeof t&&Object.keys(t).forEach(function(e){i[e]=t[e]}),"string"==typeof e?jQuery(e).tooltipster(i):e.tooltipster(i)}}function ur_confirmation(e,t){void 0===t&&(t={});var i=''+t.title;Swal.fire({customClass:"user-registration-swal2-modal user-registration-swal2-modal--centered user-registration-trashed",title:i,text:e,showCancelButton:"undefined"==typeof t.showCancelButton||t.showCancelButton,confirmButtonText:"undefined"!=typeof t.confirmButtonText?t.confirmButtonText:user_registration_form_builder_data.i18n_admin.i18n_choice_delete,confirmButtonColor:"#ff4149",cancelButtonText:"undefined"!=typeof t.cancelButtonText?t.cancelButtonText:user_registration_form_builder_data.i18n_admin.i18n_choice_cancel}).then(function(e){e.value?t.confirm():t.reject()})}jQuery(function(e){e(document.body).on("input","#ur-search-fields",function(){var t=e(this).val().toLowerCase();e(".ur-registered-item").each(function(){e(this).text().toLowerCase().search(t)>-1?(e(this).addClass("ur-searched-item"),e(this).show()):(e(this).removeClass("ur-searched-item"),e(this).hide())}),e(".ur-registered-list").each(function(){var t=e(this).find(".ur-registered-item.ur-searched-item").length,i=e(this).prev("hr"),s=e(this).prev("hr").prev(".ur-toggle-heading");0===t?(i.hide(),s.hide(),e(this).hide()):(i.show(),s.show(),e(this).show())}),e(".ur-registered-item.ur-searched-item").length?e(".ur-fields-not-found").hide():e(".ur-fields-not-found").show()}),e(document).on("mousedown",".ur-locked-field",function(t){t.preventDefault();var i='';if(e(this).hasClass("ur-one-time-draggable-disabled")){var s=i+''+user_registration_form_builder_data.form_one_time_draggable_fields_locked_title.replace("%field%",e(this).text())+"",r=user_registration_form_builder_data.form_one_time_draggable_fields_locked_message.replace("%field%",e(this).text());Swal.fire({title:s,html:r,showCloseButton:!0,customClass:"user-registration-swal2-modal user-registration-swal2-modal--center user-registration-locked-field"}).then(function(e){})}else{var n=e(this).data("field-data");s=i+''+n.title+"";Swal.fire({title:s,html:n.message,showCloseButton:!0,customClass:"user-registration-swal2-modal user-registration-swal2-modal--center user-registration-locked-field",confirmButtonText:n.button_title}).then(function(e){if(e.value){var t=n.link;window.open(t,"_blank")}})}}),e(document).on("click",".ur-upgradable-field",function(t){t.preventDefault();var i=e(this).data("plan"),s=e(this).data("name"),r=e(this).data("video"),n=e(this).data("slug"),a=e(this);""!=n&&""!=i&&e.ajax({url:user_registration_locked_form_fields_notice_params.ajax_url,type:"POST",data:{action:"user_registration_locked_form_fields_notice",slug:n,plan:i,name:s,video_id:r,security:user_registration_locked_form_fields_notice_params.user_registration_locked_form_fields_notice_nonce},success:function(t){if(""!==r)var n='

';var o=e(t.data.action_button).find("a");o.length||(o=e(t.data.action_button).find("form"));var d=' ';if(o.hasClass("activate-license-now")){var l=user_registration_locked_form_fields_notice_params.license_activation_required_message;d+=user_registration_locked_form_fields_notice_params.license_activation_required_title}else if(o.hasClass("activate-now")){l=user_registration_locked_form_fields_notice_params.activation_required_message.replace("%plugin%",s);d+=user_registration_locked_form_fields_notice_params.activation_required_title}else if(o.hasClass("install-now")){l=user_registration_locked_form_fields_notice_params.installation_required_message.replace("%plugin%",s);d+=user_registration_locked_form_fields_notice_params.installation_required_title}else{l=user_registration_locked_form_fields_notice_params.unlock_message.replace("%field%",a.text()).replace("%plan%",i);d+=a.text()+" "+user_registration_locked_form_fields_notice_params.lock_message}d+="",l=n+l+"

"+t.data.action_button,Swal.fire({title:d,html:l,customClass:"user-registration-swal2-modal user-registration-swal2-modal--centered user-registration-locked-field",showCloseButton:!0,showConfirmButton:!1,allowOutsideClick:!0,heightAuto:!1,width:"575px"}).then(function(e){})}})}),e(window).on("resize orientationchange",function(){var t;clearTimeout(t),t=setTimeout(function(){e(document.body).trigger("adjust_builder_width")},250)}),e(document.body).on("click","#collapse-button",function(){e(document.body).trigger("ur_adjust_builder_width")}),e(document.body).on("ur_adjust_builder_width",function(){var t=e("#adminmenuwrap").width(),i=e(".user-registration_page_add-new-registration .ur-form-subcontainer .menu-edit"),s=e(".user-registration_page_add-new-registration .ur-form-subcontainer .ur-loading-container");i.css({left:t+"px"}),s.fadeOut(1e3)}).trigger("ur_adjust_builder_width"),e(document.body).on("click",".user-registration-editable-title__icon",function(){var t=e(this).siblings(".user-registration-editable-title__input");t.hasClass("is-editing")||t.trigger("focus"),t.toggleClass("is-editing"),t.attr("data-editing","true"==t.attr("data-editing")?"false":"true")}),e("#ur-form-name").on("change",function(){e(".ur-form-title").text(e(this).val())}),e(document).not(e(".user-registration-editable-title")).on("click",function(t){var i=e(".user-registration-editable-title__input");"ur-form-name"!==t.target.id&&"ur-form-name-edit-button"!==t.target.id&&!i.attr("hidden")&&i.hasClass("is-editing")&&(t.stopPropagation(),"true"!==i.data("data-editing")&&i.val()&&""!==i.val().trim()&&i.toggleClass("is-editing").trigger("blur").attr("data-editing","true"==i.attr("data-editing")?"false":"true"))}),e(document).on("init_perfect_scrollbar update_perfect_scrollbar",function(){if("undefined"!=typeof PerfectScrollbar){var t=e(".ur-tab-contents");if(t.length>=1&&"undefined"==typeof window.ur_tab_scrollbar){window.ur_tab_scrollbar=new PerfectScrollbar(document.querySelector(".ur-tab-contents"),{suppressScrollX:!0});var i=document.querySelector("#ur-collapse");i.addEventListener("click",function(){i.classList.contains("open")?(e(i).removeClass("open"),e(i).addClass("close")):(e(i).addClass("open"),e(i).removeClass("close"));var t=document.querySelector(".ur-registered-inputs");t.classList.contains("collapsed")?(t.classList.remove("collapsed"),e(".ur-registered-inputs").find("nav.ur-tabs").show(),e(".ur-registered-inputs").css("width","412px"),window.ur_tab_scrollbar.update()):(t.classList.add("collapsed"),e(".ur-registered-inputs").css("width","0px"),e(".ur-registered-inputs").find("nav.ur-tabs").hide())})}else"undefined"!=typeof window.ur_tab_scrollbar&&(window.ur_tab_scrollbar.update(),t.scrollTop(0))}}),e(document).ready(function(){e(document).trigger("init_perfect_scrollbar");var t=e(".ur-selected-inputs"),i=e(".ur-registered-inputs nav").find("#ur-tab-field-settings");i.find("form").appendTo(t),t.find("form #ur-field-all-settings > div").each(function(t,s){var r=e(s).find("h3").text(),n=e(s).attr("id");if("integration-settings"===n){r=e(s).find(".ur-integration").text();i.append('
'+r+"
"),e(s).find("div").each(function(t,i){var s=e(i).find(".ur-integration-list").text(),r=e(i).attr("id"),n=e(i).data("video"),a=e(i).data("title"),o=e(i).data("available-in"),d=e(i).data("integration-id"),l=e(i).attr("class");void 0!==r&&e("#ur-tab-field-settings").find("#integration-settings").append('
'+s+"
")})}else{var a=e(s).hasClass("integration-lists-settings")?"style='display:none;'":"",o=e(s).hasClass("integration-lists-settings")?"integration-lists-settings":"",d="";e(s).hasClass("integration-lists-settings")?(e(document).find(".ur-nav-premium").each(function(){e(this).attr("id")===n&&(o+=" ur-nav-premium")}),d='
",d+='
',d+='',d+='",d+="

",d+=r,d+="

",d+="
",d+="
"):"integration-selection-settings"!==e(s).attr("id")&&(d='
"+r+"
"),i.append(d)}e(s).hide()}),i.find("#integration-settings").click(function(t){t.stopImmediatePropagation(),e(this).closest("#ur-tab-field-settings").find(".form-settings-tab:not(.integration-lists-settings)").hide(),e(this).closest("#ur-tab-field-settings").find(".integration-lists-settings").show(),e(document).find("#integration-selection-settings").siblings().hide(),e(document).find("#integration-selection-settings").show(),e('
'+e(this).text()+"
").insertBefore(e(this)),e(document).find("#integration_settings_back").click(function(t){e(this).closest("#ur-tab-field-settings").find(".form-settings-tab:not(.integration-lists-settings)").show(),e(this).closest("#ur-tab-field-settings").find(".integration-lists-settings").hide(),e(this).closest("#ur-tab-field-settings").find("#general-settings").trigger("click"),e(this).remove()})}),i.find("#general-settings").addClass("active"),t.find("#ur-field-all-settings div#general-settings").show(),i.find(".form-settings-tab").on("click",function(){if(e(this).hasClass("ur-nav-premium")){if(e(document).find(".form-settings-sub-tab#"+e(this).attr("id")).length){var i=e(document).find(".form-settings-sub-tab#"+e(this).attr("id")),s=i.data("available-in"),r=i.data("title"),n=i.data("video"),a=i.data("integration-id");""!=a&&""!=s&&e.ajax({url:user_registration_form_builder_data.ajax_url,type:"POST",data:{action:"user_registration_locked_form_fields_notice",slug:a,plan:s,name:r,video_id:n,security:user_registration_form_builder_data.i18n_admin.user_registration_locked_form_fields_notice_nonce},success:function(t){var i="";""!==n&&(i='

');var a=e(t.data.action_button).find("a");a.length||(a=e(t.data.action_button).find("form"));var o=' ';if(a.hasClass("activate-license-now")){var d=user_registration_form_builder_data.i18n_admin.license_activation_required_message;o+=user_registration_form_builder_data.i18n_admin.license_activation_required_title}else if(a.hasClass("activate-now")){d=user_registration_form_builder_data.i18n_admin.activation_required_message.replace("%plugin%",r);o+=user_registration_form_builder_data.i18n_admin.activation_required_title}else if(a.hasClass("install-now")){d=user_registration_form_builder_data.i18n_admin.installation_required_message.replace("%plugin%",r);o+=user_registration_form_builder_data.i18n_admin.installation_required_title}else{d=(d=user_registration_form_builder_data.i18n_admin.upgrade_message).replace("%title%",r).replace("%plan%",s),o+=r+" "+user_registration_form_builder_data.i18n_admin.pro_feature_title}o+="",d=i+d+"

"+t.data.action_button,Swal.fire({title:o,html:d,customClass:"user-registration-swal2-modal user-registration-swal2-modal--centered user-registration-locked-field",showCloseButton:!0,showConfirmButton:!1,allowOutsideClick:!0,heightAuto:!1,width:"575px"}).then(function(e){})}})}}else this_id=e(this).attr("id"),e(this).siblings().removeClass("active"),e(this).addClass("active"),t.find("form #ur-field-all-settings > div").hide(),e(this).parent().hasClass("form-settings-main-tab")?(t.find("form #ur-field-all-settings > div#integration-settings").show(),t.find("form #integration-settings .ur-integration").remove(),t.find("form #integration-settings > div").hide(),t.find("form #integration-settings > div#"+this_id).show()):(t.find("form #ur-field-all-settings > div").hide(),t.find("form #ur-field-all-settings > div#"+this_id).show()),e(document).trigger("update_perfect_scrollbar"),e(".ur-builder-wrapper").scrollTop(0)})}),e(document).on("click",'.ur-tab-lists li[role="tab"] a.nav-tab',function(t,i){e(document).trigger("update_perfect_scrollbar"),"triggered_click"!=i&&(e(".ur-builder-wrapper").scrollTop(0),e(".ur-builder-wrapper-content").scrollTop(0))}),e(document).on("click",'.ur-tab-lists li[aria-controls="ur-tab-field-settings"]',function(){e(".ur-builder-wrapper-content").hide(),e(".ur-builder-wrapper-footer").hide(),e(".ur-selected-inputs").find("form#ur-field-settings").show()}),e(document).on("click",'ul.ur-tab-lists li[aria-controls="ur-tab-registered-fields"]',function(){e(".ur-builder-wrapper-content").show(),e(".ur-builder-wrapper-footer").show(),e(".ur-selected-inputs").find("form#ur-field-settings").hide(),e("#user_registration_form_setting_redirect_after_field").hide()});var t=e("#general-settings").find("#user_registration_form_setting_minimum_password_strength_field"),i=e("#general-settings").find("#user_registration_form_setting_enable_strong_password_field input#user_registration_form_setting_enable_strong_password"),s=e("#general-settings").find(".custom-password-params"),r=e("#general-settings").find("#user_registration_form_setting_minimum_password_strength_Custom"),n=e("#general-settings").find("#user_registration_form_setting_no_repeat_chars"),a=e("#general-settings").find("#user_registration_form_setting_form_max_char_repeat_length_field"),o=i.is(":checked"),d=r.is(":checked"),l=n.is(":checked");d?l?a.show():a.hide():s.hide(),o?t.show():(s.hide(),t.hide());var _=t.find("[data-id='user_registration_form_setting_minimum_password_strength']");e(document).ready(function(){function i(e){switch(e){case"0":r=user_registration_form_builder_data.user_registration_very_weak_password_info;break;case"1":r=user_registration_form_builder_data.user_registration_weak_password_info;break;case"2":r=user_registration_form_builder_data.user_registration_medium_password_info;break;case"3":r=user_registration_form_builder_data.user_registration_strong_password_info;break;case"4":r=user_registration_form_builder_data.user_registration_custom_password_info;break;default:r=""}t.append(""+r+"")}var r="",o="";_.each(function(){if(e(this).is(":checked")){i(e(this).val())}}),e(_).on("change",function(){o=t.find("span").not(".user-registration-help-tip");var r="";e(this).is(":checked")&&(r=e(this).val()),o.remove(),i(r),s.hide(),"4"===r&&(s.show(),a.hide(),l?a.show():a.hide())}),e(n).on("click",function(){a.hide(),e(this).is(":checked")?a.show():a.hide()})}),e(document).ready(function(){wrapper=e("#user_registration_enable_akismet_field");var t=e("#user_registration_enable_akismet"),i=e("#user_registration_akismet_warning_field");t.is(":checked")?i.show():i.hide(),t.change(function(){e(this).is(":checked")?i.show():i.hide()})}),e(i).on("change",function(){(o=e(this).is(":checked"))?(d&&s.show(),t.show("slow")):(t.hide("slow"),s.hide())}),e(document).ready(function(){c(),e("#user_registration_form_setting_redirect_after_registration").on("change",c)});var c=function(){var t=e("#user_registration_form_setting_redirect_after_registration").find(":selected"),i=e("#user_registration_form_setting_redirect_page").closest(".form-row").slideUp(800),s=e("#user_registration_form_setting_redirect_options").closest(".form-row").slideUp(800);if(t.length)switch(t.val()){case"internal-page":e("#user_registration_form_setting_redirect_after_field").show(),i.slideDown(800);break;case"external-url":e("#user_registration_form_setting_redirect_after_field").show(),s.slideDown(800);break;case"no-redirection":e("#user_registration_form_setting_redirect_after_field").hide();break;case"previous-page":e("#user_registration_form_setting_redirect_after_field").show()}};if(e("#user_registration_form_setting_redirect_after").on("change input paste",function(t){t.preventDefault(),t.stopPropagation();var i=e(t.target);i.val(Math.abs(i.val()))}),e(document.body).on("init_tooltips",function(){ur_init_tooltips(".tips, .help_tip, .user-registration-help-tip"),ur_init_tooltips(".ur-copy-shortcode, .ur-portal-tooltip",{keepAlive:!1}),e(".parent-tips").each(function(){e(this).closest("a, th").attr("data-tip",e(this).data("tip")).tooltipster().css("cursor","help")})}).trigger("init_tooltips"),e("body").on("keypress","#ur-form-name",function(t){13===t.which&&e("#save_form_footer").eq(0).trigger("click")}),e("#ur-full-screen-mode").on("click",function(t){t.preventDefault();var i=e(this);i.hasClass("closed")?(i.removeClass("closed"),i.addClass("opened"),e(this).attr("title",user_registration_form_builder_data.i18n_admin.i18n_exit_fullscreen_mode),e("body").addClass("ur-full-screen-mode")):(i.removeClass("opened"),i.addClass("closed"),e(this).attr("title",user_registration_form_builder_data.i18n_admin.i18n_fullscreen_mode),e("body").removeClass("ur-full-screen-mode"))}),e(document).on("keyup",function(t){"Escape"===t.key&&e("#ur-full-screen-mode.opened").trigger("click")}),"sms_verification"===e("#user_registration_form_setting_login_options").val()?e("#user_registration_form_setting_default_phone_field").parent().show():e("#user_registration_form_setting_default_phone_field").parent().hide(),e("#user_registration_form_setting_login_options").on("change",function(){"sms_verification"===e(this).val()?e("#user_registration_form_setting_default_phone_field").parent().show():e("#user_registration_form_setting_default_phone_field").parent().hide()}),e("#user_registration_form_setting_default_phone_field").on("change",function(){e("#user_registration_form_setting_default_phone_field option").each(function(){var t=e(this),i=e(this).val();e(".ur-selected-item").each(function(){var s=e(this).find(".ur-general-setting-block").find('input[data-field="field_name"]').attr("value");if(i===s){var r=e(this).find(".ur-general-setting-block").find('select[data-field="phone_format"]').val();t.attr("data-phone-format",r)}})}),e('[id="user_registration_form_setting_default_phone_field"] option[value="'+old_field_name+'"]').attr("data-phone-format",$this_obj.val())}),e("input.input-color").wpColorPicker(),e(".user_registration_send_email_test").on("click",function(t){var i=e("#user_registration_email_send_to").val();t.preventDefault(),e.ajax({url:user_registration_send_email.ajax_url,data:{action:"user_registration_send_test_email",email:i,nonce:user_registration_send_email.test_email_nonce},type:"post",beforeSend:function(){e(".user_registration_send_email_test").append('')},complete:function(t){e(".ur-spinner").remove(),e(".user-registration_page_user-registration-settings .notice").remove(),!0===t.responseJSON.success?(message_string='

'+t.responseJSON.data.message+"

",e(".user-registration-options-container").prepend(message_string)):(message_string='

'+t.responseJSON.data.message+"

",e(".user-registration-options-container").prepend(message_string)),e(".user-registration_page_user-registration-settings .notice").css("display","block"),e(window).scrollTop(e(".notice").position())}})}),e(".user-registration-email-status-toggle").on("change",function(t){t.preventDefault();var i=e(this).find('input[type="checkbox"]').is(":checked"),s=e(this).find('input[type="checkbox"]').attr("id");e.ajax({url:user_registration_email_setting_status.ajax_url,type:"POST",data:{action:"user_registration_email_setting_status",status:i,id:s,security:user_registration_email_setting_status.user_registration_email_setting_status_nonce},success:function(e){}})}),e("#ur-lists-page-settings-button").on("click",function(){e("#show-settings-link").click()}),e(document).find(".ur-form-locate").on("click",function(t){var i={action:"user_registration_locate_form_action",id:e(this).data("id"),security:user_registration_admin_locate.ajax_locate_nonce},s=t.target.closest(".row-actions");e.ajax({url:user_registration_admin_locate.ajax_url,dataType:"json",cache:!1,data:i,type:"POST",beforeSend:function(){e(s).append('')},success:function(t){if(Object.keys(t.data).length>0){var i='
'+user_registration_admin_locate.form_found+"",r=1;e.each(t.data,function(e,t){r>1&&(i+=", ");var s=e.split(" ");if(s.length>4){e=s.slice(0,4).join(" "),e+="..."}i+=' '+e+"",r++}),i+="
",0!=e(s).find(".locate-form").length&&e(s).find(".locate-form").remove(),e(s).find("span:first").prepend(i)}else 0!=e(s).find(".locate-form").length&&e(s).find(".locate-form").remove(),e(s).find("span:first").prepend('
'+user_registration_admin_locate.form_found_error+"
");e(s).find(".ur-spinner").remove()}})}),e("#ur-smart-tags-selector").siblings(".ur_advance_setting").length>0){var u=e("#ur-smart-tags-selector");e(u).insertBefore(e("#ur-smart-tags-selector").siblings(".ur_advance_setting")),e("#select-smart-tags").insertAfter(e(u)),e(u).css({position:"absolute",left:"65%",top:"-10px"})}e("#ur-smart-tags-selector").closest(".wp-media-buttons").length>0&&e("#ur-smart-tags-selector").closest(".wp-media-buttons").css({width:"100%",position:"relative"}),e(document.body).on("click","#ur-smart-tags-selector",function(){var t=e(this);e(this).siblings("#select-smart-tags").select2({placeholder:"",dropdownCssClass:"ur-select2-dropdown",templateResult:function(i,s){return t.siblings(".ur_advance_setting").length>0&&i.element&&e(s).addClass("ur-select-smart-tag"),i.text}}),e(this).siblings(".select2-container").addClass("ur-hide-select2"),e(this).siblings("#select-smart-tags").select2("open"),e(this).siblings(".select2-container").find(".select2-selection__rendered").show(),e(this).siblings(".select2-container").find(".select2-selection--open").show();var i=e(this).offset(),s=Math.round(i.top+e(this).innerHeight()),r=Math.round(i.left),n=e(".select2-container--open:not(.ur-hide-select2)");n.css({top:s,left:r-e(this).innerHeight()-10});var a='

'+user_registration_admin_data.smart_tags_dropdown_title+"

";e(a).insertBefore(n.find(".select2-search"));var o=n.find(".select2-search__field");o.attr("placeholder",user_registration_admin_data.smart_tags_dropdown_search_placeholder),o.before(''),e("#select-smart-tags").on("change",function(t){t.preventDefault();var i=e(this).val(),s=e(this).closest(".ur-advance-setting").find("input"),r=s.data("advance-field"),n=s.data("field");!function(t,i){active_field=e(".ur-item-active"),target_input_field=e(active_field).find(".user-registration-field-option-group.ur-advance-setting-block"),ur_toggle_content=target_input_field.find(".ur-advance-setting.ur-advance-default_value"),target_input=e(ur_toggle_content).find('input[data-advance-field="'+t+'"]'),target_textarea=e(ur_toggle_content).find('input[data-advance-field="'+t+'"]'),target_input_hidden_field=e(active_field).find(".ur-general-setting-block"),ur_toggle_hidden_content=target_input_hidden_field.find(".ur-general-setting.ur-general-setting-hidden-value"),target_hidden_input=e(ur_toggle_hidden_content).find('input[data-field="'+t+'"]'),ur_toggle_pattern_content=target_input_field.find(".ur-advance-setting.ur-advance-pattern_value"),target_pattern_input=e(ur_toggle_pattern_content).find('input[data-advance-field="'+t+'"]'),target_input.val(i),target_textarea.val(i),target_hidden_input.val(i),target_pattern_input.val(i)}(r!==undefined?r:n,i),s.val(i),e(document.body).find(".ur-smart-tags-list").hide()})})}),function(e,t){e(function(){e(".ur_import_form_action_button").on("click",function(){var i=e("#jsonfile").prop("files")[0],s=new FormData;s.append("jsonfile",i),s.append("action","user_registration_import_form_action"),s.append("security",t.ur_import_form_save),e.ajax({url:t.ajax_url,dataType:"json",cache:!1,contentType:!1,processData:!1,data:s,type:"post",beforeSend:function(){e(".ur_import_form_action_button").closest(".publishing-action").append(''),e(".ur-import_notice").remove()},complete:function(i){var s="";e(".ur_import_form_action_button").closest(".publishing-action").find(".spinner").remove(),e(".ur-import_notice").remove(),s=!0===i.responseJSON.success?'

'+i.responseJSON.data.message+"

":'

'+i.responseJSON.data.message+"

",e(".ur-export-users-page").prepend(s),e("#jsonfile").val(""),e(".user-registration-custom-selected-file").html(t.no_file_selected)}})}),e(".ur_export_form_action_button").on("click",function(){var i=e("#selected-export-forms").val();e(document).find("#message").remove(),0===i.length?(message_string='

'+t.export_error_message+"

",e(".ur-export-users-page").prepend(message_string)):e(".ur_export_form_action_button").attr("type","submit")}),e(".ur_export_user_action_button").on("click",function(){var i=e("#selected-export-user-form").val();e(document).find("#message").remove(),0===i.length?(message_string='

'+t.export_error_message+"

",e(".ur-export-users-page").prepend(message_string)):e(".ur_export_user_action_button").attr("type","submit")})})}(jQuery,window.user_registration_admin_data); \ No newline at end of file diff --git a/assets/js/admin/form-builder.js b/assets/js/admin/form-builder.js index 802d9d869..ac27663d3 100644 --- a/assets/js/admin/form-builder.js +++ b/assets/js/admin/form-builder.js @@ -308,9 +308,10 @@ var form_data = URFormBuilder.get_form_data(); var row_data = URFormBuilder.get_form_row_data(); + var stop_process = false; $.each(row_data, function () { - if ($(this)[0].fields.length < 1) { + if ($(this)[0].fields && $(this)[0].fields.length < 1) { URFormBuilder.show_message( user_registration_form_builder_data.form_repeater_row_empty ); @@ -1540,46 +1541,169 @@ var single_row = $(".ur-input-grids .ur-single-row"); $.each(single_row, function () { var single_row_data = {}; + var row_id = $(this).attr("data-row-id"); - if ($(this).attr("data-repeater-id")) { + if ( + $( + ".ur-individual-row-settings[data-row-id='" + + row_id + + "']" + ).length + ) { single_row_data.row_id = $(this).attr("data-row-id"); - single_row_data.repeater_id = - $(this).attr("data-repeater-id"); - single_row_data.type = "repeater"; - var repeater_row_setting = $( - "#ur-repeater-settings" - ).serializeArray(); + var element = $(document).find( + ".ur-individual-row-settings[data-row-id='" + + row_id + + "']" + ), + conditional_logic_enabled = element + .find( + "#user_registration_row_setting_enable_conditional_logic" + ) + .is(":checked"); + + if (element.find(".urcl-row-logic-wrap").length) { + single_row_data.type = "normal"; + single_row_data.conditional_logic_enabled = + conditional_logic_enabled; - $.each(repeater_row_setting, function (key, value) { - if ( - value.name.includes( - "_" + single_row_data.repeater_id + var $mapCreator = element.find( + ".urcl-row-logic-wrap" + ), + rule = { + action: $mapCreator + .find(".urcl-row-field") + .val(), + logic_map: { + type: "group", + logic_gate: $mapCreator + .find(".urcl-root-logic-gate") + .val(), + conditions: [] + } + }, + sub_group_conditions = [], + logic_map = null, + cl_fields, + logic_gate; + + $mapCreator + .find( + ".urcl-row-conditional-logic-conditions-container" ) - ) { - single_row_data[ - value.name - .replace( - "user_registration_repeater_row_", - "" - ) - .replace( - "_" + single_row_data.repeater_id, - "" - ) - ] = value.value; - } - }); + .each(function () { + cl_fields = []; + logic_gate = $(this) + .find(".urcl-logic-gate") + .hasClass("is-active") + ? $(this) + .find( + ".urcl-logic-gate.is-active" + ) + .data("value") + : "OR"; - var fields = []; - $(this) - .find("input[data-field='field_name']") - .each(function () { - fields.push($(this).val()); - }); + $(this) + .find(".urcl-field") + .each(function () { + cl_fields.push({ + type: "field", + triggerer_id: $(this) + .find( + ".urcl-field-conditional-field-select" + ) + .val(), + operator: $(this) + .find( + ".urcl-select-operator" + ) + .val(), + value: $(this) + .find( + ".urcl-row-field-value" + ) + .val() + }); + }); + + sub_group_conditions.push({ + type: "group", + logic_gate: logic_gate + ? logic_gate + : "", + conditions: cl_fields + }); + }); + rule.logic_map.conditions = sub_group_conditions; + logic_map = JSON.stringify(rule); + single_row_data.cl_map = logic_map; + } - single_row_data["fields"] = fields; - row_data.push(single_row_data); + if ( + element + .find(".ur-repeater-row-option") + .attr("data-repeater-id") + ) { + var repeater_id = element + .find(".ur-repeater-row-option") + .attr("data-repeater-id"); + single_row_data.type = "repeater"; + single_row_data["repeater_id"] = repeater_id; + single_row_data["title"] = element + .find(".ur-repeater-row-option") + .find( + "input[name='user_registration_repeater_row_title_" + + repeater_id + + "']" + ) + .val(); + single_row_data["field_name"] = element + .find(".ur-repeater-row-option") + .find( + "input[name='user_registration_repeater_row_field_name_" + + repeater_id + + "']" + ) + .val(); + single_row_data["add_new_label"] = element + .find(".ur-repeater-row-option") + .find( + "input[name='user_registration_repeater_row_add_new_label_" + + repeater_id + + "']" + ) + .val(); + single_row_data["remove_label"] = element + .find(".ur-repeater-row-option") + .find( + "input[name='user_registration_repeater_row_remove_label_" + + repeater_id + + "']" + ) + .val(); + single_row_data["repeat_limit"] = element + .find(".ur-repeater-row-option") + .find( + "input[name='user_registration_repeater_row_repeat_limit_" + + repeater_id + + "']" + ) + .val(); + + var fields = []; + $(this) + .find("input[data-field='field_name']") + .each(function () { + fields.push($(this).val()); + }); + + single_row_data["fields"] = fields; + } + + if (single_row_data) { + row_data.push(single_row_data); + } } }); @@ -2839,6 +2963,55 @@ ) ); } + var form_id = $("#ur_form_id").val(), + row_id = + $(single_row_clone).attr( + "data-row-id" + ); + + var data = { + action: "user_registration_generate_row_settings", + security: + user_registration_form_builder_data.ur_new_row_added, + form_id: form_id, + row_id: row_id + }; + + $.ajax({ + url: user_registration_form_builder_data.ajax_url, + data: data, + type: "POST", + complete: function (response) { + if ( + response.responseJSON + .success === true + ) { + var settings_div = + response.responseJSON + .data; + $( + "form#ur-row-settings" + ).append(settings_div); + + $( + ".ur-individual-row-settings" + ).each(function () { + if ( + $(this).attr( + "data-row-id" + ) === row_id + ) { + $(this).show(); + } else { + $(this).hide(); + } + }); + $(single_row_clone).trigger( + "click" + ); + } + } + }); $(document).trigger( "user_registration_row_added", @@ -5017,8 +5190,10 @@ if ( $(".ur-selected-item.ur-item-active .ur-general-setting") - .find("[data-field='required']") - .is(":checked") + .find("[name='ur_general_setting[required]']") + .filter(function () { + return $(this).is(":checked") || $(this).val() === "1"; + }).length ) { wrapper .find(".ur-label") diff --git a/assets/js/admin/form-builder.min.js b/assets/js/admin/form-builder.min.js index 193d4884d..d8038adea 100644 --- a/assets/js/admin/form-builder.min.js +++ b/assets/js/admin/form-builder.min.js @@ -1 +1 @@ -!function(e,t){e(function(){function i(t,i){active_field=e(".ur-item-active"),target_input_field=e(active_field).find(".user-registration-field-option-group.ur-advance-setting-block"),ur_toggle_content=target_input_field.find(".ur-advance-setting.ur-advance-default_value"),target_input=e(ur_toggle_content).find('input[data-advance-field="'+t+'"]'),target_textarea=e(ur_toggle_content).find('input[data-advance-field="'+t+'"]'),target_input_hidden_field=e(active_field).find(".ur-general-setting-block"),ur_toggle_hidden_content=target_input_hidden_field.find(".ur-general-setting.ur-general-setting-hidden-value"),target_hidden_input=e(ur_toggle_hidden_content).find('input[data-field="'+t+'"]'),ur_toggle_pattern_content=target_input_field.find(".ur-advance-setting.ur-advance-pattern_value"),target_pattern_input=e(ur_toggle_pattern_content).find('input[data-advance-field="'+t+'"]'),target_input.val(i),target_textarea.val(i),target_hidden_input.val(i),target_pattern_input.val(i)}function a(e,i){var a=t.isPro,n=!0;if("user_pass"===e)if(a)var r=t.i18n_admin.i18n_auto_generate_password,s=t.i18n_admin.i18n_learn_more,l=t.ur_remove_password_field_link;else r=t.i18n_admin.i18n_delete_pass_available_in_pro,s=ur_setup_params.upgrade_button,l=t.ur_upgrade_plan_link;else if("user_email"===e){r=t.i18n_admin.i18n_default_cannot_delete_message,s=t.i18n_admin.i18n_ok;n=!1}else{r=t.i18n_admin.i18n_user_email_and_password_fields_are_required_to_create_a_registration_form,s=t.i18n_admin.i18n_ok;n=!1}var o='';if(""!==i)var d=o+''+i+t.i18n_admin.i18n_this_field_is_required;else d=o+''+t.i18n_admin.i18n_cannot_delete_row;Swal.fire({customClass:"user-registration-swal2-modal user-registration-swal2-modal--centered user-registration-upgrade",title:d,text:r,showCancelButton:n,cancelButtonText:t.i18n_admin.i18n_choice_cancel,showConfirmButton:!0,confirmButtonText:s,confirmButtonColor:"#475bb2 !important"}).then(function(e){e.isConfirmed&&l&&window.open(l,"_blank")})}var n={init:function(){t.i18n_admin;n.init_user_profile_modal(),n.init_form_builder(),e(document).on("click",'ul.ur-tab-lists li[aria-controls="ur-tab-field-options"]',function(){e(".ur-selected-inputs").find("form#ur-field-settings").hide(),e(".ur-builder-wrapper-content").show(),e(".ur-builder-wrapper-footer").show(),0==e(".ur-selected-item.ur-item-active").length&&n.handle_selected_item(e(".ur-selected-item:first"))}),e(document).on("click",".ur-selected-item",function(){n.handle_selected_item(e(this))}),t.is_form_builder&&(e(window).on("keydown",function(e){if((e.ctrlKey||e.metaKey)&&("s"===String.fromCharCode(e.which).toLowerCase()||83===e.which))return e.preventDefault(),n.ur_save_form(),!1}),e(window).on("keydown",function(e){(e.ctrlKey||e.metaKey)&&("p"!==String.fromCharCode(e.which).toLowerCase()&&80!==e.which||(e.preventDefault(),window.open(t.ur_preview)))}),e(window).on("keydown",function(e){(e.ctrlKey||e.metaKey)&&("u"!==String.fromCharCode(e.which).toLowerCase()&&85!==e.which||(e.preventDefault(),window.open(t.ur_user_list_table)))}),e(window).on("keydown",function(e){if((e.ctrlKey||e.metaKey)&&("h"===String.fromCharCode(e.which).toLowerCase()||85===e.which))return e.preventDefault(),n.ur_show_help(),!1})),e("#ur-keyboard-shortcut-link").on("click",function(t){t.preventDefault(),e(".ur-quick-links-content").slideToggle(),n.ur_show_help()}),e(".ur_save_form_action_button").on("click",function(){n.ur_save_form()}),e(".ur-embed-form-button").on("click",function(){e(this).find(".ur-spinner").length>0||n.ur_embed_form(e(this))}),e(document).on("click",".ur-message .ur-message-close",function(){$message=e(this).closest(".ur-message"),n.removeMessage($message)}),n.init_choice_field_options(),e(document).ready(function(){var i=window.location.search,a=new URLSearchParams(i),r=a.get("page"),s=a.get("edit-registration"),l=a.get("form_id"),o=e(".user-registration-setup").length,d=document.referrer.split("page=")[1],c="true"===localStorage.getItem("formUpdated_"+s);"add-new-registration"!==r||null!==s&&(null===s||"add-new-registration"!==d||null===l)||0!==o||c||(e(".ur_save_form_action_button").text(t.i18n_publish_form_button_text),n.ur_show_help())}),e(document.body).on("click",".ur-toggle-bulk-options",function(t){t.preventDefault(),$this=e(this);var i="";i+='
',i+='
',i+='
',i+=''+$this.data("bulk-options-button")+"
",$this.parent().next(".ur-bulk-options-container").length?"none"===$this.parent().next(".ur-bulk-options-container").css("display")?$this.parent().next(".ur-bulk-options-container").show():$this.parent().next(".ur-bulk-options-container").hide():e(i).insertAfter($this.parent()).trigger("init_tooltips")}),e(document.body).on("click",".ur-add-bulk-options",function(t){t.preventDefault();var i=e(this).parent().next(".ur-options-list"),a=e(this).parent(".ur-bulk-options-container");if(i.length){var r=a.find(".ur-type-textarea").val().replace(/<\/?[^>]+(>|$)/g,"").split("\n");(r=e.unique(r)).forEach(function(e){if(""!==e){var t=i.find("li").last().find("a.add");n.add_choice_field_option(t,e.trim())}}),a.find(".ur-type-textarea").val("")}})},init_user_profile_modal:function(){({init:function(){e(document.body).on("click",".column-data_link a",this.add_item).on("ur_backbone_modal_loaded",this.backbone.init).on("ur_backbone_modal_response",this.backbone.response)},add_item:function(t){return t.preventDefault(),e(this).URBackboneModal({template:"test-demo"}),!1},backbone:{init:function(e,t){},response:function(e,t){}}}).init()},ur_save_form:function(){var i=n.get_validation_status();if(!1!==i.validation_status){"undefined"!=typeof tinyMCE&&tinyMCE.triggerSave();var a=n.get_form_data(),r=n.get_form_row_data(),s=!1;if(e.each(r,function(){e(this)[0].fields.length<1&&(n.show_message(t.form_repeater_row_empty),s=!0)}),!s){var l=n.get_form_row_ids(),o=e("#ur_form_id").val(),d=t.post_id;n.ur_parse_int(d,0)!==n.ur_parse_int(o,0)&&(o=0);var c=e("#ur-field-settings :not(.urcl-user-role-field, .uret-override-content-field, .ur_mailerlite_settings)").serializeArray(),u=n.get_form_conditional_role_data(),_=n.get_form_conditional_submit_data(),f=n.get_form_email_content_override_data(),g=n.get_form_restriction_submit_data(),p=e("#ur-multi-part-page-settings").serializeArray(),m=e("#user_registration_profile_completeness_custom_percentage_field input, #user_registration_profile_completeness_custom_percentage_field select").serializeArray(),h=e("#urfr_max_limit_user_registration_value, #urfr_max_limit_user_registration_period, #urfr_password_restriction, #urfr_age_criteria_equation").serializeArray(),v={action:"user_registration_form_save_action",security:t.ur_form_save,data:{form_data:JSON.stringify(a),row_data:JSON.stringify(r),form_row_ids:JSON.stringify(l),form_name:e("#ur-form-name").val(),form_id:o,form_setting_data:c,conditional_roles_settings_data:u,conditional_submit_settings_data:_,email_content_override_settings_data:f,multipart_page_setting:p,profile_completeness__custom_percentage:m,form_restriction_extra_settings_data:h,form_restriction_submit_data:g}};if(e(document).trigger("user_registration_admin_before_form_submit",[v]),"undefined"==typeof v.data.ur_payment_disabled||!1!==v.data.ur_payment_disabled[0].validation_status)if("undefined"==typeof v.data.ur_invalid_currency_status||!1!==v.data.ur_invalid_currency_status[0].validation_status){if(v.data.ur_google_sheets_integration!==undefined&&(google_sheets_connections=v.data.ur_google_sheets_integration,google_sheets_connections.length>0&&google_sheets_connections[0].hasOwnProperty("mapped_fields"))){var b=google_sheets_connections[0].mapped_fields;if(e.isEmptyObject(b))return void n.show_message(t.i18n_admin.i18n_google_sheets_sheet_empty_error);var k=!1;for(var y in b)if(b.hasOwnProperty(y)&&"user_email"===b[y]){k=!0;break}if(!k)return void n.show_message(t.i18n_admin.i18n_google_sheets_user_email_missing_error)}if(0!=e("#user_registration_profile_completeness_completion_percentage",e(document)).length){var w=parseFloat(e("#user_registration_profile_completeness_completion_percentage",e(document)).val().replace(/[^\d\.]/g,"").replace(/\.(([^\.]*)\.)*/g,".$2"));if(w<=0)return void n.show_message(t.i18n_admin.i18n_pc_profile_completion_error);var x=0;if(e.each(m,function(e,t){"user_registration_profile_completeness_custom_percentage_field[]"==t.name&&""!==t.value&&(x+=parseFloat(m[e+1].value))}),x>w)return void n.show_message(t.i18n_admin.i18n_pc_custom_percentage_filed_error)}e.ajax({url:t.ajax_url,data:v,type:"POST",beforeSend:function(){e(".ur_save_form_action_button").append(''),e(".ur-notices").remove()},complete:function(i){if(e(".ur_save_form_action_button").find(".ur-spinner").remove(),!0===i.responseJSON.success){var a=t.i18n_admin.i18n_form_successfully_saved;if(t.is_edit_form)n.show_message(a,"success"),0===parseInt(o)&&(window.location=t.admin_url+i.responseJSON.data.post_id);else{message_body="

Want to create a login form as well? Check this link. To know more about other cool features check our docs.

",Swal.fire({icon:"success",title:"Form successfully created.",html:message_body}).then(function(e){0===parseInt(o)&&(window.location=t.admin_url+i.responseJSON.data.post_id)})}}else{var r=i.responseJSON.data.message;n.show_message(r)}e(".ur_save_form_action_button").text(t.i18n_update_form_button_text),localStorage.setItem("formUpdated_"+o,!0)}}).fail(function(){Swal.fire({icon:"error",title:t.ajax_form_submit_error_title,html:"
"+t.ajax_form_submit_error,customClass:"user-registration-swal2-modal user-registration-swal2-modal--center",confirmButtonText:"Troubleshoot",allowOutsideClick:!1,showCloseButton:!0}).then(function(e){e.isConfirmed&&window.open(t.ajax_form_submit_troubleshooting_link)})})}else n.show_message(v.data.ur_invalid_currency_status[0].validation_message);else n.show_message(v.data.ur_payment_disabled[0].validation_message)}}else n.show_message(i.message)},ur_embed_form:function(i){var a={action:"user_registration_embed_page_list",security:t.ur_embed_page_list};e.ajax({url:t.ajax_url,data:a,type:"POST",beforeSend:function(){i.append(''),e(".ur-notices").remove()},success:function(a){function n(){var i='

'+t.i18n_admin.i18n_embed_description+"

";Swal.fire({icon:"info",title:t.i18n_admin.i18n_embed_form_title,html:i,showCancelButton:!0,confirmButtonText:t.i18n_admin.i18n_embed_to_existing_page,cancelButtonText:t.i18n_admin.i18n_embed_to_new_page,showCloseButton:!0,customClass:"user-registration-swal2-modal user-registration user-registration-swal2-modal--center user-registrationswal2-icon-content-info user-registration-info swal2-show"}).then(function(i){var r=e(".ur-embed-form-button").attr("data-form_id");i.isConfirmed?function(i,a){var r='

'+t.i18n_admin.i18n_embed_existing_page_description+'

",Swal.fire({icon:"info",title:t.i18n_admin.i18n_embed_form_title,html:modelContent,showCloseButton:!0,showCancelButton:!0,cancelButtonText:t.i18n_admin.i18n_embed_go_back_btn,confirmButtonText:t.i18n_admin.i18n_embed_lets_go_btn,cancelButtonText:t.i18n_admin.i18n_embed_go_back_btn,customClass:"user-registration-swal2-modal user-registration user-registration-swal2-modal--center user-registration-info swal2-show"}).then(function(i){if(i.isDismissed)n();else if(i.isConfirmed){var r=e("#ur-embed-select-existing-page-name").val(),s={action:"user_registration_embed_form_action",security:t.ur_embed_action,page_id:r,form_id:a};e.ajax({url:t.ajax_url,type:"POST",data:s,success:function(e){e.success&&(window.location=e.data)}})}})}(a,r):i.dismiss===Swal.DismissReason.cancel&&function(i){var a='

'+t.i18n_admin.i18n_embed_new_page_description+"

";modelContent=a+'
',Swal.fire({icon:"info",title:t.i18n_admin.i18n_embed_form_title,html:modelContent,showCancelButton:!0,confirmButtonText:t.i18n_admin.i18n_embed_lets_go_btn,cancelButtonText:t.i18n_admin.i18n_embed_go_back_btn,customClass:"user-registration-swal2-modal user-registration user-registration-swal2-modal--center user-registration-info swal2-show"}).then(function(a){if(a.isDismissed)n();else if(a.isConfirmed){var r=e("[name='page_title']").val(),s={action:"user_registration_embed_form_action",security:t.ur_embed_action,page_title:r,form_id:i};e.ajax({url:t.ajax_url,type:"POST",data:s,success:function(e){e.success&&(window.location=e.data)}})}})}(r)})}i.find(".ur-spinner").remove(),n()}})},ur_show_help:function(){if(e(".jconfirm").length)jc.close();else{var i="
    ";e.each(t.i18n_shortcut_keys,function(e,t){i+='
  • '+t+'
    '+e.split("+")[0]+' + '+e.split("+")[1]+"
    • "}),i+="
",jc=e.dialog({title:t.i18n_shortcut_key_title,content:i,icon:"dashicons dashicons-info",type:"blue",useBootstrap:"false",boxWidth:"550px",buttons:{confirm:{text:t.i18n_close,btnClass:"btn-confirm",keys:["enter"]}},escapeKey:!0,backgroundDismiss:function(){return!0},theme:"material"})}},get_validation_status:function(){var i=e.makeArray(t.form_one_time_draggable_fields),a=e.makeArray(t.form_required_fields);e("#user_registration_pro_auto_password_activate").is(":checked")&&a.splice(a.indexOf("user_pass"),1);var n={validation_status:!0,message:""};if(0===e(".ur-selected-item").length)return n.validation_status=!1,n.message=t.i18n_admin.i18n_at_least_one_field_need_to_select,n;if(""===e("#ur-form-name").val())return n.validation_status=!1,n.message=t.i18n_admin.i18n_empty_form_name,n;if(e("#user_registration_enable_stripe").is(":checked")&&e("#user_registration_enable_stripe_recurring").is(":checked")&&e(".ur-input-type-coupon-field").length>0)return e("#user_registration_enable_stripe_recurring").prop("checked",!1),n.validation_status=!1,n.message=t.i18n_admin.i18n_no_stripe_for_coupon,n;if(e(".ur_save_form_action_button").find(".ur-spinner").length>0)return n.validation_status=!1,n.message=t.i18n_admin.i18n_previous_save_action_ongoing,n;if(e("#user_registration_form_setting_minimum_password_strength_Custom").is(":checked")){if(e("#user_registration_form_setting_form_minimum_pass_length").val()<6)return n.validation_status=!1,n.message=t.i18n_admin.i18n_min_custom_password_length_error,n;["minimum_uppercase","minimum_digits","minimum_special_chars","max_char_repeat_length"].forEach(function(i){if(e("#user_registration_form_setting_form_"+i).val()<0){n.validation_status=!1;var a=i.replace(/_/g," ");return a=function(e){return e.charAt(0).toUpperCase()+e.slice(1)}(a),n.message=a+" "+t.i18n_admin.i18n_custom_password_negative_value_error,n}})}e.each(e(".ur-selected-item select.ur-settings-selected-countries"),function(){var i=e(this).val();if(!i||Array.isArray(i)&&0===i.length)return n.validation_status=!1,n.message=t.i18n_admin.i18n_select_countries,n}),e.each(e('.ur-input-grids .ur-general-setting-block input[data-field="field_name"]'),function(){var i,a=e(this),r=!1;try{var s=a.val();if(e(".ur-input-grids .ur-general-setting-block").find('input[data-field="field_name"][value="'+s+'"]').length>1)throw t.i18n_admin.i18n_duplicate_field_name;if(""===a.closest(".ur-general-setting-block").find('input[data-field="label"]').val())throw a=a.closest(".ur-general-setting-block").find('input[data-field="label"]'),t.i18n_admin.i18n_empty_field_label;var l=s.match(/[a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*/gm);if(null===l||1!==l.length||l[0]!==s)throw t.i18n_admin.i18n_invald_field_name}catch(o){n.validation_status=!1,n.message=o.message===undefined?o:o.message,a.closest(".ur-selected-item").trigger("click"),i=a.attr("data-field"),e("#ur-setting-form").find('input[data-field="'+i+'"]').css({border:"1px solid red"}),setTimeout(function(){e("#ur-setting-form").find('input[data-field="'+i+'"]').removeAttr("style")},2e3),r=!0}if(r)return!1});for(var r=0;r1){n.validation_status=!1,n.message=t.i18n_admin.i18n_multiple_field_key+i[r];break}if("sms_verification"===e("#user_registration_form_setting_login_options").val()){a=a.concat(["phone_fields"])}var s=e("#user_registration_enable_paypal_standard"),l=e("#user_registration_enable_stripe"),o=e("#user_registration_enable_authorize_net");if(s.is(":checked")){a=a.concat(["payment_fields"])}else if(l.is(":checked")){a=a.concat(["payment_fields","stripe_gateway"])}else if(o.is(":checked")){a=a.concat(["payment_fields","authorize_net_gateway"])}for(var d=0;dparseInt(s)&&(n.validation_status=!1,n.message=a+" "+t.i18n_admin.i18n_max_upload_size)}),e.each(e(".ur-input-grids").find('.ur-field[data-field-key="number"]'),function(){var i=e(this).closest(".ur-selected-item").find(".ur-advance-setting-block .ur-settings-size").val(),a=e(this).closest(".ur-selected-item").find(".ur-label label").html();i<1&&(n.validation_status=!1,n.message=a+" "+t.i18n_admin.i18n_input_size);var r=e(this).closest(".ur-selected-item").find(".ur-advance-setting-block .ur-settings-min").val(),s=e(this).closest(".ur-selected-item").find(".ur-advance-setting-block .ur-settings-max").val();parseFloat(r)>parseFloat(s)&&(n.validation_status=!1,n.message=a+" "+t.i18n_admin.i18n_min_max_input)}),e.each(e(".ur-input-grids").find('.ur-field[data-field-key="timepicker"]'),function(){var i=e(this).closest(".ur-selected-item").find(".ur-advance-setting-block .ur-settings-time_interval").val(),a=(e(this).closest(".ur-selected-item").find(".ur-advance-setting-block .ur-settings-time_format").val(),e(this).closest(".ur-selected-item").find(".ur-label label").html());i<1&&(n.validation_status=!1,n.message=a+" "+t.i18n_admin.i18n_input_size)}),e.each(e(".ur-input-grids").find('.ur-field[data-field-key="range"]'),function(){var i=e(this).closest(".ur-selected-item").find(".ur-advance-setting-block .ur-settings-step").val(),a=e(this).closest(".ur-selected-item").find(".ur-label label").html();i<1&&(n.validation_status=!1,n.message=a+" "+t.i18n_admin.i18n_input_size);var r=e(this).closest(".ur-selected-item").find(".ur-advance-setting-block .ur-settings-min").val(),s=e(this).closest(".ur-selected-item").find(".ur-advance-setting-block .ur-settings-max").val();parseFloat(r)>parseFloat(s)&&(n.validation_status=!1,n.message=a+" "+t.i18n_admin.i18n_min_max_input)}),e("#urfr_enable_verification").is(":checked")&&"qna"===e("#urfr_verification_type").val()&&(e(".urfr-qna-question-wrapper").length<1&&(n.validation_status=!1,n.message=t.i18n_admin.i18n_urfr_field_required_error),e.each(e(".urfr-qna-block"),function(){var i=e(this).find("input[name='urfr_qna_question']").val(),a=e(this).find("input[name='urfr_qna_answer']").val();""!==i&&""!==a||(n.validation_status=!1,n.message=t.i18n_admin.i18n_urfr_qna_field_empty_error)})),n},show_message:function(i,a){var r=e(".ur-form-container").find(".ur-builder-message-container"),s=e("#wpadminbar"),l="";0===r.length&&(e(".ur-form-container").append('
'),(r=e(".ur-form-container").find(".ur-builder-message-container")).css({top:s.height()+"px"})),"success"===a?l='

'+t.i18n_admin.i18n_success+"! "+i+'

':(e(".ur-error").remove(),l='

'+t.i18n_admin.i18n_error+"! "+i+'

');var o=e(l).prependTo(r);setTimeout(function(){o.addClass("entered")},50),1==e(".ur-error").find(".ur-captcha-error").length?(e(".ur-error").css("width","490px"),setTimeout(function(){n.removeMessage(o)},5e3)):setTimeout(function(){n.removeMessage(o)},3e3)},removeMessage:function(e){e.removeClass("entered").addClass("exiting"),setTimeout(function(){e.remove()},120)},get_form_data:function(){var t=[],i=e(".ur-input-grids .ur-single-row");return e.each(i,function(){var i=e(this).find(".ur-grid-list-item"),a=[];e.each(i,function(){var t=e(this),i=n.get_grid_wise_data(t);a.push(i)}),t.push(a)}),t},get_form_row_data:function(){var t=[],i=e(".ur-input-grids .ur-single-row");return e.each(i,function(){var i={};if(e(this).attr("data-repeater-id")){i.row_id=e(this).attr("data-row-id"),i.repeater_id=e(this).attr("data-repeater-id"),i.type="repeater";var a=e("#ur-repeater-settings").serializeArray();e.each(a,function(e,t){t.name.includes("_"+i.repeater_id)&&(i[t.name.replace("user_registration_repeater_row_","").replace("_"+i.repeater_id,"")]=t.value)});var n=[];e(this).find("input[data-field='field_name']").each(function(){n.push(e(this).val())}),i.fields=n,t.push(i)}}),t},get_grid_wise_data:function(t){var i=t.find(".ur-selected-item"),a=[];return e.each(i,function(){var t=e(this),i=t.find(".ur-field").attr("data-field-key"),r=e("li[data-field-id ='"+("user_registration_"+i)+"']").find(".ur-icon").attr("class"),s={field_key:i,general_setting:n.get_field_general_setting(t),advance_setting:n.get_field_advance_setting(t),icon:r};a.push(s)}),a},get_field_general_setting:function(t){var i=t.find(".ur-general-setting-block").find(".ur-general-setting-field"),a={},r=[],s=[],l=[];return e.each(i,function(){var t=e(this).closest(".ur-general-setting").hasClass("ur-setting-checkbox");if("options"===e(this).attr("data-field")){if("multiple_choice"===e(this).attr("data-field-name")){var i=[];(u=e(this).closest("ul").find("li")).each(function(t,n){var r=e(n).find("input.ur-type-checkbox-label").val(),s=e(n).find("input.ur-type-checkbox-money-input").val(),l=e(n).find("input.ur-checkbox-selling-price-input").val(),o=e(n).find("input.ur-type-image-choice").val();i.every(function(e){return e.label!==r})&&(a.options=i.push({label:r,value:s,sell_value:l,image:o})),a.options=i})}else if("image-choice"===e(this).attr("data-field-name")){i=[];(u=e(this).closest("ul").find("li")).each(function(t,a){var n=e(a).find("input.ur-type-radio-label,input.ur-type-checkbox-label").val(),r=e(a).find("input.ur-type-image-choice").val();i.every(function(e){return e.label!==n})&&i.push({label:n,image:r})}),a.image_options=i;var o=n.get_ur_data(e(this)).trim();r.every(function(e){return e!==o})&&(a.options=r.push(o));var d=r.filter(Boolean);a.options=d}else if("subscription_plan"===e(this).attr("data-field-name")){i=[];(u=e(this).closest("ul").find("li")).each(function(t,n){var r=e(n).find("input.ur-type-radio-label").val(),s=e(n).find("input.ur-type-radio-money-input").val(),l=e(n).find("input.ur-radio-selling-price-input").val(),o=e(n).find("input.ur-radio-interval-count-input").val(),d=e(n).find(".ur-radio-recurring-period").val(),c=e(n).find("input.ur-radio-trail-interval-count-input").val(),u=e(n).find("input.ur-subscription-expiry-date").val().toString(),_=e(n).find(".ur-radio-trail-recurring-period").val(),f=e(n).find(".ur-radio-enable-expiry-date").val(),g=e(n).find(".ur-radio-enable-trail-period").val();i.every(function(e){return e.label!==r})&&i.push({label:r,value:s,sell_value:l,interval_count:o,recurring_period:d,trail_period_enable:g,trail_interval_count:c,trail_recurring_period:_,subscription_expiry_date:u,subscription_expiry_enable:f}),a.options=i})}else if("captcha"===e(this).attr("data-field-name")){var c=[];(u=e(this).closest("ul").find("li")).each(function(t,i){var n=e(i).find("input.ur-type-captcha-question").val(),r=e(i).find(".ur-type-captcha-answer").val();c.every(function(e){return e.question!==n})&&(a.options=c.push({question:n,answer:r})),a.options=c})}else o=n.get_ur_data(e(this)).trim();r.every(function(e){return e!==o})&&(a.options=r.push(o),a.options=r)}else if("default_value"===e(this).attr("data-field"))!0===t?e(this).is(":checked")&&(a.default_value=s.push(n.get_ur_data(e(this))),a.default_value=s):e(this).is(":checked")&&(a.default_value=n.get_ur_data(e(this)));else if("html"===e(this).attr("data-field"))a[e(this).attr("data-field")]=n.get_ur_data(e(this)).replace(/"/g,"'");else if("image_captcha_options"===e(this).attr("data-field")){var u=e(this).closest("ul").find("li"),_=e(this).closest("ul").attr("data-unique-captcha"),f=[];e.each(u,function(t,i){if("undefined"==typeof l[t]||"undefined"==typeof l[t].icon_tag||"undefined"==typeof l[t]["icon-2"]||"undefined"==typeof l[t]["icon-1"]||"undefined"==typeof l[t]["icon-3"]){var a=e(i).find(".icons-group").find(".icon-wrap");f.correct_icon=e(i).find('input[name="ur_general_setting[captcha_image]['+t+"][correct_icon]["+_+']"]:checked').val(),f.icon_tag=e(i).find('input[name="ur_general_setting[captcha_image]['+t+'][icon_tag]"]').val(),e.each(a,function(i,a){var n=i+1;f["icon-"+n]=e(a).find('input:hidden[name="ur_general_setting[captcha_image]['+t+"][icon-"+n+']"]').val()}),l.push({"icon-1":f["icon-1"],"icon-2":f["icon-2"],"icon-3":f["icon-3"],icon_tag:f.icon_tag,correct_icon:f.correct_icon})}}),a.image_captcha_options=l}else a[e(this).attr("data-field")]=n.get_ur_data(e(this))}),a},get_field_advance_setting:function(t){var i=t.find(".ur-advance-setting-block").find(".ur_advance_setting"),a={};return e.each(i,function(){a[e(this).attr("data-advance-field")]=n.get_ur_data(e(this))}),a},get_ur_data:function(e){var t="";switch(e.get(0).tagName.toLowerCase()){case"input":switch(e.attr("type")){case"checkbox":t=e.is(":checked"),e.hasClass("ur-type-checkbox-value")&&(t=e.val()),e.hasClass("ur-type-toggle")&&!t&&(t="false");break;default:e.hasClass("ur-type-image-choice")||e.hasClass("ur-subscription-expiry-date")||(t=e.val())}break;case"select":case"textarea":t=e.val()}return t},get_form_row_ids:function(){var t=[],i=e(".ur-input-grids .ur-single-row");return e.each(i,function(){t.push(e(this).attr("data-row-id"))}),t},ur_parse_int:function(e){return parseInt(e,0)},ur_math_ceil:function(e){return Math.ceil(e,0)},get_form_restriction_submit_data:function(){var t=e(".urfr-qna-block").map(function(t,i){return{question:e(i).find('input[name="urfr_qna_question"]').val(),answer:e(i).find('input[name="urfr_qna_answer"]').val()}}).get();return JSON.stringify(t)},get_form_conditional_role_data:function(){var t=[],i=e(".urcl-role-logic-wrap");return e.each(i,function(){var i=e(this).find(".urcl-user-role-field"),a=[],n=[],r="";e.each(i,function(){$field_key=e(this).attr("name").split("["),"user_registration_form_conditional_user_role"===$field_key[0]&&(r=e(this).val(),i.splice(e(this),1))});var s=e(this).find(".urcl-conditional-group");e.each(s,function(){var t=[],i=e(this).find(".urcl-user-role-field");e.each(i,function(){var i={field_key:e(this).attr("name"),field_value:e(this).val()};t.push(i)}),a.push(t)});var l=e(this).find(".urcl-or-groups");e.each(l,function(){var t=e(this).find(".urcl-conditional-or-group"),i=[];e.each(t,function(){var t=[],a=e(this).find(".urcl-user-role-field");e.each(a,function(){var i={field_key:e(this).attr("name"),field_value:e(this).val()};t.push(i)}),i.push(t)}),n.push(i)});var o={assign_role:r,conditions:a,or_conditions:n};t.push(o)}),t},get_form_conditional_submit_data:function(){var t=[],i=e(".urcl-submit-logic-wrap");return e.each(i,function(){var i=e(this).find(".urcl-submit-field"),a=[],n=[],r="";e.each(i,function(){$field_key=e(this).attr("name").split("["),"user_registration_form_conditional_submit"===$field_key[0]&&(r=e(this).val(),i.splice(e(this),1))});var s=e(this).find(".urcl-conditional-group");e.each(s,function(){var t=[],i=e(this).find(".urcl-submit-field");e.each(i,function(){var i={field_key:e(this).attr("name"),field_value:e(this).val()};t.push(i)}),a.push(t)});var l=e(this).find(".urcl-or-groups");e.each(l,function(){var t=e(this).find(".urcl-conditional-or-group"),i=[];e.each(t,function(){var t=[],a=e(this).find(".urcl-submit-field");e.each(a,function(){var i={field_key:e(this).attr("name"),field_value:e(this).val()};t.push(i)}),i.push(t)}),n.push(i)});var o={action:r,conditions:a,or_conditions:n};t.push(o)}),t},get_form_email_content_override_data:function(){var t={},i=e(".user-registration-email-template-content-wrap");return e.each(i,function(){var i=e(this).find(".user-registration-card__header"),a=e(this).find(".user-registration-card__body");t[e(this).prop("id")]={title:i.find(".user-registration-card__title ").text(),description:i.find(".user-registration-help-tip").data("description"),override:i.find("#uret_override_"+e(this).prop("id")).hasClass("enabled")?1:0,subject:a.find(".uret_subject_input").val(),content:a.find("#user_registration_"+e(this).prop("id")+"_content").val()}}),t},init_form_builder:function(){e.fn.ur_form_builder=function(){var i={active_grid:t.active_grid,number_of_grid_list:t.number_of_grid,min_grid_height:70};return this.each(function(){var r=e(this),s={init:function(){this.single_row(),this.manage_required_fields(),this.manage_label_hidden_fields(),this.manage_image_choice_class()},single_row:function(){if(!t.is_edit_form){var a=e("
");a.append(e("
"));var n=this.get_grid_button();a.find(".ur-grids").append(n),a.find(".ur-grids").find('span[data-id="'+i.active_grid+'"]').addClass("ur-active-grid");var o=this.get_grid_lists(i.active_grid);a.append('
'),a.append(o),a.append('
'),r.append(a),e(".ur-single-row").eq(0).find(".ur-grid-lists").eq(0).find(".ur-grid-list-item").eq(0).find(".user-registration-dragged-me").remove(),e(".ur-single-row").eq(0).find(".ur-grid-lists").eq(0).find(".ur-grid-list-item").eq(0).append(t.required_form_html)}if(0==r.find(".ur-add-new-row").length){r.append('");var d=r.find(".ur-add-new-row").siblings(".ur-single-row").last().prev().attr("data-row-id");r.find(".ur-row-buttons").attr("data-total-rows",d)}l.render_draggable_sortable(),s.manage_empty_grid(),s.manage_draggable_users_fields()},get_grid_button:function(){var t=e('
'),i='';return i+='',i+='",t.html(i),t.html()},get_grid_lists:function(t){for(var a=e('
'),n=1;n<=t;n++){var r=e("
"),s=Math.floor(100/t)-t;r.css({width:s+"%","min-height":i.min_grid_height+"px"}),a.append(r)}return a.append('
'),a.find(".ur-grid-list-item").eq("0").css({}),a},manage_label_hidden_fields:function(){e('input[data-field="hide_label"]').each(function(){e(this).is(":checked")?e(this).closest(".ur-selected-item").find(".ur-label").find("label").hide():e(this).closest(".ur-selected-item").find(".ur-label").find("label").show()})},manage_image_choice_class:function(){e('input[data-field="image_choice"]').each(function(){e(this).is(":checked")?e(this).closest(".ur-selected-item").find(".ur-admin-template").find(".ur-field").addClass("user-registration-image-options"):e(this).closest(".ur-selected-item").find(".ur-admin-template").find(".ur-field").removeClass("user-registration-image-options")})},manage_required_fields:function(){var i=t.form_required_fields,a=e(".ur-input-grids");if(Array.isArray(i))for(var n=0;n*')}})},manage_empty_grid:function(){var t=e(".ur-input-grids"),i=e('
');t.find(".user-registration-dragged-me").remove(),e.each(t.find(".ur-grid-list-item"),function(){var t=e(this);0===e(this).find(".ur-selected-item").length&&t.append(i.clone())})},manage_draggable_users_fields:function(){var i=t.form_one_time_draggable_fields,a=e("#ur-tab-registered-fields").find("ul.ur-registered-list");e.each(a.find("li"),function(){var t=e(this),a=e(this).attr("data-field-id").replace("user_registration_","");e.inArray(a,i)>=0&&(!t.hasClass("ur-locked-field")||t.hasClass("ur-locked-field")&&t.hasClass("ur-one-time-draggable-disabled"))&&(e(".ur-input-grids").find('.ur-field[data-field-key="'+a+'"]').length>0?(t.draggable("disable"),t.addClass("ur-locked-field"),t.addClass("ur-one-time-draggable-disabled")):(t.draggable("enable"),t.removeClass("ur-locked-field"),t.removeClass("ur-one-time-draggable-disabled")))});var n=a.find(".ur-locked-field");e.each(n,function(){(r=e(this)).draggable("disable")})},populate_dropped_node:function(i,a){var r=e("#ur_form_id").val(),l={action:"user_registration_user_input_dropped",security:t.user_input_dropped,form_field_id:a,form_id:r},o='
(content)
';i.closest(".ur-single-row").find(".user-registration-dragged-me").fadeOut(),e.ajax({url:t.ajax_url,data:l,type:"POST",beforeSend:function(){i.removeAttr("class").removeAttr("id").removeAttr("data-field-id").addClass("ur-selected-item").css({width:"auto"}),i.html(''),i.addClass("ur-item-dragged")},complete:function(t){if(s.manage_empty_grid(),!0===t.responseJSON.success){var a=e(o.replace("(content)",t.responseJSON.data.template));a.removeClass("ajax_added"),a.removeClass("ur-item-dragged"),i.find(".ajax_added").find(".spinner").remove(),i.find(".ajax_added").remove(),e(a).insertBefore(i),i.remove()}s.manage_draggable_users_fields();var r=a.closest(".ur-selected-item ").find("[data-field='field_name']").val();n.manage_conditional_field_options(r),e('.ur-input-type-select2 .ur-field[data-field-key="select2"] select, .ur-input-type-multi-select2 .ur-field[data-field-key="multi_select2"] select').selectWoo();var l=e(a),d=l.find(".ur-field").data("field-key"),c=l.find('.ur-general-setting.ur-general-setting-field-name input[name="ur_general_setting[field_name]"]').val(),u=l.find(".ur-label label").contents().filter(function(){return 3===this.nodeType}).text().trim(),_=l.find('select.ur_advance_setting.ur-settings-field-visibility[name="'+d+'_advance_setting[field_visibility]"]').val();e(document.body).trigger("ur_new_field_created",[{fieldKey:d,fieldName:c,label:u,visibleTo:_}])}}).fail(function(){n.show_message(t.ajax_form_submit_error_on_field_drag,"error")})}},l={register:function(){this.register_add_new_row(),this.register_remove_row(),this.change_ur_grids(),this.remove_selected_item(),this.clone_selected_item()},register_add_new_row:function(){var t=this;e("body").on("click",".ur-add-new-row",function(){var a=e(this).closest(".ur-row-buttons").attr("data-total-rows");a=void 0!==a?parseInt(a):0,e(this).closest(".ur-row-buttons").attr("data-total-rows",a+1);var n=e(this).closest(".ur-input-grids").find(".ur-single-row").eq(0).clone();n.attr("data-row-id",a+1),n.find(".ur-grid-lists").html(""),n.find(".ur-grids").find("span").removeClass("ur-active-grid"),n.find(".ur-grids").find('span[data-id="'+i.active_grid+'"]').addClass("ur-active-grid");var r=s.get_grid_lists(i.active_grid);if(n.find(".ur-grid-lists").append(r.html()),n.insertBefore(".ur-row-buttons"),n.show(),t.render_draggable_sortable(),s.manage_empty_grid(),e(this).hasClass("ur-add-repeater-row")){n.addClass("ur-repeater-row");var l=e(this).closest(".ur-input-grids").find(".ur-repeater-row").length,o='
';n.attr("data-repeater-id",l),e(o).insertBefore(n.find(".ur-grid-lists"))}e(document).trigger("user_registration_row_added",[n])})},register_remove_row:function(){var i=this;e("body").on("click",".ur-remove-row",function(){var r=e(this).closest(".ur-single-row"),l=[],o=[];if(r.find(".ur-selected-item .ur-field").each(function(){var t=e(this).data("field-key"),i=e(this).closest(".ur-selected-item").find('.ur-general-setting-field-name input[data-field="field_name"]').val(),a=e(this).closest(".ur-selected-item").find('.ur-general-setting-label input[data-field="label"]').val();l.push(t);var n={fieldName:i,fieldLabel:a};o.push(n)}),l.includes("user_pass")&&l.includes("user_email"))a("","");else if(l.includes("user_pass"))a("user_pass","");else if(l.includes("user_email"))a("user_email","");else{var d={delete_item:!0,fields:o};e(document).trigger("user_registration_before_admin_row_remove",[d]),e(".ur-input-grids").find(".ur-single-row:visible").length>1?d.delete_item&&ur_confirmation(t.i18n_admin.i18n_are_you_sure_want_to_delete_row,{title:t.i18n_admin.i18n_msg_delete,confirm:function(){var t,a=r.prev();(t=a.hasClass("ur-add-new-row")?a.clone():r.clone().attr("class","dashicons-minus ur-remove-row")).hasClass("ur-add-new-row")&&r.closest(".ur-single-row").prev().find(".ur-remove-row").before(t);var n=r.closest(".ur-single-row");e(document).trigger("user_registration_row_deleted",[n]);var l=n.find(".ur-grid-lists .ur-selected-item .ur-general-setting");e(l).each(function(){e(this).closest(".ur-selected-item").find(" .ur-admin-template .ur-label label").text();var t=e(this).closest(".ur-selected-item").find(" .ur-admin-template .ur-field").data("field-key");if("section_title"!=t&&"html"!=t&&"wysiwyg"!=t&&"billing_address_title"!=t&&"shipping_address_title"!=t){var i=e(this).find("[data-field='field_name']").val();void 0!==i&&(e('[class*="urcl-settings-rules_field_"] option[value="'+i+'"]').remove(),e('[class*="urcl-field-conditional-field-select"] option[value="'+i+'"]').remove(),e('[id="user_registration_form_setting_default_phone_field"] option[value="'+i+'"]').remove())}}),n.remove(),i.check_grid(),s.manage_draggable_users_fields(),Swal.fire({icon:"success",title:"Successfully deleted!",customClass:"user-registration-swal2-modal user-registration-swal2-modal--center user-registration-swal2-no-button",showConfirmButton:!1,timer:1e3})},reject:function(){}}):n.ur_alert(t.i18n_admin.i18n_at_least_one_row_is_required_to_create_a_registration_form,{title:t.i18n_admin.i18n_cannot_delete_row})}})},change_ur_grids:function(){var t=this;e(document).on("click",".ur-grids .ur-edit-grid",function(t){t.stopPropagation(),e(this).siblings(".ur-toggle-grid-content").stop(!0).slideToggle(200)}),e(document).on("click",function(){e(".ur-toggle-grid-content").stop(!0).slideUp(200)}),e(document).on("click",".ur-grids .ur-toggle-grid-content .ur-grid-selector",function(){var i=e(this).closest(".ur-single-row"),a=e(this).attr("data-grid"),n=i.find(".ur-grid-lists .ur-grid-list-item").length,r=s.get_grid_lists(a),l=0;i.find(".ur-grid-lists .ur-grid-list-item").length!==parseInt(a)&&(i.find("button.ur-edit-grid").html(e(this).html()),e.each(i.find(".ur-grid-lists .ur-grid-list-item"),function(){e(this).children("*").each(function(){r.find(".ur-grid-list-item").eq(l).append(e(this).clone()),3===parseInt(e(this).parent().attr("ur-grid-id"))&&3===parseInt(n)&&2===parseInt(a)&&(l=Math.abs(--l))}),(parseInt(a)>n||e(this).children("*").length&&2<=parseInt(a))&&(l=parseInt(a)<=++l?0:l)}),i.find(".ur-grid-lists").eq(0).hide(),r.clone().insertAfter(i.find(".ur-grid-lists")),i.find(".ur-grid-lists").eq(0).remove(),t.render_draggable_sortable(),s.manage_empty_grid())})},render_draggable_sortable:function(){e(".ur-grid-list-item").sortable({containment:".ur-input-grids",over:function(){e(this).addClass("ur-sortable-active"),s.manage_empty_grid()},out:function(){e(this).removeClass("ur-sortable-active"),s.manage_empty_grid()},connectWith:".ur-grid-list-item"}).disableSelection(),e(".ur-input-grids").sortable({containment:".ur-builder-wrapper",tolerance:"pointer",placeholder:"ur-single-row",forceHelperSize:!0,over:function(){e(this).addClass("ur-sortable-active")},out:function(){e(this).removeClass("ur-sortable-active")}}),e("#ur-draggabled .draggable").draggable({connectToSortable:".ur-grid-list-item",containment:".ur-registered-from",helper:function(){return e(this).clone().insertAfter(e(this).closest(".ur-tab-contents").siblings(".ur-tab-lists"))},stop:function(i,a){if(0!==e(a.helper).closest(".ur-grid-list-item").length){var r=e(a.helper).attr("data-field-id").replace("user_registration_","").trim(),l=e(".ur-input-grids").find('.ur-field[data-field-key="'+r+'"]').length,o=e.makeArray(t.form_one_time_draggable_fields),d=e.makeArray(t.form_repeater_row_not_droppable_fields_lists);if(l>0&&e.inArray(r,o)>=0)return show_message(t.i18n_admin.i18n_user_required_field_already_there),void e(a.helper).remove();if(a.helper.closest(".ur-repeater-row").length>0&&e.inArray(r,d)>=0)return n.show_message(t.i18n_admin.i18n_repeater_fields_not_droppable.replace("%field%",e("li[data-field-id='user_registration_"+r+"']:first").text())),void e(a.helper).remove();var c=e(a.helper),u=e(c).attr("data-field-id");if(void 0!==u){var _=e(a.helper).closest(".ur-grid-list-item").find('li[data-field-id="'+e(this).attr("data-field-id")+'"]');s.populate_dropped_node(_,u)}}}}).disableSelection()},remove_selected_item:function(){var i=this;e("body").on("click",".ur-selected-item .ur-action-buttons .ur-trash",function(n){var r=e(this).closest(".ur-selected-item ").find("[data-field='field_name']").val(),l=i,o=e(this),d=o.closest(".ur-selected-item").find(".ur-field").data("field-key"),c=o.closest(".ur-selected-item").find('.ur-general-setting.ur-general-setting-field-name input[name="ur_general_setting[field_name]"]').val(),u=o.closest(".ur-selected-item").find(".ur-label label").contents().filter(function(){return 3===this.nodeType}).text().trim(),_=e("#user_registration_pro_auto_password_activate").is(":checked");if(e.inArray(d,t.ur_form_non_deletable_fields)>-1){if("user_pass"===d&&!_)return void a(d,u);if("user_pass"!==d)return void a(d,u)}var f={delete_item:!0,removed_item:r,label:u};e(document).trigger("user_registration_before_admin_field_remove",[f]),f.delete_item&&ur_confirmation(t.i18n_admin.i18n_are_you_sure_want_to_delete_field,{title:t.i18n_admin.i18n_msg_delete,showCancelButton:!0,confirmButtonText:t.i18n_admin.i18n_choice_ok,cancelButtonText:t.i18n_admin.i18n_choice_cancel,ele:l,$ele:o,removed_item:r,confirm:function(){return o.closest(".ur-selected-item ").remove(),l.check_grid(),s.manage_empty_grid(),s.manage_draggable_users_fields(),e('[class*="urcl-settings-rules_field_"] option[value="'+r+'"]').remove(),e('[class*="urcl-field-conditional-field-select"] option[value="'+r+'"]').remove(),e('[id="user_registration_form_setting_default_phone_field"] option[value="'+r+'"]').remove(),e(document.body).trigger("ur_field_removed",[{fieldName:c,fieldKey:d,label:u}]),!1},reject:function(){return!1}})})},clone_selected_item:function(){e("body").on("click",".ur-selected-item .ur-action-buttons .ur-clone",function(){var i=e(this).closest(".ur-selected-item ").find(".ur-field").attr("data-field-key");if(e(".ur-input-grids").find('.ur-field[data-field-key="'+i+'"]').length>0&&e.inArray(i,t.form_one_time_draggable_fields)>-1)n.show_message(t.i18n_admin.i18n_user_required_field_already_there_could_not_clone);else{var a=e(this).closest(".ur-selected-item ").clone(),r=a.find('input[data-field="field_name"]'),s=r.val().match(/\d+/g),l=s.length>0?s[s.length-1]:"",o=r.val().replace(l,"");a.find('input[data-field="field_name"]').attr("value",o+(new Date).getTime()),e(this).closest(".ur-grid-list-item").append(a);var d=a.find("[data-field='field_name']").val();n.manage_conditional_field_options(d)}})},check_grid:function(){e(".ur-tabs").tabs({disabled:[1]}),e(".ur-tabs").find("a").eq(0).trigger("click",["triggered_click"])}};s.init(),l.register()})},e(".ur-input-grids").ur_form_builder(),e(".ur-tabs .ur-tab-lists").on("click","a.nav-tab",function(){e(".ur-tabs .ur-tab-lists").find("a.nav-tab").removeClass("active"),e(this).addClass("active")}),e(".ur-tabs").tabs(),e(".ur-tabs").find("a").eq(0).trigger("click",["triggered_click"]),e(".ur-tabs").tabs({disabled:[1]})},manage_conditional_field_options:function(i){e(".ur-grid-lists .ur-selected-item .ur-general-setting").each(function(){var a=e(this).closest(".ur-selected-item").find(" .ur-admin-template .ur-label label").text(),n=e(this).closest(".ur-selected-item").find(" .ur-admin-template .ur-field").data("field-key");if("section_title"!=n&&"html"!=n&&"wysiwyg"!=n&&"billing_address_title"!=n&&"shipping_address_title"!=n){var r=e(this).find("[data-field='field_name']").val();if(void 0!==r){!1===e(".urcl-field-conditional-field-select option[value='"+r+"']").length>0&&e('[class*="urcl-field-conditional-field-select"]').append('");if(!1===e(".urcl-rules select.ur_advance_setting.urcl-settings-rules_field_1 option[value='"+r+"']").length>0?(e('[class*="urcl-settings-rules_field_"]').append('"),r==i&&e('.urcl-rules select.ur_advance_setting.urcl-settings-rules_field_1.empty-fields option[value="'+i+'"]').remove()):e(".urcl-rules select.ur_advance_setting.urcl-settings-rules_field_1.empty-fields").append('"),"phone"===n){var s=e(this).parent().find(".ur-general-setting-select-format").find("[data-field='phone_format']").val();if(0>=e("#user_registration_form_setting_default_phone_field").length){var l='
';l+='",l+='
",e("#user_registration_form_setting_login_options_field").after(l),"sms_verification"===e("#user_registration_form_setting_login_options").val()?e("#user_registration_form_setting_default_phone_field").parent().show():e("#user_registration_form_setting_default_phone_field").parent().hide()}else e('#user_registration_form_setting_default_phone_field option[value="'+r+'"]').remove(),e("#user_registration_form_setting_default_phone_field").append('")}}}}),e(".urcl-rules select.ur_advance_setting.urcl-settings-rules_field_1.empty-fields").removeClass("empty-fields")},handle_selected_item:function(t){e(".ur-selected-item").removeClass("ur-item-active"),e(t).addClass("ur-item-active"),n.render_advance_setting(e(t)),n.init_events(),e(document).trigger("update_perfect_scrollbar");var i=e(t).find(".ur-field").data("field-key");if(e(document).trigger("user_registration_handle_selected_item",[t]),"country"===i||"billing_country"===i||"shipping_country"===i){var a=e("#ur-setting-form select.ur-settings-selected-countries");a.on("change",function(t){var i=e(this).val(),a="",n=this;Array.isArray(i)&&i.forEach(function(t){var i=e(n).find('option[value="'+t+'"]').html();a+='"}),e("#ur-setting-form select.ur-settings-default-value").html(a),e(".ur-selected-item.ur-item-active select.ur-settings-default-value").html(a)}).select2({placeholder:"Select countries...",selectionAdapter:r,dropdownAdapter:s,templateResult:function(t){return t.id?e("
").text(t.text).addClass("wrap"):t.text},templateSelection:function(e){if(!e.id)return e.text;var t=0;return a.val()&&(t=a.val().length),"Selected "+t+" country(s)"}}).on("change",function(t){e(".urcl-rules, .urcl-conditional-group").each(function(){var t=e(this).find(".urcl-field").length?e(this).find(".urcl-field"):e(this).find(".urcl-form-group"),i=t.find("select option:selected").data("type");if("country"===i||"billing_country"===i||"shipping_country"===i){var a=t.find("select option:selected").val(),n=e(this).find(".urcl-value select").val(),r=e('.ur-general-setting-field-name input[value="'+a+'"').closest(".ur-selected-item").find(".ur-advance-selected_countries select option:selected"),s=[];e(this).find(".urcl-value select").html(''),r.each(function(){var t=e(this).val(),i=e(this).text();s.push('")}),e(this).find(".urcl-value select").append(s.join("")),e(this).find(".urcl-value select").val(n),e(this).find('.urcl-value select option[value="'+n+'"]').attr("selected","selected")}})}).on("select2:close",function(t){setTimeout(function(){e(":focus").trigger("blur")},1)})}e(document.body).trigger("ur_rendered_field_options"),e(document.body).trigger("init_tooltips"),e(document.body).trigger("init_field_options_toggle")},render_advance_setting:function(t){var i=t.find(".ur-advance-setting-block").clone(),a=t.find(".ur-general-setting-block").clone(),n=e("
");e("#ur-tab-field-options").html(""),n.append(a),n.append(i),e("#ur-tab-field-options").append(n),e("#ur-tab-field-options").find(".ur-advance-setting-block").show(),e("#ur-tab-field-options").find(".ur-general-setting-block").show(),1===e(".ur-item-active").length&&(e(".ur-tabs").tabs().tabs("enable",1),e(".ur-tabs").find("a").eq(1).trigger("click",["triggered_click"])),e(".ur-options-list").sortable({containment:".ur-general-setting-options"})},init_events:function(){var t=e(".ur-general-setting-field");e.each(t,function(){var t=e(this);switch(t.attr("data-field")){case"label":t.on("keyup",function(){n.trigger_general_setting_label(e(this))});break;case"field_name":case"max_files":case"input_mask":case"hidden_value":case"custom_class":t.on("change",function(){n.trigger_general_setting_field_name(e(this))});case"phone_format":t.on("change",function(){var i=e(".ur-selected-item.ur-item-active").find(".ur-general-setting-block").find('input[data-field="field_name"]').attr("value");e('[id="user_registration_form_setting_default_phone_field"] option[value="'+i+'"]').attr("data-phone-format",t.val())});case"default_value":t.on("change",function(){"default_value"===t.attr("data-field")&&(t.closest(".ur-general-setting-block").hasClass("ur-general-setting-select")?n.render_select_box(e(this)):t.closest(".ur-general-setting-block").hasClass("ur-general-setting-radio")?n.render_radio(e(this)):t.closest(".ur-general-setting-block").hasClass("ur-general-setting-checkbox")?n.render_check_box(e(this)):t.closest(".ur-general-setting-block").hasClass("ur-general-setting-multiple_choice")?n.render_multiple_choice(e(this)):t.closest(".ur-general-setting-block").hasClass("ur-general-setting-subscription_plan")&&n.render_subscription_plan(e(this)))});break;case"options":t.on("keyup",function(){(t.closest(".ur-general-setting-block").hasClass("ur-general-setting-select")||t.closest(".ur-general-setting-block").hasClass("ur-general-setting-select2"))&&t.siblings('input[data-field="default_value"]').length>0?n.render_select_box(e(this)):t.closest(".ur-general-setting-block").hasClass("ur-general-setting-multi_select2")&&t.siblings('input[data-field="default_value"]').length>0?n.render_multi_select_box(e(this)):t.closest(".ur-general-setting-block").hasClass("ur-general-setting-radio")?n.render_radio(e(this)):t.closest(".ur-general-setting-block").hasClass("ur-general-setting-checkbox")?n.render_check_box(e(this)):t.closest(".ur-general-setting-block").hasClass("ur-general-setting-multiple_choice")?n.render_multiple_choice(e(this)):t.closest(".ur-general-setting-block").hasClass("ur-general-setting-subscription_plan")&&n.render_subscription_plan(e(this)),n.trigger_general_setting_options(e(this))}),t.on("change",function(){t.closest(".ur-general-setting-block").hasClass("ur-general-setting-subscription_plan")&&n.render_subscription_plan(e(this))}),e(".ur-radio-enable-trail-period").each(function(){e(this).is(":checked")?e(this).closest(".ur-subscription-plan").find(".ur-subscription-trail-period-option").show():e(this).closest(".ur-subscription-plan").find(".ur-subscription-trail-period-option").hide(),e(this).on("change",function(){e(this).is(":checked")?e(this).closest(".ur-subscription-plan").find(".ur-subscription-trail-period-option").show():e(this).closest(".ur-subscription-plan").find(".ur-subscription-trail-period-option").hide()})}),e(".ur-radio-enable-expiry-date").each(function(){e(this).is(":checked")?e(this).closest(".ur-subscription-plan").find(".ur-subscription-expiry-option").show():(e(this).closest(".ur-subscription-plan").find(".ur-subscription-expiry-option").hide(),e(this).closest(".ur-subscription-plan").find(".ur-subscription-expiry-option").find(".ur-subscription-expiry-date").val("")),e(this).on("change",function(){e(this).is(":checked")?(e(this).closest(".ur-subscription-plan").find(".ur-subscription-expiry-option").show(),e(this).closest(".ur-subscription-plan").find(".ur-subscription-expiry-option").find(".ur-subscription-expiry-date").val("")):(e(this).closest(".ur-subscription-plan").find(".ur-subscription-expiry-option").hide(),e(this).closest(".ur-subscription-plan").find(".ur-subscription-expiry-option").find(".ur-subscription-expiry-date").val(""))})});break;case"selling_price":t.is(":checked")||e(this).closest(".ur-general-setting-block").find(".ur-selling-price").hide(),t.on("change",function(){e(this).closest(".ur-general-setting-block").find(".ur-selling-price").toggle(),e(".ur-selected-item.ur-item-active").find(".ur-general-setting-block").find(".ur-selling-price").toggle()}),t.on("change",function(){n.trigger_general_setting_selling_price(e(this))});break;case"trail_period":t.is(":checked")||e(this).closest(".ur-general-setting-block").find(".ur-subscription-trail-period-option").hide(),t.on("change",function(){e(this).closest(".ur-general-setting-block").find(".ur-subscription-trail-period-option").toggle(),e(".ur-selected-item.ur-item-active").find(".ur-general-setting-block").find(".ur-subscription-trail-period-option").toggle()}),t.on("change",function(){n.trigger_general_setting_trail_period(e(this))});break;case"placeholder":t.on("keyup",function(){n.trigger_general_setting_placeholder(e(this))});break;case"required":t.on("change",function(){n.trigger_general_setting_required(e(this))});break;case"hide_label":t.on("change",function(){n.trigger_general_setting_hide_label(e(this))});break;case"description":case"html":t.on("keyup",function(){n.trigger_general_setting_description(e(this))})}e(document.body).trigger("ur_general_field_settings_to_update_form_fields_in_builder",[t])});var i=e("#ur-setting-form .ur_advance_setting");e(".ur-settings-enable-min-max").on("change",function(){e(this).is(":checked")?(e(".ur-item-active .ur-advance-min_date, #ur-setting-form .ur-advance-min_date").show(),e(".ur-item-active .ur-advance-max_date, #ur-setting-form .ur-advance-max_date").show(),e("#ur-setting-form .ur-settings-min-date").addClass("flatpickr-field").flatpickr({disableMobile:!0,onChange:function(t,i,a){e(".ur-item-active .ur-settings-min-date").val(i)},onOpen:function(t,i,a){a.set("maxDate",e(".ur-item-active .ur-settings-max-date").val())}}),e("#ur-setting-form .ur-settings-max-date").addClass("flatpickr-field").flatpickr({disableMobile:!0,onChange:function(t,i,a){e(".ur-item-active .ur-settings-max-date").val(i)},onOpen:function(t,i,a){a.set("minDate",e(".ur-item-active .ur-settings-min-date").val())}})):(e(".ur-item-active .ur-advance-min_date, #ur-setting-form .ur-advance-min_date").hide(),e(".ur-item-active .ur-advance-max_date, #ur-setting-form .ur-advance-max_date").hide())}),e.each(i,function(){var t=e(this);switch(t.attr("data-advance-field")){case"step":t.on("keyup keydown",function(){t.attr("step",t.val())});break;case"limit_length":case"minimum_length":t.on("change",function(){n.handle_min_max_length(t)}),n.handle_min_max_length(t);break;case"date_format":t.on("change",function(){n.trigger_general_setting_date_format(e(this))});break;case"min_date":e(".ur-item-active").find(".ur-settings-enable-min-max").is(":checked")?e(this).addClass("flatpickr-field").flatpickr({disableMobile:!0,defaultDate:new Date(e(".ur-item-active").find(".ur-settings-min-date").val()),onChange:function(t,i,a){e(".ur-item-active").find(".ur-settings-min-date").val(i)},onOpen:function(t,i,a){a.set("maxDate",new Date(e(".ur-item-active").find(".ur-settings-max-date").val()))}}):e(".ur-item-active .ur-advance-min_date, #ur-setting-form .ur-advance-min_date").hide();break;case"max_date":e(".ur-item-active").find(".ur-settings-enable-min-max").is(":checked")?e(this).addClass("flatpickr-field").flatpickr({disableMobile:!0,defaultDate:new Date(e(".ur-item-active").find(".ur-settings-max-date").val()),onChange:function(t,i,a){e(".ur-item-active").find(".ur-settings-max-date").val(i)},onOpen:function(t,i,a){a.set("minDate",new Date(e(".ur-item-active .ur-settings-min-date").val()))}}):e(".ur-item-active .ur-advance-max_date, #ur-setting-form .ur-advance-max_date").hide();break;case"enable_prepopulate":t.is(":checked")?e(this).closest(".ur-advance-setting-block").find(".ur-advance-parameter_name").show():e(this).closest(".ur-advance-setting-block").find(".ur-advance-parameter_name").hide(),t.on("click",function(){var t=e(".ur-selected-item.ur-item-active"),i=e(this).closest("#ur-setting-form").find("[data-field='field_name']").val(),a=t.find("[data-field='field_name']").val();t.find(".ur-advance-setting-block").find('input[data-field="'+e(this).attr("data-field")+'"]').prop("checked",e(this).is(":checked")),i===a&&(e(this).is(":checked")?(e(this).closest(".ur-advance-setting-block").find(".ur-advance-parameter_name").show(),e(".ur-selected-item.ur-item-active").find(".ur-advance-parameter_name").show()):(e(this).closest(".ur-advance-setting-block").find(".ur-advance-parameter_name").hide(),e(".ur-selected-item.ur-item-active").find(".ur-advance-parameter_name").hide()))});break;case"autocomplete_address":t.is(":checked")?e(this).closest(".ur-advance-setting-block").find(".ur-advance-address_style").show():e(this).closest(".ur-advance-setting-block").find(".ur-advance-address_style").hide(),t.on("click",function(){var t=e(".ur-selected-item.ur-item-active"),i=e(this).closest("#ur-setting-form").find("[data-field='field_name']").val(),a=t.find("[data-field='field_name']").val();t.find(".ur-advance-setting-block").find('input[data-field="'+e(this).attr("data-field")+'"]').prop("checked",e(this).is(":checked")),i===a&&(e(this).is(":checked")?(e(this).closest(".ur-advance-setting-block").find(".ur-advance-address_style").show(),e(".ur-selected-item.ur-item-active").find(".ur-advance-address_style").show()):(e(this).closest(".ur-advance-setting-block").find(".ur-advance-address_style").hide(),e(".ur-selected-item.ur-item-active").find(".ur-advance-address_style").hide()))});break;case"validate_unique":t.is(":checked")?e(this).closest(".ur-advance-setting-block").find(".ur-advance-validation_message").show():e(this).closest(".ur-advance-setting-block").find(".ur-advance-validation_message").hide(),t.on("click",function(){var t=e(".ur-selected-item.ur-item-active"),i=e(this).closest("#ur-setting-form").find("[data-field='field_name']").val(),a=t.find("[data-field='field_name']").val();t.find(".ur-advance-setting-block").find('input[data-field="'+e(this).attr("data-field")+'"]').prop("checked",e(this).is(":checked")),i===a&&(e(this).is(":checked")?(e(this).closest(".ur-advance-setting-block").find(".ur-advance-validation_message").show(),e(".ur-selected-item.ur-item-active").find(".ur-advance-validation_message").show()):(e(this).closest(".ur-advance-setting-block").find(".ur-advance-validation_message").hide(),e(".ur-selected-item.ur-item-active").find(".ur-advance-validation_message").hide()))});break;case"enable_selling_price_single_item":t.is(":checked")||e(this).closest(".ur-advance-setting-block").find(".ur-advance-selling_price").hide(),t.on("change",function(){e(this).closest(".ur-advance-setting-block").find(".ur-advance-selling_price").toggle(),e(".ur-selected-item.ur-item-active").find(".ur-advance-selling_price").toggle()});break;case"enable_pattern":t.is(":checked")||(e(this).closest(".ur-advance-setting-block").find(".ur-advance-pattern_value").hide(),e(this).closest(".ur-advance-setting-block").find(".ur-advance-pattern_message").hide()),t.on("change",function(){e(this).closest(".ur-advance-setting-block").find(".ur-advance-pattern_value").toggle(),e(this).closest(".ur-advance-setting-block").find(".ur-advance-pattern_message").toggle()});break;case"enable_time_slot_booking":var i=t.closest("form").find(".ur-general-setting-timepicker").find(".ur-general-setting-required").find("input");t.is(":checked")||e(this).closest(".ur-advance-setting-block").find(".ur-advance-target_date_field").hide(),t.is(":checked")&&(i.is(":checked")||(i.trigger("click"),i.attr("checked",!0)),e(this).closest(".ur-advance-setting-block").find(".ur-settings-time_range").is(":checked")||(e(this).closest(".ur-advance-setting-block").find(".ur-settings-time_range").trigger("click"),e(this).closest(".ur-advance-setting-block").find(".ur-settings-time_range").attr("checked",!0)),e(this).closest(".ur-advance-setting-block").find(".ur-advance-time_range").hide()),t.on("change",function(){t.is(":checked")&&(i.is(":checked")||(i.trigger("click"),i.attr("checked",!0))),e(this).closest(".ur-advance-setting-block").find(".ur-advance-target_date_field").toggle(),e(this).is(":checked")?(e(this).closest(".ur-advance-setting-block").find(".ur-settings-time_range").is(":checked")||(e(this).closest(".ur-advance-setting-block").find(".ur-settings-time_range").trigger("click"),e(this).closest(".ur-advance-setting-block").find(".ur-settings-time_range").attr("checked",!0)),e(this).closest(".ur-advance-setting-block").find(".ur-advance-time_range").hide()):e(this).closest(".ur-advance-setting-block").find(".ur-advance-time_range").show()});break;case"enable_date_slot_booking":i=t.closest("form").find(".ur-general-setting-date").find(".ur-general-setting-required").find("input");t.is(":checked")&&(i.is(":checked")||(i.trigger("click"),i.attr("checked",!0))),t.on("change",function(){t.is(":checked")&&(i.is(":checked")||(i.trigger("click"),i.attr("checked",!0)))})}var a=t.get(0).tagName.toLowerCase();"country_advance_setting_default_value"===t.attr("data-id")&&e(".ur-builder-wrapper #ur-input-type-country").find('option[value="'+t.val()+'"]').attr("selected","selected");var r="change";switch(a){case"input":r="keyup click";break;case"select":r="change";break;case"textarea":r="keyup";break;default:r="change"}"valid_file_type"!==t.attr("data-advance-field")&&"payment_methods"!==t.attr("data-advance-field")||t.select2(),e(this).on(r,function(){n.trigger_advance_setting(t,a)}),e(this).on("paste",function(){n.trigger_advance_setting(t,a)})})},handle_min_max_length:function(e){var t=e.closest(".ur-advance-setting").next(".ur-advance-setting");e.is(":checked")?(t.show(),t.next(".ur-advance-setting").show()):(t.hide(),t.next(".ur-advance-setting").hide())},trigger_general_setting_label:function(t){var i=e(".ur-selected-item.ur-item-active");i.find(".ur-label").find("label").text(t.val()),e(".ur-selected-item.ur-item-active .ur-general-setting").find("[data-field='required']").is(":checked")&&i.find(".ur-label").find("label").append('*'),i.find(".ur-general-setting-block").find('input[data-field="'+t.attr("data-field")+'"]').attr("value",t.val());var a=e(".ur-selected-item.ur-item-active .ur-general-setting").find("[data-field='field_name']").val();e('[class*="urcl-settings-rules_field_"] option[value="'+a+'"]').text(t.val()),e('[class*="urcl-field-conditional-field-select"] option[value="'+a+'"]').text(t.val()),e('[id="user_registration_form_setting_default_phone_field"] option[value="'+a+'"]').text(t.val())},trigger_general_setting_field_name:function(t){var i=e(".ur-selected-item.ur-item-active"),a=i.find(".ur-general-setting-block").find('input[data-field="'+t.attr("data-field")+'"]').attr("value");i.find(".ur-general-setting-block").find('input[data-field="'+t.attr("data-field")+'"]').attr("value",t.val()),e('[class*="urcl-settings-rules_field_"] option[value="'+a+'"]').attr("value",t.val()),e('[class*="urcl-field-conditional-field-select"] option[value="'+a+'"]').attr("value",t.val()),e('[id="user_registration_form_setting_default_phone_field"] option[value="'+a+'"]').attr("value",t.val())},render_text_area:function(t){var i=e(".ur-selected-item.ur-item-active").find(".ur-field");switch(i.attr("data-field-key")){case"select":n.render_select_box(t);break;case"checkbox":n.render_check_box(t);break;case"radio":n.render_radio(t);break;case"multiple_choice":n.render_multiple_choice(t);break;case"subscription_plan":n.render_subscription_plan(t)}e(document.body).trigger("ur_sync_textarea_field_settings_in_selected_field_of_form_builder",[i,t])},render_select_box:function(t){var i="";if(t.is(":checked"))i=t.val().trim();var a=e(".ur-selected-item.ur-item-active"),n=t.closest("li").index(),r=a.find(".ur-field").find("select");t.hasClass("ur-type-radio-label")&&(i=r.val());var s=t.closest(".ur-general-setting-options").find("input.ur-general-setting-field.ur-type-radio-label").map(function(){return e(this).val()});r.html(""),e.each(s,function(e,t){r.append("")}),a.find(".ur-general-setting-options > ul.ur-options-list > li").each(function(t,i){var a=e(i).find('[data-field="default_value"]');t===n?a.prop("checked",!0):a.prop("checked",!1)})},render_multi_select_box:function(t){var i="";if(t.is(":checked"))i=t.val().trim();var a=e(".ur-selected-item.ur-item-active"),n=t.closest("li").index(),r=a.find(".ur-field").find("select");t.hasClass("ur-type-checkbox-label")&&(i=r.val());var s=t.closest(".ur-general-setting-options").find("input.ur-general-setting-field.ur-type-checkbox-label").map(function(){return e(this).val()});r.html(""),e.each(s,function(e,t){r.append("")}),a.find(".ur-general-setting-options > ul.ur-options-list > li").each(function(t,i){var a=e(i).find('[data-field="default_value"]');t===n?a.prop("checked",!0):a.prop("checked",!1)})},render_radio:function(i){var a=i.closest("ul").find("li"),n=undefined,r=i.closest(".ur-general-setting-options").siblings(".ur-general-setting-image_choice").find("input"),s=[];a.each(function(t,i){var a=e(i).find("input.ur-type-radio-label").val();a=(a=a.trim()).replace(/<\/?[^>]+(>|$)/g,""),o=e(i).find("input.ur-type-radio-value").is(":checked");var r=e(i).find("input.ur-type-image-choice").val();!0===o&&(n=t),s.every(function(e){return e.value!==a})&&s.push({value:a,radio:o,image:r})});var l=e(".ur-selected-item.ur-item-active"),o=l.find(".ur-field");o.html("");for(var d=0;d':''),""!==s[d]&&($checked_class="",r.is(":checked")&&($checked_class=s[d].radio?"ur-image-choice-checked":""),o.append('"))}l.find(".ur-general-setting-options > ul.ur-options-list > li").each(function(t,i){var a=e(i).find('[data-field="default_value"]');t===n?a.prop("checked",!0):a.prop("checked",!1)})},render_check_box:function(i){var a=[],n=i.closest("ul").find("li"),r=i.closest("li").index(),s=i.closest(".ur-general-setting-options").siblings(".ur-general-setting-image_choice").find("input");n.each(function(t,i){var n=e(i).find("input.ur-type-checkbox-label").val();n=(n=(n=n.trim()).replace(/<(?!\/?a\b)[^>]+>/gi,"")).replace(/(?!href|target|download|rel|hreflang|type|name|accesskey|tabindex|title)\b\w+=['"][^'"]*['"]/g,""),/).)*$/.test(n)&&(n+=""),o=e(i).find("input.ur-type-checkbox-value").is(":checked");var r=e(i).find("input.ur-type-image-choice").val();a.every(function(e){return e.value!==n})&&a.push({value:n,checkbox:o,image:r})});var l=e(".ur-selected-item.ur-item-active"),o=l.find(".ur-field");o.html("");for(var d=0;d':''),""!==a[d]&&(a[d].value=a[d].value.replaceAll('"',"'"),$checked_class="",s.is(":checked")&&($checked_class=a[d].checkbox?"ur-image-choice-checked":""),o.append('"))}"checkbox"===i.attr("type")&&(i.is(":checked")?l.find(".ur-general-setting-options li:nth("+r+') input[data-field="default_value"]').prop("checked",!0):l.find(".ur-general-setting-options li:nth("+r+') input[data-field="default_value"]').prop("checked",!1))},render_multiple_choice:function(i){var a=[],n=i.closest("ul").find("li"),r=i.closest("li").index(),s=i.closest(".ur-general-setting-options").siblings(".ur-general-setting-image_choice").find("input");n.each(function(t,i){var n=e(i).find("input.ur-type-checkbox-label").val(),r=e(i).find("input.ur-type-checkbox-money-input").val(),s=e(i).find("input.ur-checkbox-selling-price-input").val(),l=e(i).find("input.ur-type-image-choice").val(),d=e(i).find("input.ur-type-checkbox-money-input").attr("data-currency");n=n.trim(),r=r.trim(),s=s.trim(),l=l.trim(),d=d.trim(),o=e(i).find("input.ur-type-checkbox-value").is(":checked"),a.every(function(e){return e.label!==n})&&a.push({label:n,value:r,sell_value:s,image:l,currency:d,checkbox:o})});var l=e(".ur-selected-item.ur-item-active"),o=l.find(".ur-field");o.html("");for(var d=0;d':''),""!==a[d]&&($checked_class="",s.is(":checked")&&($checked_class=a[d].checkbox?"ur-image-choice-checked":""),o.append('"))}"checkbox"===i.attr("type")&&(i.is(":checked")?l.find(".ur-general-setting-options li:nth("+r+') input[data-field="default_value"]').prop("checked",!0):l.find(".ur-general-setting-options li:nth("+r+') input[data-field="default_value"]').prop("checked",!1))},render_subscription_plan:function(t){var i=[],a=e(".ur-selected-item.ur-item-active"),n=t.closest("ul").find("li"),r=t.closest("li").index();n.each(function(t,n){var r=e(n).find("input.ur-type-radio-label").val(),l=e(n).find("input.ur-type-radio-money-input").val(),o=e(n).find("input.ur-radio-selling-price-input").val(),d=e(n).find("input.ur-radio-interval-count-input").val(),c=e(n).find(".ur-radio-recurring-period").val(),u=e(n).find("input.ur-radio-trail-interval-count-input").val(),_=e(n).find("input.ur-subscription-expiry-date").val(),f=e(n).find(".ur-radio-trail-recurring-period").val(),g=e(n).find(".ur-radio-enable-trail-period").prop("checked")?"on":"false";a.find(".ur-general-setting-options li:nth("+t+") .ur-radio-enable-trail-period").val(g);var p=e(n).find(".ur-radio-enable-expiry-date").prop("checked")?"on":"false";a.find(".ur-general-setting-options li:nth("+t+") .ur-radio-enable-expiry-date").val(p);var m=a.find(".ur-general-setting-options li:nth("+t+") .ur-radio-enable-expiry-date");"on"===m.val()?m.prop("checked",!0):m.prop("checked",!1),a.find(".ur-general-setting-options li:nth("+t+") .ur-radio-recurring-period").val(c),a.find(".ur-general-setting-options li:nth("+t+") .ur-radio-trail-recurring-period").val(f),a.find(".ur-general-setting-options li:nth("+t+") .ur-subscription-expiry-date").val(_);var h=e(n).find("input.ur-type-radio-money-input").attr("data-currency");r=r.trim(),l=l.trim(),o=o.trim(),h=h.trim(),s=e(n).find("input.ur-type-radio-value").is(":checked"),i.every(function(e){return e.label!==r})&&i.push({label:r,value:l,sell_value:o,interval_count:d,recurring_period:c,trail_interval_count:u,trail_recurring_period:f,trail_period_enable_val:g,subscription_expiry_enable:p,subscription_expiry_date:_,currency:h,checkbox:s})});var s=a.find(".ur-field");s.html("");for(var l=0;l"+i[l].label.trim()+" - "+i[l].currency.trim()+" "+i[l].value.trim()+"");"radio"===t.attr("type")&&(t.is(":checked")?a.find(".ur-general-setting-options li:nth("+r+') input[data-field="default_value"]').prop("checked",!0):a.find(".ur-general-setting-options li:nth("+r+') input[data-field="default_value"]').prop("checked",!1))},trigger_general_setting_options:function(t){var i=e(".ur-selected-item.ur-item-active"),a=t.closest("li").index(),n=t.attr("data-field-name");"multiple_choice"===n||"subscription_plan"===n?i.find(".ur-general-setting-block li:nth("+a+') input[name="'+t.attr("name")+'"]').val(t.val()):"captcha"===t.attr("data-field-name")?i.find(".ur-general-setting-block li:nth("+a+') input[name="'+t.attr("name")+'"]').val(t.val()):i.find(".ur-general-setting-block li:nth("+a+') input[data-field="'+t.attr("data-field")+'"]').val(t.val()),i.find(".ur-general-setting-block li:nth("+a+') input[data-field="default_value"]').val(t.val()),t.closest("li").find('[data-field="default_value"]').val(t.val())},trigger_general_setting_selling_price:function(t){e(".ur-selected-item.ur-item-active").find(".ur-general-setting-block").find('input[data-field="'+t.attr("data-field")+'"]').prop("checked",t.is(":checked"))},trigger_general_setting_trail_period:function(t){e(".ur-selected-item.ur-item-active").find(".ur-general-setting-block").find('input[data-field="'+t.attr("data-field")+'"]').prop("checked",t.is(":checked"))},trigger_general_setting_description:function(t){var i=e(".ur-selected-item.ur-item-active");i.find(".ur-field").find("textarea").attr("description",t.val()),i.find(".ur-general-setting-block").find('textarea[data-field="'+t.attr("data-field")+'"]').val(t.val())},trigger_general_setting_placeholder:function(t){var i=e(".ur-selected-item.ur-item-active");i.find(".ur-field").find("input").attr("placeholder",t.val()),i.find(".ur-general-setting-block").find('input[data-field="'+t.attr("data-field")+'"]').val(t.val())},trigger_general_setting_required:function(t){var i=e(".ur-selected-item.ur-item-active");i.find(".ur-general-setting-block").find('input[data-field="'+t.attr("data-field")+'"]').prop("checked",t.is(":checked")),i.find(".ur-label").find("label").find("span:contains(*)").remove(),t.is(":checked")&&i.find(".ur-label").find("label").append('*')},trigger_general_setting_date_format:function(t){e(".ur-selected-item.ur-item-active").find(".ur-field").find("input").attr("placeholder",t.val())},trigger_general_setting_hide_label:function(t){var i=e(".ur-selected-item.ur-item-active");i.find(".ur-general-setting-block").find('input[data-field="'+t.attr("data-field")+'"]').prop("checked",t.is(":checked")),t.is(":checked")?i.find(".ur-label").find("label").hide():i.find(".ur-label").find("label").show()},trigger_advance_setting:function(t,i){var a=e(".ur-selected-item.ur-item-active"),r=t.attr("data-id"),s=a.find(".ur-advance-setting-block").find('[data-id="'+r+'"]');switch(i){case"input":"checkbox"===t.attr("type")?s.prop("checked",t.is(":checked")):s.val(t.val());break;case"select":if(s.find("option").prop("selected",!1),t.prop("multiple")){var l=t.val();s.val(l)}else s.find('option[value="'+t.val()+'"]').prop("selected",!0);break;case"textarea":s.val(t.val()),n.render_text_area(t.val())}},ur_alert:function(e,t){void 0===t&&(t={}),Swal.fire({icon:"error",title:t.title,text:e,customClass:"user-registration-swal2-modal user-registration-swal2-modal--center"})},init_choice_field_options:function(){e(document).on("sortstop",".ur-options-list",function(t,i){var a=e(this);n.handle_options_sort(a)}),e(document).on("click",".ur-options-list .add",function(t){t.preventDefault();var i=e(this);n.add_choice_field_option(i)}),e(document).on("click",".ur-options-list .remove",function(t){t.preventDefault();var i=e(this);n.remove_choice_field_option(i)})},handle_options_sort:function(e){n.ur_clone_options(e),e.closest(".ur-general-setting-block").hasClass("ur-general-setting-radio")?n.render_radio(e):e.closest(".ur-general-setting-block").hasClass("ur-general-setting-checkbox")?n.render_check_box(e):e.closest(".ur-general-setting-block").hasClass("ur-general-setting-multiple_choice")?n.render_multiple_choice(e):e.closest(".ur-general-setting-block").hasClass("ur-general-setting-subscription_plan")&&n.render_subscription_plan(e)},ur_clone_options:function(t){var i=t.clone(!0,!0),a=e(".ur-selected-item.ur-item-active").find(".ur-general-setting-options .ur-options-list");a.html(""),a.replaceWith(i)},add_choice_field_option:function(t,i){$this_obj=e(this);var a=e(".ur-selected-item.ur-item-active"),r=t.closest("li").index(),s=t.closest("li").clone(!0,!0);if(s.find("input.ur-subscription-expiry-date").attr("data-id","expiry-date-index-"+r+Math.floor(900*Math.random())+100),s.find('input[data-field="options"]').val(void 0!==i?i:""),s.find('input[data-field="default_value"]').prop("checked",!1),s.find('select[data-field="options"]').val(""),s.find(".ur-thumbnail-image img").attr("src",""),t.closest(".ur-general-setting-image-captcha-options").length>0)n.handle_add_image_captcha_group(t,a);else{r=t.closest("li").index();(s=t.closest("li").clone(!0,!0)).find('input[data-field="options"]').val(void 0!==i?i:""),s.find('input[data-field="default_value"]').prop("checked",!1),s.find('select[data-field="options"]').val(""),s.find(".ur-thumbnail-image img").attr("src",""),t.closest("li").after(s),a.find(".ur-general-setting-options .ur-options-list > li:nth( "+r+" )").after(s.clone(!0,!0)),t.closest(".ur-general-setting-block").hasClass("ur-general-setting-radio")?n.render_radio(t):t.closest(".ur-general-setting-block").hasClass("ur-general-setting-checkbox")?n.render_check_box(t):t.closest(".ur-general-setting-block").hasClass("ur-general-setting-multiple_choice")&&n.render_multiple_choice(t)}e(document.body).trigger("ur_field_option_changed",[{action:"add",wrapper:a},n,t])},remove_choice_field_option:function(t){var i=t.closest("ul"),a=i.find("li"),r=e(".ur-selected-item.ur-item-active"),s=t.closest("li").index();i.find("li").length>1&&(t.closest(".ur-general-setting-image-captcha-options").length>0?n.handle_remove_image_captcha_group(t,r,s):(r.find(".ur-general-setting-options .ur-options-list > li:nth( "+s+" )").remove(),t.closest("li").remove()),a.closest(".ur-general-setting-block").hasClass("ur-general-setting-radio")?n.render_radio(a):a.closest(".ur-general-setting-block").hasClass("ur-general-setting-checkbox")?n.render_check_box(a):a.closest(".ur-general-setting-block").hasClass("ur-general-setting-multiple_choice")?n.render_multiple_choice(a):a.closest(".ur-general-setting-block").hasClass("ur-general-setting-subscription_plan")&&n.render_subscription_plan(a)),e(document.body).trigger("ur_field_option_changed",[{action:"remove",wrapper:r},n,t])},handle_add_image_captcha_group:function(t,i){var a=parseInt(t.attr("data-last-group")),n=a+1;captcha_unique=t.closest("ul").attr("data-unique-captcha"),cloning_element=t.closest("ul").find('li[data-group="'+a+'"]').clone(!0,!0),cloning_element_icons=cloning_element.find(".icon-wrap"),cloning_element.attr("data-group",n),cloning_element.find(".ur-type-captcha-icon-tag").attr("name","ur_general_setting[captcha_image]["+n+"][icon_tag]"),cloning_element.find(".ur-type-captcha-icon-tag").val(""),cloning_element.find(".ur-type-captcha-icon-tag").attr("placeholder","Icon Tag"),e.each(cloning_element_icons,function(t,i){var a=t+1;e(i).find(".ur-captcha-icon-radio").attr("name","ur_general_setting[captcha_image]["+n+"][correct_icon]["+captcha_unique+"]"),e(i).find(".ur-captcha-icon-radio").prop("checked",!1),e(i).find(".captcha-icon").attr("name","ur_general_setting[captcha_image]["+n+"][icon-"+a+"]"),e(i).find(".captcha-icon").val(""),e(i).find(".captcha-icon").siblings("span").attr("class",""),e(i).find(".dashicons-picker").attr("data-icon-key","icon-"+a),e(i).find(".dashicons-picker").attr("data-group-id",n)}),t.closest("ul").find('li[data-group="'+a+'"]').after(cloning_element),t.attr("data-last-group",n),i.find(".ur-general-setting-image-captcha-options .ur-options-list > li:nth( "+a+" )").after(cloning_element.clone(!0,!0)),i.find(".ur-general-setting-image-captcha-options .ur-options-list .add-icon-group").attr("data-last-group",n)},handle_remove_image_captcha_group:function(t,i,a){i.find(".ur-general-setting-image-captcha-options .ur-options-list > li:nth( "+a+" )").remove();var n=i.find(".ur-general-setting-image-captcha-options .ur-options-list li.ur-custom-captcha"),r=t.closest("li").siblings(".ur-custom-captcha");t.closest("ul.ur-options-list").find(".add-icon-group").attr("data-last-group",parseInt(r.length)-1),t.closest("li").remove();var s=t.closest("ul.ur-options-list").attr("data-unique-captcha");e.each(n,function(t,i){e(i).attr("data-group",t),e(i).find(".ur-type-captcha-icon-tag").attr("name","ur_general_setting[captcha_image]["+t+"][icon_tag]");var a=e(i).find(".icon-wrap");e.each(a,function(i,a){var n=i+1;e(a).find(".captcha-icon").attr("name","ur_general_setting[captcha_image]["+t+"][icon-"+n+"]"),e(a).find(".ur-captcha-icon-radio").attr("name","ur_general_setting[captcha_image]["+t+"][correct_icon]["+s+"]"),e(a).find(".dashicons-picker").attr("data-icon-key","icon-"+n),e(a).find(".dashicons-picker").attr("data-group-id",t)})}),e.each(r,function(t,i){e(i).attr("data-group",t),e(i).find(".ur-type-captcha-icon-tag").attr("name","ur_general_setting[captcha_image]["+t+"][icon_tag]");var a=e(i).find(".icon-wrap");e.each(a,function(i,a){var n=i+1;e(a).find(".captcha-icon").attr("name","ur_general_setting[captcha_image]["+t+"][icon-"+n+"]"),e(a).find(".ur-captcha-icon-radio").attr("name","ur_general_setting[captcha_image]["+t+"][correct_icon]["+s+"]"),e(a).find(".dashicons-picker").attr("data-icon-key","icon-"+n),e(a).find(".dashicons-picker").attr("data-group-id",t)})}),i.find(".ur-general-setting-image-captcha-options .ur-options-list .add-icon-group").attr("data-last-group",parseInt(n.length)-1)}};n.init(),e(document).ready(function(){var t={};e(document.body).on("click",".ur-flatpickr-field",function(){var i=e(this).data("id"),a=t[i];if(!a){var n=e(this).closest(".ur-field-item").find("#formated_date").val();if(0Unselect All');return n.on("click",function(){i.$element.val([]),i.$element.trigger("change"),i.trigger("close")}),a.find(".select2-dropdown").prepend(n),a},s=o.Decorate(s,c),u.prototype.render=function(t){var i=this,a=t.call(this),n=e('');return n.on("click",function(){var t=[];i.$element.find("option").each(function(){t.push(e(this).val())}),i.$element.val(t),i.$element.trigger("change"),i.trigger("close")}),a.find(".select2-dropdown").prepend(n),a},s=o.Decorate(s,u)}),e(document.body).on("input",'[data-advance-field="max_upload_size"], [data-field="max_files"]',function(){var t=e(this),i=t.val();i=i.replace(/[^0-9]/g,""),t.val(i)}),e(document).on("click",".ur-input-type-subscription_plan",function(){e(this).next(".ur-general-setting-subscription_plan").find(".ur-subscription-plan").each(function(t){var i="expiry-date-index-"+t;e(this).find(".ur-subscription-expiry-date").attr("data-id",i)})}),e(document.body).on("focusout",'[data-advance-field="max_upload_size"], [data-field="max_files"]',function(){var t=e(this),i=t.val();i=""===i||0===parseInt(i)?"":parseInt(i),t.val(i)})})}(jQuery,window.user_registration_form_builder_data); \ No newline at end of file +!function(e,t){e(function(){function i(t,i){active_field=e(".ur-item-active"),target_input_field=e(active_field).find(".user-registration-field-option-group.ur-advance-setting-block"),ur_toggle_content=target_input_field.find(".ur-advance-setting.ur-advance-default_value"),target_input=e(ur_toggle_content).find('input[data-advance-field="'+t+'"]'),target_textarea=e(ur_toggle_content).find('input[data-advance-field="'+t+'"]'),target_input_hidden_field=e(active_field).find(".ur-general-setting-block"),ur_toggle_hidden_content=target_input_hidden_field.find(".ur-general-setting.ur-general-setting-hidden-value"),target_hidden_input=e(ur_toggle_hidden_content).find('input[data-field="'+t+'"]'),ur_toggle_pattern_content=target_input_field.find(".ur-advance-setting.ur-advance-pattern_value"),target_pattern_input=e(ur_toggle_pattern_content).find('input[data-advance-field="'+t+'"]'),target_input.val(i),target_textarea.val(i),target_hidden_input.val(i),target_pattern_input.val(i)}function a(e,i){var a=t.isPro,n=!0;if("user_pass"===e)if(a)var r=t.i18n_admin.i18n_auto_generate_password,s=t.i18n_admin.i18n_learn_more,l=t.ur_remove_password_field_link;else r=t.i18n_admin.i18n_delete_pass_available_in_pro,s=ur_setup_params.upgrade_button,l=t.ur_upgrade_plan_link;else if("user_email"===e){r=t.i18n_admin.i18n_default_cannot_delete_message,s=t.i18n_admin.i18n_ok;n=!1}else{r=t.i18n_admin.i18n_user_email_and_password_fields_are_required_to_create_a_registration_form,s=t.i18n_admin.i18n_ok;n=!1}var o='';if(""!==i)var d=o+''+i+t.i18n_admin.i18n_this_field_is_required;else d=o+''+t.i18n_admin.i18n_cannot_delete_row;Swal.fire({customClass:"user-registration-swal2-modal user-registration-swal2-modal--centered user-registration-upgrade",title:d,text:r,showCancelButton:n,cancelButtonText:t.i18n_admin.i18n_choice_cancel,showConfirmButton:!0,confirmButtonText:s,confirmButtonColor:"#475bb2 !important"}).then(function(e){e.isConfirmed&&l&&window.open(l,"_blank")})}var n={init:function(){t.i18n_admin;n.init_user_profile_modal(),n.init_form_builder(),e(document).on("click",'ul.ur-tab-lists li[aria-controls="ur-tab-field-options"]',function(){e(".ur-selected-inputs").find("form#ur-field-settings").hide(),e(".ur-builder-wrapper-content").show(),e(".ur-builder-wrapper-footer").show(),0==e(".ur-selected-item.ur-item-active").length&&n.handle_selected_item(e(".ur-selected-item:first"))}),e(document).on("click",".ur-selected-item",function(){n.handle_selected_item(e(this))}),t.is_form_builder&&(e(window).on("keydown",function(e){if((e.ctrlKey||e.metaKey)&&("s"===String.fromCharCode(e.which).toLowerCase()||83===e.which))return e.preventDefault(),n.ur_save_form(),!1}),e(window).on("keydown",function(e){(e.ctrlKey||e.metaKey)&&("p"!==String.fromCharCode(e.which).toLowerCase()&&80!==e.which||(e.preventDefault(),window.open(t.ur_preview)))}),e(window).on("keydown",function(e){(e.ctrlKey||e.metaKey)&&("u"!==String.fromCharCode(e.which).toLowerCase()&&85!==e.which||(e.preventDefault(),window.open(t.ur_user_list_table)))}),e(window).on("keydown",function(e){if((e.ctrlKey||e.metaKey)&&("h"===String.fromCharCode(e.which).toLowerCase()||85===e.which))return e.preventDefault(),n.ur_show_help(),!1})),e("#ur-keyboard-shortcut-link").on("click",function(t){t.preventDefault(),e(".ur-quick-links-content").slideToggle(),n.ur_show_help()}),e(".ur_save_form_action_button").on("click",function(){n.ur_save_form()}),e(".ur-embed-form-button").on("click",function(){e(this).find(".ur-spinner").length>0||n.ur_embed_form(e(this))}),e(document).on("click",".ur-message .ur-message-close",function(){$message=e(this).closest(".ur-message"),n.removeMessage($message)}),n.init_choice_field_options(),e(document).ready(function(){var i=window.location.search,a=new URLSearchParams(i),r=a.get("page"),s=a.get("edit-registration"),l=a.get("form_id"),o=e(".user-registration-setup").length,d=document.referrer.split("page=")[1],c="true"===localStorage.getItem("formUpdated_"+s);"add-new-registration"!==r||null!==s&&(null===s||"add-new-registration"!==d||null===l)||0!==o||c||(e(".ur_save_form_action_button").text(t.i18n_publish_form_button_text),n.ur_show_help())}),e(document.body).on("click",".ur-toggle-bulk-options",function(t){t.preventDefault(),$this=e(this);var i="";i+='
',i+='
',i+='
',i+=''+$this.data("bulk-options-button")+"
",$this.parent().next(".ur-bulk-options-container").length?"none"===$this.parent().next(".ur-bulk-options-container").css("display")?$this.parent().next(".ur-bulk-options-container").show():$this.parent().next(".ur-bulk-options-container").hide():e(i).insertAfter($this.parent()).trigger("init_tooltips")}),e(document.body).on("click",".ur-add-bulk-options",function(t){t.preventDefault();var i=e(this).parent().next(".ur-options-list"),a=e(this).parent(".ur-bulk-options-container");if(i.length){var r=a.find(".ur-type-textarea").val().replace(/<\/?[^>]+(>|$)/g,"").split("\n");(r=e.unique(r)).forEach(function(e){if(""!==e){var t=i.find("li").last().find("a.add");n.add_choice_field_option(t,e.trim())}}),a.find(".ur-type-textarea").val("")}})},init_user_profile_modal:function(){({init:function(){e(document.body).on("click",".column-data_link a",this.add_item).on("ur_backbone_modal_loaded",this.backbone.init).on("ur_backbone_modal_response",this.backbone.response)},add_item:function(t){return t.preventDefault(),e(this).URBackboneModal({template:"test-demo"}),!1},backbone:{init:function(e,t){},response:function(e,t){}}}).init()},ur_save_form:function(){var i=n.get_validation_status();if(!1!==i.validation_status){"undefined"!=typeof tinyMCE&&tinyMCE.triggerSave();var a=n.get_form_data(),r=n.get_form_row_data(),s=!1;if(e.each(r,function(){e(this)[0].fields&&e(this)[0].fields.length<1&&(n.show_message(t.form_repeater_row_empty),s=!0)}),!s){var l=n.get_form_row_ids(),o=e("#ur_form_id").val(),d=t.post_id;n.ur_parse_int(d,0)!==n.ur_parse_int(o,0)&&(o=0);var c=e("#ur-field-settings :not(.urcl-user-role-field, .uret-override-content-field, .ur_mailerlite_settings)").serializeArray(),u=n.get_form_conditional_role_data(),_=n.get_form_conditional_submit_data(),f=n.get_form_email_content_override_data(),g=n.get_form_restriction_submit_data(),p=e("#ur-multi-part-page-settings").serializeArray(),m=e("#user_registration_profile_completeness_custom_percentage_field input, #user_registration_profile_completeness_custom_percentage_field select").serializeArray(),h=e("#urfr_max_limit_user_registration_value, #urfr_max_limit_user_registration_period, #urfr_password_restriction, #urfr_age_criteria_equation").serializeArray(),v={action:"user_registration_form_save_action",security:t.ur_form_save,data:{form_data:JSON.stringify(a),row_data:JSON.stringify(r),form_row_ids:JSON.stringify(l),form_name:e("#ur-form-name").val(),form_id:o,form_setting_data:c,conditional_roles_settings_data:u,conditional_submit_settings_data:_,email_content_override_settings_data:f,multipart_page_setting:p,profile_completeness__custom_percentage:m,form_restriction_extra_settings_data:h,form_restriction_submit_data:g}};if(e(document).trigger("user_registration_admin_before_form_submit",[v]),"undefined"==typeof v.data.ur_payment_disabled||!1!==v.data.ur_payment_disabled[0].validation_status)if("undefined"==typeof v.data.ur_invalid_currency_status||!1!==v.data.ur_invalid_currency_status[0].validation_status){if(v.data.ur_google_sheets_integration!==undefined&&(google_sheets_connections=v.data.ur_google_sheets_integration,google_sheets_connections.length>0&&google_sheets_connections[0].hasOwnProperty("mapped_fields"))){var b=google_sheets_connections[0].mapped_fields;if(e.isEmptyObject(b))return void n.show_message(t.i18n_admin.i18n_google_sheets_sheet_empty_error);var k=!1;for(var y in b)if(b.hasOwnProperty(y)&&"user_email"===b[y]){k=!0;break}if(!k)return void n.show_message(t.i18n_admin.i18n_google_sheets_user_email_missing_error)}if(0!=e("#user_registration_profile_completeness_completion_percentage",e(document)).length){var w=parseFloat(e("#user_registration_profile_completeness_completion_percentage",e(document)).val().replace(/[^\d\.]/g,"").replace(/\.(([^\.]*)\.)*/g,".$2"));if(w<=0)return void n.show_message(t.i18n_admin.i18n_pc_profile_completion_error);var x=0;if(e.each(m,function(e,t){"user_registration_profile_completeness_custom_percentage_field[]"==t.name&&""!==t.value&&(x+=parseFloat(m[e+1].value))}),x>w)return void n.show_message(t.i18n_admin.i18n_pc_custom_percentage_filed_error)}e.ajax({url:t.ajax_url,data:v,type:"POST",beforeSend:function(){e(".ur_save_form_action_button").append(''),e(".ur-notices").remove()},complete:function(i){if(e(".ur_save_form_action_button").find(".ur-spinner").remove(),!0===i.responseJSON.success){var a=t.i18n_admin.i18n_form_successfully_saved;if(t.is_edit_form)n.show_message(a,"success"),0===parseInt(o)&&(window.location=t.admin_url+i.responseJSON.data.post_id);else{message_body="

Want to create a login form as well? Check this link. To know more about other cool features check our docs.

",Swal.fire({icon:"success",title:"Form successfully created.",html:message_body}).then(function(e){0===parseInt(o)&&(window.location=t.admin_url+i.responseJSON.data.post_id)})}}else{var r=i.responseJSON.data.message;n.show_message(r)}e(".ur_save_form_action_button").text(t.i18n_update_form_button_text),localStorage.setItem("formUpdated_"+o,!0)}}).fail(function(){Swal.fire({icon:"error",title:t.ajax_form_submit_error_title,html:"
"+t.ajax_form_submit_error,customClass:"user-registration-swal2-modal user-registration-swal2-modal--center",confirmButtonText:"Troubleshoot",allowOutsideClick:!1,showCloseButton:!0}).then(function(e){e.isConfirmed&&window.open(t.ajax_form_submit_troubleshooting_link)})})}else n.show_message(v.data.ur_invalid_currency_status[0].validation_message);else n.show_message(v.data.ur_payment_disabled[0].validation_message)}}else n.show_message(i.message)},ur_embed_form:function(i){var a={action:"user_registration_embed_page_list",security:t.ur_embed_page_list};e.ajax({url:t.ajax_url,data:a,type:"POST",beforeSend:function(){i.append(''),e(".ur-notices").remove()},success:function(a){function n(){var i='

'+t.i18n_admin.i18n_embed_description+"

";Swal.fire({icon:"info",title:t.i18n_admin.i18n_embed_form_title,html:i,showCancelButton:!0,confirmButtonText:t.i18n_admin.i18n_embed_to_existing_page,cancelButtonText:t.i18n_admin.i18n_embed_to_new_page,showCloseButton:!0,customClass:"user-registration-swal2-modal user-registration user-registration-swal2-modal--center user-registrationswal2-icon-content-info user-registration-info swal2-show"}).then(function(i){var r=e(".ur-embed-form-button").attr("data-form_id");i.isConfirmed?function(i,a){var r='

'+t.i18n_admin.i18n_embed_existing_page_description+'

",Swal.fire({icon:"info",title:t.i18n_admin.i18n_embed_form_title,html:modelContent,showCloseButton:!0,showCancelButton:!0,cancelButtonText:t.i18n_admin.i18n_embed_go_back_btn,confirmButtonText:t.i18n_admin.i18n_embed_lets_go_btn,cancelButtonText:t.i18n_admin.i18n_embed_go_back_btn,customClass:"user-registration-swal2-modal user-registration user-registration-swal2-modal--center user-registration-info swal2-show"}).then(function(i){if(i.isDismissed)n();else if(i.isConfirmed){var r=e("#ur-embed-select-existing-page-name").val(),s={action:"user_registration_embed_form_action",security:t.ur_embed_action,page_id:r,form_id:a};e.ajax({url:t.ajax_url,type:"POST",data:s,success:function(e){e.success&&(window.location=e.data)}})}})}(a,r):i.dismiss===Swal.DismissReason.cancel&&function(i){var a='

'+t.i18n_admin.i18n_embed_new_page_description+"

";modelContent=a+'
',Swal.fire({icon:"info",title:t.i18n_admin.i18n_embed_form_title,html:modelContent,showCancelButton:!0,confirmButtonText:t.i18n_admin.i18n_embed_lets_go_btn,cancelButtonText:t.i18n_admin.i18n_embed_go_back_btn,customClass:"user-registration-swal2-modal user-registration user-registration-swal2-modal--center user-registration-info swal2-show"}).then(function(a){if(a.isDismissed)n();else if(a.isConfirmed){var r=e("[name='page_title']").val(),s={action:"user_registration_embed_form_action",security:t.ur_embed_action,page_title:r,form_id:i};e.ajax({url:t.ajax_url,type:"POST",data:s,success:function(e){e.success&&(window.location=e.data)}})}})}(r)})}i.find(".ur-spinner").remove(),n()}})},ur_show_help:function(){if(e(".jconfirm").length)jc.close();else{var i="
    ";e.each(t.i18n_shortcut_keys,function(e,t){i+='
  • '+t+'
    '+e.split("+")[0]+' + '+e.split("+")[1]+"
    • "}),i+="
",jc=e.dialog({title:t.i18n_shortcut_key_title,content:i,icon:"dashicons dashicons-info",type:"blue",useBootstrap:"false",boxWidth:"550px",buttons:{confirm:{text:t.i18n_close,btnClass:"btn-confirm",keys:["enter"]}},escapeKey:!0,backgroundDismiss:function(){return!0},theme:"material"})}},get_validation_status:function(){var i=e.makeArray(t.form_one_time_draggable_fields),a=e.makeArray(t.form_required_fields);e("#user_registration_pro_auto_password_activate").is(":checked")&&a.splice(a.indexOf("user_pass"),1);var n={validation_status:!0,message:""};if(0===e(".ur-selected-item").length)return n.validation_status=!1,n.message=t.i18n_admin.i18n_at_least_one_field_need_to_select,n;if(""===e("#ur-form-name").val())return n.validation_status=!1,n.message=t.i18n_admin.i18n_empty_form_name,n;if(e("#user_registration_enable_stripe").is(":checked")&&e("#user_registration_enable_stripe_recurring").is(":checked")&&e(".ur-input-type-coupon-field").length>0)return e("#user_registration_enable_stripe_recurring").prop("checked",!1),n.validation_status=!1,n.message=t.i18n_admin.i18n_no_stripe_for_coupon,n;if(e(".ur_save_form_action_button").find(".ur-spinner").length>0)return n.validation_status=!1,n.message=t.i18n_admin.i18n_previous_save_action_ongoing,n;if(e("#user_registration_form_setting_minimum_password_strength_Custom").is(":checked")){if(e("#user_registration_form_setting_form_minimum_pass_length").val()<6)return n.validation_status=!1,n.message=t.i18n_admin.i18n_min_custom_password_length_error,n;["minimum_uppercase","minimum_digits","minimum_special_chars","max_char_repeat_length"].forEach(function(i){if(e("#user_registration_form_setting_form_"+i).val()<0){n.validation_status=!1;var a=i.replace(/_/g," ");return a=function(e){return e.charAt(0).toUpperCase()+e.slice(1)}(a),n.message=a+" "+t.i18n_admin.i18n_custom_password_negative_value_error,n}})}e.each(e(".ur-selected-item select.ur-settings-selected-countries"),function(){var i=e(this).val();if(!i||Array.isArray(i)&&0===i.length)return n.validation_status=!1,n.message=t.i18n_admin.i18n_select_countries,n}),e.each(e('.ur-input-grids .ur-general-setting-block input[data-field="field_name"]'),function(){var i,a=e(this),r=!1;try{var s=a.val();if(e(".ur-input-grids .ur-general-setting-block").find('input[data-field="field_name"][value="'+s+'"]').length>1)throw t.i18n_admin.i18n_duplicate_field_name;if(""===a.closest(".ur-general-setting-block").find('input[data-field="label"]').val())throw a=a.closest(".ur-general-setting-block").find('input[data-field="label"]'),t.i18n_admin.i18n_empty_field_label;var l=s.match(/[a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*/gm);if(null===l||1!==l.length||l[0]!==s)throw t.i18n_admin.i18n_invald_field_name}catch(o){n.validation_status=!1,n.message=o.message===undefined?o:o.message,a.closest(".ur-selected-item").trigger("click"),i=a.attr("data-field"),e("#ur-setting-form").find('input[data-field="'+i+'"]').css({border:"1px solid red"}),setTimeout(function(){e("#ur-setting-form").find('input[data-field="'+i+'"]').removeAttr("style")},2e3),r=!0}if(r)return!1});for(var r=0;r1){n.validation_status=!1,n.message=t.i18n_admin.i18n_multiple_field_key+i[r];break}if("sms_verification"===e("#user_registration_form_setting_login_options").val()){a=a.concat(["phone_fields"])}var s=e("#user_registration_enable_paypal_standard"),l=e("#user_registration_enable_stripe"),o=e("#user_registration_enable_authorize_net");if(s.is(":checked")){a=a.concat(["payment_fields"])}else if(l.is(":checked")){a=a.concat(["payment_fields","stripe_gateway"])}else if(o.is(":checked")){a=a.concat(["payment_fields","authorize_net_gateway"])}for(var d=0;dparseInt(s)&&(n.validation_status=!1,n.message=a+" "+t.i18n_admin.i18n_max_upload_size)}),e.each(e(".ur-input-grids").find('.ur-field[data-field-key="number"]'),function(){var i=e(this).closest(".ur-selected-item").find(".ur-advance-setting-block .ur-settings-size").val(),a=e(this).closest(".ur-selected-item").find(".ur-label label").html();i<1&&(n.validation_status=!1,n.message=a+" "+t.i18n_admin.i18n_input_size);var r=e(this).closest(".ur-selected-item").find(".ur-advance-setting-block .ur-settings-min").val(),s=e(this).closest(".ur-selected-item").find(".ur-advance-setting-block .ur-settings-max").val();parseFloat(r)>parseFloat(s)&&(n.validation_status=!1,n.message=a+" "+t.i18n_admin.i18n_min_max_input)}),e.each(e(".ur-input-grids").find('.ur-field[data-field-key="timepicker"]'),function(){var i=e(this).closest(".ur-selected-item").find(".ur-advance-setting-block .ur-settings-time_interval").val(),a=(e(this).closest(".ur-selected-item").find(".ur-advance-setting-block .ur-settings-time_format").val(),e(this).closest(".ur-selected-item").find(".ur-label label").html());i<1&&(n.validation_status=!1,n.message=a+" "+t.i18n_admin.i18n_input_size)}),e.each(e(".ur-input-grids").find('.ur-field[data-field-key="range"]'),function(){var i=e(this).closest(".ur-selected-item").find(".ur-advance-setting-block .ur-settings-step").val(),a=e(this).closest(".ur-selected-item").find(".ur-label label").html();i<1&&(n.validation_status=!1,n.message=a+" "+t.i18n_admin.i18n_input_size);var r=e(this).closest(".ur-selected-item").find(".ur-advance-setting-block .ur-settings-min").val(),s=e(this).closest(".ur-selected-item").find(".ur-advance-setting-block .ur-settings-max").val();parseFloat(r)>parseFloat(s)&&(n.validation_status=!1,n.message=a+" "+t.i18n_admin.i18n_min_max_input)}),e("#urfr_enable_verification").is(":checked")&&"qna"===e("#urfr_verification_type").val()&&(e(".urfr-qna-question-wrapper").length<1&&(n.validation_status=!1,n.message=t.i18n_admin.i18n_urfr_field_required_error),e.each(e(".urfr-qna-block"),function(){var i=e(this).find("input[name='urfr_qna_question']").val(),a=e(this).find("input[name='urfr_qna_answer']").val();""!==i&&""!==a||(n.validation_status=!1,n.message=t.i18n_admin.i18n_urfr_qna_field_empty_error)})),n},show_message:function(i,a){var r=e(".ur-form-container").find(".ur-builder-message-container"),s=e("#wpadminbar"),l="";0===r.length&&(e(".ur-form-container").append('
'),(r=e(".ur-form-container").find(".ur-builder-message-container")).css({top:s.height()+"px"})),"success"===a?l='

'+t.i18n_admin.i18n_success+"! "+i+'

':(e(".ur-error").remove(),l='

'+t.i18n_admin.i18n_error+"! "+i+'

');var o=e(l).prependTo(r);setTimeout(function(){o.addClass("entered")},50),1==e(".ur-error").find(".ur-captcha-error").length?(e(".ur-error").css("width","490px"),setTimeout(function(){n.removeMessage(o)},5e3)):setTimeout(function(){n.removeMessage(o)},3e3)},removeMessage:function(e){e.removeClass("entered").addClass("exiting"),setTimeout(function(){e.remove()},120)},get_form_data:function(){var t=[],i=e(".ur-input-grids .ur-single-row");return e.each(i,function(){var i=e(this).find(".ur-grid-list-item"),a=[];e.each(i,function(){var t=e(this),i=n.get_grid_wise_data(t);a.push(i)}),t.push(a)}),t},get_form_row_data:function(){var t=[],i=e(".ur-input-grids .ur-single-row");return e.each(i,function(){var i={},a=e(this).attr("data-row-id");if(e(".ur-individual-row-settings[data-row-id='"+a+"']").length){i.row_id=e(this).attr("data-row-id");var n=e(document).find(".ur-individual-row-settings[data-row-id='"+a+"']"),r=n.find("#user_registration_row_setting_enable_conditional_logic").is(":checked");if(n.find(".urcl-row-logic-wrap").length){i.type="normal",i.conditional_logic_enabled=r;var s,l,o=n.find(".urcl-row-logic-wrap"),d={action:o.find(".urcl-row-field").val(),logic_map:{type:"group",logic_gate:o.find(".urcl-root-logic-gate").val(),conditions:[]}},c=[],u=null;o.find(".urcl-row-conditional-logic-conditions-container").each(function(){s=[],l=e(this).find(".urcl-logic-gate").hasClass("is-active")?e(this).find(".urcl-logic-gate.is-active").data("value"):"OR",e(this).find(".urcl-field").each(function(){s.push({type:"field",triggerer_id:e(this).find(".urcl-field-conditional-field-select").val(),operator:e(this).find(".urcl-select-operator").val(),value:e(this).find(".urcl-row-field-value").val()})}),c.push({type:"group",logic_gate:l||"",conditions:s})}),d.logic_map.conditions=c,u=JSON.stringify(d),i.cl_map=u}if(n.find(".ur-repeater-row-option").attr("data-repeater-id")){var _=n.find(".ur-repeater-row-option").attr("data-repeater-id");i.type="repeater",i.repeater_id=_,i.title=n.find(".ur-repeater-row-option").find("input[name='user_registration_repeater_row_title_"+_+"']").val(),i.field_name=n.find(".ur-repeater-row-option").find("input[name='user_registration_repeater_row_field_name_"+_+"']").val(),i.add_new_label=n.find(".ur-repeater-row-option").find("input[name='user_registration_repeater_row_add_new_label_"+_+"']").val(),i.remove_label=n.find(".ur-repeater-row-option").find("input[name='user_registration_repeater_row_remove_label_"+_+"']").val(),i.repeat_limit=n.find(".ur-repeater-row-option").find("input[name='user_registration_repeater_row_repeat_limit_"+_+"']").val();var f=[];e(this).find("input[data-field='field_name']").each(function(){f.push(e(this).val())}),i.fields=f}i&&t.push(i)}}),t},get_grid_wise_data:function(t){var i=t.find(".ur-selected-item"),a=[];return e.each(i,function(){var t=e(this),i=t.find(".ur-field").attr("data-field-key"),r=e("li[data-field-id ='"+("user_registration_"+i)+"']").find(".ur-icon").attr("class"),s={field_key:i,general_setting:n.get_field_general_setting(t),advance_setting:n.get_field_advance_setting(t),icon:r};a.push(s)}),a},get_field_general_setting:function(t){var i=t.find(".ur-general-setting-block").find(".ur-general-setting-field"),a={},r=[],s=[],l=[];return e.each(i,function(){var t=e(this).closest(".ur-general-setting").hasClass("ur-setting-checkbox");if("options"===e(this).attr("data-field")){if("multiple_choice"===e(this).attr("data-field-name")){var i=[];(u=e(this).closest("ul").find("li")).each(function(t,n){var r=e(n).find("input.ur-type-checkbox-label").val(),s=e(n).find("input.ur-type-checkbox-money-input").val(),l=e(n).find("input.ur-checkbox-selling-price-input").val(),o=e(n).find("input.ur-type-image-choice").val();i.every(function(e){return e.label!==r})&&(a.options=i.push({label:r,value:s,sell_value:l,image:o})),a.options=i})}else if("image-choice"===e(this).attr("data-field-name")){i=[];(u=e(this).closest("ul").find("li")).each(function(t,a){var n=e(a).find("input.ur-type-radio-label,input.ur-type-checkbox-label").val(),r=e(a).find("input.ur-type-image-choice").val();i.every(function(e){return e.label!==n})&&i.push({label:n,image:r})}),a.image_options=i;var o=n.get_ur_data(e(this)).trim();r.every(function(e){return e!==o})&&(a.options=r.push(o));var d=r.filter(Boolean);a.options=d}else if("subscription_plan"===e(this).attr("data-field-name")){i=[];(u=e(this).closest("ul").find("li")).each(function(t,n){var r=e(n).find("input.ur-type-radio-label").val(),s=e(n).find("input.ur-type-radio-money-input").val(),l=e(n).find("input.ur-radio-selling-price-input").val(),o=e(n).find("input.ur-radio-interval-count-input").val(),d=e(n).find(".ur-radio-recurring-period").val(),c=e(n).find("input.ur-radio-trail-interval-count-input").val(),u=e(n).find("input.ur-subscription-expiry-date").val().toString(),_=e(n).find(".ur-radio-trail-recurring-period").val(),f=e(n).find(".ur-radio-enable-expiry-date").val(),g=e(n).find(".ur-radio-enable-trail-period").val();i.every(function(e){return e.label!==r})&&i.push({label:r,value:s,sell_value:l,interval_count:o,recurring_period:d,trail_period_enable:g,trail_interval_count:c,trail_recurring_period:_,subscription_expiry_date:u,subscription_expiry_enable:f}),a.options=i})}else if("captcha"===e(this).attr("data-field-name")){var c=[];(u=e(this).closest("ul").find("li")).each(function(t,i){var n=e(i).find("input.ur-type-captcha-question").val(),r=e(i).find(".ur-type-captcha-answer").val();c.every(function(e){return e.question!==n})&&(a.options=c.push({question:n,answer:r})),a.options=c})}else o=n.get_ur_data(e(this)).trim();r.every(function(e){return e!==o})&&(a.options=r.push(o),a.options=r)}else if("default_value"===e(this).attr("data-field"))!0===t?e(this).is(":checked")&&(a.default_value=s.push(n.get_ur_data(e(this))),a.default_value=s):e(this).is(":checked")&&(a.default_value=n.get_ur_data(e(this)));else if("html"===e(this).attr("data-field"))a[e(this).attr("data-field")]=n.get_ur_data(e(this)).replace(/"/g,"'");else if("image_captcha_options"===e(this).attr("data-field")){var u=e(this).closest("ul").find("li"),_=e(this).closest("ul").attr("data-unique-captcha"),f=[];e.each(u,function(t,i){if("undefined"==typeof l[t]||"undefined"==typeof l[t].icon_tag||"undefined"==typeof l[t]["icon-2"]||"undefined"==typeof l[t]["icon-1"]||"undefined"==typeof l[t]["icon-3"]){var a=e(i).find(".icons-group").find(".icon-wrap");f.correct_icon=e(i).find('input[name="ur_general_setting[captcha_image]['+t+"][correct_icon]["+_+']"]:checked').val(),f.icon_tag=e(i).find('input[name="ur_general_setting[captcha_image]['+t+'][icon_tag]"]').val(),e.each(a,function(i,a){var n=i+1;f["icon-"+n]=e(a).find('input:hidden[name="ur_general_setting[captcha_image]['+t+"][icon-"+n+']"]').val()}),l.push({"icon-1":f["icon-1"],"icon-2":f["icon-2"],"icon-3":f["icon-3"],icon_tag:f.icon_tag,correct_icon:f.correct_icon})}}),a.image_captcha_options=l}else a[e(this).attr("data-field")]=n.get_ur_data(e(this))}),a},get_field_advance_setting:function(t){var i=t.find(".ur-advance-setting-block").find(".ur_advance_setting"),a={};return e.each(i,function(){a[e(this).attr("data-advance-field")]=n.get_ur_data(e(this))}),a},get_ur_data:function(e){var t="";switch(e.get(0).tagName.toLowerCase()){case"input":switch(e.attr("type")){case"checkbox":t=e.is(":checked"),e.hasClass("ur-type-checkbox-value")&&(t=e.val()),e.hasClass("ur-type-toggle")&&!t&&(t="false");break;default:e.hasClass("ur-type-image-choice")||e.hasClass("ur-subscription-expiry-date")||(t=e.val())}break;case"select":case"textarea":t=e.val()}return t},get_form_row_ids:function(){var t=[],i=e(".ur-input-grids .ur-single-row");return e.each(i,function(){t.push(e(this).attr("data-row-id"))}),t},ur_parse_int:function(e){return parseInt(e,0)},ur_math_ceil:function(e){return Math.ceil(e,0)},get_form_restriction_submit_data:function(){var t=e(".urfr-qna-block").map(function(t,i){return{question:e(i).find('input[name="urfr_qna_question"]').val(),answer:e(i).find('input[name="urfr_qna_answer"]').val()}}).get();return JSON.stringify(t)},get_form_conditional_role_data:function(){var t=[],i=e(".urcl-role-logic-wrap");return e.each(i,function(){var i=e(this).find(".urcl-user-role-field"),a=[],n=[],r="";e.each(i,function(){$field_key=e(this).attr("name").split("["),"user_registration_form_conditional_user_role"===$field_key[0]&&(r=e(this).val(),i.splice(e(this),1))});var s=e(this).find(".urcl-conditional-group");e.each(s,function(){var t=[],i=e(this).find(".urcl-user-role-field");e.each(i,function(){var i={field_key:e(this).attr("name"),field_value:e(this).val()};t.push(i)}),a.push(t)});var l=e(this).find(".urcl-or-groups");e.each(l,function(){var t=e(this).find(".urcl-conditional-or-group"),i=[];e.each(t,function(){var t=[],a=e(this).find(".urcl-user-role-field");e.each(a,function(){var i={field_key:e(this).attr("name"),field_value:e(this).val()};t.push(i)}),i.push(t)}),n.push(i)});var o={assign_role:r,conditions:a,or_conditions:n};t.push(o)}),t},get_form_conditional_submit_data:function(){var t=[],i=e(".urcl-submit-logic-wrap");return e.each(i,function(){var i=e(this).find(".urcl-submit-field"),a=[],n=[],r="";e.each(i,function(){$field_key=e(this).attr("name").split("["),"user_registration_form_conditional_submit"===$field_key[0]&&(r=e(this).val(),i.splice(e(this),1))});var s=e(this).find(".urcl-conditional-group");e.each(s,function(){var t=[],i=e(this).find(".urcl-submit-field");e.each(i,function(){var i={field_key:e(this).attr("name"),field_value:e(this).val()};t.push(i)}),a.push(t)});var l=e(this).find(".urcl-or-groups");e.each(l,function(){var t=e(this).find(".urcl-conditional-or-group"),i=[];e.each(t,function(){var t=[],a=e(this).find(".urcl-submit-field");e.each(a,function(){var i={field_key:e(this).attr("name"),field_value:e(this).val()};t.push(i)}),i.push(t)}),n.push(i)});var o={action:r,conditions:a,or_conditions:n};t.push(o)}),t},get_form_email_content_override_data:function(){var t={},i=e(".user-registration-email-template-content-wrap");return e.each(i,function(){var i=e(this).find(".user-registration-card__header"),a=e(this).find(".user-registration-card__body");t[e(this).prop("id")]={title:i.find(".user-registration-card__title ").text(),description:i.find(".user-registration-help-tip").data("description"),override:i.find("#uret_override_"+e(this).prop("id")).hasClass("enabled")?1:0,subject:a.find(".uret_subject_input").val(),content:a.find("#user_registration_"+e(this).prop("id")+"_content").val()}}),t},init_form_builder:function(){e.fn.ur_form_builder=function(){var i={active_grid:t.active_grid,number_of_grid_list:t.number_of_grid,min_grid_height:70};return this.each(function(){var r=e(this),s={init:function(){this.single_row(),this.manage_required_fields(),this.manage_label_hidden_fields(),this.manage_image_choice_class()},single_row:function(){if(!t.is_edit_form){var a=e("
");a.append(e("
"));var n=this.get_grid_button();a.find(".ur-grids").append(n),a.find(".ur-grids").find('span[data-id="'+i.active_grid+'"]').addClass("ur-active-grid");var o=this.get_grid_lists(i.active_grid);a.append('
'),a.append(o),a.append('
'),r.append(a),e(".ur-single-row").eq(0).find(".ur-grid-lists").eq(0).find(".ur-grid-list-item").eq(0).find(".user-registration-dragged-me").remove(),e(".ur-single-row").eq(0).find(".ur-grid-lists").eq(0).find(".ur-grid-list-item").eq(0).append(t.required_form_html)}if(0==r.find(".ur-add-new-row").length){r.append('");var d=r.find(".ur-add-new-row").siblings(".ur-single-row").last().prev().attr("data-row-id");r.find(".ur-row-buttons").attr("data-total-rows",d)}l.render_draggable_sortable(),s.manage_empty_grid(),s.manage_draggable_users_fields()},get_grid_button:function(){var t=e('
'),i='';return i+='',i+='",t.html(i),t.html()},get_grid_lists:function(t){for(var a=e('
'),n=1;n<=t;n++){var r=e("
"),s=Math.floor(100/t)-t;r.css({width:s+"%","min-height":i.min_grid_height+"px"}),a.append(r)}return a.append('
'),a.find(".ur-grid-list-item").eq("0").css({}),a},manage_label_hidden_fields:function(){e('input[data-field="hide_label"]').each(function(){e(this).is(":checked")?e(this).closest(".ur-selected-item").find(".ur-label").find("label").hide():e(this).closest(".ur-selected-item").find(".ur-label").find("label").show()})},manage_image_choice_class:function(){e('input[data-field="image_choice"]').each(function(){e(this).is(":checked")?e(this).closest(".ur-selected-item").find(".ur-admin-template").find(".ur-field").addClass("user-registration-image-options"):e(this).closest(".ur-selected-item").find(".ur-admin-template").find(".ur-field").removeClass("user-registration-image-options")})},manage_required_fields:function(){var i=t.form_required_fields,a=e(".ur-input-grids");if(Array.isArray(i))for(var n=0;n*')}})},manage_empty_grid:function(){var t=e(".ur-input-grids"),i=e('
');t.find(".user-registration-dragged-me").remove(),e.each(t.find(".ur-grid-list-item"),function(){var t=e(this);0===e(this).find(".ur-selected-item").length&&t.append(i.clone())})},manage_draggable_users_fields:function(){var i=t.form_one_time_draggable_fields,a=e("#ur-tab-registered-fields").find("ul.ur-registered-list");e.each(a.find("li"),function(){var t=e(this),a=e(this).attr("data-field-id").replace("user_registration_","");e.inArray(a,i)>=0&&(!t.hasClass("ur-locked-field")||t.hasClass("ur-locked-field")&&t.hasClass("ur-one-time-draggable-disabled"))&&(e(".ur-input-grids").find('.ur-field[data-field-key="'+a+'"]').length>0?(t.draggable("disable"),t.addClass("ur-locked-field"),t.addClass("ur-one-time-draggable-disabled")):(t.draggable("enable"),t.removeClass("ur-locked-field"),t.removeClass("ur-one-time-draggable-disabled")))});var n=a.find(".ur-locked-field");e.each(n,function(){(r=e(this)).draggable("disable")})},populate_dropped_node:function(i,a){var r=e("#ur_form_id").val(),l={action:"user_registration_user_input_dropped",security:t.user_input_dropped,form_field_id:a,form_id:r},o='
(content)
';i.closest(".ur-single-row").find(".user-registration-dragged-me").fadeOut(),e.ajax({url:t.ajax_url,data:l,type:"POST",beforeSend:function(){i.removeAttr("class").removeAttr("id").removeAttr("data-field-id").addClass("ur-selected-item").css({width:"auto"}),i.html(''),i.addClass("ur-item-dragged")},complete:function(t){if(s.manage_empty_grid(),!0===t.responseJSON.success){var a=e(o.replace("(content)",t.responseJSON.data.template));a.removeClass("ajax_added"),a.removeClass("ur-item-dragged"),i.find(".ajax_added").find(".spinner").remove(),i.find(".ajax_added").remove(),e(a).insertBefore(i),i.remove()}s.manage_draggable_users_fields();var r=a.closest(".ur-selected-item ").find("[data-field='field_name']").val();n.manage_conditional_field_options(r),e('.ur-input-type-select2 .ur-field[data-field-key="select2"] select, .ur-input-type-multi-select2 .ur-field[data-field-key="multi_select2"] select').selectWoo();var l=e(a),d=l.find(".ur-field").data("field-key"),c=l.find('.ur-general-setting.ur-general-setting-field-name input[name="ur_general_setting[field_name]"]').val(),u=l.find(".ur-label label").contents().filter(function(){return 3===this.nodeType}).text().trim(),_=l.find('select.ur_advance_setting.ur-settings-field-visibility[name="'+d+'_advance_setting[field_visibility]"]').val();e(document.body).trigger("ur_new_field_created",[{fieldKey:d,fieldName:c,label:u,visibleTo:_}])}}).fail(function(){n.show_message(t.ajax_form_submit_error_on_field_drag,"error")})}},l={register:function(){this.register_add_new_row(),this.register_remove_row(),this.change_ur_grids(),this.remove_selected_item(),this.clone_selected_item()},register_add_new_row:function(){var a=this;e("body").on("click",".ur-add-new-row",function(){var n=e(this).closest(".ur-row-buttons").attr("data-total-rows");n=void 0!==n?parseInt(n):0,e(this).closest(".ur-row-buttons").attr("data-total-rows",n+1);var r=e(this).closest(".ur-input-grids").find(".ur-single-row").eq(0).clone();r.attr("data-row-id",n+1),r.find(".ur-grid-lists").html(""),r.find(".ur-grids").find("span").removeClass("ur-active-grid"),r.find(".ur-grids").find('span[data-id="'+i.active_grid+'"]').addClass("ur-active-grid");var l=s.get_grid_lists(i.active_grid);if(r.find(".ur-grid-lists").append(l.html()),r.insertBefore(".ur-row-buttons"),r.show(),a.render_draggable_sortable(),s.manage_empty_grid(),e(this).hasClass("ur-add-repeater-row")){r.addClass("ur-repeater-row");var o=e(this).closest(".ur-input-grids").find(".ur-repeater-row").length,d='
';r.attr("data-repeater-id",o),e(d).insertBefore(r.find(".ur-grid-lists"))}var c=e("#ur_form_id").val(),u=e(r).attr("data-row-id"),_={action:"user_registration_generate_row_settings",security:t.ur_new_row_added,form_id:c,row_id:u};e.ajax({url:t.ajax_url,data:_,type:"POST",complete:function(t){if(!0===t.responseJSON.success){var i=t.responseJSON.data;e("form#ur-row-settings").append(i),e(".ur-individual-row-settings").each(function(){e(this).attr("data-row-id")===u?e(this).show():e(this).hide()}),e(r).trigger("click")}}}),e(document).trigger("user_registration_row_added",[r])})},register_remove_row:function(){var i=this;e("body").on("click",".ur-remove-row",function(){var r=e(this).closest(".ur-single-row"),l=[],o=[];if(r.find(".ur-selected-item .ur-field").each(function(){var t=e(this).data("field-key"),i=e(this).closest(".ur-selected-item").find('.ur-general-setting-field-name input[data-field="field_name"]').val(),a=e(this).closest(".ur-selected-item").find('.ur-general-setting-label input[data-field="label"]').val();l.push(t);var n={fieldName:i,fieldLabel:a};o.push(n)}),l.includes("user_pass")&&l.includes("user_email"))a("","");else if(l.includes("user_pass"))a("user_pass","");else if(l.includes("user_email"))a("user_email","");else{var d={delete_item:!0,fields:o};e(document).trigger("user_registration_before_admin_row_remove",[d]),e(".ur-input-grids").find(".ur-single-row:visible").length>1?d.delete_item&&ur_confirmation(t.i18n_admin.i18n_are_you_sure_want_to_delete_row,{title:t.i18n_admin.i18n_msg_delete,confirm:function(){var t,a=r.prev();(t=a.hasClass("ur-add-new-row")?a.clone():r.clone().attr("class","dashicons-minus ur-remove-row")).hasClass("ur-add-new-row")&&r.closest(".ur-single-row").prev().find(".ur-remove-row").before(t);var n=r.closest(".ur-single-row");e(document).trigger("user_registration_row_deleted",[n]);var l=n.find(".ur-grid-lists .ur-selected-item .ur-general-setting");e(l).each(function(){e(this).closest(".ur-selected-item").find(" .ur-admin-template .ur-label label").text();var t=e(this).closest(".ur-selected-item").find(" .ur-admin-template .ur-field").data("field-key");if("section_title"!=t&&"html"!=t&&"wysiwyg"!=t&&"billing_address_title"!=t&&"shipping_address_title"!=t){var i=e(this).find("[data-field='field_name']").val();void 0!==i&&(e('[class*="urcl-settings-rules_field_"] option[value="'+i+'"]').remove(),e('[class*="urcl-field-conditional-field-select"] option[value="'+i+'"]').remove(),e('[id="user_registration_form_setting_default_phone_field"] option[value="'+i+'"]').remove())}}),n.remove(),i.check_grid(),s.manage_draggable_users_fields(),Swal.fire({icon:"success",title:"Successfully deleted!",customClass:"user-registration-swal2-modal user-registration-swal2-modal--center user-registration-swal2-no-button",showConfirmButton:!1,timer:1e3})},reject:function(){}}):n.ur_alert(t.i18n_admin.i18n_at_least_one_row_is_required_to_create_a_registration_form,{title:t.i18n_admin.i18n_cannot_delete_row})}})},change_ur_grids:function(){var t=this;e(document).on("click",".ur-grids .ur-edit-grid",function(t){t.stopPropagation(),e(this).siblings(".ur-toggle-grid-content").stop(!0).slideToggle(200)}),e(document).on("click",function(){e(".ur-toggle-grid-content").stop(!0).slideUp(200)}),e(document).on("click",".ur-grids .ur-toggle-grid-content .ur-grid-selector",function(){var i=e(this).closest(".ur-single-row"),a=e(this).attr("data-grid"),n=i.find(".ur-grid-lists .ur-grid-list-item").length,r=s.get_grid_lists(a),l=0;i.find(".ur-grid-lists .ur-grid-list-item").length!==parseInt(a)&&(i.find("button.ur-edit-grid").html(e(this).html()),e.each(i.find(".ur-grid-lists .ur-grid-list-item"),function(){e(this).children("*").each(function(){r.find(".ur-grid-list-item").eq(l).append(e(this).clone()),3===parseInt(e(this).parent().attr("ur-grid-id"))&&3===parseInt(n)&&2===parseInt(a)&&(l=Math.abs(--l))}),(parseInt(a)>n||e(this).children("*").length&&2<=parseInt(a))&&(l=parseInt(a)<=++l?0:l)}),i.find(".ur-grid-lists").eq(0).hide(),r.clone().insertAfter(i.find(".ur-grid-lists")),i.find(".ur-grid-lists").eq(0).remove(),t.render_draggable_sortable(),s.manage_empty_grid())})},render_draggable_sortable:function(){e(".ur-grid-list-item").sortable({containment:".ur-input-grids",over:function(){e(this).addClass("ur-sortable-active"),s.manage_empty_grid()},out:function(){e(this).removeClass("ur-sortable-active"),s.manage_empty_grid()},connectWith:".ur-grid-list-item"}).disableSelection(),e(".ur-input-grids").sortable({containment:".ur-builder-wrapper",tolerance:"pointer",placeholder:"ur-single-row",forceHelperSize:!0,over:function(){e(this).addClass("ur-sortable-active")},out:function(){e(this).removeClass("ur-sortable-active")}}),e("#ur-draggabled .draggable").draggable({connectToSortable:".ur-grid-list-item",containment:".ur-registered-from",helper:function(){return e(this).clone().insertAfter(e(this).closest(".ur-tab-contents").siblings(".ur-tab-lists"))},stop:function(i,a){if(0!==e(a.helper).closest(".ur-grid-list-item").length){var r=e(a.helper).attr("data-field-id").replace("user_registration_","").trim(),l=e(".ur-input-grids").find('.ur-field[data-field-key="'+r+'"]').length,o=e.makeArray(t.form_one_time_draggable_fields),d=e.makeArray(t.form_repeater_row_not_droppable_fields_lists);if(l>0&&e.inArray(r,o)>=0)return show_message(t.i18n_admin.i18n_user_required_field_already_there),void e(a.helper).remove();if(a.helper.closest(".ur-repeater-row").length>0&&e.inArray(r,d)>=0)return n.show_message(t.i18n_admin.i18n_repeater_fields_not_droppable.replace("%field%",e("li[data-field-id='user_registration_"+r+"']:first").text())),void e(a.helper).remove();var c=e(a.helper),u=e(c).attr("data-field-id");if(void 0!==u){var _=e(a.helper).closest(".ur-grid-list-item").find('li[data-field-id="'+e(this).attr("data-field-id")+'"]');s.populate_dropped_node(_,u)}}}}).disableSelection()},remove_selected_item:function(){var i=this;e("body").on("click",".ur-selected-item .ur-action-buttons .ur-trash",function(n){var r=e(this).closest(".ur-selected-item ").find("[data-field='field_name']").val(),l=i,o=e(this),d=o.closest(".ur-selected-item").find(".ur-field").data("field-key"),c=o.closest(".ur-selected-item").find('.ur-general-setting.ur-general-setting-field-name input[name="ur_general_setting[field_name]"]').val(),u=o.closest(".ur-selected-item").find(".ur-label label").contents().filter(function(){return 3===this.nodeType}).text().trim(),_=e("#user_registration_pro_auto_password_activate").is(":checked");if(e.inArray(d,t.ur_form_non_deletable_fields)>-1){if("user_pass"===d&&!_)return void a(d,u);if("user_pass"!==d)return void a(d,u)}var f={delete_item:!0,removed_item:r,label:u};e(document).trigger("user_registration_before_admin_field_remove",[f]),f.delete_item&&ur_confirmation(t.i18n_admin.i18n_are_you_sure_want_to_delete_field,{title:t.i18n_admin.i18n_msg_delete,showCancelButton:!0,confirmButtonText:t.i18n_admin.i18n_choice_ok,cancelButtonText:t.i18n_admin.i18n_choice_cancel,ele:l,$ele:o,removed_item:r,confirm:function(){return o.closest(".ur-selected-item ").remove(),l.check_grid(),s.manage_empty_grid(),s.manage_draggable_users_fields(),e('[class*="urcl-settings-rules_field_"] option[value="'+r+'"]').remove(),e('[class*="urcl-field-conditional-field-select"] option[value="'+r+'"]').remove(),e('[id="user_registration_form_setting_default_phone_field"] option[value="'+r+'"]').remove(),e(document.body).trigger("ur_field_removed",[{fieldName:c,fieldKey:d,label:u}]),!1},reject:function(){return!1}})})},clone_selected_item:function(){e("body").on("click",".ur-selected-item .ur-action-buttons .ur-clone",function(){var i=e(this).closest(".ur-selected-item ").find(".ur-field").attr("data-field-key");if(e(".ur-input-grids").find('.ur-field[data-field-key="'+i+'"]').length>0&&e.inArray(i,t.form_one_time_draggable_fields)>-1)n.show_message(t.i18n_admin.i18n_user_required_field_already_there_could_not_clone);else{var a=e(this).closest(".ur-selected-item ").clone(),r=a.find('input[data-field="field_name"]'),s=r.val().match(/\d+/g),l=s.length>0?s[s.length-1]:"",o=r.val().replace(l,"");a.find('input[data-field="field_name"]').attr("value",o+(new Date).getTime()),e(this).closest(".ur-grid-list-item").append(a);var d=a.find("[data-field='field_name']").val();n.manage_conditional_field_options(d)}})},check_grid:function(){e(".ur-tabs").tabs({disabled:[1]}),e(".ur-tabs").find("a").eq(0).trigger("click",["triggered_click"])}};s.init(),l.register()})},e(".ur-input-grids").ur_form_builder(),e(".ur-tabs .ur-tab-lists").on("click","a.nav-tab",function(){e(".ur-tabs .ur-tab-lists").find("a.nav-tab").removeClass("active"),e(this).addClass("active")}),e(".ur-tabs").tabs(),e(".ur-tabs").find("a").eq(0).trigger("click",["triggered_click"]),e(".ur-tabs").tabs({disabled:[1]})},manage_conditional_field_options:function(i){e(".ur-grid-lists .ur-selected-item .ur-general-setting").each(function(){var a=e(this).closest(".ur-selected-item").find(" .ur-admin-template .ur-label label").text(),n=e(this).closest(".ur-selected-item").find(" .ur-admin-template .ur-field").data("field-key");if("section_title"!=n&&"html"!=n&&"wysiwyg"!=n&&"billing_address_title"!=n&&"shipping_address_title"!=n){var r=e(this).find("[data-field='field_name']").val();if(void 0!==r){!1===e(".urcl-field-conditional-field-select option[value='"+r+"']").length>0&&e('[class*="urcl-field-conditional-field-select"]').append('");if(!1===e(".urcl-rules select.ur_advance_setting.urcl-settings-rules_field_1 option[value='"+r+"']").length>0?(e('[class*="urcl-settings-rules_field_"]').append('"),r==i&&e('.urcl-rules select.ur_advance_setting.urcl-settings-rules_field_1.empty-fields option[value="'+i+'"]').remove()):e(".urcl-rules select.ur_advance_setting.urcl-settings-rules_field_1.empty-fields").append('"),"phone"===n){var s=e(this).parent().find(".ur-general-setting-select-format").find("[data-field='phone_format']").val();if(0>=e("#user_registration_form_setting_default_phone_field").length){var l='
';l+='",l+='
",e("#user_registration_form_setting_login_options_field").after(l),"sms_verification"===e("#user_registration_form_setting_login_options").val()?e("#user_registration_form_setting_default_phone_field").parent().show():e("#user_registration_form_setting_default_phone_field").parent().hide()}else e('#user_registration_form_setting_default_phone_field option[value="'+r+'"]').remove(),e("#user_registration_form_setting_default_phone_field").append('")}}}}),e(".urcl-rules select.ur_advance_setting.urcl-settings-rules_field_1.empty-fields").removeClass("empty-fields")},handle_selected_item:function(t){e(".ur-selected-item").removeClass("ur-item-active"),e(t).addClass("ur-item-active"),n.render_advance_setting(e(t)),n.init_events(),e(document).trigger("update_perfect_scrollbar");var i=e(t).find(".ur-field").data("field-key");if(e(document).trigger("user_registration_handle_selected_item",[t]),"country"===i||"billing_country"===i||"shipping_country"===i){var a=e("#ur-setting-form select.ur-settings-selected-countries");a.on("change",function(t){var i=e(this).val(),a="",n=this;Array.isArray(i)&&i.forEach(function(t){var i=e(n).find('option[value="'+t+'"]').html();a+='"}),e("#ur-setting-form select.ur-settings-default-value").html(a),e(".ur-selected-item.ur-item-active select.ur-settings-default-value").html(a)}).select2({placeholder:"Select countries...",selectionAdapter:r,dropdownAdapter:s,templateResult:function(t){return t.id?e("
").text(t.text).addClass("wrap"):t.text},templateSelection:function(e){if(!e.id)return e.text;var t=0;return a.val()&&(t=a.val().length),"Selected "+t+" country(s)"}}).on("change",function(t){e(".urcl-rules, .urcl-conditional-group").each(function(){var t=e(this).find(".urcl-field").length?e(this).find(".urcl-field"):e(this).find(".urcl-form-group"),i=t.find("select option:selected").data("type");if("country"===i||"billing_country"===i||"shipping_country"===i){var a=t.find("select option:selected").val(),n=e(this).find(".urcl-value select").val(),r=e('.ur-general-setting-field-name input[value="'+a+'"').closest(".ur-selected-item").find(".ur-advance-selected_countries select option:selected"),s=[];e(this).find(".urcl-value select").html(''),r.each(function(){var t=e(this).val(),i=e(this).text();s.push('")}),e(this).find(".urcl-value select").append(s.join("")),e(this).find(".urcl-value select").val(n),e(this).find('.urcl-value select option[value="'+n+'"]').attr("selected","selected")}})}).on("select2:close",function(t){setTimeout(function(){e(":focus").trigger("blur")},1)})}e(document.body).trigger("ur_rendered_field_options"),e(document.body).trigger("init_tooltips"),e(document.body).trigger("init_field_options_toggle")},render_advance_setting:function(t){var i=t.find(".ur-advance-setting-block").clone(),a=t.find(".ur-general-setting-block").clone(),n=e("");e("#ur-tab-field-options").html(""),n.append(a),n.append(i),e("#ur-tab-field-options").append(n),e("#ur-tab-field-options").find(".ur-advance-setting-block").show(),e("#ur-tab-field-options").find(".ur-general-setting-block").show(),1===e(".ur-item-active").length&&(e(".ur-tabs").tabs().tabs("enable",1),e(".ur-tabs").find("a").eq(1).trigger("click",["triggered_click"])),e(".ur-options-list").sortable({containment:".ur-general-setting-options"})},init_events:function(){var t=e(".ur-general-setting-field");e.each(t,function(){var t=e(this);switch(t.attr("data-field")){case"label":t.on("keyup",function(){n.trigger_general_setting_label(e(this))});break;case"field_name":case"max_files":case"input_mask":case"hidden_value":case"custom_class":t.on("change",function(){n.trigger_general_setting_field_name(e(this))});case"phone_format":t.on("change",function(){var i=e(".ur-selected-item.ur-item-active").find(".ur-general-setting-block").find('input[data-field="field_name"]').attr("value");e('[id="user_registration_form_setting_default_phone_field"] option[value="'+i+'"]').attr("data-phone-format",t.val())});case"default_value":t.on("change",function(){"default_value"===t.attr("data-field")&&(t.closest(".ur-general-setting-block").hasClass("ur-general-setting-select")?n.render_select_box(e(this)):t.closest(".ur-general-setting-block").hasClass("ur-general-setting-radio")?n.render_radio(e(this)):t.closest(".ur-general-setting-block").hasClass("ur-general-setting-checkbox")?n.render_check_box(e(this)):t.closest(".ur-general-setting-block").hasClass("ur-general-setting-multiple_choice")?n.render_multiple_choice(e(this)):t.closest(".ur-general-setting-block").hasClass("ur-general-setting-subscription_plan")&&n.render_subscription_plan(e(this)))});break;case"options":t.on("keyup",function(){(t.closest(".ur-general-setting-block").hasClass("ur-general-setting-select")||t.closest(".ur-general-setting-block").hasClass("ur-general-setting-select2"))&&t.siblings('input[data-field="default_value"]').length>0?n.render_select_box(e(this)):t.closest(".ur-general-setting-block").hasClass("ur-general-setting-multi_select2")&&t.siblings('input[data-field="default_value"]').length>0?n.render_multi_select_box(e(this)):t.closest(".ur-general-setting-block").hasClass("ur-general-setting-radio")?n.render_radio(e(this)):t.closest(".ur-general-setting-block").hasClass("ur-general-setting-checkbox")?n.render_check_box(e(this)):t.closest(".ur-general-setting-block").hasClass("ur-general-setting-multiple_choice")?n.render_multiple_choice(e(this)):t.closest(".ur-general-setting-block").hasClass("ur-general-setting-subscription_plan")&&n.render_subscription_plan(e(this)),n.trigger_general_setting_options(e(this))}),t.on("change",function(){t.closest(".ur-general-setting-block").hasClass("ur-general-setting-subscription_plan")&&n.render_subscription_plan(e(this))}),e(".ur-radio-enable-trail-period").each(function(){e(this).is(":checked")?e(this).closest(".ur-subscription-plan").find(".ur-subscription-trail-period-option").show():e(this).closest(".ur-subscription-plan").find(".ur-subscription-trail-period-option").hide(),e(this).on("change",function(){e(this).is(":checked")?e(this).closest(".ur-subscription-plan").find(".ur-subscription-trail-period-option").show():e(this).closest(".ur-subscription-plan").find(".ur-subscription-trail-period-option").hide()})}),e(".ur-radio-enable-expiry-date").each(function(){e(this).is(":checked")?e(this).closest(".ur-subscription-plan").find(".ur-subscription-expiry-option").show():(e(this).closest(".ur-subscription-plan").find(".ur-subscription-expiry-option").hide(),e(this).closest(".ur-subscription-plan").find(".ur-subscription-expiry-option").find(".ur-subscription-expiry-date").val("")),e(this).on("change",function(){e(this).is(":checked")?(e(this).closest(".ur-subscription-plan").find(".ur-subscription-expiry-option").show(),e(this).closest(".ur-subscription-plan").find(".ur-subscription-expiry-option").find(".ur-subscription-expiry-date").val("")):(e(this).closest(".ur-subscription-plan").find(".ur-subscription-expiry-option").hide(),e(this).closest(".ur-subscription-plan").find(".ur-subscription-expiry-option").find(".ur-subscription-expiry-date").val(""))})});break;case"selling_price":t.is(":checked")||e(this).closest(".ur-general-setting-block").find(".ur-selling-price").hide(),t.on("change",function(){e(this).closest(".ur-general-setting-block").find(".ur-selling-price").toggle(),e(".ur-selected-item.ur-item-active").find(".ur-general-setting-block").find(".ur-selling-price").toggle()}),t.on("change",function(){n.trigger_general_setting_selling_price(e(this))});break;case"trail_period":t.is(":checked")||e(this).closest(".ur-general-setting-block").find(".ur-subscription-trail-period-option").hide(),t.on("change",function(){e(this).closest(".ur-general-setting-block").find(".ur-subscription-trail-period-option").toggle(),e(".ur-selected-item.ur-item-active").find(".ur-general-setting-block").find(".ur-subscription-trail-period-option").toggle()}),t.on("change",function(){n.trigger_general_setting_trail_period(e(this))});break;case"placeholder":t.on("keyup",function(){n.trigger_general_setting_placeholder(e(this))});break;case"required":t.on("change",function(){n.trigger_general_setting_required(e(this))});break;case"hide_label":t.on("change",function(){n.trigger_general_setting_hide_label(e(this))});break;case"description":case"html":t.on("keyup",function(){n.trigger_general_setting_description(e(this))})}e(document.body).trigger("ur_general_field_settings_to_update_form_fields_in_builder",[t])});var i=e("#ur-setting-form .ur_advance_setting");e(".ur-settings-enable-min-max").on("change",function(){e(this).is(":checked")?(e(".ur-item-active .ur-advance-min_date, #ur-setting-form .ur-advance-min_date").show(),e(".ur-item-active .ur-advance-max_date, #ur-setting-form .ur-advance-max_date").show(),e("#ur-setting-form .ur-settings-min-date").addClass("flatpickr-field").flatpickr({disableMobile:!0,onChange:function(t,i,a){e(".ur-item-active .ur-settings-min-date").val(i)},onOpen:function(t,i,a){a.set("maxDate",e(".ur-item-active .ur-settings-max-date").val())}}),e("#ur-setting-form .ur-settings-max-date").addClass("flatpickr-field").flatpickr({disableMobile:!0,onChange:function(t,i,a){e(".ur-item-active .ur-settings-max-date").val(i)},onOpen:function(t,i,a){a.set("minDate",e(".ur-item-active .ur-settings-min-date").val())}})):(e(".ur-item-active .ur-advance-min_date, #ur-setting-form .ur-advance-min_date").hide(),e(".ur-item-active .ur-advance-max_date, #ur-setting-form .ur-advance-max_date").hide())}),e.each(i,function(){var t=e(this);switch(t.attr("data-advance-field")){case"step":t.on("keyup keydown",function(){t.attr("step",t.val())});break;case"limit_length":case"minimum_length":t.on("change",function(){n.handle_min_max_length(t)}),n.handle_min_max_length(t);break;case"date_format":t.on("change",function(){n.trigger_general_setting_date_format(e(this))});break;case"min_date":e(".ur-item-active").find(".ur-settings-enable-min-max").is(":checked")?e(this).addClass("flatpickr-field").flatpickr({disableMobile:!0,defaultDate:new Date(e(".ur-item-active").find(".ur-settings-min-date").val()),onChange:function(t,i,a){e(".ur-item-active").find(".ur-settings-min-date").val(i)},onOpen:function(t,i,a){a.set("maxDate",new Date(e(".ur-item-active").find(".ur-settings-max-date").val()))}}):e(".ur-item-active .ur-advance-min_date, #ur-setting-form .ur-advance-min_date").hide();break;case"max_date":e(".ur-item-active").find(".ur-settings-enable-min-max").is(":checked")?e(this).addClass("flatpickr-field").flatpickr({disableMobile:!0,defaultDate:new Date(e(".ur-item-active").find(".ur-settings-max-date").val()),onChange:function(t,i,a){e(".ur-item-active").find(".ur-settings-max-date").val(i)},onOpen:function(t,i,a){a.set("minDate",new Date(e(".ur-item-active .ur-settings-min-date").val()))}}):e(".ur-item-active .ur-advance-max_date, #ur-setting-form .ur-advance-max_date").hide();break;case"enable_prepopulate":t.is(":checked")?e(this).closest(".ur-advance-setting-block").find(".ur-advance-parameter_name").show():e(this).closest(".ur-advance-setting-block").find(".ur-advance-parameter_name").hide(),t.on("click",function(){var t=e(".ur-selected-item.ur-item-active"),i=e(this).closest("#ur-setting-form").find("[data-field='field_name']").val(),a=t.find("[data-field='field_name']").val();t.find(".ur-advance-setting-block").find('input[data-field="'+e(this).attr("data-field")+'"]').prop("checked",e(this).is(":checked")),i===a&&(e(this).is(":checked")?(e(this).closest(".ur-advance-setting-block").find(".ur-advance-parameter_name").show(),e(".ur-selected-item.ur-item-active").find(".ur-advance-parameter_name").show()):(e(this).closest(".ur-advance-setting-block").find(".ur-advance-parameter_name").hide(),e(".ur-selected-item.ur-item-active").find(".ur-advance-parameter_name").hide()))});break;case"autocomplete_address":t.is(":checked")?e(this).closest(".ur-advance-setting-block").find(".ur-advance-address_style").show():e(this).closest(".ur-advance-setting-block").find(".ur-advance-address_style").hide(),t.on("click",function(){var t=e(".ur-selected-item.ur-item-active"),i=e(this).closest("#ur-setting-form").find("[data-field='field_name']").val(),a=t.find("[data-field='field_name']").val();t.find(".ur-advance-setting-block").find('input[data-field="'+e(this).attr("data-field")+'"]').prop("checked",e(this).is(":checked")),i===a&&(e(this).is(":checked")?(e(this).closest(".ur-advance-setting-block").find(".ur-advance-address_style").show(),e(".ur-selected-item.ur-item-active").find(".ur-advance-address_style").show()):(e(this).closest(".ur-advance-setting-block").find(".ur-advance-address_style").hide(),e(".ur-selected-item.ur-item-active").find(".ur-advance-address_style").hide()))});break;case"validate_unique":t.is(":checked")?e(this).closest(".ur-advance-setting-block").find(".ur-advance-validation_message").show():e(this).closest(".ur-advance-setting-block").find(".ur-advance-validation_message").hide(),t.on("click",function(){var t=e(".ur-selected-item.ur-item-active"),i=e(this).closest("#ur-setting-form").find("[data-field='field_name']").val(),a=t.find("[data-field='field_name']").val();t.find(".ur-advance-setting-block").find('input[data-field="'+e(this).attr("data-field")+'"]').prop("checked",e(this).is(":checked")),i===a&&(e(this).is(":checked")?(e(this).closest(".ur-advance-setting-block").find(".ur-advance-validation_message").show(),e(".ur-selected-item.ur-item-active").find(".ur-advance-validation_message").show()):(e(this).closest(".ur-advance-setting-block").find(".ur-advance-validation_message").hide(),e(".ur-selected-item.ur-item-active").find(".ur-advance-validation_message").hide()))});break;case"enable_selling_price_single_item":t.is(":checked")||e(this).closest(".ur-advance-setting-block").find(".ur-advance-selling_price").hide(),t.on("change",function(){e(this).closest(".ur-advance-setting-block").find(".ur-advance-selling_price").toggle(),e(".ur-selected-item.ur-item-active").find(".ur-advance-selling_price").toggle()});break;case"enable_pattern":t.is(":checked")||(e(this).closest(".ur-advance-setting-block").find(".ur-advance-pattern_value").hide(),e(this).closest(".ur-advance-setting-block").find(".ur-advance-pattern_message").hide()),t.on("change",function(){e(this).closest(".ur-advance-setting-block").find(".ur-advance-pattern_value").toggle(),e(this).closest(".ur-advance-setting-block").find(".ur-advance-pattern_message").toggle()});break;case"enable_time_slot_booking":var i=t.closest("form").find(".ur-general-setting-timepicker").find(".ur-general-setting-required").find("input");t.is(":checked")||e(this).closest(".ur-advance-setting-block").find(".ur-advance-target_date_field").hide(),t.is(":checked")&&(i.is(":checked")||(i.trigger("click"),i.attr("checked",!0)),e(this).closest(".ur-advance-setting-block").find(".ur-settings-time_range").is(":checked")||(e(this).closest(".ur-advance-setting-block").find(".ur-settings-time_range").trigger("click"),e(this).closest(".ur-advance-setting-block").find(".ur-settings-time_range").attr("checked",!0)),e(this).closest(".ur-advance-setting-block").find(".ur-advance-time_range").hide()),t.on("change",function(){t.is(":checked")&&(i.is(":checked")||(i.trigger("click"),i.attr("checked",!0))),e(this).closest(".ur-advance-setting-block").find(".ur-advance-target_date_field").toggle(),e(this).is(":checked")?(e(this).closest(".ur-advance-setting-block").find(".ur-settings-time_range").is(":checked")||(e(this).closest(".ur-advance-setting-block").find(".ur-settings-time_range").trigger("click"),e(this).closest(".ur-advance-setting-block").find(".ur-settings-time_range").attr("checked",!0)),e(this).closest(".ur-advance-setting-block").find(".ur-advance-time_range").hide()):e(this).closest(".ur-advance-setting-block").find(".ur-advance-time_range").show()});break;case"enable_date_slot_booking":i=t.closest("form").find(".ur-general-setting-date").find(".ur-general-setting-required").find("input");t.is(":checked")&&(i.is(":checked")||(i.trigger("click"),i.attr("checked",!0))),t.on("change",function(){t.is(":checked")&&(i.is(":checked")||(i.trigger("click"),i.attr("checked",!0)))})}var a=t.get(0).tagName.toLowerCase();"country_advance_setting_default_value"===t.attr("data-id")&&e(".ur-builder-wrapper #ur-input-type-country").find('option[value="'+t.val()+'"]').attr("selected","selected");var r="change";switch(a){case"input":r="keyup click";break;case"select":r="change";break;case"textarea":r="keyup";break;default:r="change"}"valid_file_type"!==t.attr("data-advance-field")&&"payment_methods"!==t.attr("data-advance-field")||t.select2(),e(this).on(r,function(){n.trigger_advance_setting(t,a)}),e(this).on("paste",function(){n.trigger_advance_setting(t,a)})})},handle_min_max_length:function(e){var t=e.closest(".ur-advance-setting").next(".ur-advance-setting");e.is(":checked")?(t.show(),t.next(".ur-advance-setting").show()):(t.hide(),t.next(".ur-advance-setting").hide())},trigger_general_setting_label:function(t){var i=e(".ur-selected-item.ur-item-active");i.find(".ur-label").find("label").text(t.val()),e(".ur-selected-item.ur-item-active .ur-general-setting").find("[name='ur_general_setting[required]']").filter(function(){return e(this).is(":checked")||"1"===e(this).val()}).length&&i.find(".ur-label").find("label").append('*'),i.find(".ur-general-setting-block").find('input[data-field="'+t.attr("data-field")+'"]').attr("value",t.val());var a=e(".ur-selected-item.ur-item-active .ur-general-setting").find("[data-field='field_name']").val();e('[class*="urcl-settings-rules_field_"] option[value="'+a+'"]').text(t.val()),e('[class*="urcl-field-conditional-field-select"] option[value="'+a+'"]').text(t.val()),e('[id="user_registration_form_setting_default_phone_field"] option[value="'+a+'"]').text(t.val())},trigger_general_setting_field_name:function(t){var i=e(".ur-selected-item.ur-item-active"),a=i.find(".ur-general-setting-block").find('input[data-field="'+t.attr("data-field")+'"]').attr("value");i.find(".ur-general-setting-block").find('input[data-field="'+t.attr("data-field")+'"]').attr("value",t.val()),e('[class*="urcl-settings-rules_field_"] option[value="'+a+'"]').attr("value",t.val()),e('[class*="urcl-field-conditional-field-select"] option[value="'+a+'"]').attr("value",t.val()),e('[id="user_registration_form_setting_default_phone_field"] option[value="'+a+'"]').attr("value",t.val())},render_text_area:function(t){var i=e(".ur-selected-item.ur-item-active").find(".ur-field");switch(i.attr("data-field-key")){case"select":n.render_select_box(t);break;case"checkbox":n.render_check_box(t);break;case"radio":n.render_radio(t);break;case"multiple_choice":n.render_multiple_choice(t);break;case"subscription_plan":n.render_subscription_plan(t)}e(document.body).trigger("ur_sync_textarea_field_settings_in_selected_field_of_form_builder",[i,t])},render_select_box:function(t){var i="";if(t.is(":checked"))i=t.val().trim();var a=e(".ur-selected-item.ur-item-active"),n=t.closest("li").index(),r=a.find(".ur-field").find("select");t.hasClass("ur-type-radio-label")&&(i=r.val());var s=t.closest(".ur-general-setting-options").find("input.ur-general-setting-field.ur-type-radio-label").map(function(){return e(this).val()});r.html(""),e.each(s,function(e,t){r.append("")}),a.find(".ur-general-setting-options > ul.ur-options-list > li").each(function(t,i){var a=e(i).find('[data-field="default_value"]');t===n?a.prop("checked",!0):a.prop("checked",!1)})},render_multi_select_box:function(t){var i="";if(t.is(":checked"))i=t.val().trim();var a=e(".ur-selected-item.ur-item-active"),n=t.closest("li").index(),r=a.find(".ur-field").find("select");t.hasClass("ur-type-checkbox-label")&&(i=r.val());var s=t.closest(".ur-general-setting-options").find("input.ur-general-setting-field.ur-type-checkbox-label").map(function(){return e(this).val()});r.html(""),e.each(s,function(e,t){r.append("")}),a.find(".ur-general-setting-options > ul.ur-options-list > li").each(function(t,i){var a=e(i).find('[data-field="default_value"]');t===n?a.prop("checked",!0):a.prop("checked",!1)})},render_radio:function(i){var a=i.closest("ul").find("li"),n=undefined,r=i.closest(".ur-general-setting-options").siblings(".ur-general-setting-image_choice").find("input"),s=[];a.each(function(t,i){var a=e(i).find("input.ur-type-radio-label").val();a=(a=a.trim()).replace(/<\/?[^>]+(>|$)/g,""),o=e(i).find("input.ur-type-radio-value").is(":checked");var r=e(i).find("input.ur-type-image-choice").val();!0===o&&(n=t),s.every(function(e){return e.value!==a})&&s.push({value:a,radio:o,image:r})});var l=e(".ur-selected-item.ur-item-active"),o=l.find(".ur-field");o.html("");for(var d=0;d':''),""!==s[d]&&($checked_class="",r.is(":checked")&&($checked_class=s[d].radio?"ur-image-choice-checked":""),o.append('"))}l.find(".ur-general-setting-options > ul.ur-options-list > li").each(function(t,i){var a=e(i).find('[data-field="default_value"]');t===n?a.prop("checked",!0):a.prop("checked",!1)})},render_check_box:function(i){var a=[],n=i.closest("ul").find("li"),r=i.closest("li").index(),s=i.closest(".ur-general-setting-options").siblings(".ur-general-setting-image_choice").find("input");n.each(function(t,i){var n=e(i).find("input.ur-type-checkbox-label").val();n=(n=(n=n.trim()).replace(/<(?!\/?a\b)[^>]+>/gi,"")).replace(/(?!href|target|download|rel|hreflang|type|name|accesskey|tabindex|title)\b\w+=['"][^'"]*['"]/g,""),/).)*$/.test(n)&&(n+=""),o=e(i).find("input.ur-type-checkbox-value").is(":checked");var r=e(i).find("input.ur-type-image-choice").val();a.every(function(e){return e.value!==n})&&a.push({value:n,checkbox:o,image:r})});var l=e(".ur-selected-item.ur-item-active"),o=l.find(".ur-field");o.html("");for(var d=0;d':''),""!==a[d]&&(a[d].value=a[d].value.replaceAll('"',"'"),$checked_class="",s.is(":checked")&&($checked_class=a[d].checkbox?"ur-image-choice-checked":""),o.append('"))}"checkbox"===i.attr("type")&&(i.is(":checked")?l.find(".ur-general-setting-options li:nth("+r+') input[data-field="default_value"]').prop("checked",!0):l.find(".ur-general-setting-options li:nth("+r+') input[data-field="default_value"]').prop("checked",!1))},render_multiple_choice:function(i){var a=[],n=i.closest("ul").find("li"),r=i.closest("li").index(),s=i.closest(".ur-general-setting-options").siblings(".ur-general-setting-image_choice").find("input");n.each(function(t,i){var n=e(i).find("input.ur-type-checkbox-label").val(),r=e(i).find("input.ur-type-checkbox-money-input").val(),s=e(i).find("input.ur-checkbox-selling-price-input").val(),l=e(i).find("input.ur-type-image-choice").val(),d=e(i).find("input.ur-type-checkbox-money-input").attr("data-currency");n=n.trim(),r=r.trim(),s=s.trim(),l=l.trim(),d=d.trim(),o=e(i).find("input.ur-type-checkbox-value").is(":checked"),a.every(function(e){return e.label!==n})&&a.push({label:n,value:r,sell_value:s,image:l,currency:d,checkbox:o})});var l=e(".ur-selected-item.ur-item-active"),o=l.find(".ur-field");o.html("");for(var d=0;d':''),""!==a[d]&&($checked_class="",s.is(":checked")&&($checked_class=a[d].checkbox?"ur-image-choice-checked":""),o.append('"))}"checkbox"===i.attr("type")&&(i.is(":checked")?l.find(".ur-general-setting-options li:nth("+r+') input[data-field="default_value"]').prop("checked",!0):l.find(".ur-general-setting-options li:nth("+r+') input[data-field="default_value"]').prop("checked",!1))},render_subscription_plan:function(t){var i=[],a=e(".ur-selected-item.ur-item-active"),n=t.closest("ul").find("li"),r=t.closest("li").index();n.each(function(t,n){var r=e(n).find("input.ur-type-radio-label").val(),l=e(n).find("input.ur-type-radio-money-input").val(),o=e(n).find("input.ur-radio-selling-price-input").val(),d=e(n).find("input.ur-radio-interval-count-input").val(),c=e(n).find(".ur-radio-recurring-period").val(),u=e(n).find("input.ur-radio-trail-interval-count-input").val(),_=e(n).find("input.ur-subscription-expiry-date").val(),f=e(n).find(".ur-radio-trail-recurring-period").val(),g=e(n).find(".ur-radio-enable-trail-period").prop("checked")?"on":"false";a.find(".ur-general-setting-options li:nth("+t+") .ur-radio-enable-trail-period").val(g);var p=e(n).find(".ur-radio-enable-expiry-date").prop("checked")?"on":"false";a.find(".ur-general-setting-options li:nth("+t+") .ur-radio-enable-expiry-date").val(p);var m=a.find(".ur-general-setting-options li:nth("+t+") .ur-radio-enable-expiry-date");"on"===m.val()?m.prop("checked",!0):m.prop("checked",!1),a.find(".ur-general-setting-options li:nth("+t+") .ur-radio-recurring-period").val(c),a.find(".ur-general-setting-options li:nth("+t+") .ur-radio-trail-recurring-period").val(f),a.find(".ur-general-setting-options li:nth("+t+") .ur-subscription-expiry-date").val(_);var h=e(n).find("input.ur-type-radio-money-input").attr("data-currency");r=r.trim(),l=l.trim(),o=o.trim(),h=h.trim(),s=e(n).find("input.ur-type-radio-value").is(":checked"),i.every(function(e){return e.label!==r})&&i.push({label:r,value:l,sell_value:o,interval_count:d,recurring_period:c,trail_interval_count:u,trail_recurring_period:f,trail_period_enable_val:g,subscription_expiry_enable:p,subscription_expiry_date:_,currency:h,checkbox:s})});var s=a.find(".ur-field");s.html("");for(var l=0;l"+i[l].label.trim()+" - "+i[l].currency.trim()+" "+i[l].value.trim()+"");"radio"===t.attr("type")&&(t.is(":checked")?a.find(".ur-general-setting-options li:nth("+r+') input[data-field="default_value"]').prop("checked",!0):a.find(".ur-general-setting-options li:nth("+r+') input[data-field="default_value"]').prop("checked",!1))},trigger_general_setting_options:function(t){var i=e(".ur-selected-item.ur-item-active"),a=t.closest("li").index(),n=t.attr("data-field-name");"multiple_choice"===n||"subscription_plan"===n?i.find(".ur-general-setting-block li:nth("+a+') input[name="'+t.attr("name")+'"]').val(t.val()):"captcha"===t.attr("data-field-name")?i.find(".ur-general-setting-block li:nth("+a+') input[name="'+t.attr("name")+'"]').val(t.val()):i.find(".ur-general-setting-block li:nth("+a+') input[data-field="'+t.attr("data-field")+'"]').val(t.val()),i.find(".ur-general-setting-block li:nth("+a+') input[data-field="default_value"]').val(t.val()),t.closest("li").find('[data-field="default_value"]').val(t.val())},trigger_general_setting_selling_price:function(t){e(".ur-selected-item.ur-item-active").find(".ur-general-setting-block").find('input[data-field="'+t.attr("data-field")+'"]').prop("checked",t.is(":checked"))},trigger_general_setting_trail_period:function(t){e(".ur-selected-item.ur-item-active").find(".ur-general-setting-block").find('input[data-field="'+t.attr("data-field")+'"]').prop("checked",t.is(":checked"))},trigger_general_setting_description:function(t){var i=e(".ur-selected-item.ur-item-active");i.find(".ur-field").find("textarea").attr("description",t.val()),i.find(".ur-general-setting-block").find('textarea[data-field="'+t.attr("data-field")+'"]').val(t.val())},trigger_general_setting_placeholder:function(t){var i=e(".ur-selected-item.ur-item-active");i.find(".ur-field").find("input").attr("placeholder",t.val()),i.find(".ur-general-setting-block").find('input[data-field="'+t.attr("data-field")+'"]').val(t.val())},trigger_general_setting_required:function(t){var i=e(".ur-selected-item.ur-item-active");i.find(".ur-general-setting-block").find('input[data-field="'+t.attr("data-field")+'"]').prop("checked",t.is(":checked")),i.find(".ur-label").find("label").find("span:contains(*)").remove(),t.is(":checked")&&i.find(".ur-label").find("label").append('*')},trigger_general_setting_date_format:function(t){e(".ur-selected-item.ur-item-active").find(".ur-field").find("input").attr("placeholder",t.val())},trigger_general_setting_hide_label:function(t){var i=e(".ur-selected-item.ur-item-active");i.find(".ur-general-setting-block").find('input[data-field="'+t.attr("data-field")+'"]').prop("checked",t.is(":checked")),t.is(":checked")?i.find(".ur-label").find("label").hide():i.find(".ur-label").find("label").show()},trigger_advance_setting:function(t,i){var a=e(".ur-selected-item.ur-item-active"),r=t.attr("data-id"),s=a.find(".ur-advance-setting-block").find('[data-id="'+r+'"]');switch(i){case"input":"checkbox"===t.attr("type")?s.prop("checked",t.is(":checked")):s.val(t.val());break;case"select":if(s.find("option").prop("selected",!1),t.prop("multiple")){var l=t.val();s.val(l)}else s.find('option[value="'+t.val()+'"]').prop("selected",!0);break;case"textarea":s.val(t.val()),n.render_text_area(t.val())}},ur_alert:function(e,t){void 0===t&&(t={}),Swal.fire({icon:"error",title:t.title,text:e,customClass:"user-registration-swal2-modal user-registration-swal2-modal--center"})},init_choice_field_options:function(){e(document).on("sortstop",".ur-options-list",function(t,i){var a=e(this);n.handle_options_sort(a)}),e(document).on("click",".ur-options-list .add",function(t){t.preventDefault();var i=e(this);n.add_choice_field_option(i)}),e(document).on("click",".ur-options-list .remove",function(t){t.preventDefault();var i=e(this);n.remove_choice_field_option(i)})},handle_options_sort:function(e){n.ur_clone_options(e),e.closest(".ur-general-setting-block").hasClass("ur-general-setting-radio")?n.render_radio(e):e.closest(".ur-general-setting-block").hasClass("ur-general-setting-checkbox")?n.render_check_box(e):e.closest(".ur-general-setting-block").hasClass("ur-general-setting-multiple_choice")?n.render_multiple_choice(e):e.closest(".ur-general-setting-block").hasClass("ur-general-setting-subscription_plan")&&n.render_subscription_plan(e)},ur_clone_options:function(t){var i=t.clone(!0,!0),a=e(".ur-selected-item.ur-item-active").find(".ur-general-setting-options .ur-options-list");a.html(""),a.replaceWith(i)},add_choice_field_option:function(t,i){$this_obj=e(this);var a=e(".ur-selected-item.ur-item-active"),r=t.closest("li").index(),s=t.closest("li").clone(!0,!0);if(s.find("input.ur-subscription-expiry-date").attr("data-id","expiry-date-index-"+r+Math.floor(900*Math.random())+100),s.find('input[data-field="options"]').val(void 0!==i?i:""),s.find('input[data-field="default_value"]').prop("checked",!1),s.find('select[data-field="options"]').val(""),s.find(".ur-thumbnail-image img").attr("src",""),t.closest(".ur-general-setting-image-captcha-options").length>0)n.handle_add_image_captcha_group(t,a);else{r=t.closest("li").index();(s=t.closest("li").clone(!0,!0)).find('input[data-field="options"]').val(void 0!==i?i:""),s.find('input[data-field="default_value"]').prop("checked",!1),s.find('select[data-field="options"]').val(""),s.find(".ur-thumbnail-image img").attr("src",""),t.closest("li").after(s),a.find(".ur-general-setting-options .ur-options-list > li:nth( "+r+" )").after(s.clone(!0,!0)),t.closest(".ur-general-setting-block").hasClass("ur-general-setting-radio")?n.render_radio(t):t.closest(".ur-general-setting-block").hasClass("ur-general-setting-checkbox")?n.render_check_box(t):t.closest(".ur-general-setting-block").hasClass("ur-general-setting-multiple_choice")&&n.render_multiple_choice(t)}e(document.body).trigger("ur_field_option_changed",[{action:"add",wrapper:a},n,t])},remove_choice_field_option:function(t){var i=t.closest("ul"),a=i.find("li"),r=e(".ur-selected-item.ur-item-active"),s=t.closest("li").index();i.find("li").length>1&&(t.closest(".ur-general-setting-image-captcha-options").length>0?n.handle_remove_image_captcha_group(t,r,s):(r.find(".ur-general-setting-options .ur-options-list > li:nth( "+s+" )").remove(),t.closest("li").remove()),a.closest(".ur-general-setting-block").hasClass("ur-general-setting-radio")?n.render_radio(a):a.closest(".ur-general-setting-block").hasClass("ur-general-setting-checkbox")?n.render_check_box(a):a.closest(".ur-general-setting-block").hasClass("ur-general-setting-multiple_choice")?n.render_multiple_choice(a):a.closest(".ur-general-setting-block").hasClass("ur-general-setting-subscription_plan")&&n.render_subscription_plan(a)),e(document.body).trigger("ur_field_option_changed",[{action:"remove",wrapper:r},n,t])},handle_add_image_captcha_group:function(t,i){var a=parseInt(t.attr("data-last-group")),n=a+1;captcha_unique=t.closest("ul").attr("data-unique-captcha"),cloning_element=t.closest("ul").find('li[data-group="'+a+'"]').clone(!0,!0),cloning_element_icons=cloning_element.find(".icon-wrap"),cloning_element.attr("data-group",n),cloning_element.find(".ur-type-captcha-icon-tag").attr("name","ur_general_setting[captcha_image]["+n+"][icon_tag]"),cloning_element.find(".ur-type-captcha-icon-tag").val(""),cloning_element.find(".ur-type-captcha-icon-tag").attr("placeholder","Icon Tag"),e.each(cloning_element_icons,function(t,i){var a=t+1;e(i).find(".ur-captcha-icon-radio").attr("name","ur_general_setting[captcha_image]["+n+"][correct_icon]["+captcha_unique+"]"),e(i).find(".ur-captcha-icon-radio").prop("checked",!1),e(i).find(".captcha-icon").attr("name","ur_general_setting[captcha_image]["+n+"][icon-"+a+"]"),e(i).find(".captcha-icon").val(""),e(i).find(".captcha-icon").siblings("span").attr("class",""),e(i).find(".dashicons-picker").attr("data-icon-key","icon-"+a),e(i).find(".dashicons-picker").attr("data-group-id",n)}),t.closest("ul").find('li[data-group="'+a+'"]').after(cloning_element),t.attr("data-last-group",n),i.find(".ur-general-setting-image-captcha-options .ur-options-list > li:nth( "+a+" )").after(cloning_element.clone(!0,!0)),i.find(".ur-general-setting-image-captcha-options .ur-options-list .add-icon-group").attr("data-last-group",n)},handle_remove_image_captcha_group:function(t,i,a){i.find(".ur-general-setting-image-captcha-options .ur-options-list > li:nth( "+a+" )").remove();var n=i.find(".ur-general-setting-image-captcha-options .ur-options-list li.ur-custom-captcha"),r=t.closest("li").siblings(".ur-custom-captcha");t.closest("ul.ur-options-list").find(".add-icon-group").attr("data-last-group",parseInt(r.length)-1),t.closest("li").remove();var s=t.closest("ul.ur-options-list").attr("data-unique-captcha");e.each(n,function(t,i){e(i).attr("data-group",t),e(i).find(".ur-type-captcha-icon-tag").attr("name","ur_general_setting[captcha_image]["+t+"][icon_tag]");var a=e(i).find(".icon-wrap");e.each(a,function(i,a){var n=i+1;e(a).find(".captcha-icon").attr("name","ur_general_setting[captcha_image]["+t+"][icon-"+n+"]"),e(a).find(".ur-captcha-icon-radio").attr("name","ur_general_setting[captcha_image]["+t+"][correct_icon]["+s+"]"),e(a).find(".dashicons-picker").attr("data-icon-key","icon-"+n),e(a).find(".dashicons-picker").attr("data-group-id",t)})}),e.each(r,function(t,i){e(i).attr("data-group",t),e(i).find(".ur-type-captcha-icon-tag").attr("name","ur_general_setting[captcha_image]["+t+"][icon_tag]");var a=e(i).find(".icon-wrap");e.each(a,function(i,a){var n=i+1;e(a).find(".captcha-icon").attr("name","ur_general_setting[captcha_image]["+t+"][icon-"+n+"]"),e(a).find(".ur-captcha-icon-radio").attr("name","ur_general_setting[captcha_image]["+t+"][correct_icon]["+s+"]"),e(a).find(".dashicons-picker").attr("data-icon-key","icon-"+n),e(a).find(".dashicons-picker").attr("data-group-id",t)})}),i.find(".ur-general-setting-image-captcha-options .ur-options-list .add-icon-group").attr("data-last-group",parseInt(n.length)-1)}};n.init(),e(document).ready(function(){var t={};e(document.body).on("click",".ur-flatpickr-field",function(){var i=e(this).data("id"),a=t[i];if(!a){var n=e(this).closest(".ur-field-item").find("#formated_date").val();if(0Unselect All');return n.on("click",function(){i.$element.val([]),i.$element.trigger("change"),i.trigger("close")}),a.find(".select2-dropdown").prepend(n),a},s=o.Decorate(s,c),u.prototype.render=function(t){var i=this,a=t.call(this),n=e('');return n.on("click",function(){var t=[];i.$element.find("option").each(function(){t.push(e(this).val())}),i.$element.val(t),i.$element.trigger("change"),i.trigger("close")}),a.find(".select2-dropdown").prepend(n),a},s=o.Decorate(s,u)}),e(document.body).on("input",'[data-advance-field="max_upload_size"], [data-field="max_files"]',function(){var t=e(this),i=t.val();i=i.replace(/[^0-9]/g,""),t.val(i)}),e(document).on("click",".ur-input-type-subscription_plan",function(){e(this).next(".ur-general-setting-subscription_plan").find(".ur-subscription-plan").each(function(t){var i="expiry-date-index-"+t;e(this).find(".ur-subscription-expiry-date").attr("data-id",i)})}),e(document.body).on("focusout",'[data-advance-field="max_upload_size"], [data-field="max_files"]',function(){var t=e(this),i=t.val();i=""===i||0===parseInt(i)?"":parseInt(i),t.val(i)})})}(jQuery,window.user_registration_form_builder_data); \ No newline at end of file diff --git a/assets/js/admin/form-settings.js b/assets/js/admin/form-settings.js index 2ba6e8e1b..7cad3a9db 100644 --- a/assets/js/admin/form-settings.js +++ b/assets/js/admin/form-settings.js @@ -11,8 +11,19 @@ initSettings: function () { $this.initImageUploader(); + $this.handleRecaptchaFormSettings(); + $(".user-registration").on("change","#user_registration_form_setting_enable_recaptcha_support", function(){ + $this.handleRecaptchaFormSettings(); + }); + }, + handleRecaptchaFormSettings: function() { + var login_captcha_enabled = $("#user_registration_form_setting_enable_recaptcha_support").is(":checked"); + if ( login_captcha_enabled ) { + $("#user_registration_form_setting_configured_captcha_type_field").show(); + } else { + $("#user_registration_form_setting_configured_captcha_type_field").hide(); + } }, - initImageUploader: function () { $( '.form-row.ur-image-uploader' ).each( function ( _, row ) { @@ -79,4 +90,4 @@ } UR_Form_Settings.init(); -} )( jQuery ); \ No newline at end of file +} )( jQuery ); diff --git a/assets/js/admin/form-settings.min.js b/assets/js/admin/form-settings.min.js index c193ef5f7..8bc8ab44f 100644 --- a/assets/js/admin/form-settings.min.js +++ b/assets/js/admin/form-settings.min.js @@ -1 +1 @@ -!function(t){var i=UR_Form_Settings={init:function(){t(document).ready(UR_Form_Settings.ready)},ready:function(){UR_Form_Settings.initSettings()},initSettings:function(){i.initImageUploader()},initImageUploader:function(){t(".form-row.ur-image-uploader").each(function(i,e){t(e).find("input").hide();var n=t(e).find(".input-wrapper").append('
'),o=t(e).find("input").val();o.length?(n.find("img").attr("src",o).show(),n.find("button.ur-file-remove-button").show()):n.find("button.ur-file-upload-button").show(),n.find("button.ur-file-upload-button").click(function(i){i.preventDefault();var e=t(this),n=wp.media({library:{type:["image"]},title:e.upload_file,multiple:!1}).open().on("select",function(){var t=n.state().get("selection").first().toJSON().url;t.length&&(e.closest(".ur-image-uploader-wrapper").find("img").attr("src",t).show(),e.closest(".input-wrapper").find("input").attr("value",t),e.siblings("button.ur-file-remove-button").show(),e.hide())})}),n.find("button.ur-file-remove-button").click(function(i){i.preventDefault(),t(this).closest(".input-wrapper").find("input").attr("value",""),t(this).closest(".ur-image-uploader-wrapper").find("img").hide(),t(this).hide(),t(this).siblings("button.ur-file-upload-button").show()})})}};UR_Form_Settings.init()}(jQuery); \ No newline at end of file +!function(t){var e=UR_Form_Settings={init:function(){t(document).ready(UR_Form_Settings.ready)},ready:function(){UR_Form_Settings.initSettings()},initSettings:function(){e.initImageUploader(),e.handleRecaptchaFormSettings(),t(".user-registration").on("change","#user_registration_form_setting_enable_recaptcha_support",function(){e.handleRecaptchaFormSettings()})},handleRecaptchaFormSettings:function(){t("#user_registration_form_setting_enable_recaptcha_support").is(":checked")?t("#user_registration_form_setting_configured_captcha_type_field").show():t("#user_registration_form_setting_configured_captcha_type_field").hide()},initImageUploader:function(){t(".form-row.ur-image-uploader").each(function(e,i){t(i).find("input").hide();var n=t(i).find(".input-wrapper").append('
'),r=t(i).find("input").val();r.length?(n.find("img").attr("src",r).show(),n.find("button.ur-file-remove-button").show()):n.find("button.ur-file-upload-button").show(),n.find("button.ur-file-upload-button").click(function(e){e.preventDefault();var i=t(this),n=wp.media({library:{type:["image"]},title:i.upload_file,multiple:!1}).open().on("select",function(){var t=n.state().get("selection").first().toJSON().url;t.length&&(i.closest(".ur-image-uploader-wrapper").find("img").attr("src",t).show(),i.closest(".input-wrapper").find("input").attr("value",t),i.siblings("button.ur-file-remove-button").show(),i.hide())})}),n.find("button.ur-file-remove-button").click(function(e){e.preventDefault(),t(this).closest(".input-wrapper").find("input").attr("value",""),t(this).closest(".ur-image-uploader-wrapper").find("img").hide(),t(this).hide(),t(this).siblings("button.ur-file-upload-button").show()})})}};UR_Form_Settings.init()}(jQuery); \ No newline at end of file diff --git a/assets/js/admin/settings.js b/assets/js/admin/settings.js index 71f595962..c2dbe6f51 100644 --- a/assets/js/admin/settings.js +++ b/assets/js/admin/settings.js @@ -104,24 +104,24 @@ return false; }); - // reCaptcha version selection - var recaptcha_input_value = $(".user-registration") - .find( - 'input[name="user_registration_captcha_setting_recaptcha_version"]:checked' - ) - .val(); - if (recaptcha_input_value != undefined) { - handleReCaptchaHideShow(recaptcha_input_value); - } - + handleRecaptchaLoginSettings(); $(".user-registration").on( "change", - 'input[name="user_registration_captcha_setting_recaptcha_version"]', + "#user_registration_login_options_enable_recaptcha", function () { - handleReCaptchaHideShow($(this).val()); + handleRecaptchaLoginSettings(); } ); + // reCaptcha version selection + var recaptchav2_invisible_input_value = $(".user-registration") + .find("#user_registration_captcha_setting_invisible_recaptcha_v2") + .is(":checked"); + + if (recaptchav2_invisible_input_value != undefined) { + handleReCaptchaHideShow(recaptchav2_invisible_input_value); + } + $(".user-registration").on( "change", "input#user_registration_captcha_setting_invisible_recaptcha_v2", @@ -161,166 +161,32 @@ .closest(".user-registration-global-settings") .hide(); } - $("#user_registration_captcha_setting_recaptcha_threshold_score_v3") - .closest(".user-registration-global-settings") - - .hide(); - $("#user_registration_captcha_setting_recaptcha_site_key_hcaptcha") - .closest(".user-registration-global-settings") - - .hide(); - $( - "#user_registration_captcha_setting_recaptcha_site_secret_hcaptcha" - ) - .closest(".user-registration-global-settings") - - .hide(); - $("#user_registration_captcha_setting_recaptcha_site_key_v3") - .closest(".user-registration-global-settings") - - .hide(); - $("#user_registration_captcha_setting_recaptcha_site_secret_v3") - .closest(".user-registration-global-settings") - - .hide(); - $("#user_registration_captcha_setting_invisible_recaptcha_v2") - .closest(".user-registration-global-settings") - - .show(); } ); function handleReCaptchaHideShow(value) { - if (value == "v3") { - $("#user_registration_captcha_setting_recaptcha_site_key_v3") - .closest(".user-registration-global-settings") - .show(); - $("#user_registration_captcha_setting_recaptcha_site_secret_v3") - .closest(".user-registration-global-settings") - .show(); + if (value) { $("#user_registration_captcha_setting_recaptcha_site_key") .closest(".user-registration-global-settings") .hide(); $("#user_registration_captcha_setting_recaptcha_site_secret") .closest(".user-registration-global-settings") .hide(); - $("#user_registration_captcha_setting_recaptcha_site_key_hcaptcha") - .closest(".user-registration-global-settings") - .hide(); - $( - "#user_registration_captcha_setting_recaptcha_site_secret_hcaptcha" - ) - .closest(".user-registration-global-settings") - .hide(); - $("#user_registration_captcha_setting_recaptcha_threshold_score_v3") - .closest(".user-registration-global-settings") - .show(); - $("#user_registration_captcha_setting_invisible_recaptcha_v2") - .closest(".user-registration-global-settings") - .hide(); $("#user_registration_captcha_setting_recaptcha_invisible_site_key") - .closest(".user-registration-global-settings") - .hide(); - $( - "#user_registration_captcha_setting_recaptcha_invisible_site_secret" - ) - .closest(".user-registration-global-settings") - .hide(); - $( - "#user_registration_captcha_setting_recaptcha_site_key_cloudflare" - ) - .closest(".user-registration-global-settings") - .hide(); - $( - "#user_registration_captcha_setting_recaptcha_site_secret_cloudflare" - ) - .closest(".user-registration-global-settings") - .hide(); - $("#user_registration_captcha_setting_recaptcha_cloudflare_theme") - .closest(".user-registration-global-settings") - .hide(); - } else if (value == "hCaptcha") { - $("#user_registration_captcha_setting_recaptcha_site_key_hcaptcha") - .closest(".user-registration-global-settings") - .show(); - $( - "#user_registration_captcha_setting_recaptcha_site_secret_hcaptcha" - ) .closest(".user-registration-global-settings") .show(); - $("#user_registration_captcha_setting_recaptcha_site_key_v3") - .closest(".user-registration-global-settings") - .hide(); - $("#user_registration_captcha_setting_recaptcha_site_secret_v3") - .closest(".user-registration-global-settings") - .hide(); - $("#user_registration_captcha_setting_recaptcha_site_key") - .closest(".user-registration-global-settings") - .hide(); - $("#user_registration_captcha_setting_recaptcha_site_secret") - .closest(".user-registration-global-settings") - .hide(); - $("#user_registration_captcha_setting_recaptcha_invisible_site_key") - .closest(".user-registration-global-settings") - .hide(); $( "#user_registration_captcha_setting_recaptcha_invisible_site_secret" ) - .closest(".user-registration-global-settings") - .hide(); - $("#user_registration_captcha_setting_recaptcha_threshold_score_v3") - .closest(".user-registration-global-settings") - .hide(); - $("#user_registration_captcha_setting_invisible_recaptcha_v2") - .closest(".user-registration-global-settings") - .hide(); - $( - "#user_registration_captcha_setting_recaptcha_site_key_cloudflare" - ) - .closest(".user-registration-global-settings") - .hide(); - $( - "#user_registration_captcha_setting_recaptcha_site_secret_cloudflare" - ) - .closest(".user-registration-global-settings") - .hide(); - $("#user_registration_captcha_setting_recaptcha_cloudflare_theme") - .closest(".user-registration-global-settings") - .hide(); - } else if (value == "cloudflare") { - $( - "#user_registration_captcha_setting_recaptcha_site_key_cloudflare" - ) - .closest(".user-registration-global-settings") - .show(); - $( - "#user_registration_captcha_setting_recaptcha_site_secret_cloudflare" - ) - .closest(".user-registration-global-settings") - .show(); - $("#user_registration_captcha_setting_recaptcha_cloudflare_theme") .closest(".user-registration-global-settings") .show(); - $("#user_registration_captcha_setting_recaptcha_site_key_hcaptcha") - .closest(".user-registration-global-settings") - .hide(); - $( - "#user_registration_captcha_setting_recaptcha_site_secret_hcaptcha" - ) - .closest(".user-registration-global-settings") - .hide(); - $("#user_registration_captcha_setting_recaptcha_site_key_v3") - .closest(".user-registration-global-settings") - .hide(); - $("#user_registration_captcha_setting_recaptcha_site_secret_v3") - .closest(".user-registration-global-settings") - .hide(); + } else { $("#user_registration_captcha_setting_recaptcha_site_key") .closest(".user-registration-global-settings") - .hide(); + .show(); $("#user_registration_captcha_setting_recaptcha_site_secret") .closest(".user-registration-global-settings") - .hide(); + .show(); $("#user_registration_captcha_setting_recaptcha_invisible_site_key") .closest(".user-registration-global-settings") .hide(); @@ -329,109 +195,21 @@ ) .closest(".user-registration-global-settings") .hide(); - $("#user_registration_captcha_setting_recaptcha_threshold_score_v3") - .closest(".user-registration-global-settings") - .hide(); - $("#user_registration_captcha_setting_invisible_recaptcha_v2") - .closest(".user-registration-global-settings") - .hide(); - } else { - if ( - value == "v2" && - $( - "input#user_registration_captcha_setting_invisible_recaptcha_v2" - ).is(":checked") - ) { - $("#user_registration_captcha_setting_recaptcha_site_key_v3") - .closest(".user-registration-global-settings") - .hide(); - $("#user_registration_captcha_setting_recaptcha_site_secret_v3") - .closest(".user-registration-global-settings") - .hide(); - $("#user_registration_captcha_setting_recaptcha_site_key") - .closest(".user-registration-global-settings") - .hide(); - $("#user_registration_captcha_setting_recaptcha_site_secret") - .closest(".user-registration-global-settings") - .hide(); - $( - "#user_registration_captcha_setting_recaptcha_site_key_cloudflare" - ) - .closest(".user-registration-global-settings") - .hide(); - $( - "#user_registration_captcha_setting_recaptcha_site_secret_cloudflare" - ) - .closest(".user-registration-global-settings") - .hide(); - $( - "#user_registration_captcha_setting_recaptcha_cloudflare_theme" - ) - .closest(".user-registration-global-settings") - .hide(); - $( - "#user_registration_captcha_setting_recaptcha_invisible_site_key" - ) - .closest(".user-registration-global-settings") - .show(); - $( - "#user_registration_captcha_setting_recaptcha_invisible_site_secret" - ) - .closest(".user-registration-global-settings") - .show(); - } else { - $("#user_registration_captcha_setting_recaptcha_site_key") - .closest(".user-registration-global-settings") - .show(); - $("#user_registration_captcha_setting_recaptcha_site_secret") - .closest(".user-registration-global-settings") - .show(); - $( - "#user_registration_captcha_setting_recaptcha_invisible_site_key" - ) - .closest(".user-registration-global-settings") - .hide(); - $( - "#user_registration_captcha_setting_recaptcha_invisible_site_secret" - ) - .closest(".user-registration-global-settings") - .hide(); - } + } + } - // Common Hide for V2 - $("#user_registration_captcha_setting_recaptcha_threshold_score_v3") + function handleRecaptchaLoginSettings() { + var login_captcha_enabled = $( + "#user_registration_login_options_enable_recaptcha" + ).is(":checked"); + if (login_captcha_enabled) { + $("#user_registration_login_options_configured_captcha_type") .closest(".user-registration-global-settings") - .hide(); - $("#user_registration_captcha_setting_recaptcha_site_key_hcaptcha") - .closest(".user-registration-global-settings") - .hide(); - $( - "#user_registration_captcha_setting_recaptcha_site_secret_hcaptcha" - ) - .closest(".user-registration-global-settings") - .hide(); - $("#user_registration_captcha_setting_recaptcha_site_key_v3") - .closest(".user-registration-global-settings") - .hide(); - $("#user_registration_captcha_setting_recaptcha_site_secret_v3") - .closest(".user-registration-global-settings") - .hide(); - $( - "#user_registration_captcha_setting_recaptcha_site_key_cloudflare" - ) - .closest(".user-registration-global-settings") - .hide(); - $( - "#user_registration_captcha_setting_recaptcha_site_secret_cloudflare" - ) - .closest(".user-registration-global-settings") - .hide(); - $("#user_registration_captcha_setting_recaptcha_cloudflare_theme") + .show(); + } else { + $("#user_registration_login_options_configured_captcha_type") .closest(".user-registration-global-settings") .hide(); - $("#user_registration_captcha_setting_invisible_recaptcha_v2") - .closest(".user-registration-global-settings") - .show(); } } @@ -441,17 +219,18 @@ .find("input, select") .on("change", function () { captchaSettingsChanged = true; - $("#user_registration_captcha_setting_captcha_test") - .parent() + $(this) + .closest(".ur-captcha-settings-body") + .find(".user_registration_captcha_setting_captcha_test") + .closest(".user-registration-global-settings") .hide(); }); - /** * Test Captcha from settings page. */ $(".user-registration").on( "click", - "#user_registration_captcha_setting_captcha_test", + ".user_registration_captcha_setting_captcha_test", function (e) { e.preventDefault(); e.stopPropagation(); @@ -461,117 +240,173 @@ return; } - var spinner = $( - "#user_registration_captcha_setting_captcha_test .spinner" - ); - spinner.show(); - - setTimeout(function () { - spinner.hide(); - }, 2500); - - var ur_recaptcha_node = $("#ur-captcha-node"); - if ( - "undefined" !== typeof ur_recaptcha_code && - ur_recaptcha_code.site_key.length - ) { - if (ur_recaptcha_node.length !== 0) { - switch (ur_recaptcha_code.version) { - case "v2": - google_recaptcha_login = grecaptcha.render( - ur_recaptcha_node - .find(".g-recaptcha") - .attr("id"), - { - sitekey: ur_recaptcha_code.site_key, - theme: "light", - style: "transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;" - } - ); - - if (ur_recaptcha_code.is_invisible) { - grecaptcha - .execute(google_recaptcha_login) - .then(function (token) { - if (null !== token) { - display_captcha_test_status( - user_registration_settings_params - .i18n.captcha_failed, - "error" - ); - return; - } else { - display_captcha_test_status( - user_registration_settings_params - .i18n.captcha_success, - "success" - ); + var captcha_type = $(this).attr("data-captcha-type"), + invisible_recaptcha = false; + + if ("v2" === captcha_type) { + var invisible_recaptcha = $( + "#user_registration_captcha_setting_invisible_recaptcha_v2" + ).is(":checked"); + } + + $.ajax({ + type: "POST", + url: user_registration_settings_params.ajax_url, + data: { + action: "user_registration_captcha_test", + security: + user_registration_settings_params.user_registration_captcha_test_nonce, + captcha_type: captcha_type, + invisible_recaptcha: invisible_recaptcha + }, + beforeSend: function () { + var spinner = $( + "#user_registration_captcha_setting_" + + captcha_type + + "_captcha_test .spinner" + ); + spinner.show(); + setTimeout(function () { + spinner.hide(); + }, 2500); + }, + success: function (response) { + var ur_recaptcha_node = $( + '.ur-captcha-test-container[data-captcha-type="' + + captcha_type + + '"] .ur-captcha-node' + ), + ur_recaptcha_code = response.data.ur_recaptcha_code; + + if ( + "undefined" !== typeof ur_recaptcha_code && + ur_recaptcha_code.site_key.length + ) { + if (ur_recaptcha_node.length !== 0) { + switch (captcha_type) { + case "v2": + google_recaptcha_login = grecaptcha.render( + ur_recaptcha_node + .find(".g-recaptcha") + .attr("id"), + { + sitekey: ur_recaptcha_code.site_key, + theme: "light", + style: "transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;" } - }); - } - break; - - case "v3": - try { - grecaptcha - .execute(ur_recaptcha_code.site_key, { - action: "click" - }) - .then(function (d) { + ); + + if ( + "false" !== + ur_recaptcha_code.is_invisible + ) { + grecaptcha + .execute(google_recaptcha_login) + .then(function (token) { + if (null !== token) { + display_captcha_test_status( + user_registration_settings_params + .i18n + .captcha_failed, + "error", + captcha_type + ); + return; + } else { + display_captcha_test_status( + user_registration_settings_params + .i18n + .captcha_success, + "success", + captcha_type + ); + } + }); + } + break; + + case "v3": + try { + grecaptcha + .execute( + ur_recaptcha_code.site_key, + { + action: "click" + } + ) + .then(function (d) { + display_captcha_test_status( + user_registration_settings_params + .i18n.captcha_success, + "success", + captcha_type + ); + }); + } catch (err) { display_captcha_test_status( - user_registration_settings_params - .i18n.captcha_success, - "success" + err.message, + "error", + captcha_type ); - }); - } catch (err) { - display_captcha_test_status( - err.message, - "error" - ); - } - break; - - case "hCaptcha": - google_recaptcha_login = hcaptcha.render( - ur_recaptcha_node - .find(".g-recaptcha-hcaptcha") - .attr("id"), - { - sitekey: ur_recaptcha_code.site_key, - theme: "light", - style: "transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;" - } - ); - break; - - case "cloudflare": - try { - turnstile.render( - "#" + + } + break; + + case "hCaptcha": + console.log(hcaptcha); + + google_recaptcha_login = hcaptcha.render( ur_recaptcha_node - .find(".cf-turnstile") + .find(".g-recaptcha-hcaptcha") .attr("id"), - { - sitekey: ur_recaptcha_code.site_key, - theme: ur_recaptcha_code.theme_mode, - style: "transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;" + { + sitekey: ur_recaptcha_code.site_key, + theme: "light", + "error-callback": function (e) { + console.log(e); + }, + style: "transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;" + } + ); + break; + + case "cloudflare": + try { + turnstile.render( + "#" + + ur_recaptcha_node + .find(".cf-turnstile") + .attr("id"), + { + sitekey: + ur_recaptcha_code.site_key, + theme: ur_recaptcha_code.theme_mode, + style: "transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;" + } + ); + + ur_recaptcha_node + .find("iframe") + .css("display", "block"); + } catch (err) { + display_captcha_test_status( + err.message, + "error", + captcha_type + ); } - ); - - ur_recaptcha_node - .find("iframe") - .css("display", "block"); - } catch (err) { - display_captcha_test_status( - err.message, - "error" - ); + break; } - break; + } + } + + if (!response.success) { + var msg = response.data; + console.log(msg); + display_captcha_test_status(msg, "error", captcha_type); + return; } } - } + }); } ); @@ -580,27 +415,47 @@ * @param {string} notice Notice message. * @param {string} type Notice type. */ - function display_captcha_test_status(notice, type) { + function display_captcha_test_status(notice, type, captcha_type) { if (notice.length) { - var notice_container = $("#ur-captcha-notice"); - var notice_icon = $("#ur-captcha-notice--icon"); - var notice_text = $("#ur-captcha-notice--text"); + var notice_container = $( + '.ur-captcha-test-container[data-captcha-type="' + + captcha_type + + '"]' + ).find(".ur-captcha-notice"); + var notice_icon = $( + '.ur-captcha-test-container[data-captcha-type="' + + captcha_type + + '"]' + ).find(".ur-captcha-notice--icon"); + var notice_text = $( + '.ur-captcha-test-container[data-captcha-type="' + + captcha_type + + '"]' + ).find(".ur-captcha-notice--text"); if (notice_text.length) { notice_text.html(notice); if ("success" === type) { - notice_container.removeClass().addClass("success"); + notice_container + .removeClass() + .addClass("success") + .addClass("ur-captcha-notice"); notice_icon.addClass("dashicons dashicons-yes-alt"); } else if ("error" === type) { - notice_container.removeClass().addClass("error"); + notice_container + .removeClass() + .addClass("error") + .addClass("ur-captcha-notice"); notice_icon.addClass("dashicons dashicons-dismiss"); } } } var spinner = $( - "#user_registration_captcha_setting_captcha_test .spinner" + "#user_registration_captcha_setting_" + + captcha_type + + "_captcha_test .spinner" ); spinner.hide(); } @@ -804,6 +659,63 @@ } }); + // Display error when page with our my account or login shortcode is not selected + $( + "#user_registration_login_options_login_redirect_url, #user_registration_myaccount_page_id" + ).on("change", function () { + var $this = $(this), + data = { + action: "user_registration_my_account_selection_validator", + security: + user_registration_settings_params.user_registration_my_account_selection_validator_nonce + }; + + data.user_registration_selected_my_account_page = $this.val(); + + $this.prop("disabled", true); + $this.css("border", "1px solid #e1e1e1"); + $this + .closest(".user-registration-global-settings--field") + .find(".error.inline") + .remove(); + $this + .closest(".user-registration-global-settings") + .append(''); + + $.ajax({ + url: user_registration_settings_params.ajax_url, + data: data, + type: "POST", + complete: function (response) { + if (response.responseJSON.success === false) { + $this + .closest(".user-registration-global-settings--field") + .append( + "
" + + response.responseJSON.data.message + + "
" + ); + $this.css("border", "1px solid red"); + $this + .closest("form") + .find("input[name='save']") + .prop("disabled", true); + } else { + $this + .closest("form") + .find("input[name='save']") + .prop("disabled", false); + } + $this.prop("disabled", false); + + $this + .closest(".user-registration-global-settings") + .find(".ur-spinner") + .remove(); + } + }); + }); + // Set localStorage with expiry function setStorageValue(key, value) { var current = new Date(); @@ -937,9 +849,10 @@ var video_id = $this.data("video"); var plugin_title = $this.data("title"); var available_in = $(this).data("available-in"); + var video = ""; if (video_id !== "") { - var video = + video = '

'; @@ -1019,7 +932,7 @@ $(node) .closest(".user-registration-options-header--top__right") .find(".user-registration-toggle-text") - .text("Show Sidebar"); + .text("Sidebar"); } else { $("body") .removeClass("ur-settings-sidebar-show") @@ -1027,7 +940,7 @@ $(node) .closest(".user-registration-options-header--top__right") .find(".user-registration-toggle-text") - .text("Hide Sidebar"); + .text("Sidebar"); } } @@ -1040,7 +953,44 @@ ); disableFormChangeModal(); + init_accordion_settings(); }); + /** + * Initialize accordion_settings elements. + */ + function init_accordion_settings() { + var acc = document.getElementsByClassName("accordion"); + var i; + for (i = 0; i < acc.length; i++) { + var panel = acc[i].nextElementSibling; + panel.style.display = "none"; + + acc[i].addEventListener("click", function () { + /* Toggle between adding and removing the "active" class, + to highlight the button that controls the panel */ + this.classList.toggle("active"); + + /* Toggle between hiding and showing the active panel */ + var panel = this.nextElementSibling; + if (panel.style.display === "block") { + panel.style.display = "none"; + } else { + panel.style.display = "block"; + } + }); + } + + $.each($(".ur-captcha-settings"), function () { + var is_enabled = $(this) + .find(".ur-captcha-settings-body .ur-captcha-enable") + .is(":checked"); + if (is_enabled) { + $(this) + .find(".ur-captcha-settings-header .integration-status") + .addClass("ur-integration-account-connected"); + } + }); + } /** * Disable leave page before saving changes modal when hid/show sidebar is clicked. diff --git a/assets/js/admin/settings.min.js b/assets/js/admin/settings.min.js index 136f27d33..c589d8239 100644 --- a/assets/js/admin/settings.min.js +++ b/assets/js/admin/settings.min.js @@ -1 +1 @@ -!function(e){function t(t){"v3"==t?(e("#user_registration_captcha_setting_recaptcha_site_key_v3").closest(".user-registration-global-settings").show(),e("#user_registration_captcha_setting_recaptcha_site_secret_v3").closest(".user-registration-global-settings").show(),e("#user_registration_captcha_setting_recaptcha_site_key").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_secret").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_key_hcaptcha").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_secret_hcaptcha").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_threshold_score_v3").closest(".user-registration-global-settings").show(),e("#user_registration_captcha_setting_invisible_recaptcha_v2").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_invisible_site_key").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_invisible_site_secret").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_key_cloudflare").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_secret_cloudflare").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_cloudflare_theme").closest(".user-registration-global-settings").hide()):"hCaptcha"==t?(e("#user_registration_captcha_setting_recaptcha_site_key_hcaptcha").closest(".user-registration-global-settings").show(),e("#user_registration_captcha_setting_recaptcha_site_secret_hcaptcha").closest(".user-registration-global-settings").show(),e("#user_registration_captcha_setting_recaptcha_site_key_v3").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_secret_v3").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_key").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_secret").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_invisible_site_key").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_invisible_site_secret").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_threshold_score_v3").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_invisible_recaptcha_v2").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_key_cloudflare").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_secret_cloudflare").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_cloudflare_theme").closest(".user-registration-global-settings").hide()):"cloudflare"==t?(e("#user_registration_captcha_setting_recaptcha_site_key_cloudflare").closest(".user-registration-global-settings").show(),e("#user_registration_captcha_setting_recaptcha_site_secret_cloudflare").closest(".user-registration-global-settings").show(),e("#user_registration_captcha_setting_recaptcha_cloudflare_theme").closest(".user-registration-global-settings").show(),e("#user_registration_captcha_setting_recaptcha_site_key_hcaptcha").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_secret_hcaptcha").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_key_v3").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_secret_v3").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_key").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_secret").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_invisible_site_key").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_invisible_site_secret").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_threshold_score_v3").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_invisible_recaptcha_v2").closest(".user-registration-global-settings").hide()):("v2"==t&&e("input#user_registration_captcha_setting_invisible_recaptcha_v2").is(":checked")?(e("#user_registration_captcha_setting_recaptcha_site_key_v3").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_secret_v3").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_key").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_secret").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_key_cloudflare").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_secret_cloudflare").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_cloudflare_theme").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_invisible_site_key").closest(".user-registration-global-settings").show(),e("#user_registration_captcha_setting_recaptcha_invisible_site_secret").closest(".user-registration-global-settings").show()):(e("#user_registration_captcha_setting_recaptcha_site_key").closest(".user-registration-global-settings").show(),e("#user_registration_captcha_setting_recaptcha_site_secret").closest(".user-registration-global-settings").show(),e("#user_registration_captcha_setting_recaptcha_invisible_site_key").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_invisible_site_secret").closest(".user-registration-global-settings").hide()),e("#user_registration_captcha_setting_recaptcha_threshold_score_v3").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_key_hcaptcha").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_secret_hcaptcha").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_key_v3").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_secret_v3").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_key_cloudflare").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_secret_cloudflare").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_cloudflare_theme").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_invisible_recaptcha_v2").closest(".user-registration-global-settings").show())}function s(t,s){if(t.length){var i=e("#ur-captcha-notice"),r=e("#ur-captcha-notice--icon"),a=e("#ur-captcha-notice--text");a.length&&(a.html(t),"success"===s?(i.removeClass().addClass("success"),r.addClass("dashicons dashicons-yes-alt")):"error"===s&&(i.removeClass().addClass("error"),r.addClass("dashicons dashicons-dismiss")))}e("#user_registration_captcha_setting_captcha_test .spinner").hide()}function i(){for(var e,t=[],s=window.location.href.slice(window.location.href.indexOf("?")+1).split("&"),i=0;i .iris-picker").show()}),e("body").on("click",function(){e(".iris-picker").hide()}),e(".colorpick, .colorpickpreview").on("click",function(e){e.stopPropagation()}),e(function(){var t=!1;e("input, textarea, select, checkbox").on("change",function(){t=!0}),e(".ur-nav-tab-wrapper a").on("click",function(){window.onbeforeunload=t?function(){return user_registration_settings_params.i18n_nav_warning}:""}),e(".submit input").on("click",function(){window.onbeforeunload=""})}),e(".user-registration").on("click",".select_all",function(){return e(this).closest("td").find("select option").attr("selected","selected"),e(this).closest("td").find("select").trigger("change"),!1}),e(".user-registration").on("click",".select_none",function(){return e(this).closest("td").find("select option").prop("selected",!1),e(this).closest("td").find("select").trigger("change"),!1});var r=e(".user-registration").find('input[name="user_registration_captcha_setting_recaptcha_version"]:checked').val();r!=undefined&&t(r),e(".user-registration").on("change",'input[name="user_registration_captcha_setting_recaptcha_version"]',function(){t(e(this).val())}),e(".user-registration").on("change","input#user_registration_captcha_setting_invisible_recaptcha_v2",function(){e(this).is(":checked")?(e("#user_registration_captcha_setting_recaptcha_site_key").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_secret").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_invisible_site_key").closest(".user-registration-global-settings").show(),e("#user_registration_captcha_setting_recaptcha_invisible_site_secret").closest(".user-registration-global-settings").show()):(e("#user_registration_captcha_setting_recaptcha_site_key").closest(".user-registration-global-settings").show(),e("#user_registration_captcha_setting_recaptcha_site_secret").closest(".user-registration-global-settings").show(),e("#user_registration_captcha_setting_recaptcha_invisible_site_key").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_invisible_site_secret").closest(".user-registration-global-settings").hide()),e("#user_registration_captcha_setting_recaptcha_threshold_score_v3").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_key_hcaptcha").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_secret_hcaptcha").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_key_v3").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_secret_v3").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_invisible_recaptcha_v2").closest(".user-registration-global-settings").show()});var a=!1;e(".user-registration-global-settings").find("input, select").on("change",function(){a=!0,e("#user_registration_captcha_setting_captcha_test").parent().hide()}),e(".user-registration").on("click","#user_registration_captcha_setting_captcha_test",function(t){if(t.preventDefault(),t.stopPropagation(),a)alert(user_registration_settings_params.i18n.unsaved_changes);else{var i=e("#user_registration_captcha_setting_captcha_test .spinner");i.show(),setTimeout(function(){i.hide()},2500);var r=e("#ur-captcha-node");if("undefined"!=typeof ur_recaptcha_code&&ur_recaptcha_code.site_key.length&&0!==r.length)switch(ur_recaptcha_code.version){case"v2":google_recaptcha_login=grecaptcha.render(r.find(".g-recaptcha").attr("id"),{sitekey:ur_recaptcha_code.site_key,theme:"light",style:"transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;"}),ur_recaptcha_code.is_invisible&&grecaptcha.execute(google_recaptcha_login).then(function(e){null===e?s(user_registration_settings_params.i18n.captcha_success,"success"):s(user_registration_settings_params.i18n.captcha_failed,"error")});break;case"v3":try{grecaptcha.execute(ur_recaptcha_code.site_key,{action:"click"}).then(function(e){s(user_registration_settings_params.i18n.captcha_success,"success")})}catch(o){s(o.message,"error")}break;case"hCaptcha":google_recaptcha_login=hcaptcha.render(r.find(".g-recaptcha-hcaptcha").attr("id"),{sitekey:ur_recaptcha_code.site_key,theme:"light",style:"transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;"});break;case"cloudflare":try{turnstile.render("#"+r.find(".cf-turnstile").attr("id"),{sitekey:ur_recaptcha_code.site_key,theme:ur_recaptcha_code.theme_mode,style:"transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;"}),r.find("iframe").css("display","block")}catch(o){s(o.message,"error")}}}}),e(".ur-redirect-to-login-page").ready(function(){var t=e(".ur-redirect-to-login-page"),s=e("#user_registration_login_options_prevent_core_login"),i=e("#user_registration_login_options_login_redirect_url");s.prop("checked")?i.prop("required",!0):t.val("").closest(".single_select_page").css("display","none")}),e("#user_registration_login_options_prevent_core_login").on("change",function(){var t=e("#user_registration_login_options_prevent_core_login");e(".single_select_page").toggle(),e("#user_registration_login_options_login_redirect_url").prop("required",function(){return"checked"===t.prop("checked")})}),e("#user_registration_disable_profile_picture").on("change",function(){var t=parseInt(user_registration_settings_params.is_advanced_field_active);e(this).prop("checked")&&1===t?e("#user_registration_sync_profile_picture").closest(".user-registration-global-settings").css("display","flex"):(e("#user_registration_sync_profile_picture").prop("checked",!1),e("#user_registration_sync_profile_picture").closest(".user-registration-global-settings").css("display","none"))}),e("#user_registration_sync_profile_picture").ready(function(){$this=e("#user_registration_sync_profile_picture"),$this.prop("checked")?$this.closest(".user-registration-global-settings").css("display","flex"):e("#user_registration_disable_profile_picture").prop("checked")&&1===parseInt(user_registration_settings_params.is_advanced_field_active)?$this.closest(".user-registration-global-settings").css("display","flex"):$this.closest(".user-registration-global-settings").css("display","none")}),e(".user-registration-custom-file__input").on("change",function(){var t=e(".user-registration-custom-file__input").prop("files")[0];e(".user-registration-custom-selected-file").html(t.name)}),e(".ur-image-uploader").on("click",function(t){ur_uploader=e(this),t.preventDefault();var s=wp.media({library:{type:["image"]},title:ur_uploader.upload_file,multiple:!1}).open().on("select",function(e){var t=s.state().get("selection").first().toJSON().url;ur_uploader.attr("src",t),ur_uploader.hasClass("ur-button")?(ur_uploader.siblings("img").show(),ur_uploader.siblings("img").attr("src",t),ur_uploader.siblings("#user_registration_pdf_logo_image").val(t),ur_uploader.hide(),ur_uploader.siblings(".ur-image-remover").show()):(ur_uploader.attr("src",t),ur_uploader.siblings("#user_registration_pdf_logo_image").val(t))})}),e(".ur-image-remover").on("click",function(t){var s=e(this);t.preventDefault(),s.siblings("img").attr("src",""),s.siblings("#user_registration_pdf_logo_image").val(""),s.siblings(".ur-image-uploader").show(),s.hide(),s.siblings("img").hide()}),e(".radio-image").find("input").each(function(){e(this).on("click",function(){e(this).closest("ul").find("label").removeClass("selected"),e(this).closest("label").addClass("selected")})}),e(".user-registration #mainform").on("keyup keypress",function(e){if(13===(e.keyCode||e.which))return e.preventDefault(),!1}),e(".user-registration #ur-search-settings").autocomplete({source:function(t,s){var i=t.term,r=new FormData;r.append("search_string",i),r.append("action","user_registration_search_global_settings"),r.append("security",user_registration_settings_params.user_registration_search_global_settings_nonce),e(".user-registration-search-icon").hide(),e.ajax({url:user_registration_settings_params.ajax_url,dataType:"json",cache:!1,contentType:!1,processData:!1,data:r,type:"post",complete:function(t){if(!0===t.responseJSON.success){var i=t.responseJSON.data.results;s(i)}e(".user-registration-search-icon").show()}})},classes:{"ui-autocomplete":"user-registration-ui-autocomplete"},minLength:3,focus:function(t,s){return e(".user-registration-ui-autocomplete > li").attr("title",s.item.desc),e("#ur-search-settings").val(s.item.label),!1},select:function(t,s){return"no_result_found"!==s.item.value&&(e(".user-registration #ur-search-settings").val(s.item.label),window.location.href=s.item.value),!1}}),e("#ur-settings-collapse").on("click",function(t){t.preventDefault(),e(this).hasClass("close")?(e(this).closest("header").addClass("collapsed"),e(this).removeClass("close").addClass("open"),function(e,t){var s={value:t,expiry:(new Date).getTime()+864e5};localStorage.setItem(e,JSON.stringify(s))}("ur-settings-navCollapsed",!0)):(e(this).closest("header").removeClass("collapsed"),e(this).removeClass("open").addClass("close"),localStorage.removeItem("ur-settings-navCollapsed"))});if("collapsed"==(!0===function(e){var t=localStorage.getItem(e);if(!t)return!1;var s=JSON.parse(t);return!((new Date).getTime()>s.expiry&&(localStorage.removeItem(e),1))}("ur-settings-navCollapsed")?"collapsed":"not-collapsed")?(e(".user-registration-header").addClass("collapsed"),e("#ur-settings-collapse").removeClass("close").addClass("open")):(e(".user-registration-header").removeClass("collapsed"),e("#ur-settings-collapse").removeClass("open").addClass("close")),e(".ur-nav-premium").each(function(){e(this).hover(function(t){e(this).find(".ur-tooltip").show()},function(t){e(this).find(".ur-tooltip").hide()})}),e(".ur-search-input").on("click",function(){e(this).closest(".user-registration-header").hasClass("collapsed")&&(e(this).closest(".user-registration-header").removeClass("collapsed"),e(this).closest(".user-registration-header").find("#ur-settings-collapse").addClass("close"),e(this).find("#ur-search-settings").focus())}),"undefined"!=typeof i().searched_option||null!=i().searched_option){var o=e("#"+i().searched_option).closest(".user-registration-global-settings");o.addClass("ur-searched-settings-focus");var n=e(".ur-searched-settings-focus").offset().top;window.scrollTo({top:n-300,behavior:"smooth"}),setTimeout(function(){o.removeClass("ur-searched-settings-focus")},2e3)}e("body").on("click",".user-registration-inactive-addon",function(t){$this=e(this),t.preventDefault();var s=$this.data("video"),i=$this.data("title"),r=e(this).data("available-in");if(""!==s)var a='

';var o=a+user_registration_settings_params.i18n.upgrade_message;o=o.replace("%title%",i).replace("%plan%",r);var n=''+i+" "+user_registration_settings_params.i18n.pro_feature_title;Swal.fire({title:n,html:o,customClass:"user-registration-swal2-modal user-registration-swal2-modal--centered user-registration-locked-field",showCloseButton:!0,showConfirmButton:!0,allowOutsideClick:!0,heightAuto:!1,width:"575px",confirmButtonText:user_registration_settings_params.i18n.upgrade_plan}).then(function(e){e.isConfirmed&&window.open(user_registration_settings_params.i18n.upgrade_link,"_blank")})}),e(document).find(".user-registration-global-settings--field").find(".ur-radio-group-list--item").each(function(){e(this).on("click",function(){e(this).closest(".ur-radio-group-list").find(".active").find("input").prop("checked",!1),e(this).closest(".ur-radio-group-list").find(".active").removeClass("active"),e(this).addClass("active"),e(this).find("input").prop("checked",!0)})}),e(document).ready(function(){e(document).on("change","#user_registration_hide_show_sidebar",function(t){!function(t){var s=e(t).is(":checked");localStorage.setItem("isSidebarEnabled",s),document.cookie="isSidebarEnabled="+s+"; path=/;",s?(e("body").removeClass("ur-settings-sidebar-hidden").addClass("ur-settings-sidebar-show"),e(t).closest(".user-registration-options-header--top__right").find(".user-registration-toggle-text").text("Show Sidebar")):(e("body").removeClass("ur-settings-sidebar-show").addClass("ur-settings-sidebar-hidden"),e(t).closest(".user-registration-options-header--top__right").find(".user-registration-toggle-text").text("Hide Sidebar"))}(e(this))}),function(){var t=e(".user-registration").find("form")[0],s=!1;e(t).on("change",function(e){"user_registration_enable_sidebar"!==e.target.name&&(s=!0)});var i=!1;e(t).on("submit",function(){i=!0}),e(t).find(".ur-nav__link").on("click",function(){i=!0}),e(window).on("beforeunload",function(e){s&&!i?(e.preventDefault(),e.returnValue=""):e.stopImmediatePropagation()})}()}),e(document).find(".wp-list-table").wrap("
")}(jQuery); \ No newline at end of file +!function(e){function t(){e("#user_registration_login_options_enable_recaptcha").is(":checked")?e("#user_registration_login_options_configured_captcha_type").closest(".user-registration-global-settings").show():e("#user_registration_login_options_configured_captcha_type").closest(".user-registration-global-settings").hide()}function s(t,s,i){if(t.length){var r=e('.ur-captcha-test-container[data-captcha-type="'+i+'"]').find(".ur-captcha-notice"),a=e('.ur-captcha-test-container[data-captcha-type="'+i+'"]').find(".ur-captcha-notice--icon"),n=e('.ur-captcha-test-container[data-captcha-type="'+i+'"]').find(".ur-captcha-notice--text");n.length&&(n.html(t),"success"===s?(r.removeClass().addClass("success").addClass("ur-captcha-notice"),a.addClass("dashicons dashicons-yes-alt")):"error"===s&&(r.removeClass().addClass("error").addClass("ur-captcha-notice"),a.addClass("dashicons dashicons-dismiss")))}e("#user_registration_captcha_setting_"+i+"_captcha_test .spinner").hide()}function i(){for(var e,t=[],s=window.location.href.slice(window.location.href.indexOf("?")+1).split("&"),i=0;i .iris-picker").show()}),e("body").on("click",function(){e(".iris-picker").hide()}),e(".colorpick, .colorpickpreview").on("click",function(e){e.stopPropagation()}),e(function(){var t=!1;e("input, textarea, select, checkbox").on("change",function(){t=!0}),e(".ur-nav-tab-wrapper a").on("click",function(){window.onbeforeunload=t?function(){return user_registration_settings_params.i18n_nav_warning}:""}),e(".submit input").on("click",function(){window.onbeforeunload=""})}),e(".user-registration").on("click",".select_all",function(){return e(this).closest("td").find("select option").attr("selected","selected"),e(this).closest("td").find("select").trigger("change"),!1}),e(".user-registration").on("click",".select_none",function(){return e(this).closest("td").find("select option").prop("selected",!1),e(this).closest("td").find("select").trigger("change"),!1}),t(),e(".user-registration").on("change","#user_registration_login_options_enable_recaptcha",function(){t()});var r=e(".user-registration").find("#user_registration_captcha_setting_invisible_recaptcha_v2").is(":checked");r!=undefined&&function(t){t?(e("#user_registration_captcha_setting_recaptcha_site_key").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_secret").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_invisible_site_key").closest(".user-registration-global-settings").show(),e("#user_registration_captcha_setting_recaptcha_invisible_site_secret").closest(".user-registration-global-settings").show()):(e("#user_registration_captcha_setting_recaptcha_site_key").closest(".user-registration-global-settings").show(),e("#user_registration_captcha_setting_recaptcha_site_secret").closest(".user-registration-global-settings").show(),e("#user_registration_captcha_setting_recaptcha_invisible_site_key").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_invisible_site_secret").closest(".user-registration-global-settings").hide())}(r),e(".user-registration").on("change","input#user_registration_captcha_setting_invisible_recaptcha_v2",function(){e(this).is(":checked")?(e("#user_registration_captcha_setting_recaptcha_site_key").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_site_secret").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_invisible_site_key").closest(".user-registration-global-settings").show(),e("#user_registration_captcha_setting_recaptcha_invisible_site_secret").closest(".user-registration-global-settings").show()):(e("#user_registration_captcha_setting_recaptcha_site_key").closest(".user-registration-global-settings").show(),e("#user_registration_captcha_setting_recaptcha_site_secret").closest(".user-registration-global-settings").show(),e("#user_registration_captcha_setting_recaptcha_invisible_site_key").closest(".user-registration-global-settings").hide(),e("#user_registration_captcha_setting_recaptcha_invisible_site_secret").closest(".user-registration-global-settings").hide())});var a=!1;e(".user-registration-global-settings").find("input, select").on("change",function(){a=!0,e(this).closest(".ur-captcha-settings-body").find(".user_registration_captcha_setting_captcha_test").closest(".user-registration-global-settings").hide()}),e(".user-registration").on("click",".user_registration_captcha_setting_captcha_test",function(t){if(t.preventDefault(),t.stopPropagation(),a)alert(user_registration_settings_params.i18n.unsaved_changes);else{var i=e(this).attr("data-captcha-type"),r=!1;if("v2"===i)r=e("#user_registration_captcha_setting_invisible_recaptcha_v2").is(":checked");e.ajax({type:"POST",url:user_registration_settings_params.ajax_url,data:{action:"user_registration_captcha_test",security:user_registration_settings_params.user_registration_captcha_test_nonce,captcha_type:i,invisible_recaptcha:r},beforeSend:function(){var t=e("#user_registration_captcha_setting_"+i+"_captcha_test .spinner");t.show(),setTimeout(function(){t.hide()},2500)},success:function(t){var r=e('.ur-captcha-test-container[data-captcha-type="'+i+'"] .ur-captcha-node'),a=t.data.ur_recaptcha_code;if(void 0!==a&&a.site_key.length&&0!==r.length)switch(i){case"v2":google_recaptcha_login=grecaptcha.render(r.find(".g-recaptcha").attr("id"),{sitekey:a.site_key,theme:"light",style:"transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;"}),"false"!==a.is_invisible&&grecaptcha.execute(google_recaptcha_login).then(function(e){null===e?s(user_registration_settings_params.i18n.captcha_success,"success",i):s(user_registration_settings_params.i18n.captcha_failed,"error",i)});break;case"v3":try{grecaptcha.execute(a.site_key,{action:"click"}).then(function(e){s(user_registration_settings_params.i18n.captcha_success,"success",i)})}catch(o){s(o.message,"error",i)}break;case"hCaptcha":console.log(hcaptcha),google_recaptcha_login=hcaptcha.render(r.find(".g-recaptcha-hcaptcha").attr("id"),{sitekey:a.site_key,theme:"light","error-callback":function(e){console.log(e)},style:"transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;"});break;case"cloudflare":try{turnstile.render("#"+r.find(".cf-turnstile").attr("id"),{sitekey:a.site_key,theme:a.theme_mode,style:"transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;"}),r.find("iframe").css("display","block")}catch(o){s(o.message,"error",i)}}if(!t.success){var n=t.data;return console.log(n),void s(n,"error",i)}}})}}),e(".ur-redirect-to-login-page").ready(function(){var t=e(".ur-redirect-to-login-page"),s=e("#user_registration_login_options_prevent_core_login"),i=e("#user_registration_login_options_login_redirect_url");s.prop("checked")?i.prop("required",!0):t.val("").closest(".single_select_page").css("display","none")}),e("#user_registration_login_options_prevent_core_login").on("change",function(){var t=e("#user_registration_login_options_prevent_core_login");e(".single_select_page").toggle(),e("#user_registration_login_options_login_redirect_url").prop("required",function(){return"checked"===t.prop("checked")})}),e("#user_registration_disable_profile_picture").on("change",function(){var t=parseInt(user_registration_settings_params.is_advanced_field_active);e(this).prop("checked")&&1===t?e("#user_registration_sync_profile_picture").closest(".user-registration-global-settings").css("display","flex"):(e("#user_registration_sync_profile_picture").prop("checked",!1),e("#user_registration_sync_profile_picture").closest(".user-registration-global-settings").css("display","none"))}),e("#user_registration_sync_profile_picture").ready(function(){$this=e("#user_registration_sync_profile_picture"),$this.prop("checked")?$this.closest(".user-registration-global-settings").css("display","flex"):e("#user_registration_disable_profile_picture").prop("checked")&&1===parseInt(user_registration_settings_params.is_advanced_field_active)?$this.closest(".user-registration-global-settings").css("display","flex"):$this.closest(".user-registration-global-settings").css("display","none")}),e(".user-registration-custom-file__input").on("change",function(){var t=e(".user-registration-custom-file__input").prop("files")[0];e(".user-registration-custom-selected-file").html(t.name)}),e(".ur-image-uploader").on("click",function(t){ur_uploader=e(this),t.preventDefault();var s=wp.media({library:{type:["image"]},title:ur_uploader.upload_file,multiple:!1}).open().on("select",function(e){var t=s.state().get("selection").first().toJSON().url;ur_uploader.attr("src",t),ur_uploader.hasClass("ur-button")?(ur_uploader.siblings("img").show(),ur_uploader.siblings("img").attr("src",t),ur_uploader.siblings("#user_registration_pdf_logo_image").val(t),ur_uploader.hide(),ur_uploader.siblings(".ur-image-remover").show()):(ur_uploader.attr("src",t),ur_uploader.siblings("#user_registration_pdf_logo_image").val(t))})}),e(".ur-image-remover").on("click",function(t){var s=e(this);t.preventDefault(),s.siblings("img").attr("src",""),s.siblings("#user_registration_pdf_logo_image").val(""),s.siblings(".ur-image-uploader").show(),s.hide(),s.siblings("img").hide()}),e(".radio-image").find("input").each(function(){e(this).on("click",function(){e(this).closest("ul").find("label").removeClass("selected"),e(this).closest("label").addClass("selected")})}),e(".user-registration #mainform").on("keyup keypress",function(e){if(13===(e.keyCode||e.which))return e.preventDefault(),!1}),e(".user-registration #ur-search-settings").autocomplete({source:function(t,s){var i=t.term,r=new FormData;r.append("search_string",i),r.append("action","user_registration_search_global_settings"),r.append("security",user_registration_settings_params.user_registration_search_global_settings_nonce),e(".user-registration-search-icon").hide(),e.ajax({url:user_registration_settings_params.ajax_url,dataType:"json",cache:!1,contentType:!1,processData:!1,data:r,type:"post",complete:function(t){if(!0===t.responseJSON.success){var i=t.responseJSON.data.results;s(i)}e(".user-registration-search-icon").show()}})},classes:{"ui-autocomplete":"user-registration-ui-autocomplete"},minLength:3,focus:function(t,s){return e(".user-registration-ui-autocomplete > li").attr("title",s.item.desc),e("#ur-search-settings").val(s.item.label),!1},select:function(t,s){return"no_result_found"!==s.item.value&&(e(".user-registration #ur-search-settings").val(s.item.label),window.location.href=s.item.value),!1}}),e("#user_registration_login_options_login_redirect_url, #user_registration_myaccount_page_id").on("change",function(){var t=e(this),s={action:"user_registration_my_account_selection_validator",security:user_registration_settings_params.user_registration_my_account_selection_validator_nonce};s.user_registration_selected_my_account_page=t.val(),t.prop("disabled",!0),t.css("border","1px solid #e1e1e1"),t.closest(".user-registration-global-settings--field").find(".error.inline").remove(),t.closest(".user-registration-global-settings").append(''),e.ajax({url:user_registration_settings_params.ajax_url,data:s,type:"POST",complete:function(e){!1===e.responseJSON.success?(t.closest(".user-registration-global-settings--field").append("
"+e.responseJSON.data.message+"
"),t.css("border","1px solid red"),t.closest("form").find("input[name='save']").prop("disabled",!0)):t.closest("form").find("input[name='save']").prop("disabled",!1),t.prop("disabled",!1),t.closest(".user-registration-global-settings").find(".ur-spinner").remove()}})}),e("#ur-settings-collapse").on("click",function(t){t.preventDefault(),e(this).hasClass("close")?(e(this).closest("header").addClass("collapsed"),e(this).removeClass("close").addClass("open"),function(e,t){var s={value:t,expiry:(new Date).getTime()+864e5};localStorage.setItem(e,JSON.stringify(s))}("ur-settings-navCollapsed",!0)):(e(this).closest("header").removeClass("collapsed"),e(this).removeClass("open").addClass("close"),localStorage.removeItem("ur-settings-navCollapsed"))});if("collapsed"==(!0===function(e){var t=localStorage.getItem(e);if(!t)return!1;var s=JSON.parse(t);return!((new Date).getTime()>s.expiry&&(localStorage.removeItem(e),1))}("ur-settings-navCollapsed")?"collapsed":"not-collapsed")?(e(".user-registration-header").addClass("collapsed"),e("#ur-settings-collapse").removeClass("close").addClass("open")):(e(".user-registration-header").removeClass("collapsed"),e("#ur-settings-collapse").removeClass("open").addClass("close")),e(".ur-nav-premium").each(function(){e(this).hover(function(t){e(this).find(".ur-tooltip").show()},function(t){e(this).find(".ur-tooltip").hide()})}),e(".ur-search-input").on("click",function(){e(this).closest(".user-registration-header").hasClass("collapsed")&&(e(this).closest(".user-registration-header").removeClass("collapsed"),e(this).closest(".user-registration-header").find("#ur-settings-collapse").addClass("close"),e(this).find("#ur-search-settings").focus())}),"undefined"!=typeof i().searched_option||null!=i().searched_option){var n=e("#"+i().searched_option).closest(".user-registration-global-settings");n.addClass("ur-searched-settings-focus");var o=e(".ur-searched-settings-focus").offset().top;window.scrollTo({top:o-300,behavior:"smooth"}),setTimeout(function(){n.removeClass("ur-searched-settings-focus")},2e3)}e("body").on("click",".user-registration-inactive-addon",function(t){$this=e(this),t.preventDefault();var s=$this.data("video"),i=$this.data("title"),r=e(this).data("available-in"),a="";""!==s&&(a='

');var n=a+user_registration_settings_params.i18n.upgrade_message;n=n.replace("%title%",i).replace("%plan%",r);var o=''+i+" "+user_registration_settings_params.i18n.pro_feature_title;Swal.fire({title:o,html:n,customClass:"user-registration-swal2-modal user-registration-swal2-modal--centered user-registration-locked-field",showCloseButton:!0,showConfirmButton:!0,allowOutsideClick:!0,heightAuto:!1,width:"575px",confirmButtonText:user_registration_settings_params.i18n.upgrade_plan}).then(function(e){e.isConfirmed&&window.open(user_registration_settings_params.i18n.upgrade_link,"_blank")})}),e(document).find(".user-registration-global-settings--field").find(".ur-radio-group-list--item").each(function(){e(this).on("click",function(){e(this).closest(".ur-radio-group-list").find(".active").find("input").prop("checked",!1),e(this).closest(".ur-radio-group-list").find(".active").removeClass("active"),e(this).addClass("active"),e(this).find("input").prop("checked",!0)})}),e(document).ready(function(){e(document).on("change","#user_registration_hide_show_sidebar",function(t){!function(t){var s=e(t).is(":checked");localStorage.setItem("isSidebarEnabled",s),document.cookie="isSidebarEnabled="+s+"; path=/;",s?(e("body").removeClass("ur-settings-sidebar-hidden").addClass("ur-settings-sidebar-show"),e(t).closest(".user-registration-options-header--top__right").find(".user-registration-toggle-text").text("Sidebar")):(e("body").removeClass("ur-settings-sidebar-show").addClass("ur-settings-sidebar-hidden"),e(t).closest(".user-registration-options-header--top__right").find(".user-registration-toggle-text").text("Sidebar"))}(e(this))}),function(){var t=e(".user-registration").find("form")[0],s=!1;e(t).on("change",function(e){"user_registration_enable_sidebar"!==e.target.name&&(s=!0)});var i=!1;e(t).on("submit",function(){i=!0}),e(t).find(".ur-nav__link").on("click",function(){i=!0}),e(window).on("beforeunload",function(e){s&&!i?(e.preventDefault(),e.returnValue=""):e.stopImmediatePropagation()})}(),function(){var t,s=document.getElementsByClassName("accordion");for(t=0;t
")}(jQuery); \ No newline at end of file diff --git a/assets/js/frontend/my-account.js b/assets/js/frontend/my-account.js index f1c142708..83f0ce427 100644 --- a/assets/js/frontend/my-account.js +++ b/assets/js/frontend/my-account.js @@ -3,6 +3,7 @@ jQuery(function ($) { var user_registration_profile_picture_upload = { init: function () { this.init_event(); + this.handle_user_logout(); }, /** @@ -102,7 +103,7 @@ jQuery(function ($) { "" ); upload_node.text(upload_node_value); - }, + } }); }, init_event: function () { @@ -184,6 +185,38 @@ jQuery(function ($) { .find(".user-registration-profile-picture-error") .remove(); }, + /** + * Displays Logout popup. + */ + handle_user_logout: function () { + $(document).on("click", ".ur-logout", function (e) { + e.preventDefault(); + e.stopPropagation(); + var $this = $(this); + + swal.fire({ + title: $this.text() + "?", + html: user_registration_params.logout_popup_text, + confirmButtonText: $this.text(), + confirmButtonColor: "#F25656", + showConfirmButton: true, + showCancelButton: true, + cancelButtonText: "Cancel", + cancelButtonColor: "#FFFFFF", + customClass: { + container: + "user-registration-swal2-container user-registration-logout-swal2-container", + title: "swal2-title-border" + }, + focusConfirm: false, + showLoaderOnConfirm: true + }).then(function (result) { + if (result.isConfirmed) { + window.location.href = $this.attr("href"); + } + }); + }); + } }; // Handle profile picture remove event. @@ -228,13 +261,13 @@ jQuery(function ($) { data: { action: "user_registration_cancel_email_change", cancel_email_change: cancel_email_change, - _wpnonce: nonce, + _wpnonce: nonce }, success: function (response) { if (response.success) { $this.parents("div.email-updated.inline").remove(); } - }, + } }); } ); diff --git a/assets/js/frontend/my-account.min.js b/assets/js/frontend/my-account.min.js index 0e225ea1f..d8d47d275 100644 --- a/assets/js/frontend/my-account.min.js +++ b/assets/js/frontend/my-account.min.js @@ -1 +1 @@ -jQuery(function(e){var r={init:function(){this.init_event()},profile_picture_upload:function(r){var t=user_registration_params.ajax_url+"?action=user_registration_profile_pic_upload&security="+user_registration_params.user_registration_profile_picture_upload_nonce,i=new FormData,a=r;i.append("file",a[0].files[0]);var o=a.closest(".button-group").find(".user_registration_profile_picture_upload"),n=o.text();e.ajax({url:t,data:i,type:"POST",processData:!1,contentType:!1,beforeSend:function(){o.text(user_registration_params.user_registration_profile_picture_uploading)},complete:function(e){var r="",t="";a.val("");var i=JSON.parse(e.responseText);r=i.data.message,i.success||(r='

'+r+"

"),i.success&&(r="",t=i.data.url,i.data.attachment_id,upload_files=i.data.upload_files,a.closest(".button-group").find("#profile_pic_url").val(upload_files),a.closest(".user-registration-profile-header").find(".profile-preview").attr("src",t)),a.closest(".button-group").find(".profile-pic-remove").data("attachment-id",i.data.attachment_id),a.closest(".button-group").find(".profile-pic-remove").prop("style",!1),a.closest(".button-group").find(".user_registration_profile_picture_upload").attr("style","display:none"),a.closest(".user-registration-profile-header").find(".user-registration-profile-picture-error").remove(),a.closest(".button-group").after(''+r+""),o.text(n)}})},init_event:function(){e(".user_registration_profile_picture_upload").on("click",function(){e(this).closest(".button-group").find('input[type="file"]').trigger("click")}),e(document).on("change",'.button-group input[type="file"]',function(){r.profile_picture_upload(e('.button-group input[type="file"]'))})},remove_avatar:function(e){var r=e.data("attachment-id");if(e.closest("form").find(".ur_removed_profile_pic").length<=0){var t=document.createElement("input");t.setAttribute("type","hidden"),t.setAttribute("class","ur_removed_profile_pic"),t.setAttribute("name","ur_removed_profile_pic"),t.setAttribute("value",""),e.closest("form").append(t)}var i=e.closest("form").find(".ur_removed_profile_pic").val(),a=new Set(i?JSON.parse(i):[]);a.add(r),e.closest("form").find(".ur_removed_profile_pic").val(JSON.stringify(Array.from(a)));e.closest("form").find('input[name="profile-pic"]');input_hidden=e.closest("form").find('input[name="profile-pic-url"]'),profile_default_input_hidden=e.closest("form").find('input[name="profile-default-image"]'),preview=e.closest("form").find("img.profile-preview"),input_hidden.val(""),preview.attr("src",profile_default_input_hidden.val()),e.hide(),e.closest(".button-group").find(".user_registration_profile_picture_upload").show(),e.closest(".user-registration-profile-header").find(".user-registration-profile-picture-error").remove()}};e(".profile-pic-remove, .uraf-profile-picture-remove").on("click",function(t){t.preventDefault(),r.remove_avatar(e(this))}),e(document).on("user_registration_frontend_before_edit_profile_submit",function(r,t,i){var a=e(".ur_removed_profile_pic");e.each(a,function(){t.ur_removed_profile_pic=e(this).val()})}),e(document).on("click","input#user_registration_user_email + div.email-updated.inline a",function(r){r.preventDefault();var t=e(this),i=new URL(r.target.href),a=i.searchParams.get("cancel_email_change"),o=i.searchParams.get("_wpnonce"),n=user_registration_params.ajax_url;e.ajax({type:"POST",url:n,data:{action:"user_registration_cancel_email_change",cancel_email_change:a,_wpnonce:o},success:function(e){e.success&&t.parents("div.email-updated.inline").remove()}})}),e(".ur-frontend-form").find(".user-registration-profile-header").find(".uraf-profile-picture-upload").length||(r.init(),e(".edit-profile").on("submit",function(r){var t=e(".ur-smart-phone-field");if("true"===t.attr("aria-invalid")){r.preventDefault();var i=t.closest("p.form-row");i.find("#"+t.data("id")+"-error").remove();var a='";return i.append(a),i.find("#"+t.data("id")).attr("aria-invalid",!0),!0}if(1===e(this).find(".user-registration-profile-picture-error").find(".user-registration-error").length)return r.preventDefault(),!0})),e("input.flatpickr-input").each(function(){e(this).val(e(this).attr("value"))})}); \ No newline at end of file +jQuery(function(e){var r={init:function(){this.init_event(),this.handle_user_logout()},profile_picture_upload:function(r){var t=user_registration_params.ajax_url+"?action=user_registration_profile_pic_upload&security="+user_registration_params.user_registration_profile_picture_upload_nonce,i=new FormData,o=r;i.append("file",o[0].files[0]);var a=o.closest(".button-group").find(".user_registration_profile_picture_upload"),n=a.text();e.ajax({url:t,data:i,type:"POST",processData:!1,contentType:!1,beforeSend:function(){a.text(user_registration_params.user_registration_profile_picture_uploading)},complete:function(e){var r="",t="";o.val("");var i=JSON.parse(e.responseText);r=i.data.message,i.success||(r='

'+r+"

"),i.success&&(r="",t=i.data.url,i.data.attachment_id,upload_files=i.data.upload_files,o.closest(".button-group").find("#profile_pic_url").val(upload_files),o.closest(".user-registration-profile-header").find(".profile-preview").attr("src",t)),o.closest(".button-group").find(".profile-pic-remove").data("attachment-id",i.data.attachment_id),o.closest(".button-group").find(".profile-pic-remove").prop("style",!1),o.closest(".button-group").find(".user_registration_profile_picture_upload").attr("style","display:none"),o.closest(".user-registration-profile-header").find(".user-registration-profile-picture-error").remove(),o.closest(".button-group").after(''+r+""),a.text(n)}})},init_event:function(){e(".user_registration_profile_picture_upload").on("click",function(){e(this).closest(".button-group").find('input[type="file"]').trigger("click")}),e(document).on("change",'.button-group input[type="file"]',function(){r.profile_picture_upload(e('.button-group input[type="file"]'))})},remove_avatar:function(e){var r=e.data("attachment-id");if(e.closest("form").find(".ur_removed_profile_pic").length<=0){var t=document.createElement("input");t.setAttribute("type","hidden"),t.setAttribute("class","ur_removed_profile_pic"),t.setAttribute("name","ur_removed_profile_pic"),t.setAttribute("value",""),e.closest("form").append(t)}var i=e.closest("form").find(".ur_removed_profile_pic").val(),o=new Set(i?JSON.parse(i):[]);o.add(r),e.closest("form").find(".ur_removed_profile_pic").val(JSON.stringify(Array.from(o)));e.closest("form").find('input[name="profile-pic"]');input_hidden=e.closest("form").find('input[name="profile-pic-url"]'),profile_default_input_hidden=e.closest("form").find('input[name="profile-default-image"]'),preview=e.closest("form").find("img.profile-preview"),input_hidden.val(""),preview.attr("src",profile_default_input_hidden.val()),e.hide(),e.closest(".button-group").find(".user_registration_profile_picture_upload").show(),e.closest(".user-registration-profile-header").find(".user-registration-profile-picture-error").remove()},handle_user_logout:function(){e(document).on("click",".ur-logout",function(r){r.preventDefault(),r.stopPropagation();var t=e(this);swal.fire({title:t.text()+"?",html:user_registration_params.logout_popup_text,confirmButtonText:t.text(),confirmButtonColor:"#F25656",showConfirmButton:!0,showCancelButton:!0,cancelButtonText:"Cancel",cancelButtonColor:"#FFFFFF",customClass:{container:"user-registration-swal2-container user-registration-logout-swal2-container",title:"swal2-title-border"},focusConfirm:!1,showLoaderOnConfirm:!0}).then(function(e){e.isConfirmed&&(window.location.href=t.attr("href"))})})}};e(".profile-pic-remove, .uraf-profile-picture-remove").on("click",function(t){t.preventDefault(),r.remove_avatar(e(this))}),e(document).on("user_registration_frontend_before_edit_profile_submit",function(r,t,i){var o=e(".ur_removed_profile_pic");e.each(o,function(){t.ur_removed_profile_pic=e(this).val()})}),e(document).on("click","input#user_registration_user_email + div.email-updated.inline a",function(r){r.preventDefault();var t=e(this),i=new URL(r.target.href),o=i.searchParams.get("cancel_email_change"),a=i.searchParams.get("_wpnonce"),n=user_registration_params.ajax_url;e.ajax({type:"POST",url:n,data:{action:"user_registration_cancel_email_change",cancel_email_change:o,_wpnonce:a},success:function(e){e.success&&t.parents("div.email-updated.inline").remove()}})}),e(".ur-frontend-form").find(".user-registration-profile-header").find(".uraf-profile-picture-upload").length||(r.init(),e(".edit-profile").on("submit",function(r){var t=e(".ur-smart-phone-field");if("true"===t.attr("aria-invalid")){r.preventDefault();var i=t.closest("p.form-row");i.find("#"+t.data("id")+"-error").remove();var o='";return i.append(o),i.find("#"+t.data("id")).attr("aria-invalid",!0),!0}if(1===e(this).find(".user-registration-profile-picture-error").find(".user-registration-error").length)return r.preventDefault(),!0})),e("input.flatpickr-input").each(function(){e(this).val(e(this).attr("value"))})}); \ No newline at end of file diff --git a/assets/js/frontend/password-strength-meter.js b/assets/js/frontend/password-strength-meter.js index df012ae6e..fe086e927 100644 --- a/assets/js/frontend/password-strength-meter.js +++ b/assets/js/frontend/password-strength-meter.js @@ -1,7 +1,7 @@ -/* global wp, ur_password_strength_meter_params */ +/* global wp, ur_password_strength_meter_paramsm ur_frontend_params_with_form_id */ jQuery(function ($) { var pwsL10n = ur_password_strength_meter_params.pwsL10n; - var custom_password_params = ur_password_strength_meter_params.custom_password_params; + var custom_password_params = ur_frontend_params_with_form_id.custom_password_params; /** * Password Strength Meter class. diff --git a/assets/js/frontend/user-registration-form-validator.js b/assets/js/frontend/user-registration-form-validator.js index d2e8b983e..288148531 100644 --- a/assets/js/frontend/user-registration-form-validator.js +++ b/assets/js/frontend/user-registration-form-validator.js @@ -152,7 +152,7 @@ "SpecialCharacterValidator", function (value, element) { var reg = new RegExp( - /^(?=.{3,20}$)[a-zA-Z][a-zA-Z0-9_.]*(?: [a-zA-Z0-9]+)*$/ + /^(?=.{3,20}$)[a-zA-Z][a-zA-Z0-9]*(?: [a-zA-Z0-9]+)*$/ ); return this.optional(element) || reg.test(value); }, @@ -220,7 +220,7 @@ ) { return true; } - if( $(element).hasClass("ur-flatpickr-field") ){ + if ($(element).hasClass("ur-flatpickr-field")) { return true; } return ( @@ -529,9 +529,10 @@ user_login_div.data("username-length"); } - if (user_login_div.data("username-character") == "no") { - username_validator.SpecialCharacterValidator = - user_login_div.data("username-character"); + if ( + typeof user_login_div.data("username-character") === "undefined" + ) { + username_validator.SpecialCharacterValidator = true; } rules.user_login = username_validator; diff --git a/assets/js/frontend/user-registration.js b/assets/js/frontend/user-registration.js index eee2f5c14..8761587b8 100644 --- a/assets/js/frontend/user-registration.js +++ b/assets/js/frontend/user-registration.js @@ -1,4 +1,4 @@ -/* global user_registration_params, ur_password_strength_meter_params */ +/* global user_registration_params, ur_frontend_params_with_form_id */ (function ($) { var user_registration_form_init = function () { var ursL10n = user_registration_params.ursL10n; @@ -588,11 +588,15 @@ ? field.val() : ""; - formwise_data.field_name = field + privacy_field_name = field .closest( ".field-privacy_policy" ) .data("ref-id"); + + if ( "undefined" !== typeof privacy_field_name ) { + formwise_data.field_name = privacy_field_name; + } } break; case "radio": @@ -1329,7 +1333,9 @@ ); } $(".ur-input-count").text("0"); - $this[0].reset(); + if ( ! user_registration_params.ur_hold_data_before_redirection ) { + $this[0].reset(); + } if ( $this.find("#profile_pic_url") .length @@ -2357,6 +2363,16 @@ } }); + // Handel WYSIWYG field client side validation. + $( document ).on( 'tinymce-editor-init', function( event, editor ) { + var $editorContainer = $(editor.getContainer()); + var containerId = $editorContainer.attr('id'); + var hiddenEditor = $("#"+containerId).parent().parent().parent().find("[data-label = 'WYSIWYG']"); + editor.on('keyup', function(e) { + hiddenEditor.val(tinyMCE.activeEditor.getContent()); + }); + }); + $(".ur-frontend-form").each(function () { var $registration_form = $(this).find("form.register"); @@ -2534,35 +2550,51 @@ $(function () { $(".input-checkbox").each(function () { var checkAll = $(this).attr("data-id"); - if ( - $('input[name="' + checkAll + '[]"]:checked').length == - $('[data-id = "' + checkAll + '" ]').length - ) { - $('[data-check = "' + checkAll + '" ]').prop("checked", true); + if ("undefined" !== typeof checkAll) { + if ( + $('input[name="' + checkAll + '[]"]:checked').length == + $('[data-id = "' + checkAll + '" ]').length + ) { + $('[data-check = "' + checkAll + '" ]').prop( + "checked", + true + ); + } } }); $('input[type="checkbox"]#checkall').on("click", function () { var checkAll = $(this).attr("data-check"); - $('[data-id = "' + checkAll + '[]" ]').prop( - "checked", - $(this).prop("checked") - ); + if ("undefined" !== typeof checkAll) { + $('[data-id = "' + checkAll + '[]" ]').prop( + "checked", + $(this).prop("checked") + ); + } }); $(".input-checkbox").on("change", function () { var checkAll = $(this).attr("data-id"); - checkAll = checkAll.replace("[]", ""); - if ($(this).prop("checked") === false) { - $('[data-check = "' + checkAll + '" ]').prop("checked", false); - } + if ("undefined" !== typeof checkAll) { + checkAll = checkAll.replace("[]", ""); - if ( - $('input[name="' + checkAll + '[]"]:checked').length == - $('[data-id = "' + checkAll + '" ]').length - ) { - $('[data-check = "' + checkAll + '" ]').prop("checked", true); + if ($(this).prop("checked") === false) { + $('[data-check = "' + checkAll + '" ]').prop( + "checked", + false + ); + } + + if ( + $('input[name="' + checkAll + '[]"]:checked').length == + $('[data-id = "' + checkAll + '" ]').length + ) { + $('[data-check = "' + checkAll + '" ]').prop( + "checked", + true + ); + } } }); }); @@ -2600,7 +2632,7 @@ function ur_includes(arr, item) { */ function customPasswordChecks(password) { var custom_password_params = - ur_password_strength_meter_params.custom_password_params, + ur_frontend_params_with_form_id.custom_password_params, minLength = custom_password_params.minimum_pass_length !== undefined && custom_password_params.minimum_pass_length >= 3 diff --git a/assets/js/frontend/user-registration.min.js b/assets/js/frontend/user-registration.min.js index 462c31ef1..77c5d7144 100644 --- a/assets/js/frontend/user-registration.min.js +++ b/assets/js/frontend/user-registration.min.js @@ -1 +1 @@ -function ur_includes(e,r){if(Array.isArray(e))for(var t=0;t=3?r.minimum_pass_length:3,a=r.max_rep_chars!==undefined?r.max_rep_chars:0,i=r.no_rep_chars!==undefined?r.no_rep_chars:0,n=r.minimum_uppercase!==undefined?r.minimum_uppercase:0,s=r.minimum_special_chars!==undefined?r.minimum_special_chars:0,o=r.minimum_digits!==undefined?r.minimum_digits:0,d=new Set(["!","@","#","$","%","^","&","*","(",")","-","_","=","+","{","}","[","]","|","\\",":",";",'"',"'","<",">",",",".","?","/"]),u="",l=0,f=0,p=0,_=0;if(e.length=a)return 0}else l=0;u=m}return n>0&&f0&&_0&&p0){var a=e(this).val().trim();r="characters"===t.find(".ur-input-count").data("count-type")?a.length:""===a?0:a.split(/\s+/).length}t.find(".ur-input-count").text(r)})}var t=function(){var t=user_registration_params.ursL10n;e.fn.ur_form_submission=function(){return this.each(function(){var r=e(this),a=[],i=user_registration_params.form_required_fields,n={init:function(){},get_form_data:function(t){if(t===r.closest(".ur-frontend-form").attr("id")||e(".ur-frontend-form").find("form.edit-profile").hasClass("user-registration-EditProfileForm")){var a=this,i=[],s=n.separate_form_handler(""),o={};r.closest("form").find(".ur-repeater-row").each(function(){var r=e(this).closest(".ur-repeater-row").data("repeater-field-name"),t="row_"+e(this).closest(".ur-repeater-row").data("repeater-row");e(this).closest(".user-registration-EditProfileForm").length>0&&(r="user_registration_"+r),o[r]||(o[r]={field_name:r,field_type:"repeater",value:{},label:e(this).closest(".ur-repeater-row").find(".ur-repeater-label").find(".ur-label").text(),extra_params:{field_key:"repeater",label:e(this).closest(".ur-repeater-row").find(".ur-repeater-label").find(".ur-label").text()}}),o[r].value[t]||(o[r].value[t]=[])});var d=new Array;e.each(s,function(){var r=e(this).attr("name"),t=e(this).attr("type"),s=n.separate_form_handler('[name="'+r+'"]'),u=e(this).closest(".ur-repeater-row").data("repeater-field-name");e(this).closest(".user-registration-EditProfileForm").length>0&&(u="user_registration_"+u);var l="row_"+e(this).closest(".ur-repeater-row").data("repeater-row");if((s.length<2||s.closest(".ur-repeater-row").length>0)&&e.inArray(t,["radio"])<0){var f=a.get_fieldwise_data(e(this)),p=document.querySelector(".field-invite_code");"invite_code"===f.field_name?"none"!==p.style.display&&i.push(f):e(this).closest(".ur-repeater-row").length>0?e(this).closest(".form-row").find("*[name='"+e(this).attr("name")+"']").length<2||"range"===e(this).attr("type")||e(this).hasClass("ur-smart-phone-field")?o[u].value[l].push(f):-1===d.indexOf(f.field_name+"[]")&&d.push(f.field_name+"[]"):i.push(f)}else e.inArray(r,d)<0&&d.push(r)});for(var u=0;u0?r.closest(".field-radio").length>0?_[r.attr("data-id")]=t:("undefined"==typeof _[r.attr("data-id")]&&(_[r.attr("data-id")]=new Array),_[r.attr("data-id")].push(t)):p.push(t))}),"checkbox"==f)if(""!==user_registration_params.is_payment_compatible)if("multiple_choice"==l.eq(0).attr("data-field")){e(document).trigger("user_registration_frontend_multiple_choice_data_filter",[p,l]),p=l.closest(".field-multiple_choice").data("payment-value");var c=JSON.stringify(p)}else c=JSON.stringify(p);else if("multiple_choice"==l.eq(0).attr("data-field"))for(var m=p,g=(c=0,0);g0){var h=selectedSubscriptionPlan.data("value");c=JSON.stringify(h+":"+selectedSubscriptionPlan.val())}}else c=p[0];else c=p[0];else c=l.val();var v=d[u];v=v.replace("[]","");var b={value:c,field_type:f,label:l.eq(0).attr("data-label"),field_name:v};if(Object.keys(_).length>0){new Array;e.each(_,function(r,t){r=e("[name='"+r+"']").length<1&&-1===r.indexOf("[]")?r+"[]":r;var a=e('[name="'+r+'"]').closest(".ur-repeater-row").data("repeater-row"),i=Object.assign({},b);i.value="string"==typeof t?t:JSON.stringify(t),i.field_name=v.slice(0,-2);var n="undefined"==typeof o[e("[name='"+r+"']").closest(".ur-repeater-row").data("repeater-field-name")]?"user_registration_"+e("[name='"+r+"']").closest(".ur-repeater-row").data("repeater-field-name"):e("[name='"+r+"']").closest(".ur-repeater-row").data("repeater-field-name");o[n].value["row_"+a].push(i)})}else i.push(b)}return Object.keys(o).forEach(function(r){e("input[name='"+r+"'").length>0&&e("input[name='"+r+"'").val(JSON.stringify(o[r]))}),Object.keys(o).length>0&&e.merge(i,Object.values(o)),e(document).trigger("user_registration_frontend_form_data_filter",[i]),i}},get_fieldwise_data:function(r){var t={},n=r.get(0).tagName.toLowerCase(),s="undefined"!==r.attr("name")?r.attr("name"):"null",o=[];r.attr("name")!==undefined&&""!==r.attr("name")?(t.field_name=r.attr("name"),t.field_name=t.field_name.replace("[]",""),e(r).closest(".ur-repeater-row").length>0&&(e(r).closest(".field-multi_select2").length>0&&(t.field_name=t.field_name.slice(0,-2)),e(r).closest(".field-file").length>0&&(t.field_name=e(r).closest(".field-file").attr("data-ref-id")))):t.field_name="",e(".field-phone, .field-billing_phone").each(function(){var r=e(this).find(".form-row").attr("id");e(this).find(".form-row").find("#"+r).hasClass("ur-smart-phone-field")&&o.push(e(this).find(".form-row").attr("id"))});var d="undefined"!==r.attr("type")?r.attr("type"):"null",u=r.get(0).className.split(" ")[0];switch(t.value="",n){case"input":var l=new Array;switch(d){case"checkbox":!r.closest(".field-privacy_policy").length>0?r.prop("checked")?(l.push(r.val()),t.value=JSON.stringify(l),"separate_shipping"===r.attr("data-id")&&(t.value=r.val())):t.value="":(t.value=r.prop("checked")?r.val():"",t.field_name=r.closest(".field-privacy_policy").data("ref-id"));break;case"radio":t.value=r.prop("checked")?r.val():"",t.field_name=r.closest(".field-privacy_policy").data("ref-id");break;default:t.value=r.val()}ur_includes(o,s)&&(t.value=r.siblings('input[type="hidden"]').val());break;case"select":t.value=r.val();break;case"textarea":switch(u){case"wysiwyg":tinyMCE.triggerSave(),t.value=r.val();break;default:t.value=r.val()}}return e(document).trigger("user_registration_frontend_form_data_render",[r,t]),t.field_type="undefined"!==r.eq(0).attr("type")?r.eq(0).attr("type"):"null",r.attr("data-label")!==undefined?t.label=r.attr("data-label"):r.prev().length&&"label"===r.prev().get(0).tagName.toLowerCase()?t.label=r.prev().text():t.label=t.field_type,e.inArray(t.field_name,i.join(",").trim())>=0&&a.push(t.field_name),t},show_message:function(r,t,a,i){if(a.closest(".user-registration").find(".ur-message").remove(),e(".ur-frontend-form").find("form.edit-profile").hasClass("user-registration-EditProfileForm")){(n=e('
')).append(r);e(".user-registration").find(".user-registration-MyAccount-navigation").length?n.insertBefore(".user-registration-MyAccount-navigation"):n.insertBefore(".ur-frontend-form")}else{var n;(n=e('
')).append(r),"1"===i?a.append(n):"2"===i?"message"==t?(a.closest(".entry-content").prepend(n),a.closest(".ur-frontend-form").hide()):a.append(n):a.prepend(n)}},separate_form_handler:function(t){return e(".ur-frontend-form").find("form.edit-profile").hasClass("user-registration-EditProfileForm")?r.find(".user-registration-profile-fields").find(".ur-edit-profile-field"+t):r.closest(".ur-frontend-form").find(".ur-form-grid").find(".ur-frontend-field"+t)},missing_attachment_handler:function(r){var t=[];if(1<=r.length){r.each(function(){var r=e(this).attr("id");-1===e.inArray(r,t)&&t.push(r)});for(var a=0;a=0;n--)e.isNumeric(i[n])||i.splice(n,1);e("#"+t[a]).val(i)}}}},s={init:function(){this.form_submit_event(),user_registration_params.ajax_submission_on_edit_profile&&this.edit_profile_event()},form_submit_event:function(){e(".ur-frontend-form").each(function(){var r=e(this);r.find("form.register").off("submit").on("submit",function(a){if(a.preventDefault(),r.find("form.register button.ur-submit-button").is(":hidden")||r.find("form.register button.ur-submit-button").is(":disabled"))return!1;var i=e(this);if(e.extend(e.validator.messages,{required:user_registration_params.message_required_fields,url:user_registration_params.message_url_fields,email:user_registration_params.message_email_fields,number:user_registration_params.message_number_fields,confirmpassword:user_registration_params.message_confirm_password_fields}),i.find(".user-registration-password-strength").length>0){var o=i.find(".user-registration-password-strength").attr("data-current-strength"),d=i.find(".user-registration-password-strength").attr("data-min-strength");if(parseInt(o,0)";i.find(".user-registration-password-hint").after(u),i.find("#user_pass").attr("aria-invalid",!0),i.find("#user_pass").trigger("focus")}return!1}}var l=i.find(".ur-smart-phone-field");if("true"===l.attr("aria-invalid")){(_=l.closest("p.form-row")).find("#"+l.data("id")+"-error").remove();var f='";return _.append(f),_.find("#"+l.data("id")).attr("aria-invalid",!0),!0}var p=i.find(".urfu-file-input");n.missing_attachment_handler(p);if(1===i.find(".uraf-profile-picture-upload").find(".user-registration-error").length){var _,c=i.find(".uraf-profile-picture-upload").find(".uraf-profile-picture-input");(_=i.find(".uraf-profile-picture-upload")).find("#"+c.attr("name")+"-error").remove(),_.find(".uraf-profile-picture-file-error").remove();var m='";_.find("button.wp_uraf_profile_picture_upload").after(m)}if(e(document).trigger("user_registration_frontend_validate_before_form_submit",[i]),!(00&&i.find("#user_registration_stripe_gateway").find(".user-registration-error").is(":visible"))&&i.valid()){i.find(".ur-submit-button").prop("disabled",!0);var g,h=0,v="0",b="",w="";b="hcaptcha"===user_registration_params.recaptcha_type?i.find('[name="h-captcha-response"]').val():"cloudflare"===user_registration_params.recaptcha_type?i.find('[name="cf-turnstile-response"]').val():i.find('[name="g-recaptcha-response"]').val();try{g=JSON.stringify(n.get_form_data(i.closest(".ur-frontend-form").attr("id")))}catch(k){g=""}1===e(this).closest("form").find('input[name="ur-user-form-id"]').length&&(h=e(this).closest("form").find('input[name="ur-user-form-id"]').val()),1===e(this).closest("form").find('input[name="ur-registration-language"]').length&&(w=e(this).closest("form").find('input[name="ur-registration-language"]').val()),1===e(this).closest("form").find('input[name="ur_frontend_form_nonce"]').length&&(v=e(this).closest("form").find('input[name="ur_frontend_form_nonce"]').val());var y={action:"user_registration_user_form_submit",security:user_registration_params.user_registration_form_data_save,form_data:g,captchaResponse:b,form_id:h,registration_language:w,ur_frontend_form_nonce:v},x={};if(e(document).trigger("user_registration_frontend_before_form_submit",[y,i,x]),"undefined"!=typeof x.message&&""!==x.message)return n.show_message("

"+x.message+"

","error",i,"1"),void i.find(".ur-submit-button").prop("disabled",!1);if(!(i.find('.field-authorize_net_gateway[data-field-id="authorizenet_gateway"]').find(".ur-authorize-net-errors").length>0)){i.find(".ur-submit-button").find("span").addClass("ur-front-spinner");if(s.wait_third_party_api(i))new Promise(function(r,t){e(document).trigger("user_registration_third_party_api_before_form_submit",[y,i,x,r,t])}).then(function(e){s.ajax_form_submit(e)});else s.ajax_form_submit(y)}}})})},wait_third_party_api:function(e){var r=!1;return e.find("#user_registration_authorize_net_gateway[data-gateway='authorize_net']").length>0&&(r=!0),r},ajax_form_submit:function(a){e.ajax({url:user_registration_params.ajax_url,data:a,type:"POST",async:!0,complete:function(a){var i=[];if(i.status=!0,e(document).trigger("user_registration_frontend_before_ajax_complete_success_message",[a,i,r]),i.status){r.find(".ur-submit-button").find("span").removeClass("ur-front-spinner");var s=r.find('input[name="ur-redirect-url"]').val(),o=e('
    '),d="error",u=!1;try{var l=JSON.parse(a.responseText),f=l.data.redirect_timeout?l.data.redirect_timeout:2e3;"undefined"!=typeof l.success&&!0===l.success&&"undefined"!=typeof l.data.paypal_redirect&&window.setTimeout(function(){window.location=l.data.paypal_redirect},f),"undefined"!=typeof l.success&&!0===l.success&&(d="message"),"message"===d?(r.find(".user-registration-password-hint").remove(),r.find(".user-registration-password-strength").remove(),"admin_approval"==l.data.form_login_option?o.append("
  • "+t.user_under_approval+"
    • "):"email_confirmation"==l.data.form_login_option||"admin_approval_after_email_confirmation"==l.data.form_login_option?o.append("
  • "+t.user_email_pending+"
    • "):"payment"==l.data.form_login_option?o.append("
  • "+l.data.message+"
    • "):o.append((l.data.message,t.user_successfully_saved)),"undefined"!=typeof l.data.auto_password_generation_success_message&&o.append("
  • "+l.data.auto_password_generation_success_message+"
    • "),e(".ur-input-count").text("0"),r[0].reset(),r.find("#profile_pic_url").length&&e("#profile_pic_url").val(""),jQuery("#billing_country").trigger("change"),jQuery("#shipping_country").trigger("change"),"undefined"!=typeof l.data.role_based_redirect_url&&(s=l.data.role_based_redirect_url),"undefined"!=typeof l.data.form_login_option&&"sms_verification"===l.data.form_login_option&&window.setTimeout(function(){"undefined"!=typeof l.data.redirect_url&&l.data.redirect_url&&(window.location=l.data.redirect_url)},f),void 0!==s&&""!==s?(e(document).trigger("user_registration_frontend_before_redirect_url",[s]),window.setTimeout(function(){window.location=s},f)):"undefined"!=typeof l.data.auto_login&&l.data.auto_login&&(e(document).trigger("user_registration_frontend_before_auto_login"),window.setTimeout(function(){"undefined"!=typeof l.data.redirect_url&&l.data.redirect_url?window.location=l.data.redirect_url:location.reload()},f))):"error"===d&&("object"==typeof l.data.message?e.each(l.data.message,function(t,a){if(a.hasOwnProperty("individual")){var i=[];e.each(r.find(".ur-field-item").find(".ur-frontend-field"),function(r){var t=e(this);if(t.hasClass("input-captcha-icon-radio")){var a=t.attr("data-id");i.includes(a)||i.push(a)}else{var n=t.attr("id");i.push(n)}});var n="";e.each(a,function(e,t){var s="",o="";if(a.hasOwnProperty("repeater_field_name")&&(s=a.repeater_field_name,e=e+"_"+(o=a.row_id.replace("row_",""))),i.includes(e)){n=e;var d='",l="";(l=r.find(".ur-repeater-row[data-repeater-field-name='"+s+"'][data-repeater-row='"+o+"'] ").length>0?r.find(".ur-repeater-row[data-repeater-field-name='"+s+"'][data-repeater-row='"+o+"'] ").find(".ur-field-item").find("input[id='"+e+"'], textarea[id='"+e+"']"):r.find(".ur-form-row").find(".ur-field-item").find("input[id='"+e+"'], textarea[id='"+e+"']")).closest(".ur-field-item").find(".user-registration-error").remove(),l.closest(".form-row").append(d),u=!0}}),e(document).trigger("ur_handle_field_error_messages",[r,n])}else o.append("
  • "+a+"
    • ")}):o.append("
  • "+l.data.message+"
    • "))}catch(m){o.append("
  • "+m.message+"
    • ")}var p=JSON.parse(a.responseText).data.success_message_positon;if(u){var _=[];e.each(r.find(".ur-field-item").find(".ur-frontend-field"),function(r){var t=e(this).attr("id");_.push(t)});var c="";e.each(l.data.message,function(e,t){if(_.includes(e)){c=e;var a='",i=r.find(".ur-field-item").find("input[id='"+e+"'], textarea[id='"+e+"']");i.closest(".ur-field-item").find(".user-registration-error").remove(),i.closest(".form-row").append(a)}}),e(document).trigger("ur_handle_field_error_messages",[r,c])}else n.show_message(o,d,r,p);"1"===p?e(window).scrollTop(r.find(".ur-button-container").offset().top):e(window).scrollTop(r.closest(".ur-frontend-form").offset().top),e(document).trigger("user_registration_frontend_after_ajax_complete",[a.responseText,d,r]),r.find(".ur-submit-button").prop("disabled",!1)}e(".coupon-message").css({display:"none"})}}).fail(function(){n.show_message("

    "+user_registration_params.ajax_form_submit_error+"

    ","error",r,"1"),r.find(".ur-submit-button").prop("disabled",!1)})},edit_profile_event:function(){user_registration_params.ajax_submission_on_edit_profile&&e("form.user-registration-EditProfileForm").off("submit").on("submit",function(r){r.preventDefault(),r.stopImmediatePropagation();var t=e(this);e.extend(e.validator.messages,{required:user_registration_params.message_required_fields,url:user_registration_params.message_url_fields,email:user_registration_params.message_email_fields,number:user_registration_params.message_number_fields});var a=t.find(".ur-smart-phone-field");if("true"===a.attr("aria-invalid")){(s=a.closest("p.form-row")).find("#"+a.data("id")+"-error").remove();var i='";return s.append(i),s.find("#"+a.data("id")).attr("aria-invalid",!0),!0}if(1===t.find(".uraf-profile-picture-upload").find(".user-registration-error").length){var s,o=t.find(".uraf-profile-picture-upload").find(".uraf-profile-picture-input");(s=t.find(".uraf-profile-picture-upload")).find("#"+o.attr("name")+"-error").remove(),s.find(".uraf-profile-picture-file-error").remove();var d='";s.find("button.wp_uraf_profile_picture_upload").after(d)}if(!t.valid())return!1;if(1===t.find(".user-registration-profile-picture-error").find(".user-registration-error").length)return!1;r.preventDefault(),t.find(".user-registration-submit-Button").prop("disabled",!0);var u=t.find(".urfu-file-input");n.missing_attachment_handler(u);var l;try{l=n.get_form_data();var f=e("#profile_pic_url").val();l.push({value:f,field_name:"user_registration_profile_pic_url"}),l=JSON.stringify(l)}catch(_){l=""}var p={action:"user_registration_update_profile_details",security:user_registration_params.user_registration_profile_details_save,form_data:l};e(document).trigger("user_registration_frontend_before_edit_profile_submit",[p,t]),t.find(".user-registration-submit-Button").find("span").addClass("ur-front-spinner"),e.ajax({type:"POST",url:user_registration_params.ajax_url,dataType:"JSON",data:p,complete:function(r){t.find("span.ur-front-spinner").removeClass("ur-front-spinner"),t.closest(".user-registration").find(".user-registration-error").remove(),t.closest(".user-registration").find(".user-registration-message").remove();var a=e('
      '),i="error";try{var s=JSON.parse(r.responseText);"undefined"!=typeof s.success&&!0===s.success&&(i="message","undefined"!=typeof s.data.profile_pic_id&&(t.find(".ur_removed_profile_pic").val(""),t.find(".uraf-profile-picture-remove").length>0&&t.find(".uraf-profile-picture-remove").data("attachment-id",s.data.profile_pic_id),t.find(".profile-pic-remove").length>0&&t.find(".profile-pic-remove").data("attachment-id",s.data.profile_pic_id)));var o=!1;"object"==typeof s.data.message?e.each(s.data.message,function(r,i){if(i.hasOwnProperty("individual")){var n=[];e.each(t.find(".ur-form-row").find(".ur-field-item").find(".ur-edit-profile-field"),function(r){var t=e(this).attr("id");n.push(t)}),e.each(i,function(e,r){var a="",s="";if(i.hasOwnProperty("repeater_field_name")?(a=i.repeater_field_name,e="user_registration_"+e+"_"+(s=i.row_id.replace("row_",""))):e=-1===e.indexOf("user_registration_")?"user_registration_"+e:e,n.includes(e)){var d='",u=t.find(".ur-form-row");(u=u.hasClass("ur-repeater-row")?u.find(".ur-repeater-row[data-repeater-field-name='"+a+"'][data-repeater-row='"+s+"'] ").find(".ur-field-item").find("input[id='"+e+"'], textarea[id='"+e+"']"):u.find(".ur-field-item").find("input[id='"+e+"'], textarea[id='"+e+"']")).closest(".form-row").append(d),o=!0}})}else a.append("
    • "+i+"
      • ")}):(a.append("
    • "+s.data.message+"
      • "),undefined!==s.data.userEmailPendingMessage&&(e(".user-registration-info.user-email-change-update-notice").remove(),n.show_message(e('
        ').append("
      • "+s.data.userEmailUpdateMessage+"
        • "),"info user-email-change-update-notice",t,"0"),e("input#user_registration_user_email").next("div.email-updated").length&&e("input#user_registration_user_email").next("div.email-updated").remove(),e(s.data.userEmailPendingMessage).insertAfter(e("input#user_registration_user_email")),e("input#user_registration_user_email").val(s.data.oldUserEmail)))}catch(d){a.append("
      • "+d.message+"
        • ")}o||n.show_message(a,i,t,"0"),e(document).trigger("user_registration_edit_profile_after_ajax_complete",[r,t]),t.find(".user-registration-submit-Button").prop("disabled",!1),e(window).scrollTop(e(".user-registration").position())}}).fail(function(){n.show_message("

        "+user_registration_params.ajax_form_submit_error+"

        ","error",t,"1"),t.find(".user-registration-submit-Button").prop("disabled",!1)})})}};n.init(),e(".user-registration-EditProfileForm ").length>0&&n.get_form_data(e(".user-registration-EditProfileForm ").data("form-id")),s.init()})},e(function(){e(document).ready(function(){if(e(".ur-submit-button").on("click",function(){e(this).closest("form.register").ur_form_submission()}),e("input[name='save_account_details'], button[name='save_account_details']").on("click",function(r){e(".ur-frontend-form").find("form.edit-profile").hasClass("user-registration-EditProfileForm")&&e("form.user-registration-EditProfileForm").ur_form_submission(),e(this).submit()}),e(".ur-flatpickr-field").length){var r=[];e(".ur-flatpickr-field").each(function(){var t=e(this),a=r.find(function(e){return e.element==t[0]});if(a)a.open();else{var i=t.attr("data-id"),n=t.closest(".ur-field-item").find("#formated_date").val();if(0'+t.password_strength_error+".";i.find(".user-registration-password-hint").after(d)}}})})}),e(function(){e("textarea").each(function(){e(this).on("input",r);var t,a=e(this).closest(".ur-field-item");if(a.find(".ur-input-count").length>0){var i=e(this).val().trim();t="characters"===a.find(".ur-input-count").data("count-type")?i.length:""===i?0:i.split(/\s+/).length}a.find(".ur-input-count").text(t)})}),e(function(){e(".user-registration-EditProfileForm.edit-profile .field-country").length>0&&e(".field-country").each(function(){var r=e(this).find(".ur-data-holder").data("option-value"),t=e(this).find(".ur-data-holder").data("option-html"),a=e(this).find("select");r&&t&&(0===a.find('option[value="'+r+'"]').length&&a.append(""),e(this).on("click",function(){e(this).find(".ur-remove").remove()}))})})};e(function(){e(".input-checkbox").each(function(){var r=e(this).attr("data-id");e('input[name="'+r+'[]"]:checked').length==e('[data-id = "'+r+'" ]').length&&e('[data-check = "'+r+'" ]').prop("checked",!0)}),e('input[type="checkbox"]#checkall').on("click",function(){var r=e(this).attr("data-check");e('[data-id = "'+r+'[]" ]').prop("checked",e(this).prop("checked"))}),e(".input-checkbox").on("change",function(){var r=e(this).attr("data-id");r=r.replace("[]",""),!1===e(this).prop("checked")&&e('[data-check = "'+r+'" ]').prop("checked",!1),e('input[name="'+r+'[]"]:checked').length==e('[data-id = "'+r+'" ]').length&&e('[data-check = "'+r+'" ]').prop("checked",!0)})}),t(),e(window).on("load",function(){t()}),e(window).on("user_registration_repeater_modified",function(){t()})}(jQuery); \ No newline at end of file +function ur_includes(e,r){if(Array.isArray(e))for(var t=0;t=3?r.minimum_pass_length:3,a=r.max_rep_chars!==undefined?r.max_rep_chars:0,i=r.no_rep_chars!==undefined?r.no_rep_chars:0,n=r.minimum_uppercase!==undefined?r.minimum_uppercase:0,s=r.minimum_special_chars!==undefined?r.minimum_special_chars:0,o=r.minimum_digits!==undefined?r.minimum_digits:0,d=new Set(["!","@","#","$","%","^","&","*","(",")","-","_","=","+","{","}","[","]","|","\\",":",";",'"',"'","<",">",",",".","?","/"]),u="",l=0,f=0,p=0,_=0;if(e.length=a)return 0}else l=0;u=m}return n>0&&f0&&_0&&p0){var a=e(this).val().trim();r="characters"===t.find(".ur-input-count").data("count-type")?a.length:""===a?0:a.split(/\s+/).length}t.find(".ur-input-count").text(r)})}var t=function(){var t=user_registration_params.ursL10n;e.fn.ur_form_submission=function(){return this.each(function(){var r=e(this),a=[],i=user_registration_params.form_required_fields,n={init:function(){},get_form_data:function(t){if(t===r.closest(".ur-frontend-form").attr("id")||e(".ur-frontend-form").find("form.edit-profile").hasClass("user-registration-EditProfileForm")){var a=this,i=[],s=n.separate_form_handler(""),o={};r.closest("form").find(".ur-repeater-row").each(function(){var r=e(this).closest(".ur-repeater-row").data("repeater-field-name"),t="row_"+e(this).closest(".ur-repeater-row").data("repeater-row");e(this).closest(".user-registration-EditProfileForm").length>0&&(r="user_registration_"+r),o[r]||(o[r]={field_name:r,field_type:"repeater",value:{},label:e(this).closest(".ur-repeater-row").find(".ur-repeater-label").find(".ur-label").text(),extra_params:{field_key:"repeater",label:e(this).closest(".ur-repeater-row").find(".ur-repeater-label").find(".ur-label").text()}}),o[r].value[t]||(o[r].value[t]=[])});var d=new Array;e.each(s,function(){var r=e(this).attr("name"),t=e(this).attr("type"),s=n.separate_form_handler('[name="'+r+'"]'),u=e(this).closest(".ur-repeater-row").data("repeater-field-name");e(this).closest(".user-registration-EditProfileForm").length>0&&(u="user_registration_"+u);var l="row_"+e(this).closest(".ur-repeater-row").data("repeater-row");if((s.length<2||s.closest(".ur-repeater-row").length>0)&&e.inArray(t,["radio"])<0){var f=a.get_fieldwise_data(e(this)),p=document.querySelector(".field-invite_code");"invite_code"===f.field_name?"none"!==p.style.display&&i.push(f):e(this).closest(".ur-repeater-row").length>0?e(this).closest(".form-row").find("*[name='"+e(this).attr("name")+"']").length<2||"range"===e(this).attr("type")||e(this).hasClass("ur-smart-phone-field")?o[u].value[l].push(f):-1===d.indexOf(f.field_name+"[]")&&d.push(f.field_name+"[]"):i.push(f)}else e.inArray(r,d)<0&&d.push(r)});for(var u=0;u0?r.closest(".field-radio").length>0?_[r.attr("data-id")]=t:("undefined"==typeof _[r.attr("data-id")]&&(_[r.attr("data-id")]=new Array),_[r.attr("data-id")].push(t)):p.push(t))}),"checkbox"==f)if(""!==user_registration_params.is_payment_compatible)if("multiple_choice"==l.eq(0).attr("data-field")){e(document).trigger("user_registration_frontend_multiple_choice_data_filter",[p,l]),p=l.closest(".field-multiple_choice").data("payment-value");var c=JSON.stringify(p)}else c=JSON.stringify(p);else if("multiple_choice"==l.eq(0).attr("data-field"))for(var m=p,g=(c=0,0);g0){var h=selectedSubscriptionPlan.data("value");c=JSON.stringify(h+":"+selectedSubscriptionPlan.val())}}else c=p[0];else c=p[0];else c=l.val();var v=d[u];v=v.replace("[]","");var b={value:c,field_type:f,label:l.eq(0).attr("data-label"),field_name:v};if(Object.keys(_).length>0){new Array;e.each(_,function(r,t){r=e("[name='"+r+"']").length<1&&-1===r.indexOf("[]")?r+"[]":r;var a=e('[name="'+r+'"]').closest(".ur-repeater-row").data("repeater-row"),i=Object.assign({},b);i.value="string"==typeof t?t:JSON.stringify(t),i.field_name=v.slice(0,-2);var n="undefined"==typeof o[e("[name='"+r+"']").closest(".ur-repeater-row").data("repeater-field-name")]?"user_registration_"+e("[name='"+r+"']").closest(".ur-repeater-row").data("repeater-field-name"):e("[name='"+r+"']").closest(".ur-repeater-row").data("repeater-field-name");o[n].value["row_"+a].push(i)})}else i.push(b)}return Object.keys(o).forEach(function(r){e("input[name='"+r+"'").length>0&&e("input[name='"+r+"'").val(JSON.stringify(o[r]))}),Object.keys(o).length>0&&e.merge(i,Object.values(o)),e(document).trigger("user_registration_frontend_form_data_filter",[i]),i}},get_fieldwise_data:function(r){var t={},n=r.get(0).tagName.toLowerCase(),s="undefined"!==r.attr("name")?r.attr("name"):"null",o=[];r.attr("name")!==undefined&&""!==r.attr("name")?(t.field_name=r.attr("name"),t.field_name=t.field_name.replace("[]",""),e(r).closest(".ur-repeater-row").length>0&&(e(r).closest(".field-multi_select2").length>0&&(t.field_name=t.field_name.slice(0,-2)),e(r).closest(".field-file").length>0&&(t.field_name=e(r).closest(".field-file").attr("data-ref-id")))):t.field_name="",e(".field-phone, .field-billing_phone").each(function(){var r=e(this).find(".form-row").attr("id");e(this).find(".form-row").find("#"+r).hasClass("ur-smart-phone-field")&&o.push(e(this).find(".form-row").attr("id"))});var d="undefined"!==r.attr("type")?r.attr("type"):"null",u=r.get(0).className.split(" ")[0];switch(t.value="",n){case"input":var l=new Array;switch(d){case"checkbox":!r.closest(".field-privacy_policy").length>0?r.prop("checked")?(l.push(r.val()),t.value=JSON.stringify(l),"separate_shipping"===r.attr("data-id")&&(t.value=r.val())):t.value="":(t.value=r.prop("checked")?r.val():"",privacy_field_name=r.closest(".field-privacy_policy").data("ref-id"),"undefined"!=typeof privacy_field_name&&(t.field_name=privacy_field_name));break;case"radio":t.value=r.prop("checked")?r.val():"",t.field_name=r.closest(".field-privacy_policy").data("ref-id");break;default:t.value=r.val()}ur_includes(o,s)&&(t.value=r.siblings('input[type="hidden"]').val());break;case"select":t.value=r.val();break;case"textarea":switch(u){case"wysiwyg":tinyMCE.triggerSave(),t.value=r.val();break;default:t.value=r.val()}}return e(document).trigger("user_registration_frontend_form_data_render",[r,t]),t.field_type="undefined"!==r.eq(0).attr("type")?r.eq(0).attr("type"):"null",r.attr("data-label")!==undefined?t.label=r.attr("data-label"):r.prev().length&&"label"===r.prev().get(0).tagName.toLowerCase()?t.label=r.prev().text():t.label=t.field_type,e.inArray(t.field_name,i.join(",").trim())>=0&&a.push(t.field_name),t},show_message:function(r,t,a,i){if(a.closest(".user-registration").find(".ur-message").remove(),e(".ur-frontend-form").find("form.edit-profile").hasClass("user-registration-EditProfileForm")){(n=e('
        ')).append(r);e(".user-registration").find(".user-registration-MyAccount-navigation").length?n.insertBefore(".user-registration-MyAccount-navigation"):n.insertBefore(".ur-frontend-form")}else{var n;(n=e('
        ')).append(r),"1"===i?a.append(n):"2"===i?"message"==t?(a.closest(".entry-content").prepend(n),a.closest(".ur-frontend-form").hide()):a.append(n):a.prepend(n)}},separate_form_handler:function(t){return e(".ur-frontend-form").find("form.edit-profile").hasClass("user-registration-EditProfileForm")?r.find(".user-registration-profile-fields").find(".ur-edit-profile-field"+t):r.closest(".ur-frontend-form").find(".ur-form-grid").find(".ur-frontend-field"+t)},missing_attachment_handler:function(r){var t=[];if(1<=r.length){r.each(function(){var r=e(this).attr("id");-1===e.inArray(r,t)&&t.push(r)});for(var a=0;a=0;n--)e.isNumeric(i[n])||i.splice(n,1);e("#"+t[a]).val(i)}}}},s={init:function(){this.form_submit_event(),user_registration_params.ajax_submission_on_edit_profile&&this.edit_profile_event()},form_submit_event:function(){e(".ur-frontend-form").each(function(){var r=e(this);r.find("form.register").off("submit").on("submit",function(a){if(a.preventDefault(),r.find("form.register button.ur-submit-button").is(":hidden")||r.find("form.register button.ur-submit-button").is(":disabled"))return!1;var i=e(this);if(e.extend(e.validator.messages,{required:user_registration_params.message_required_fields,url:user_registration_params.message_url_fields,email:user_registration_params.message_email_fields,number:user_registration_params.message_number_fields,confirmpassword:user_registration_params.message_confirm_password_fields}),i.find(".user-registration-password-strength").length>0){var o=i.find(".user-registration-password-strength").attr("data-current-strength"),d=i.find(".user-registration-password-strength").attr("data-min-strength");if(parseInt(o,0)";i.find(".user-registration-password-hint").after(u),i.find("#user_pass").attr("aria-invalid",!0),i.find("#user_pass").trigger("focus")}return!1}}var l=i.find(".ur-smart-phone-field");if("true"===l.attr("aria-invalid")){(_=l.closest("p.form-row")).find("#"+l.data("id")+"-error").remove();var f='";return _.append(f),_.find("#"+l.data("id")).attr("aria-invalid",!0),!0}var p=i.find(".urfu-file-input");n.missing_attachment_handler(p);if(1===i.find(".uraf-profile-picture-upload").find(".user-registration-error").length){var _,c=i.find(".uraf-profile-picture-upload").find(".uraf-profile-picture-input");(_=i.find(".uraf-profile-picture-upload")).find("#"+c.attr("name")+"-error").remove(),_.find(".uraf-profile-picture-file-error").remove();var m='";_.find("button.wp_uraf_profile_picture_upload").after(m)}if(e(document).trigger("user_registration_frontend_validate_before_form_submit",[i]),!(00&&i.find("#user_registration_stripe_gateway").find(".user-registration-error").is(":visible"))&&i.valid()){i.find(".ur-submit-button").prop("disabled",!0);var g,h=0,v="0",b="",w="";b="hcaptcha"===user_registration_params.recaptcha_type?i.find('[name="h-captcha-response"]').val():"cloudflare"===user_registration_params.recaptcha_type?i.find('[name="cf-turnstile-response"]').val():i.find('[name="g-recaptcha-response"]').val();try{g=JSON.stringify(n.get_form_data(i.closest(".ur-frontend-form").attr("id")))}catch(k){g=""}1===e(this).closest("form").find('input[name="ur-user-form-id"]').length&&(h=e(this).closest("form").find('input[name="ur-user-form-id"]').val()),1===e(this).closest("form").find('input[name="ur-registration-language"]').length&&(w=e(this).closest("form").find('input[name="ur-registration-language"]').val()),1===e(this).closest("form").find('input[name="ur_frontend_form_nonce"]').length&&(v=e(this).closest("form").find('input[name="ur_frontend_form_nonce"]').val());var y={action:"user_registration_user_form_submit",security:user_registration_params.user_registration_form_data_save,form_data:g,captchaResponse:b,form_id:h,registration_language:w,ur_frontend_form_nonce:v},x={};if(e(document).trigger("user_registration_frontend_before_form_submit",[y,i,x]),"undefined"!=typeof x.message&&""!==x.message)return n.show_message("

        "+x.message+"

        ","error",i,"1"),void i.find(".ur-submit-button").prop("disabled",!1);if(!(i.find('.field-authorize_net_gateway[data-field-id="authorizenet_gateway"]').find(".ur-authorize-net-errors").length>0)){i.find(".ur-submit-button").find("span").addClass("ur-front-spinner");if(s.wait_third_party_api(i))new Promise(function(r,t){e(document).trigger("user_registration_third_party_api_before_form_submit",[y,i,x,r,t])}).then(function(e){s.ajax_form_submit(e)});else s.ajax_form_submit(y)}}})})},wait_third_party_api:function(e){var r=!1;return e.find("#user_registration_authorize_net_gateway[data-gateway='authorize_net']").length>0&&(r=!0),r},ajax_form_submit:function(a){e.ajax({url:user_registration_params.ajax_url,data:a,type:"POST",async:!0,complete:function(a){var i=[];if(i.status=!0,e(document).trigger("user_registration_frontend_before_ajax_complete_success_message",[a,i,r]),i.status){r.find(".ur-submit-button").find("span").removeClass("ur-front-spinner");var s=r.find('input[name="ur-redirect-url"]').val(),o=e('
          '),d="error",u=!1;try{var l=JSON.parse(a.responseText),f=l.data.redirect_timeout?l.data.redirect_timeout:2e3;"undefined"!=typeof l.success&&!0===l.success&&"undefined"!=typeof l.data.paypal_redirect&&window.setTimeout(function(){window.location=l.data.paypal_redirect},f),"undefined"!=typeof l.success&&!0===l.success&&(d="message"),"message"===d?(r.find(".user-registration-password-hint").remove(),r.find(".user-registration-password-strength").remove(),"admin_approval"==l.data.form_login_option?o.append("
        • "+t.user_under_approval+"
          • "):"email_confirmation"==l.data.form_login_option||"admin_approval_after_email_confirmation"==l.data.form_login_option?o.append("
        • "+t.user_email_pending+"
          • "):"payment"==l.data.form_login_option?o.append("
        • "+l.data.message+"
          • "):o.append((l.data.message,t.user_successfully_saved)),"undefined"!=typeof l.data.auto_password_generation_success_message&&o.append("
        • "+l.data.auto_password_generation_success_message+"
          • "),e(".ur-input-count").text("0"),r[0].reset(),r.find("#profile_pic_url").length&&e("#profile_pic_url").val(""),jQuery("#billing_country").trigger("change"),jQuery("#shipping_country").trigger("change"),"undefined"!=typeof l.data.role_based_redirect_url&&(s=l.data.role_based_redirect_url),"undefined"!=typeof l.data.form_login_option&&"sms_verification"===l.data.form_login_option&&window.setTimeout(function(){"undefined"!=typeof l.data.redirect_url&&l.data.redirect_url&&(window.location=l.data.redirect_url)},f),void 0!==s&&""!==s?(e(document).trigger("user_registration_frontend_before_redirect_url",[s]),window.setTimeout(function(){window.location=s},f)):"undefined"!=typeof l.data.auto_login&&l.data.auto_login&&(e(document).trigger("user_registration_frontend_before_auto_login"),window.setTimeout(function(){"undefined"!=typeof l.data.redirect_url&&l.data.redirect_url?window.location=l.data.redirect_url:location.reload()},f))):"error"===d&&("object"==typeof l.data.message?e.each(l.data.message,function(t,a){if(a.hasOwnProperty("individual")){var i=[];e.each(r.find(".ur-field-item").find(".ur-frontend-field"),function(r){var t=e(this);if(t.hasClass("input-captcha-icon-radio")){var a=t.attr("data-id");i.includes(a)||i.push(a)}else{var n=t.attr("id");i.push(n)}});var n="";e.each(a,function(e,t){var s="",o="";if(a.hasOwnProperty("repeater_field_name")&&(s=a.repeater_field_name,e=e+"_"+(o=a.row_id.replace("row_",""))),i.includes(e)){n=e;var d='",l="";(l=r.find(".ur-repeater-row[data-repeater-field-name='"+s+"'][data-repeater-row='"+o+"'] ").length>0?r.find(".ur-repeater-row[data-repeater-field-name='"+s+"'][data-repeater-row='"+o+"'] ").find(".ur-field-item").find("input[id='"+e+"'], textarea[id='"+e+"']"):r.find(".ur-form-row").find(".ur-field-item").find("input[id='"+e+"'], textarea[id='"+e+"']")).closest(".ur-field-item").find(".user-registration-error").remove(),l.closest(".form-row").append(d),u=!0}}),e(document).trigger("ur_handle_field_error_messages",[r,n])}else o.append("
        • "+a+"
          • ")}):o.append("
        • "+l.data.message+"
          • "))}catch(m){o.append("
        • "+m.message+"
          • ")}var p=JSON.parse(a.responseText).data.success_message_positon;if(u){var _=[];e.each(r.find(".ur-field-item").find(".ur-frontend-field"),function(r){var t=e(this).attr("id");_.push(t)});var c="";e.each(l.data.message,function(e,t){if(_.includes(e)){c=e;var a='",i=r.find(".ur-field-item").find("input[id='"+e+"'], textarea[id='"+e+"']");i.closest(".ur-field-item").find(".user-registration-error").remove(),i.closest(".form-row").append(a)}}),e(document).trigger("ur_handle_field_error_messages",[r,c])}else n.show_message(o,d,r,p);"1"===p?e(window).scrollTop(r.find(".ur-button-container").offset().top):e(window).scrollTop(r.closest(".ur-frontend-form").offset().top),e(document).trigger("user_registration_frontend_after_ajax_complete",[a.responseText,d,r]),r.find(".ur-submit-button").prop("disabled",!1)}e(".coupon-message").css({display:"none"})}}).fail(function(){n.show_message("

          "+user_registration_params.ajax_form_submit_error+"

          ","error",r,"1"),r.find(".ur-submit-button").prop("disabled",!1)})},edit_profile_event:function(){user_registration_params.ajax_submission_on_edit_profile&&e("form.user-registration-EditProfileForm").off("submit").on("submit",function(r){r.preventDefault(),r.stopImmediatePropagation();var t=e(this);e.extend(e.validator.messages,{required:user_registration_params.message_required_fields,url:user_registration_params.message_url_fields,email:user_registration_params.message_email_fields,number:user_registration_params.message_number_fields});var a=t.find(".ur-smart-phone-field");if("true"===a.attr("aria-invalid")){(s=a.closest("p.form-row")).find("#"+a.data("id")+"-error").remove();var i='";return s.append(i),s.find("#"+a.data("id")).attr("aria-invalid",!0),!0}if(1===t.find(".uraf-profile-picture-upload").find(".user-registration-error").length){var s,o=t.find(".uraf-profile-picture-upload").find(".uraf-profile-picture-input");(s=t.find(".uraf-profile-picture-upload")).find("#"+o.attr("name")+"-error").remove(),s.find(".uraf-profile-picture-file-error").remove();var d='";s.find("button.wp_uraf_profile_picture_upload").after(d)}if(!t.valid())return!1;if(1===t.find(".user-registration-profile-picture-error").find(".user-registration-error").length)return!1;r.preventDefault(),t.find(".user-registration-submit-Button").prop("disabled",!0);var u=t.find(".urfu-file-input");n.missing_attachment_handler(u);var l;try{l=n.get_form_data();var f=e("#profile_pic_url").val();l.push({value:f,field_name:"user_registration_profile_pic_url"}),l=JSON.stringify(l)}catch(_){l=""}var p={action:"user_registration_update_profile_details",security:user_registration_params.user_registration_profile_details_save,form_data:l};e(document).trigger("user_registration_frontend_before_edit_profile_submit",[p,t]),t.find(".user-registration-submit-Button").find("span").addClass("ur-front-spinner"),e.ajax({type:"POST",url:user_registration_params.ajax_url,dataType:"JSON",data:p,complete:function(r){t.find("span.ur-front-spinner").removeClass("ur-front-spinner"),t.closest(".user-registration").find(".user-registration-error").remove(),t.closest(".user-registration").find(".user-registration-message").remove();var a=e('
            '),i="error";try{var s=JSON.parse(r.responseText);"undefined"!=typeof s.success&&!0===s.success&&(i="message","undefined"!=typeof s.data.profile_pic_id&&(t.find(".ur_removed_profile_pic").val(""),t.find(".uraf-profile-picture-remove").length>0&&t.find(".uraf-profile-picture-remove").data("attachment-id",s.data.profile_pic_id),t.find(".profile-pic-remove").length>0&&t.find(".profile-pic-remove").data("attachment-id",s.data.profile_pic_id)));var o=!1;"object"==typeof s.data.message?e.each(s.data.message,function(r,i){if(i.hasOwnProperty("individual")){var n=[];e.each(t.find(".ur-form-row").find(".ur-field-item").find(".ur-edit-profile-field"),function(r){var t=e(this).attr("id");n.push(t)}),e.each(i,function(e,r){var a="",s="";if(i.hasOwnProperty("repeater_field_name")?(a=i.repeater_field_name,e="user_registration_"+e+"_"+(s=i.row_id.replace("row_",""))):e=-1===e.indexOf("user_registration_")?"user_registration_"+e:e,n.includes(e)){var d='",u=t.find(".ur-form-row");(u=u.hasClass("ur-repeater-row")?u.find(".ur-repeater-row[data-repeater-field-name='"+a+"'][data-repeater-row='"+s+"'] ").find(".ur-field-item").find("input[id='"+e+"'], textarea[id='"+e+"']"):u.find(".ur-field-item").find("input[id='"+e+"'], textarea[id='"+e+"']")).closest(".form-row").append(d),o=!0}})}else a.append("
          • "+i+"
            • ")}):(a.append("
          • "+s.data.message+"
            • "),undefined!==s.data.userEmailPendingMessage&&(e(".user-registration-info.user-email-change-update-notice").remove(),n.show_message(e('
              ').append("
            • "+s.data.userEmailUpdateMessage+"
              • "),"info user-email-change-update-notice",t,"0"),e("input#user_registration_user_email").next("div.email-updated").length&&e("input#user_registration_user_email").next("div.email-updated").remove(),e(s.data.userEmailPendingMessage).insertAfter(e("input#user_registration_user_email")),e("input#user_registration_user_email").val(s.data.oldUserEmail)))}catch(d){a.append("
            • "+d.message+"
              • ")}o||n.show_message(a,i,t,"0"),e(document).trigger("user_registration_edit_profile_after_ajax_complete",[r,t]),t.find(".user-registration-submit-Button").prop("disabled",!1),e(window).scrollTop(e(".user-registration").position())}}).fail(function(){n.show_message("

              "+user_registration_params.ajax_form_submit_error+"

              ","error",t,"1"),t.find(".user-registration-submit-Button").prop("disabled",!1)})})}};n.init(),e(".user-registration-EditProfileForm ").length>0&&n.get_form_data(e(".user-registration-EditProfileForm ").data("form-id")),s.init()})},e(function(){e(document).ready(function(){if(e(".ur-submit-button").on("click",function(){e(this).closest("form.register").ur_form_submission()}),e("input[name='save_account_details'], button[name='save_account_details']").on("click",function(r){e(".ur-frontend-form").find("form.edit-profile").hasClass("user-registration-EditProfileForm")&&e("form.user-registration-EditProfileForm").ur_form_submission(),e(this).submit()}),e(".ur-flatpickr-field").length){var r=[];e(".ur-flatpickr-field").each(function(){var t=e(this),a=r.find(function(e){return e.element==t[0]});if(a)a.open();else{var i=t.attr("data-id"),n=t.closest(".ur-field-item").find("#formated_date").val();if(0'+t.password_strength_error+".";i.find(".user-registration-password-hint").after(d)}}})})}),e(function(){e("textarea").each(function(){e(this).on("input",r);var t,a=e(this).closest(".ur-field-item");if(a.find(".ur-input-count").length>0){var i=e(this).val().trim();t="characters"===a.find(".ur-input-count").data("count-type")?i.length:""===i?0:i.split(/\s+/).length}a.find(".ur-input-count").text(t)})}),e(function(){e(".user-registration-EditProfileForm.edit-profile .field-country").length>0&&e(".field-country").each(function(){var r=e(this).find(".ur-data-holder").data("option-value"),t=e(this).find(".ur-data-holder").data("option-html"),a=e(this).find("select");r&&t&&(0===a.find('option[value="'+r+'"]').length&&a.append(""),e(this).on("click",function(){e(this).find(".ur-remove").remove()}))})})};e(function(){e(".input-checkbox").each(function(){var r=e(this).attr("data-id");void 0!==r&&e('input[name="'+r+'[]"]:checked').length==e('[data-id = "'+r+'" ]').length&&e('[data-check = "'+r+'" ]').prop("checked",!0)}),e('input[type="checkbox"]#checkall').on("click",function(){var r=e(this).attr("data-check");void 0!==r&&e('[data-id = "'+r+'[]" ]').prop("checked",e(this).prop("checked"))}),e(".input-checkbox").on("change",function(){var r=e(this).attr("data-id");void 0!==r&&(r=r.replace("[]",""),!1===e(this).prop("checked")&&e('[data-check = "'+r+'" ]').prop("checked",!1),e('input[name="'+r+'[]"]:checked').length==e('[data-id = "'+r+'" ]').length&&e('[data-check = "'+r+'" ]').prop("checked",!0))})}),t(),e(window).on("load",function(){t()}),e(window).on("user_registration_repeater_modified",function(){t()})}(jQuery); \ No newline at end of file diff --git a/composer.lock b/composer.lock index 3bc7fccc4..677a6caee 100644 --- a/composer.lock +++ b/composer.lock @@ -982,16 +982,16 @@ }, { "name": "myclabs/deep-copy", - "version": "1.12.0", + "version": "1.12.1", "source": { "type": "git", "url": "https://github.com/myclabs/DeepCopy.git", - "reference": "3a6b9a42cd8f8771bd4295d13e1423fa7f3d942c" + "reference": "123267b2c49fbf30d78a7b2d333f6be754b94845" }, "dist": { "type": "zip", - "url": "https://api.github.com/repos/myclabs/DeepCopy/zipball/3a6b9a42cd8f8771bd4295d13e1423fa7f3d942c", - "reference": "3a6b9a42cd8f8771bd4295d13e1423fa7f3d942c", + "url": "https://api.github.com/repos/myclabs/DeepCopy/zipball/123267b2c49fbf30d78a7b2d333f6be754b94845", + "reference": "123267b2c49fbf30d78a7b2d333f6be754b94845", "shasum": "" }, "require": { @@ -1030,7 +1030,7 @@ ], "support": { "issues": "https://github.com/myclabs/DeepCopy/issues", - "source": "https://github.com/myclabs/DeepCopy/tree/1.12.0" + "source": "https://github.com/myclabs/DeepCopy/tree/1.12.1" }, "funding": [ { @@ -1038,7 +1038,7 @@ "type": "tidelift" } ], - "time": "2024-06-12T14:39:25+00:00" + "time": "2024-11-08T17:47:46+00:00" }, { "name": "phar-io/manifest", @@ -1393,16 +1393,16 @@ }, { "name": "phpdocumentor/reflection-docblock", - "version": "5.4.1", + "version": "5.6.0", "source": { "type": "git", "url": "https://github.com/phpDocumentor/ReflectionDocBlock.git", - "reference": "9d07b3f7fdcf5efec5d1609cba3c19c5ea2bdc9c" + "reference": "f3558a4c23426d12bffeaab463f8a8d8b681193c" }, "dist": { "type": "zip", - "url": "https://api.github.com/repos/phpDocumentor/ReflectionDocBlock/zipball/9d07b3f7fdcf5efec5d1609cba3c19c5ea2bdc9c", - "reference": "9d07b3f7fdcf5efec5d1609cba3c19c5ea2bdc9c", + "url": "https://api.github.com/repos/phpDocumentor/ReflectionDocBlock/zipball/f3558a4c23426d12bffeaab463f8a8d8b681193c", + "reference": "f3558a4c23426d12bffeaab463f8a8d8b681193c", "shasum": "" }, "require": { @@ -1411,17 +1411,17 @@ "php": "^7.4 || ^8.0", "phpdocumentor/reflection-common": "^2.2", "phpdocumentor/type-resolver": "^1.7", - "phpstan/phpdoc-parser": "^1.7", + "phpstan/phpdoc-parser": "^1.7|^2.0", "webmozart/assert": "^1.9.1" }, "require-dev": { - "mockery/mockery": "~1.3.5", + "mockery/mockery": "~1.3.5 || ~1.6.0", "phpstan/extension-installer": "^1.1", "phpstan/phpstan": "^1.8", "phpstan/phpstan-mockery": "^1.1", "phpstan/phpstan-webmozart-assert": "^1.2", "phpunit/phpunit": "^9.5", - "vimeo/psalm": "^5.13" + "psalm/phar": "^5.26" }, "type": "library", "extra": { @@ -1451,29 +1451,29 @@ "description": "With this component, a library can provide support for annotations via DocBlocks or otherwise retrieve information that is embedded in a DocBlock.", "support": { "issues": "https://github.com/phpDocumentor/ReflectionDocBlock/issues", - "source": "https://github.com/phpDocumentor/ReflectionDocBlock/tree/5.4.1" + "source": "https://github.com/phpDocumentor/ReflectionDocBlock/tree/5.6.0" }, - "time": "2024-05-21T05:55:05+00:00" + "time": "2024-11-12T11:25:25+00:00" }, { "name": "phpdocumentor/type-resolver", - "version": "1.8.2", + "version": "1.10.0", "source": { "type": "git", "url": "https://github.com/phpDocumentor/TypeResolver.git", - "reference": "153ae662783729388a584b4361f2545e4d841e3c" + "reference": "679e3ce485b99e84c775d28e2e96fade9a7fb50a" }, "dist": { "type": "zip", - "url": "https://api.github.com/repos/phpDocumentor/TypeResolver/zipball/153ae662783729388a584b4361f2545e4d841e3c", - "reference": "153ae662783729388a584b4361f2545e4d841e3c", + "url": "https://api.github.com/repos/phpDocumentor/TypeResolver/zipball/679e3ce485b99e84c775d28e2e96fade9a7fb50a", + "reference": "679e3ce485b99e84c775d28e2e96fade9a7fb50a", "shasum": "" }, "require": { "doctrine/deprecations": "^1.0", "php": "^7.3 || ^8.0", "phpdocumentor/reflection-common": "^2.0", - "phpstan/phpdoc-parser": "^1.13" + "phpstan/phpdoc-parser": "^1.18|^2.0" }, "require-dev": { "ext-tokenizer": "*", @@ -1509,9 +1509,9 @@ "description": "A PSR-5 based resolver of Class names, Types and Structural Element Names", "support": { "issues": "https://github.com/phpDocumentor/TypeResolver/issues", - "source": "https://github.com/phpDocumentor/TypeResolver/tree/1.8.2" + "source": "https://github.com/phpDocumentor/TypeResolver/tree/1.10.0" }, - "time": "2024-02-23T11:10:43+00:00" + "time": "2024-11-09T15:12:26+00:00" }, { "name": "phpoption/phpoption", @@ -1590,26 +1590,27 @@ }, { "name": "phpspec/prophecy", - "version": "v1.19.0", + "version": "v1.20.0", "source": { "type": "git", "url": "https://github.com/phpspec/prophecy.git", - "reference": "67a759e7d8746d501c41536ba40cd9c0a07d6a87" + "reference": "a0165c648cab6a80311c74ffc708a07bb53ecc93" }, "dist": { "type": "zip", - "url": "https://api.github.com/repos/phpspec/prophecy/zipball/67a759e7d8746d501c41536ba40cd9c0a07d6a87", - "reference": "67a759e7d8746d501c41536ba40cd9c0a07d6a87", + "url": "https://api.github.com/repos/phpspec/prophecy/zipball/a0165c648cab6a80311c74ffc708a07bb53ecc93", + "reference": "a0165c648cab6a80311c74ffc708a07bb53ecc93", "shasum": "" }, "require": { "doctrine/instantiator": "^1.2 || ^2.0", - "php": "^7.2 || 8.0.* || 8.1.* || 8.2.* || 8.3.*", + "php": "^7.2 || 8.0.* || 8.1.* || 8.2.* || 8.3.* || 8.4.*", "phpdocumentor/reflection-docblock": "^5.2", "sebastian/comparator": "^3.0 || ^4.0 || ^5.0 || ^6.0", "sebastian/recursion-context": "^3.0 || ^4.0 || ^5.0 || ^6.0" }, "require-dev": { + "friendsofphp/php-cs-fixer": "^3.40", "phpspec/phpspec": "^6.0 || ^7.0", "phpstan/phpstan": "^1.9", "phpunit/phpunit": "^8.0 || ^9.0 || ^10.0" @@ -1653,36 +1654,36 @@ ], "support": { "issues": "https://github.com/phpspec/prophecy/issues", - "source": "https://github.com/phpspec/prophecy/tree/v1.19.0" + "source": "https://github.com/phpspec/prophecy/tree/v1.20.0" }, - "time": "2024-02-29T11:52:51+00:00" + "time": "2024-11-19T13:12:41+00:00" }, { "name": "phpstan/phpdoc-parser", - "version": "1.29.1", + "version": "2.0.0", "source": { "type": "git", "url": "https://github.com/phpstan/phpdoc-parser.git", - "reference": "fcaefacf2d5c417e928405b71b400d4ce10daaf4" + "reference": "c00d78fb6b29658347f9d37ebe104bffadf36299" }, "dist": { "type": "zip", - "url": "https://api.github.com/repos/phpstan/phpdoc-parser/zipball/fcaefacf2d5c417e928405b71b400d4ce10daaf4", - "reference": "fcaefacf2d5c417e928405b71b400d4ce10daaf4", + "url": "https://api.github.com/repos/phpstan/phpdoc-parser/zipball/c00d78fb6b29658347f9d37ebe104bffadf36299", + "reference": "c00d78fb6b29658347f9d37ebe104bffadf36299", "shasum": "" }, "require": { - "php": "^7.2 || ^8.0" + "php": "^7.4 || ^8.0" }, "require-dev": { "doctrine/annotations": "^2.0", - "nikic/php-parser": "^4.15", + "nikic/php-parser": "^5.3.0", "php-parallel-lint/php-parallel-lint": "^1.2", "phpstan/extension-installer": "^1.0", - "phpstan/phpstan": "^1.5", - "phpstan/phpstan-phpunit": "^1.1", - "phpstan/phpstan-strict-rules": "^1.0", - "phpunit/phpunit": "^9.5", + "phpstan/phpstan": "^2.0", + "phpstan/phpstan-phpunit": "^2.0", + "phpstan/phpstan-strict-rules": "^2.0", + "phpunit/phpunit": "^9.6", "symfony/process": "^5.2" }, "type": "library", @@ -1700,9 +1701,9 @@ "description": "PHPDoc parser with support for nullable, intersection and generic types", "support": { "issues": "https://github.com/phpstan/phpdoc-parser/issues", - "source": "https://github.com/phpstan/phpdoc-parser/tree/1.29.1" + "source": "https://github.com/phpstan/phpdoc-parser/tree/2.0.0" }, - "time": "2024-05-31T08:52:43+00:00" + "time": "2024-10-13T11:29:49+00:00" }, { "name": "phpunit/php-code-coverage", @@ -3136,16 +3137,16 @@ }, { "name": "squizlabs/php_codesniffer", - "version": "3.10.2", + "version": "3.11.1", "source": { "type": "git", "url": "https://github.com/PHPCSStandards/PHP_CodeSniffer.git", - "reference": "86e5f5dd9a840c46810ebe5ff1885581c42a3017" + "reference": "19473c30efe4f7b3cd42522d0b2e6e7f243c6f87" }, "dist": { "type": "zip", - "url": "https://api.github.com/repos/PHPCSStandards/PHP_CodeSniffer/zipball/86e5f5dd9a840c46810ebe5ff1885581c42a3017", - "reference": "86e5f5dd9a840c46810ebe5ff1885581c42a3017", + "url": "https://api.github.com/repos/PHPCSStandards/PHP_CodeSniffer/zipball/19473c30efe4f7b3cd42522d0b2e6e7f243c6f87", + "reference": "19473c30efe4f7b3cd42522d0b2e6e7f243c6f87", "shasum": "" }, "require": { @@ -3212,7 +3213,7 @@ "type": "open_collective" } ], - "time": "2024-07-21T23:26:44+00:00" + "time": "2024-11-16T12:02:36+00:00" }, { "name": "symfony/console", @@ -3368,20 +3369,20 @@ }, { "name": "symfony/polyfill-ctype", - "version": "v1.30.0", + "version": "v1.31.0", "source": { "type": "git", "url": "https://github.com/symfony/polyfill-ctype.git", - "reference": "0424dff1c58f028c451efff2045f5d92410bd540" + "reference": "a3cc8b044a6ea513310cbd48ef7333b384945638" }, "dist": { "type": "zip", - "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/0424dff1c58f028c451efff2045f5d92410bd540", - "reference": "0424dff1c58f028c451efff2045f5d92410bd540", + "url": "https://api.github.com/repos/symfony/polyfill-ctype/zipball/a3cc8b044a6ea513310cbd48ef7333b384945638", + "reference": "a3cc8b044a6ea513310cbd48ef7333b384945638", "shasum": "" }, "require": { - "php": ">=7.1" + "php": ">=7.2" }, "provide": { "ext-ctype": "*" @@ -3427,7 +3428,7 @@ "portable" ], "support": { - "source": "https://github.com/symfony/polyfill-ctype/tree/v1.30.0" + "source": "https://github.com/symfony/polyfill-ctype/tree/v1.31.0" }, "funding": [ { @@ -3443,24 +3444,24 @@ "type": "tidelift" } ], - "time": "2024-05-31T15:07:36+00:00" + "time": "2024-09-09T11:45:10+00:00" }, { "name": "symfony/polyfill-mbstring", - "version": "v1.30.0", + "version": "v1.31.0", "source": { "type": "git", "url": "https://github.com/symfony/polyfill-mbstring.git", - "reference": "fd22ab50000ef01661e2a31d850ebaa297f8e03c" + "reference": "85181ba99b2345b0ef10ce42ecac37612d9fd341" }, "dist": { "type": "zip", - "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/fd22ab50000ef01661e2a31d850ebaa297f8e03c", - "reference": "fd22ab50000ef01661e2a31d850ebaa297f8e03c", + "url": "https://api.github.com/repos/symfony/polyfill-mbstring/zipball/85181ba99b2345b0ef10ce42ecac37612d9fd341", + "reference": "85181ba99b2345b0ef10ce42ecac37612d9fd341", "shasum": "" }, "require": { - "php": ">=7.1" + "php": ">=7.2" }, "provide": { "ext-mbstring": "*" @@ -3507,7 +3508,7 @@ "shim" ], "support": { - "source": "https://github.com/symfony/polyfill-mbstring/tree/v1.30.0" + "source": "https://github.com/symfony/polyfill-mbstring/tree/v1.31.0" }, "funding": [ { @@ -3523,24 +3524,24 @@ "type": "tidelift" } ], - "time": "2024-06-19T12:30:46+00:00" + "time": "2024-09-09T11:45:10+00:00" }, { "name": "symfony/polyfill-php73", - "version": "v1.30.0", + "version": "v1.31.0", "source": { "type": "git", "url": "https://github.com/symfony/polyfill-php73.git", - "reference": "ec444d3f3f6505bb28d11afa41e75faadebc10a1" + "reference": "0f68c03565dcaaf25a890667542e8bd75fe7e5bb" }, "dist": { "type": "zip", - "url": "https://api.github.com/repos/symfony/polyfill-php73/zipball/ec444d3f3f6505bb28d11afa41e75faadebc10a1", - "reference": "ec444d3f3f6505bb28d11afa41e75faadebc10a1", + "url": "https://api.github.com/repos/symfony/polyfill-php73/zipball/0f68c03565dcaaf25a890667542e8bd75fe7e5bb", + "reference": "0f68c03565dcaaf25a890667542e8bd75fe7e5bb", "shasum": "" }, "require": { - "php": ">=7.1" + "php": ">=7.2" }, "type": "library", "extra": { @@ -3583,7 +3584,7 @@ "shim" ], "support": { - "source": "https://github.com/symfony/polyfill-php73/tree/v1.30.0" + "source": "https://github.com/symfony/polyfill-php73/tree/v1.31.0" }, "funding": [ { @@ -3599,24 +3600,24 @@ "type": "tidelift" } ], - "time": "2024-05-31T15:07:36+00:00" + "time": "2024-09-09T11:45:10+00:00" }, { "name": "symfony/polyfill-php80", - "version": "v1.30.0", + "version": "v1.31.0", "source": { "type": "git", "url": "https://github.com/symfony/polyfill-php80.git", - "reference": "77fa7995ac1b21ab60769b7323d600a991a90433" + "reference": "60328e362d4c2c802a54fcbf04f9d3fb892b4cf8" }, "dist": { "type": "zip", - "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/77fa7995ac1b21ab60769b7323d600a991a90433", - "reference": "77fa7995ac1b21ab60769b7323d600a991a90433", + "url": "https://api.github.com/repos/symfony/polyfill-php80/zipball/60328e362d4c2c802a54fcbf04f9d3fb892b4cf8", + "reference": "60328e362d4c2c802a54fcbf04f9d3fb892b4cf8", "shasum": "" }, "require": { - "php": ">=7.1" + "php": ">=7.2" }, "type": "library", "extra": { @@ -3663,7 +3664,7 @@ "shim" ], "support": { - "source": "https://github.com/symfony/polyfill-php80/tree/v1.30.0" + "source": "https://github.com/symfony/polyfill-php80/tree/v1.31.0" }, "funding": [ { @@ -3679,7 +3680,7 @@ "type": "tidelift" } ], - "time": "2024-05-31T15:07:36+00:00" + "time": "2024-09-09T11:45:10+00:00" }, { "name": "symfony/process", @@ -4606,13 +4607,13 @@ ], "aliases": [], "minimum-stability": "dev", - "stability-flags": [], + "stability-flags": {}, "prefer-stable": true, "prefer-lowest": false, "platform": { "php": ">=5.6.20" }, - "platform-dev": [], + "platform-dev": {}, "platform-overrides": { "php": "7.4.3" }, diff --git a/includes/3rd-party/oxygen/class-ur-oxygen.php b/includes/3rd-party/oxygen/class-ur-oxygen.php new file mode 100644 index 000000000..c24acd549 --- /dev/null +++ b/includes/3rd-party/oxygen/class-ur-oxygen.php @@ -0,0 +1,109 @@ +setup(); + add_action( 'wp_loaded', array( $this, 'setup' ) ); + } + + /** + * Init. + * + * @since 3.3.5 + */ + public function setup() { + if ( ! class_exists( 'OxyEl' ) ) { + return; + } + + add_action( 'oxygen_add_plus_sections', array( $this, 'add_accordion_section' ) ); + add_action( 'oxygen_add_plus_user-registration_section_content', array( $this, 'register_add_plus_subsections' ) ); + add_action( 'wp_enqueue_scripts', array( $this, 'custom_init' ) ); + + + $this->register_widgets(); + } + + /** + * Add accordin section in the elements. + * + * @since 3.3.5 + */ + public function add_accordion_section() { + $brand_name = __( 'User Registration', 'user-registration' ); + \CT_Toolbar::oxygen_add_plus_accordion_section( 'user-registration', $brand_name ); + } + + /** + * Enqueue the styles. + * + * @since 3.3.5 + */ + public function custom_init() { + wp_register_style( 'user-registration-general', UR()->plugin_url() . '/assets/css/user-registration.css', array(), UR()->version ); + wp_register_style( 'user-registration-admin', UR()->plugin_url() . '/assets/css/admin.css', array(), UR()->version ); + wp_register_style( 'user-registration-my-account', UR()->plugin_url() . '/assets/css/my-account-layout.css', array(), UR()->version ); + + wp_enqueue_style( 'user-registration-general' ); + wp_enqueue_style( 'user-registration-admin' ); + wp_enqueue_style( 'user-registration-my-account' ); + } + + /** + * Add subsection. + * + * @since 3.3.5 + */ + public function register_add_plus_subsections() { + do_action( 'oxygen_add_plus_user-registration_forms' ); + } + + /** + * Register widgets. + * + * @since 3.3.5 + */ + public function register_widgets() { + require_once UR_ABSPATH . 'includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-registration.php'; + require_once UR_ABSPATH . 'includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-login.php'; + require_once UR_ABSPATH . 'includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-myaccount.php'; + require_once UR_ABSPATH . 'includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-editprofile.php'; + require_once UR_ABSPATH . 'includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-editpassword.php'; + + new UR_OXYGEN_WIDGET_REGISTRATION(); + new UR_OXYGEN_WIDGET_LOGIN(); + new UR_OXYGEN_WIDGET_MYACCOUNT(); + new UR_OXYGEN_WIDGET_EDITPROFILE(); + new UR_OXYGEN_WIDGET_EDITPASSWORD(); + + // include if pro version + if ( is_plugin_active( 'user-registration-pro/user-registration.php' ) ) { + require_once UR_ABSPATH . 'includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-popup.php'; + require_once UR_ABSPATH . 'includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-profile-details.php'; + + new UR_OXYGEN_WIDGET_PROFILE_DETAILS(); + new UR_OXYGEN_WIDGET_POPUP(); + } + } +} +new UR_OXYGEN(); diff --git a/includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-editpassword.php b/includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-editpassword.php new file mode 100644 index 000000000..4ec92ed95 --- /dev/null +++ b/includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-editpassword.php @@ -0,0 +1,71 @@ +name = __( 'Edit Password', 'user-registration' ); + $this->slug = 'ur-edit-password'; + $this->icon = $this->get_icon_svg( '' ); + $this->priority = 1; + parent::__construct(); + } + + /** + * Register widget controls. + * + * @since 3.3.5 + */ + public function controls() { + $templates_control = $this->addOptionControl( + array( + 'type' => 'dropdown', + 'name' => __( 'Select a Form', 'user-registration' ), + 'slug' => 'ur_oxygen_editpassword', + 'value' => apply_filters( + 'ur_oxygen_widget_edit_password_options', + array( + 'user_registration_edit_password' => __( 'Edit Password', 'user-registration' ), + ) + ), + 'default' => 'user_registration_edit_password', + 'css' => false, + ) + ); + + $templates_control->rebuildElementOnChange(); + $this->form_container_style_controls(); + $this->form_input_labels_style(); + $this->submit_btn_style( '.user-registration-Button' ); + } + + /** + * Render the widget. + * + * @since 3.3.5 + */ + public function render( $options, $defaults, $content ) { + + $shortcode = isset( $options['ur_oxygen_editpassword'] ) ? $options['ur_oxygen_editpassword'] : ''; + $this->add_form( $shortcode ); + } + + /** + * Add the form. + * + * @since 3.3.5 + */ + public function add_form( $shortcode ) { + if ( ! empty( $shortcode ) ) { + $shortcode = '[' . $shortcode . ']'; + echo do_shortcode( $shortcode ); + } else { + echo __( 'Please select a form.', 'user-registration' ); + } + } +} diff --git a/includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-editprofile.php b/includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-editprofile.php new file mode 100644 index 000000000..df6e2d566 --- /dev/null +++ b/includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-editprofile.php @@ -0,0 +1,71 @@ +name = __( 'Edit Profile', 'user-registration' ); + $this->slug = 'ur-editprofile'; + $this->icon = $this->get_icon_svg( '' ); + $this->priority = 1; + parent::__construct(); + } + + /** + * Register widget controls. + * + * @since 3.3.5 + */ + public function controls() { + $templates_control = $this->addOptionControl( + array( + 'type' => 'dropdown', + 'name' => __( 'Select a Form', 'user-registration' ), + 'slug' => 'ur_oxygen_editprofile', + 'value' => apply_filters( + 'ur_oxygen_widget_editprofile_options', + array( + 'user_registration_edit_profile' => __( 'Edit Profile', 'user-registration' ), + ) + ), + 'default' => 'user_registration_edit_profile', + 'css' => false, + ) + ); + + $templates_control->rebuildElementOnChange(); + $this->form_container_style_controls(); + $this->form_input_labels_style(); + $this->submit_btn_style( '.user-registration-submit-Button' ); + } + + /** + * Render the widget. + * + * @since 3.3.5 + */ + public function render( $options, $defaults, $content ) { + + $shortcode = isset( $options['ur_oxygen_editprofile'] ) ? $options['ur_oxygen_editprofile'] : ''; + $this->add_form( $shortcode ); + } + + /** + * Add the form. + * + * @since 3.3.5 + */ + public function add_form( $shortcode ) { + if ( ! empty( $shortcode ) ) { + $shortcode = '[' . $shortcode . ']'; + echo do_shortcode( $shortcode ); + } else { + echo __( 'Please select a form.', 'user-registration' ); + } + } +} diff --git a/includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-login.php b/includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-login.php new file mode 100644 index 000000000..a9a31631a --- /dev/null +++ b/includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-login.php @@ -0,0 +1,71 @@ +name = __( 'Login Form ', 'user-registration' ); + $this->slug = 'ur-login'; + $this->icon = $this->get_icon_svg( '' ); + $this->priority = 1; + parent::__construct(); + } + + /** + * Register widget controls. + * + * @since 3.3.5 + */ + public function controls() { + $templates_control = $this->addOptionControl( + array( + 'type' => 'dropdown', + 'name' => __( 'Select a Form', 'user-registration' ), + 'slug' => 'ur_oxygen_login', + 'value' => apply_filters( + 'ur_oxygen_widget_login_options', + array( + 'user_registration_login' => __( 'Login Form', 'user-registration' ), + ) + ), + 'default' => 'user_registration_login', + 'css' => false, + ) + ); + + $templates_control->rebuildElementOnChange(); + $this->form_container_style_controls(); + $this->form_input_labels_style(); + $this->submit_btn_style(); + } + + /** + * Render the widget. + * + * @since 3.3.5 + */ + public function render( $options, $defaults, $content ) { + + $login_shortcode = isset( $options['ur_oxygen_login'] ) ? $options['ur_oxygen_login'] : ''; + $this->add_form( $login_shortcode ); + } + + /** + * Add the form. + * + * @since 3.3.5 + */ + public function add_form( $login_shortcode ) { + if ( ! empty( $login_shortcode ) ) { + $shortcode = '[' . $login_shortcode . ']'; + echo do_shortcode( $shortcode ); + } else { + echo __( 'Please select a form.', 'user-registration' ); + } + } +} diff --git a/includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-myaccount.php b/includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-myaccount.php new file mode 100644 index 000000000..055595321 --- /dev/null +++ b/includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-myaccount.php @@ -0,0 +1,70 @@ +name = __( 'Myaccount', 'user-registration' ); + $this->slug = 'ur-myaccount'; + $this->icon = $this->get_icon_svg( '' ); + $this->priority = 1; + parent::__construct(); + } + + /** + * Register widget controls. + * + * @since 3.3.5 + */ + public function controls() { + $templates_control = $this->addOptionControl( + array( + 'type' => 'dropdown', + 'name' => __( 'Select a Form', 'user-registration' ), + 'slug' => 'ur_oxygen_myaccount', + 'value' => apply_filters( + 'ur_oxygen_widget_myaccount_options', + array( + 'user_registration_my_account' => __( 'My Account', 'user-registration' ), + ) + ), + 'default' => 'user_registration_my_account', + 'css' => false, + ) + ); + + $templates_control->rebuildElementOnChange(); + $this->form_container_style_controls(); + $this->form_input_labels_style(); + } + + /** + * Render the widget. + * + * @since 3.3.5 + */ + public function render( $options, $defaults, $content ) { + + $shortcode = isset( $options['ur_oxygen_myaccount'] ) ? $options['ur_oxygen_myaccount'] : ''; + $this->add_form( $shortcode ); + } + + /** + * Add the form. + * + * @since 3.3.5 + */ + public function add_form( $shortcode ) { + if ( ! empty( $shortcode ) ) { + $shortcode = '[' . $shortcode . ']'; + echo do_shortcode( $shortcode ); + } else { + echo __( 'Please select a form.', 'user-registration' ); + } + } +} diff --git a/includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-popup.php b/includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-popup.php new file mode 100644 index 000000000..492157394 --- /dev/null +++ b/includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-popup.php @@ -0,0 +1,68 @@ +name = __( 'Popup', 'user-registration' ); + $this->slug = 'ur-popup'; + $this->icon = $this->get_icon_svg( ' ' ); + $this->priority = 1; + parent::__construct(); + } + + /** + * Register widget controls. + * + * @since 3.3.5 + */ + public function controls() { + $templates_control = $this->addOptionControl( + array( + 'type' => 'dropdown', + 'name' => __( 'Select a Form', 'user-registration' ), + 'slug' => 'ur_oxygen_popup', + 'value' => $this->get_forms( 'popup' ), + 'default' => 0, + 'css' => false, + ) + ); + + $templates_control->rebuildElementOnChange(); + $this->form_container_style_controls(); + $this->form_input_labels_style(); + $this->submit_btn_style( '.button' ); + } + + /** + * Render the widget. + * + * @since 3.3.5 + */ + public function render( $options, $defaults, $content ) { + + $shortcode = isset( $options['ur_oxygen_popup'] ) ? $options['ur_oxygen_popup'] : 0; + $this->add_form( $shortcode ); + } + + /** + * Add the form. + * + * @since 3.3.5 + */ + public function add_form( $shortcode ) { + if ( 0 === $shortcode || '0' === $shortcode ) { + $forms = $this->get_forms( 'popup' ); + if ( count( $forms ) <= 1 ) { + echo__( 'You have not created a popup, Please Create a popup first', 'user-registration' ); + } + return; + } + echo do_shortcode( '[user_registration_popup id="' . $shortcode . '"]' ); + } +} diff --git a/includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-profile-details.php b/includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-profile-details.php new file mode 100644 index 000000000..ddb60f05d --- /dev/null +++ b/includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-profile-details.php @@ -0,0 +1,71 @@ +name = __( 'View Profile Details', 'user-registration' ); + $this->slug = 'ur-profile-details'; + $this->icon = $this->get_icon_svg( '' ); + $this->priority = 1; + parent::__construct(); + } + + /** + * Register widget controls. + * + * @since 3.3.5 + */ + public function controls() { + $templates_control = $this->addOptionControl( + array( + 'type' => 'dropdown', + 'name' => __( 'Select a Form', 'user-registration' ), + 'slug' => 'ur_oxygen_profiledetails', + 'value' => apply_filters( + 'ur_oxygen_widget_myaccount_options', + array( + 'user_registration_view_profile_details' => __( 'Profile Details', 'user-registration' ), + ) + ), + 'default' => 'user_registration_view_profile_details', + 'css' => false, + ) + ); + + $templates_control->rebuildElementOnChange(); + $this->form_container_style_controls(); + $this->form_input_labels_style(); + $this->submit_btn_style(); + } + + /** + * Render the widget. + * + * @since 3.3.5 + */ + public function render( $options, $defaults, $content ) { + + $shortcode = isset( $options['ur_oxygen_profiledetails'] ) ? $options['ur_oxygen_profiledetails'] : ''; + $this->add_form( $shortcode ); + } + + /** + * Add the form. + * + * @since 3.3.5 + */ + public function add_form( $shortcode ) { + if ( ! empty( $shortcode ) ) { + $shortcode = '[' . $shortcode . ']'; + echo do_shortcode( $shortcode ); + } else { + echo __( 'Please select a form.', 'user-registration' ); + } + } +} diff --git a/includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-registration.php b/includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-registration.php new file mode 100644 index 000000000..cca55554a --- /dev/null +++ b/includes/3rd-party/oxygen/widgets/class-ur-oxygen-widget-registration.php @@ -0,0 +1,68 @@ +name = __( 'Registration Form ', 'user-registration' ); + $this->slug = 'ur-registration'; + $this->icon = $this->get_icon_svg( '' ); + $this->priority = 1; + parent::__construct(); + } + + /** + * Register widget controls. + * + * @since 3.3.5 + */ + public function controls() { + $templates_control = $this->addOptionControl( + array( + 'type' => 'dropdown', + 'name' => __( 'Select a Form', 'user-registration' ), + 'slug' => 'ur_registration_form_id', + 'value' => $this->get_forms( 'registration' ), + 'default' => '', + 'css' => false, + ) + ); + // echo ''; + $templates_control->rebuildElementOnChange(); + $this->form_container_style_controls(); + $this->form_input_labels_style(); + $this->submit_btn_style(); + } + + /** + * Render the widget. + * + * @since 3.3.5 + */ + public function render( $options, $defaults, $content ) { + $form_id = isset( $options['ur_registration_form_id'] ) ? $options['ur_registration_form_id'] : ''; + $this->add_form( $form_id ); + } + + /** + * Add the form. + * + * @since 3.3.5 + */ + public function add_form( $form_id ) { + if ( empty( $form_id ) ) { + return; + } + $shortcode = '[user_registration_form id="' . esc_attr( $form_id ) . '"]'; + echo do_shortcode( $shortcode ); + } +} diff --git a/includes/3rd-party/oxygen/widgets/class-ur-oxygen-widgets.php b/includes/3rd-party/oxygen/widgets/class-ur-oxygen-widgets.php new file mode 100644 index 000000000..c5545724b --- /dev/null +++ b/includes/3rd-party/oxygen/widgets/class-ur-oxygen-widgets.php @@ -0,0 +1,351 @@ +name = $name; + $this->slug = $slug; + $this->icon = $icon; + $this->priority = $priority; + } + + + /** + * Get the name of the widget. + * + * @return string The name. + */ + public function name() { + return $this->name; + } + + /** + * Get the slug for the widget. + * + * @return string The slug. + */ + public function slug() { + return $this->slug; + } + + /** + * Get the icon for the widget. + * + * @return string The icon. + */ + public function icon() { + return $this->icon; + } + + /** + * Get the button priority for the widget. + * + * @return int The button priority. + */ + public function button_priority() { + return $this->priority; + } + + + /** + * Get the class names for the widget. + * + * @return array The class names. + */ + public function class_names() { + return array( + 'oxy-ur-widget', + 'oxy-form-widget-' . $this->slug(), + ); + } + + /** + * Get the button place for the widget. + * + * @return string The button place. + */ + public function button_place() { + $button_place = $this->accordion_button_place(); + + if ( $button_place ) { + return 'user-registration::' . $button_place; + } + + return ''; + } + + /** + * Get the accordion button place for the widget. + * + * @return string The accordion button place. + */ + public function accordion_button_place() { + return 'forms'; + } + + /** + * Get the icon in SVG format. + * + * @param string $svg The SVG content. + * @return string The base64 encoded SVG. + */ + public function get_icon_svg( $svg ) { + return 'data:image/svg+xml;base64,' . base64_encode( $svg ); + } + + + /** + * Get forms based on type. + * + * @param string $type The type of form to retrieve. + * @return array The forms array. + */ + public function get_forms( $type ) { + + $forms = array(); + if ( 'popup' === $type ) { + $forms[0] = __( 'Select a Form', 'user-registration' ); + $ur_forms = ur_get_all_user_registration_pop(); + } + + if ( 'registration' === $type ) { + $forms[0] = __( 'Select a Form', 'user-registration' ); + $ur_forms = ur_get_all_user_registration_form(); + } + + if ( ! empty( $ur_forms ) ) { + foreach ( $ur_forms as $form_value => $form_name ) { + $forms[ $form_value ] = $form_name; + } + } + return $forms; + } + + + /** + * Form contrainer style controls. + * + * @since 3.3.5 + */ + public function form_container_style_controls() { + $section_container = $this->addControlSection( + 'ur_container', + __( 'Form Container', 'user-registration' ), + 'assets/icon.png', + $this + ); + $selector = '.user-registration'; + $section_container->addStyleControls( + array( + array( + 'name' => __( 'Background Color', 'user-registration' ), + 'selector' => $selector, + 'property' => 'background-color', + ), + array( + 'name' => __( 'Max Width', 'user-registration' ), + 'selector' => $selector, + 'property' => 'width', + ), + ) + ); + + $section_container->addPreset( + 'padding', + 'ur_container_padding', + __( 'Padding', 'user-registration' ), + $selector + )->whiteList(); + + $section_container->addPreset( + 'margin', + 'ur_container_margin', + __( 'Margin', 'user-registration' ), + $selector + )->whiteList(); + + $section_container->addPreset( + 'border', + 'ur_container_border', + __( 'Border', 'user-registration' ), + $selector + )->whiteList(); + + $section_container->addPreset( + 'border-radius', + 'ur_container_radius', + __( 'Border Radius', 'user-registration' ), + $selector + )->whiteList(); + + $section_container->boxShadowSection( + __( 'Box Shadow', 'user-registration' ), + $selector, + $this + ); + } + + /** + * Field input label styles. + * + * @since 3.3.5 + */ + public function form_input_labels_style() { + $section_label = $this->addControlSection( + 'ur-label', + __( 'Labels', 'user-registration' ), + 'assets/icon.png', + $this + ); + + $selector = '.ur-label'; + $section_label->typographySection( __( 'Typography' ), $selector, $this ); + $section_label->addStyleControls( + array( + array( + 'name' => __( 'Text Color', 'user-registration' ), + 'selector' => $selector, + 'property' => 'color', + ), + ) + ); + $section_label->addStyleControl( + array( + 'name' => __( 'Asterisk Color', 'user-registration' ), + 'selector' => '.ur-label .required', + 'property' => 'color', + ) + ); + } + + /** + * Submit button style. + * + * @since 3.3.5 + */ + public function submit_btn_style( $selector = '.ur-submit-button' ) { + $section_submit_btn = $this->addControlSection( + 'ur-submit-button', + __( 'Submit Button', 'user-registration' ), + 'assets/icon.png', + $this + ); + + $selector_submit_bttn = $selector; + $section_submit_btn->addStyleControls( + array( + array( + 'name' => __( 'Color', 'user-registration' ), + 'selector' => $selector_submit_bttn, + 'property' => 'color', + ), + array( + 'name' => __( 'Background Color', 'user-registration' ), + 'selector' => $selector_submit_bttn, + 'property' => 'background-color', + ), + array( + 'name' => __( 'Hover Color', 'user-registration' ), + 'selector' => '.ur-submit-button:hover', + 'property' => 'background-color', + ), + array( + 'name' => __( 'Width', 'user-registration' ), + 'selector' => $selector_submit_bttn, + 'property' => 'width', + 'control_type' => 'slider-measurebox', + 'unit' => 'px', + ), + array( + 'name' => __( 'Margin Top', 'user-registration' ), + 'selector' => $selector_submit_bttn, + 'property' => 'margin-top', + 'control_type' => 'slider-measurebox', + 'unit' => 'px', + ), + ) + ); + + $section_submit_btn->addPreset( + 'padding', + 'ur_submit_bttn_padding', + __( 'Padding', 'user-registration' ), + $selector_submit_bttn + )->whiteList(); + + $section_submit_btn->addPreset( + 'margin', + 'ur_submit_bttn_margin', + __( 'Margin', 'user-registration' ), + $selector_submit_bttn + )->whiteList(); + + $section_submit_btn->typographySection( __( 'Typography', 'user-registration' ), $selector_submit_bttn, $this ); + $section_submit_btn->borderSection( __( 'Border', 'user-registration' ), $selector_submit_bttn, $this ); + $section_submit_btn->borderSection( __( 'Hover Border', 'user-registration' ), $selector_submit_bttn . ':hover', $this ); + $section_submit_btn->boxShadowSection( __( 'Box Shadow', 'user-registration' ), $selector_submit_bttn, $this ); + $section_submit_btn->boxShadowSection( __( 'Hover Box Shadow', 'user-registration' ), $selector_submit_bttn . ':hover', $this ); + } +} diff --git a/includes/RestApi/controllers/version1/class-ur-getting-started.php b/includes/RestApi/controllers/version1/class-ur-getting-started.php index 19e784366..583e0283b 100644 --- a/includes/RestApi/controllers/version1/class-ur-getting-started.php +++ b/includes/RestApi/controllers/version1/class-ur-getting-started.php @@ -53,15 +53,6 @@ public function register_routes() { 'permission_callback' => array( __CLASS__, 'check_admin_permissions' ), ) ); - register_rest_route( - $this->namespace, - '/' . $this->rest_base . '/install-pages', - array( - 'methods' => 'POST', - 'callback' => array( __CLASS__, 'ur_getting_started_install_pages' ), - 'permission_callback' => array( __CLASS__, 'check_admin_permissions' ), - ) - ); } /** @@ -125,64 +116,6 @@ public static function ur_save_getting_started_settings( $request ) { ); } - /** - * Install default pages when user hits Install & Proceed button in setup wizard. - * - * @since 2.1.4 - * - * @param WP_REST_Request $request Full data about the request. - * @return array settings. - */ - public static function ur_getting_started_install_pages( $request ) { - - if ( ! isset( $request['install_pages'] ) || ! $request['install_pages'] ) { - return new \WP_REST_Response( - array( - 'success' => false, - 'message' => __( 'Pages cannot be installed', 'user-registration' ), - ), - 200 - ); - } - - include_once untrailingslashit( plugin_dir_path( UR_PLUGIN_FILE ) ) . '/includes/admin/functions-ur-admin.php'; - - $pages = apply_filters( 'user_registration_create_pages', array() ); - $default_form_page_id = get_option( 'user_registration_default_form_page_id' ); - $is_pro = false !== ur_get_license_plan() ? true : false; - - if ( $default_form_page_id ) { - $pages['registration'] = array( - 'name' => _x( 'registration', 'Page slug', 'user-registration' ), - 'title' => _x( 'Registration', 'Page title', 'user-registration' ), - 'content' => '[' . apply_filters( 'user_registration_form_shortcode_tag', 'user_registration_form' ) . ' id="' . esc_attr( $default_form_page_id ) . '"]', - ); - } - - $pages['myaccount'] = array( - 'name' => _x( 'my-account', 'Page slug', 'user-registration' ), - 'title' => _x( 'My Account', 'Page title', 'user-registration' ), - 'content' => '[' . apply_filters( 'user_registration_my_account_shortcode_tag', 'user_registration_my_account' ) . ']', - ); - - $page_slug = array(); - foreach ( $pages as $key => $page ) { - $post_id = ur_create_page( esc_sql( $page['name'] ), 'user_registration_' . $key . '_page_id', wp_kses_post( ( $page['title'] ) ), wp_kses_post( $page['content'] ) ); - array_push( $page_slug, get_post_field( 'post_name', $post_id ) ); - } - - return new \WP_REST_Response( - array( - 'success' => true, - 'page_slug' => $page_slug, - 'default_form_id' => $default_form_page_id, - 'is_pro' => $is_pro, - 'registration_page_link' => get_permalink( get_option( 'user_registration_registration_page_id' ) ), - ), - 200 - ); - } - /** * Get settings for getting started page. * diff --git a/includes/RestApi/controllers/version1/class-ur-modules.php b/includes/RestApi/controllers/version1/class-ur-modules.php index 123ffe9cd..cbb906ecd 100644 --- a/includes/RestApi/controllers/version1/class-ur-modules.php +++ b/includes/RestApi/controllers/version1/class-ur-modules.php @@ -285,6 +285,13 @@ public static function ur_enable_feature( $slug ) { array_push( $enabled_features, $slug ); update_option( 'user_registration_enabled_features', $enabled_features ); + /** + * Track module installation. + * + * @since 4.0 + */ + do_action('user_registration_feature_track_data_for_tg_user_tracking', $slug ); + return array( 'success' => true ); } diff --git a/includes/admin/class-ur-admin-assets.php b/includes/admin/class-ur-admin-assets.php index b604b91d2..011f6cd95 100644 --- a/includes/admin/class-ur-admin-assets.php +++ b/includes/admin/class-ur-admin-assets.php @@ -329,6 +329,7 @@ public function admin_scripts() { 'ajax_url' => admin_url( 'admin-ajax.php' ), 'user_input_dropped' => wp_create_nonce( 'user_input_dropped_nonce' ), 'ur_form_save' => wp_create_nonce( 'ur_form_save_nonce' ), + 'ur_new_row_added' => wp_create_nonce( 'ur_new_row_added_nonce' ), 'number_of_grid' => UR_Config::$ur_form_grid, 'active_grid' => UR_Config::$default_active_grid, 'is_edit_form' => isset( $_GET['edit-registration'] ) ? true : false, //phpcs:ignore WordPress.Security.NonceVerification @@ -379,6 +380,7 @@ public function admin_scripts() { 'ur_upgrade_plan_link' => esc_url( 'https://wpuserregistration.com/pricing/?utm_source=plugin&utm_medium=button&utm_campaign=ur-upgrade-to-pro' ), 'ur_remove_password_field_link' => esc_url( 'https://docs.wpuserregistration.com/docs/remove-password-field/' ), 'ur_form_non_deletable_fields' => ur_non_deletable_fields(), + 'ur_assets_url' => UR()->plugin_url() . '/assets/', ); wp_localize_script( @@ -615,7 +617,23 @@ public static function get_i18n_admin_data() { 'i18n_learn_more' => esc_html__( 'Learn More', 'user-registration' ), 'i18n_upgrade_to_pro' => esc_html__( 'Upgrade plan', 'user-registration' ), 'i18n_ok' => esc_html__( 'OK', 'user-registration' ), + 'i18n_fullscreen_mode' => esc_html__( 'Fullscreen', 'user-registration' ), + 'i18n_exit_fullscreen_mode' => esc_html__( 'Exit Fullscreen', 'user-registration' ), 'i18n_default_cannot_delete_message' => esc_html__( 'WordPress requires the user to have an email address during registration.', 'user-registration' ), + 'pro_feature_title' => esc_html__( 'is a Pro Feature', 'user-registration' ), + 'upgrade_message' => esc_html__( + 'We apologize, but %title% is not available with the free version. To access this fantastic features, please consider upgrading to the %plan%.', + 'user-registration' + ), + 'upgrade_plan' => esc_html__( 'Upgrade Plan', 'user-registration' ), + 'upgrade_link' => esc_url( 'https://wpuserregistration.com/pricing/?utm_source=integration-settings&utm_medium=premium-addon-popup&utm_campaign=' . urlencode( UR()->utm_campaign ) ), + 'user_registration_locked_form_fields_notice_nonce' => wp_create_nonce( 'locked_form_fields_notice_nonce' ), + 'license_activation_required_title' => __( 'License Activation Required', 'user-registration' ), + 'license_activation_required_message' => __( 'Please activate your User Registration License to use this integration', 'user-registration' ), + 'activation_required_title' => __( 'Addon Activation Required', 'user-registration' ), + 'activation_required_message' => __( 'Please activate %plugin% addon to use this integration.', 'user-registration' ), + 'installation_required_title' => __( 'Addon Installation Required', 'user-registration' ), + 'installation_required_message' => __( 'Please install %plugin% addon to use this integration.', 'user-registration' ), ); return $i18n; diff --git a/includes/admin/class-ur-admin-menus.php b/includes/admin/class-ur-admin-menus.php index 63ac55b72..50bbf2fd0 100644 --- a/includes/admin/class-ur-admin-menus.php +++ b/includes/admin/class-ur-admin-menus.php @@ -791,62 +791,63 @@ public function nav_menu_links() { $endpoints = apply_filters( 'user_registration_custom_nav_menu_items', $endpoints ); ?> -
              -
              -
                - $value ) : - ?> -
              • - - - - - -
                • - -
              -
              -

              - - - - - - - - -

              -
              +
              +
              +
                + $value ) : + ?> +
              • + + + + + +
                • + +
              +
              +

              + + + + + + + + +

              +
              post_content; @@ -956,7 +957,7 @@ class="user-registration-editable-title__icon ur-edit-form-name dashicons dashic $repeater_label = ''; foreach ( $form_row_data_array as $row_data ) { if ( function_exists( 'is_plugin_active' ) && is_plugin_active( 'user-registration-repeater-fields/user-registration-repeater-fields.php' ) ) { - if ( isset( $row_data['row_id'] ) && $row_id === $row_data['row_id'] && isset( $row_data['type'] ) && 'repeater' === $row_data['type'] ) { + if ( isset( $row_data['row_id'] ) && $row_id === $row_data['row_id'] && isset( $row_data['type'] ) && 'repeater' === $row_data['type'] && isset( $row_data['repeater_id'] ) ) { $row_class = 'ur-repeater-row'; $attributes = 'data-repeater-id=' . $row_data['repeater_id'] . ''; $repeater_label = '
              '; @@ -979,6 +980,9 @@ class="user-registration-editable-title__icon ur-edit-form-name dashicons dashic } ?> +