From c7c140d215f90c6917d0edb95915a26658c5284a Mon Sep 17 00:00:00 2001
From: Aviran Levi <143411291+aviranLevi1@users.noreply.github.com>
Date: Tue, 2 Sep 2025 15:01:09 +0300
Subject: [PATCH] Release/3.7.0 (#396)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Bump WP version

* ♻️ Initial Refactor commit [APP-687] (#109)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* PR Rejects

* Rejects leftover

* Setup base (#110)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: settings variable

* update: removed duplicate css import

* Update modules/settings/assets/js/api/index.js

Co-authored-by: VasylD <vasyld@elementor.red>

---------

Co-authored-by: Ohad <ohad@elementor.com>
Co-authored-by: VasylD <vasyld@elementor.red>

* [Infra] ✅ updated Github actions (#114)

* updated github actions

* removed composer github auth

* PHPCS

* removed package-lock.json from ignore to allow `npm ci`

* added missing husky

* ignore legacy

* removed unused non existing import

* Add connect modal (#111)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* fix: alignment and style

* update: imports

* update: removed conflicting imports

* fix: add compatibility for mobile devices

---------

Co-authored-by: Ohad <ohad@elementor.com>

* [APP 705] add connect module, settings and notification component (#112)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* add: connect module

* add: settings and get settings route

* add: hooks and contexts to get settings

* add: hooks

* add: notification component

* add: data api

* add: settings provider and connect settings

* add: husky

* fix: formatting and text-domain

* update: filter names

* fix: hook import

* add: set function for settings

* add: prop-types package

* update: refactor notification component and context

* update: remove filter for authorize url

* update: imports and exports of hooks

* update: plugin settings context filename and relevant imports

---------

Co-authored-by: Ohad <ohad@elementor.com>

* [APP 707] general setting components (#113)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* add: connect module

* add: settings and get settings route

* add: hooks and contexts to get settings

* add: hooks

* add: notification component

* add: data api

* add: settings provider and connect settings

* add: husky

* add: icon size control

* fix: icon size control labels

* add: icon select component

* add: color picker component

* add: accessibility icons

* add: icon export

* update: add icons to the component

* fix: styling for the icon select control

* update: color picker with react-colorful component

* update: icon size component with live icon design

* fix: styling of radio boxes

* add: icon design settings layout

* add: position settings layout

* add: layout exports

* add: alignment matrix and position control components

* add: position settings  & position settings for mobile layout

* fix: formatting and text-domain

* update: filter names

* fix: hook import

* add: set function for settings

* add: prop-types package

* update: refactor notification component and context

* update: remove filter for authorize url

* Update modules/settings/assets/js/components/color-picker/style.css

Co-authored-by: Raz Ohad <admin@bainternet.info>

* update: color picker class name

---------

Co-authored-by: Ohad <ohad@elementor.com>
Co-authored-by: Raz Ohad <admin@bainternet.info>

* [App 780] Navigation Sidebar (#115)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* add: connect module

* add: settings and get settings route

* add: hooks and contexts to get settings

* add: hooks

* add: notification component

* add: data api

* add: settings provider and connect settings

* add: husky

* fix: formatting and text-domain

* update: filter names

* fix: hook import

* add: set function for settings

* add: prop-types package

* update: refactor notification component and context

* update: remove filter for authorize url

* update: imports and exports of hooks

* update: plugin settings context filename and relevant imports

* update: icons and icon imports

* add: sidebar(wip)

* update: fix width of connect screen on mobile

* update: sidebar layout

* add: credit card and user arrow icons

* update: hidden wpfooter and fixed sidebar height

* update: sidebar layout

* add: basic page layouts

* update: sidebar layout

* add: sidebar menu, sidebar app bar and my account menu components

* update: add sidebar and menu settings

* update: add page layouts

* update: admin top bar

* add: bottom bar

* add: bottom bar and top bar

* add: bottom bar and top bar

* update: page content styling

* fix: styling

* fix: styling

* update: text domain

* update: added translations

* fix: admin top bar layout

* update: exports of icons

* update: exports of components

* add: aliases for imports and fix exports

* fix: height and styling of the layout

* fix: unhide wp footer

* update: keep widget menu open on page load (default)

* update: linter rules to move first prop to new line

* update: linter rules to move first prop to new line

---------

Co-authored-by: Ohad <ohad@elementor.com>

* Fix error on install plugin, add prettier (#116)

* Feature/app 810 assemble icon settings page (#117)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* add: connect module

* add: settings and get settings route

* add: hooks and contexts to get settings

* add: hooks

* add: notification component

* add: data api

* add: settings provider and connect settings

* add: husky

* add: icon size control

* fix: icon size control labels

* add: icon select component

* add: color picker component

* add: accessibility icons

* add: icon export

* update: add icons to the component

* fix: styling for the icon select control

* update: color picker with react-colorful component

* update: icon size component with live icon design

* fix: styling of radio boxes

* add: icon design settings layout

* add: position settings layout

* add: layout exports

* add: alignment matrix and position control components

* add: position settings  & position settings for mobile layout

* fix: formatting and text-domain

* update: filter names

* fix: hook import

* add: set function for settings

* add: prop-types package

* update: refactor notification component and context

* update: remove filter for authorize url

* update: imports and exports of hooks

* update: plugin settings context filename and relevant imports

* update: icons and icon imports

* add: sidebar(wip)

* update: fix width of connect screen on mobile

* update: sidebar layout

* Update modules/settings/assets/js/components/color-picker/style.css

Co-authored-by: Raz Ohad <admin@bainternet.info>

* update: color picker class name

* add: credit card and user arrow icons

* update: hidden wpfooter and fixed sidebar height

* update: sidebar layout

* add: basic page layouts

* update: sidebar layout

* add: sidebar menu, sidebar app bar and my account menu components

* update: add sidebar and menu settings

* update: add page layouts

* update: admin top bar

* add: bottom bar

* add: bottom bar and top bar

* add: bottom bar and top bar

* update: page content styling

* fix: styling

* fix: styling

* update: text domain

* add: props to wrapper

* add: icon design and position setting layouts

* add: in page scroll behaviour to the settings

* add: widget icons and getter function

* update: icon design settings getter and setter functions

* update: imports

* add: mobile layout for position settings

* add: icon position settings

* add: icon position settings hooks and handlers

* fix: alignment of controls in AlignmentMatrixControl

* update: useSettings and usePositionSetting hooks and relevant functions

* fix: colors of AlignmentMatrixControl

* fix: styling of components and layouts

* add: aliases

* add: container wrapper to page

* update: accessibility options rendering logic

* fix: order of the icons

* add: aliases for components and hooks imports

* fix: styling of settings panel

* fix: container height for settings page

* update: toggle control states

* add: widget icon settings

* add: load saved widget icon settings

* update: move layout to page for different designs per page

* update: add changes tracking and disable button logic

* add: async/await to save settings

* update: convert options to array of objects

* Update modules/settings/assets/js/components/bottom-bar/index.js

Co-authored-by: VasylD <vasyld@elementor.red>

* Update modules/settings/assets/js/app.js

Co-authored-by: VasylD <vasyld@elementor.red>

* fix: remove duplicate entries

---------

Co-authored-by: Ohad <ohad@elementor.com>
Co-authored-by: Raz Ohad <admin@bainternet.info>
Co-authored-by: VasylD <vasyld@elementor.red>

* Feature/app 708 widget menu settings (#118)

* add: icons for menu settings

* add: placeholder layout for widget preview in menu settings

* update: load saved settings and updated imports

* add: logics for handling and saving menu settings

* add: useSavedSettings hook

* update: set export as default for Sidebar layout

* add: widget menu settings layout and settings

* update: add widget menu settings and widget preview layouts

* add: hide/show minimum option alert notification

* update: styling of the save button

* update: save settings logic to use async/await

* fix: accessibility text icon

* update: app type (#119)

* [APP-834] Update account menu buttons (#121)

* update: account menu buttons

* update: billing link

* add: error handling for switch account

* [APP-835] add service data (#122)

* add: client functions

* add: site register and site info endpoints

* update: add plan data settings

* update: add support for 201 response code

* update: add plan data key

* update: store the plan data on the once the site is registered

* update: add filter for client url

* add: retry registering in there is any error after connect

* update: setting prefix

* add: plan data

* update: add account details to menu

* fix: lint issues

* update: add data checkbox support (#123)

* [APP-928] Settings pointer (#125)

* add: settings pointer

* update: add alias for the settings

* [APP-837] Add post connect modal (#120)

* add: post connect modal

* update: settings prefix

* fix: connect modal design

* update: connect modal text

* add: connect modal graphics

* update: connect modal icon

* update: post connect modal

* update: sidebar menu text

* update: text of icon settings

* update: text

* update: php compatibility with return types

* add: accessibility statement page structure (#126)

* [APP-721] Render widget and global settings (#124)

* add: webhook endpoint

* add: widget module

* add: default widget settings on successful registration

* update: name of global object to ea11yWidget

* update: remove json encoding to make objects available on the frontend

* update: widget url, filter and enqueuing method

* update: removed obsolete code

* update: enqueue script only when connected

* update: add check for valid plan data and key

* update: conditional check

* update: conditional check

* fix: widget loading error (#128)

* [Legacy] Upgrade To New [APP-949] (#127)

* Added `Notice_Base` and `Notices` component to core module

* Always load core module and load all other modules based on legacy status

* added filter in customizer settings

* added bubble / pimple in admin menu to indicate upgrade

* added `Dismissible_Deprecated_Nag` notice to none legacy pages

* added `Dismissible_Deprecated_Nag` notice to legacy pages

* Added `Upgrade` component to legacy module

includes:
* loading of notices
* introduction modal
* admin menu pimple
* customizer notice
* pointer
* confirmation modal
* upgrade logic and handler

* ✅ Fixed legacy module test

* added `local:quick-run` command to run in browser mode

* update phpunit workflow

* ensure wp.ajax is loaded

* wrong translations

* Updated strings

* added "Equally"

* remove unused test

* ✅ use custom version of wp test library (#129)

* ✅ use custom version of wp test library

* cleanup

* update WP versions for testing

* [APP-711] Widget preview (#130)

* add: dynamic script loader for widget

* update: settings name

* update: settings save function and comments

* update: tools settings object structure

* add: widget preview section

* update: added setting page slug as a constant

* update: enqueue widget for preview in the settings

* add: widget icon assets link

* add: widget icon svgs

* update: store widget url in a constant

* update: store widget url in a constant

* update: trigger widget preview update on menu item changes

* update: remove the icon option from the frontend.

* update: add widget URL

* update: plan data setting type

* update: widget plan url

* update: widget plan url and parse plan data

* fix: phpcs error ext-json missing

* fix: widget url

* fix: save and use plan data as a serialized option

* fix: use template string for widget url

* [APP-908] Accessibility generator (#131)

* add: accessibility statement radio icons

* update: add form group on radio buttons

* add: statement generator

* add: statement generator

* add: accessibility statement data option

* update: create page in WordPress and save it to the option

* update: exclude zip file from the git

* update: render statement page conditionally

* add: statement link layout and settings

* add: preload statement data

* update: publish the created page and add link for it

* update: changed Dynamic Script Loader to WidgetLoader

* add: accessibility statement url

* update: text and styling

* update: styling of the preview text

* update: restructure statement generator

* add: support for dynamic update in statement links

* update: remove index.css file for widget loader

* add: widget styling for settings page

* add: empty link when hide link is enabled

* update: statement page structure and logic

* fix: typo

* update: convert component into a styled component

* fix: styling and layout

* update: icons

* update: convert radio buttons to styled component

* fix: typo and style

* add: fading for the link preview

* update: import

* update: styling and spacing

* fix: sidebar layout

* update: wpcs to latest version

* fix: spacing

* fix: wpcs version

* add: check for valid statement page

* fix: jitters on rendering

* fix: use escape attribute

* update: settings menu slug and plugin name

* fix: menu item rendering

* update: definition of the styled text field

* add: addPage function to the API

* fix: add notification on page creation

* add: copy link icon

* update: optimize SVGs

* [APP-908] Additional fixes (#133)

* fix: text domains

* updated: styled component syntax

* update: use await instead of then

* fix: prevent application crash in case widget fails to load

* add: generated info tip card

* update: refactor function

* Fix: Fix the QA bugs [n/a] (#135)

* [APP-830] Add mixpanel events (#134)

* [APP-830] Add mixpanel events

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* [APP-830] Add user to init Mixpanel (#136)

* [APP-830] Add mixpanel events

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* [APP-830] Add user to init Mixpanel

* [APP-830] Add user to init Mixpanel

* [APP-830] Add user to init Mixpanel

* [APP-830] rename events (#137)

* Connect and Preview Fixes (#139)

* updated connect admin page

* Use unified widget URL instead of hardcoded Js to support envs

* Removed enqueue of fictional widget.js and reuse settings `admin` handle

* Fix: Fix the QA bugs [n/a] (#138)

* New: Finish the BE integration [n/a]

* Fix: Fix some bugs [n/a]

* upgrade flow UI and design tweaks [app-949] (#141)

* Updated Learn More links with UTM's

* Tweaked Pointer strings Icon and CTA

* dismissible notice strings

* sticky notice strings

* updated upgrade flow design for pointer, notices, introduction modal, and confirmation modal

* added build script

* [APP-979] Update links and plugin name (#140)

* Ensure loading of legacy widget based on any saved data and fixed legacy JS

* Bug/app 1002 (#143)

* Bug: Update the logo in the "Hide Widget" modal [APP-1001]

* Fix: Update the side menu spaces [APP-1002]

* [APP-991] Add translation for statement (#142)

* [APP-979] Update links and plugin name

* [APP-991] Add translation for statement

* Set Prod Widget URL

* [APP-1004][APP-1005][APP-1006] Fix generator UI and logic, fix statement UI, fix copy link (#144)

* [APP-1004] Fix generator UI and logic

* [APP-1005] Fix statement UI

* [APP-1005] Fix statement UI

* Mixpanel record session

* Fix: Enhance position values validation [APP-1009] (#146)

* Bug/app 1003 (#147)

* Fix: Add a border to the preview [n/a]

* Fix: Fix Capabilities screen UI [APP-1003]

* [APP-1020] add missed events (#148)

* [APP-1015] fix switch account (#149)

* [APP-1015] fix switch account (#150)

* [APP-1021] Fix switch modal ui (#151)

* fix: ui issues

* fix: translation strings

* [APP-912] add default settings for RTL (#152)

* [APP-912] add default settings for RTL

* [APP-912] add default settings for RTL

* [APP-912] add default settings for RTL

* [APP-1026] Remove HTML breaking <style> tag & update pointer logic (#153)

* fix: remove extra closing tag

* update: hide settings pointer when plugin settings is opened

* update: remove unused functions

* update: add help text to mobile position settings

* Bug/app 1003 (#157)

* Fix: Add missed translations [n/a]

* Fix: Refresh the plan data on page load [n/a]

* New: Add loader to the settings [n/a]

* update: delete lock key after each check (#160)

* New: Update dashboard icon size [n/a] (#158)

* New: Update dashboard icon size [n/a]

* Fix: Fix widget previews [n/a]

* [APP-1018] Help menu change (#155)

* update: remove accessibility word from menu items

* update: remove top bar

* update: add help button to the sidebar

* update: re-add spacing in styled css code

* update: create styled components

* [APP-973] Add an UTM for users upgrading from one click to the new widget (#165)

* update: ui of the statement preview (#166)

* [APP-1011][APP-1013] focus outline and sitemap settings (#161)

* [APP-1011][APP-1013] focus outline and sitemap settings

* [APP-1011][APP-1013] focus outline and sitemap settings

* [APP-1011][APP-1013] focus outline and sitemap settings

* [APP-1011][APP-1013] focus outline and sitemap settings

* update: video link (#167)

* [APP-1051] Fix layout on the small and medium devices (#156)

* fix: layout on the small and medium devices

* update: change components to styled components

* refactor: position settings wrapper into a separate component

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel (#169)

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel

* [APP-1048] Add tooltip to accessibility statement (#159)

* add: tooltip to accessibility statement

* update: hide infotip when statement link is set

* update: infotip's text

* fix: infotip naming and logic

* [APP-1049] Add back button accessibility statement (#164)

* add: back button to the statement link section

* add: Edit link button to statement page section

* update: add admin_url and generate query args properly

* update: learn more link for accessibility statement page (#168)

* Fix: Update overlay height [n/a] (#171)

* Fix settings and connect issues (#170)

* fix: token fails to refresh after expiry

* update: add 12 hour time for plan data refresh and fix missing subscription id

* update: add check to refresh plan data

* fix: decoding errors and alignment and add logging for errors

* update: refresh logic and formatting

* Update/app 1029 app name (#173)

* update: plugin name

* update: default menu option

* update: menu structure

* update: add inline checks

* update: reduce padding on app icon in menu

* fix: height of the modal

* update: app menu icon color

* update: menu icon colors

* fix: menu icon size

* update: plugin names

* update: HELP_LINK

* update: app name

* update: icon background color

* update: icon size

* fix: admin icon size

* fix: width of the sidebar

* Fix/toggle not working properly (#174)

* fix: toggles not working properly in some cases

* fix: saving of the settings was not working

* add: missing adminUrl in settings data

* fix: switch was not working properly in some cases (#175)

* Fix/app 1093 incorrect position on default (#176)

* fix: switch was not working properly in some cases

* fix: default setting structure for the icon position

* [APP-1096] Text changes (#177)

* fix: switch was not working properly in some cases

* update: plugin name and action buttons title

* fix: revert change to is_active function

* fix: button color

* New: Add the skip link [APP-1012] (#179)

* [APP-1097] Fix preview load (#178)

* [APP-1097] Fix preview load

* [APP-1097] Fix preview load

* [APP-1097] Fix preview load

* Update modules/settings/assets/js/components/widget-loader/index.js

---------

Co-authored-by: Raz Ohad <ohad@elementor.com>

* [APP-1123] Accessibility statement text (#181)

* fix: switch was not working properly in some cases

* update: accessibility statement content

* [APP-1121] Add support for react-jsx-runtime for older WP versions (#180)

* fix: switch was not working properly in some cases

* update: revert wp-scripts version to 28.0.0 to add support for older WordPress versions

* update: revert wp-scripts to 27.9.0

* add: support for react-jsx-runtime in older versions of WordPress

* update: version to the latest wp-scripts 30.3.0

* update: add lib/ to gitignore

* update: plugin name

* Fix: Fix admin widget previews [n/a] (#183)

* [APP-1061] change mixpanel user id (#184)

* [APP-1129] change toggle_event for mixpanel (#186)

* Remove skip to content btn if anchor does not exist (#187)

* fix: hide wp notices to keep the layout from shifting (#189)

* [APP-1143] fix bug with capability display (#195)

* [APP-1143] fix bug with capability display

* [APP-1143] fix bug with capability display

* [APP-1143] fix bug with capability display

* [APP-1143] fix bug with capability display

* add: loading text to widget preview (#196)

* [APP-1142] add 'appType' super props, change identify key (#191)

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* [APP-1142] Add 'appType' super props

* [APP-1144] Accessibility statement tooltip text update (#198)

* update: text

* update: switch design

* Tweak: Update widget loaders [n/a] (#197)

* added images to readme (#172)

* added images to readme

* updated readme

* V3.0.0

* updated readme

* updated tested up to

* Fix: Update the skip link rendering hook [APP-1157] (#203)

* bumped v3.0.1 (#206)

* Fix: Adapt widget preview to smaller height viewports [APP-1130] (#217)

* update: convert menu icon to base64 svg (#199)

* update: convert menu icon to base64 svg

* update: logo to svg logo with base64 encoded

* update: svg app icon

* [APP-1201] Improve admin panel accessibility (#220)

* [APP-1201] add accessibility rules

* [APP-1201] add accessibility rules

* [APP-1210] add prop to Mixpanel, move event names to const (#225)

* [APP-1159] Add mismatch URL flow (#210)

* update: convert imports to named imports

* add: function to check if current screen is settings page

* update: rename elementor logo to app logo

* add: url mismatch flow and components

* update: remove obsolete code

* Update modules/connect/rest/authorize.php

Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>

* Update modules/settings/module.php

Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>

* fix: modal was not closing

* update: remove url mismatch notice

* update: mismatch modal and rendering logic

* add: toast notifications for errors

* update: convert components into styled components

* update: remove bottom border from the dialog

* update: text copy

* fix: logo alignment

* update: renamed styled component

---------

Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic (#190)

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* Add nonce to the widget settings

* Update routes and DB table

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* [APP-1101] Move action button to footer (#208)

* update: add save changes footer to the bottom and remove it from capabilities

* add: logic to save settings for skiptocontent using footer

* update: text

* update: convert component to styled component

* [APP-1198] [APP-1199] Quota bar and notices (#219)

* add: quota bar

* add: openLink helper function

* add: styled elements and visits link placeholder

* update: remove hover state from the box

* add: quota notices

* update: quota access and usage calculations

* add: logic to calculate plan usage

* update: move logic to calculate plan usage to hook

* add: todo note

* add: todos

* add: mixpanel events

* fix: hide quota bar when sidebar is minimized

* fix: settings panel was not expanding when sidebar is minimized

* update: text and structure of the bar

* update: quota calculation logic

* update: remove TODOs

* update: text and values

* fix: height of the container for icon settings

* update: golinks

* update: golinks

* fix: prevent icon options from wrapping on smaller screen sizes (#229)

* [APP-1107] Add dashboard for analytics (#204)

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* Add nonce to the widget settings

* Update routes and DB table

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1201] add accessibility rules

* [APP-1107] fixed API endpoint

* [APP-1107] fixed API endpoint

* [APP-1107] fixed API endpoint

* [APP-1107] add check for is_active

* update to the latest

* update to the latest

* update to the latest

* fix bugs, add changes

* fix bugs, add changes

* fix bugs, add changes

* fix bugs, add changes

* [APP-1105] Add pro capabilities (#205)

* add: volume and solid crown icon

* add: volume and crown icons to export

* update: refactor menu item to a new component

* add: screen reader to the menu items and reorganize them

* add: pro item infotip content

* add: capabilities item and pro info tip to exports

* update: import ProInfoTip component and change disabled logic

* update: imports

* update: refactor pro item infotip into the separate component

* update: refactor infotip and add comments

* add: custom switch component

* add: logo settings layout

* update: switch component

* add: useToggleSetting hook to manage widget settings.

* update: move pro feature key to a separate constant

* fix: pro icon style

* update: remove branding key

* update: pro enable check structure

* update: pro enabled check structure

* update: key name

* update: update key before checking for it

* fix: null error

* add: update logic to get the tools settings based on plan

* update: exclude remove-elementor-label from the minimum option rule

* update: add formlabel and eventnames

* add: logic to deactivate the features which are disabled for the plan

* fix: PHP warning

* fix: keyword name

* add: GOLINKS

* add: open link function

* fix: PHP warning undefined key

* update: logic to show the icon and added golinks

* [APP-1045] Add billing tab (#223)

* add: plan name and subscription link

* update: refactor my account menu

* update: move truncate email to a helper file

* update: simplify truncation logic

* [APP-1270] Delete transient and force info update (#236)

* add: force update site/info on mismatch url

* update: add a constant for the transient

* add: delete_transient for switch account as well

* add: delete_transient for disconnect as well

* [APP-1267] Quota bar undefined (#234)

* fix: undefined was shown when there is no quota data

* add: preloader

* fix: make bottom bar sticky on the settings pages (#237)

* [APP-1268] Pro tip spacing (#235)

* fix: pro tip spacing

* fix: pro icon

* [APP-1271] Align menu icons (#238)

* update: hide info button on minimized sidebar

* fix: alignment of quota bar icon

* fix: conditional logic

* update: improve sidebar motion

* fix: switch account issue

* update: upgrade link for analytics popup (#239)

* [APP-1281] fix usage percentage formatting (#240)

* fix: format display of percentage correctly.

* update: fraction conversion logic

* Force referer and lower transient time to 15 minutes [APP-1286] (#242)

* reduce transient timeout

* force referrer in script tags

* [APP-1262] Enable routes for get statistic on disabled analytics (#233)

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1243] Admin upgrade notices (#241)

* add: admin quota notices

* add: fix function name and phpcs issues

* fix: formatting issues

* [APP-1287] change Mixpanel check for free trial (#243)

* Fix/quota text (#244)

* fix: wp notice close logic plus banner text

* update: banner text

* [APP-1292] missing mixpanel events (#245)

* add: missing mixpanel events

* update: use variable for hardcoded names

* update: use variable for hardcoded names

* [APP-1293] Add additional checks (#246)

* update: add additional check to prevent fatal error

* fix: formatting

* [APP-1312] minimize client css (#252)

* [APP-1168] widget icon radius

* add: icon radius component

* add: icon radius component

* update: add support for widget radius

* fix: minor ui fixes

* fix: resolve comments

* fix: alignment of the icon

* update: add styled components

* add: corner radius mixpanel event

* fix: corner radius should have default values when no value is set based on icon

* fix: icon radius input style

* add: accessibility attributes

* fix: active states color

* add: logic to control invalid inputs

* update: make aria attributes translatable

* update: styled component names

* add: spacing between the components

* [APP-1342] add super props, store plan scope after register/switch (#250)

* [APP-0000] store plan scope after register/switch

* Update modules/settings/module.php

Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>

* remove deprecated method

* remove deprecated method

* [1342] Add super prop to mixpanel

* [1342] Add super prop to mixpanel

* [1342] Add super prop to mixpanel

---------

Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>

* [Legacy] Added strict settings sanitization (#257)

* [Legacy] Added strict settings sanitization

* use correct esc_x method

* hardcoded 6.8.0

* added svn for wp test library

* fix: default border radius (#258)

* fix: default border radius

* add: default corner radius for new users

* update: add support for default values for users with saved style settings

* updated phpunit workflow

* revert to master

* hardcode 6.8.x

* update: default values for existing users

* update: remove saving default corner radius for new users

* fix: update default radius for text icon

* fix: PHPUnit tests for WP 6.8.0

* align with develop

* set to latest

---------

Co-authored-by: Raz Ohad <admin@bainternet.info>
Co-authored-by: Raz Ohad <ohad@elementor.com>

* fix: widget icon spacing (#262)

* Added custom gutenberg link to toggle widget [APP-1306] (#256)

* New: Added Ally Trigger Dynamic Tag for Elementor [APP-1305] (#254)

* New: Added Ally Trigger Dynamic Tag for Elementor [APP-1305]

* typo Update modules/widget/components/ally-trigger.php

* New: Add the what's new functionality [APP-1329] (#264)

* add: statement page selector field (#261)

* add: statement page selector field

* add: updated the statement link button to a search field

* fix: add support for create statement data

* New: Bump the Notifications SDK to 1.2.0 [APP-1427] (#267)

* Fix: Resolve a11y issues [APP-1331] (#269)

* [APP-1417] Add support for custom icon (#270)

* add: media upload button

* add: support for custom icon

* fix: code alignment, phpcs

* fix: code alignment and linting

* add: mixpanel events

* fix: styling of custom svg

* fix: missing variable

* fix: missing variable

* fix: load gutenberg block without css

* fix: icon spacing in preview

* fix: indentation

* fix: indents

* [APP-1440] Fix doing_it_wrong warning for translations (#271)

* fix: doing_it_wrong warning for translations

* update: stop explicitly loading translations

* fix: add package-lock

* fix: add package-lock

* New: Store fonts inside the plugin [APP-1385] (#277)

* add: what's new mixpanel event (#274)

* fix:disable autofocus on opening of popup menu (#279)

* New: Add the birthday banner [APP-1489] (#281)

* [APP-1442] Add language selector option to plugin (#273)

* add: language selector option

* update: language selector option key

* update: lang selector name (#284)

* update: add language selector to analytics table (#285)

* Tweak: Update the campaign's time range [APP-1489] (#283)

* fix: container width logic (#292)

* [APP-1530] scrollbars settings width (#296)

* update: title layout

* fix: width of the content

* update: browserlist

* fix: rtl issues (#304)

* [APP-1629] Fix pro icon (#305)

* update: @elementor/ui package

* fix: pro icon

* fix: pro icon

* [APP-1678] Remove mixpanel session replay (#317)

* Fix: plugin headers (#316) (#320)

* [APP-907] Accessibility assistant (#326)

* PHPCS and remediation POC WIP

* WIP Wizard module

* Added scanner module

* [APP-929][APP-930] Add initial setup for wizard, added btn to the topbar (#230)

* [APP-929][APP-930]

* [APP-929][APP-930]

* update logic

* update init app

* [APP-0000] store plan scope after register/switch

* change return of load

* add header

* Move into shadow dom, add context, add headers components

* add UI components

* add UI components

* add UI components

* merge current develop

* merge current develop

* Add AltText Form

* Add scroll to current element

* Align with current design, add loader, added preview for svg

* Align with current design, add loader, added preview for svg

* Resolve comments

* Resolve comments

* Resolve comments

* [APP-934] add submit logic (#259)

* [APP-934] add submit logic

* [APP-934] add submit logic

* [APP-934] add submit logic

* [APP-934] add submit logic

* Added replace remediation action

* Add submit logic

* Add submit alt text logic, generate AI alt text

* Add AI generate request, add convert from SVG to png base64, added manual fix block

* Add AI generate request, add convert from SVG to png base64, added manual fix block

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

---------

Co-authored-by: Raz Ohad <admin@bainternet.info>

* Add texts, add remediation submit, fix logic to store remediation

* [APP-0000] add store request to the Service API (#268)

* [APP-0000] add store request to the Service API

* [APP-0000] add store request to the Service API

* [APP-0000] add store request to the Service API

* [APP-0000] add store request to the Service API

* [APP-0000] add request to store scanner summary

* [APP-0000] add request to store scanner summary

* [APP-0000] add request to store scanner summary

* [APP-1432] fix with AI flow (#275)

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1446] sidebar menu update (#276)

* update: simplify menu

* add: headings and scanner menu options

* [APP-945] add column for tables (#282)

* [APP-945] add column for tables

* [APP-945] add column for tables

* [APP-945] add column for tables

* [APP-945] add column for tables

* [APP-1447] Updated quota bar designs (#278)

* update: quota bar designs

* fix: the popover was partially visible

* update: AI credits name

* update: usage calculation logic

* add: quota indicators

* update: quotas tooltip text

* update: quotas notices text

* update: make toggle icon dynamic

* fix: @elementor/ui imports

* Update modules/settings/assets/js/layouts/quota-bar.js

Co-authored-by: VasylD <vasyld@elementor.red>

* update: styling of component

---------

Co-authored-by: VasylD <vasyld@elementor.red>

* [APP-1507] add UI changes (#286)

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1387] add mixpanel events (#288)

* [APP-1387] add mixpanel events

* [APP-1387] add mixpanel events

* New: Add the a11y assistant dashboard's UI [APP-1445] (#289)

* [APP-1513] add disconnected msg (#290)

* [APP-1513] add disconnected msg

* [APP-1513] add disconnected msg

* [APP-1513] add disconnected msg

* [APP-1547][APP-1548][APP-948] update alt text view, fix list issues (#291)

* [APP-1547][APP-1548][APP-948] update alt text view, fix list issues, add rest route for update status

* [APP-1547][APP-1548][APP-948] update alt text view, fix list issues, add rest route for update status

* fix: infotip icon padding and font style (#293)

* fix: infotip icon padding and font style

* fix: infotip icon padding and font style

* update: caniuse database

* [APP-1525] add edit mode (#294)

* [APP-1525] add edit mode

* [APP-1525] add edit mode

* [APP-1525] add edit mode

* Bug/app 1544 (#295)

* Fix: Resolve QA comments [APP-1544]

* New: Add beta tags [APP-1555]

* New: Add the "no results" state [APP-1544]

* [APP-1554] rename violations (#297)

* [APP-1512] add backend logic for remediation management (#298)

* [APP-1512] add backend logic for remediation management

* [APP-1512] add backend logic for remediation management

* Update modules/remediation/database/remediation-entry.php

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Update modules/remediation/rest/items.php

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* [APP-1512] add backend logic for remediation management

---------

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Fix: Resolve QA comments [n/a] (#299)

* [APP-1512] add FE remediation management (#300)

* [APP-1512] add backend logic for remediation management

* [APP-1512] add backend logic for remediation management

* Update modules/remediation/database/remediation-entry.php

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Update modules/remediation/rest/items.php

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* [APP-1512] add backend logic for remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

---------

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* [APP-1609] fix tooltip

* [APP-1609] fix resolved btn click

* [APP-1401] clear cache on update (#302)

* [APP-1401] clear cache on update

* [APP-1401] clear cache on update

* [APP-1401] clear cache on update

* [APP-1401] clear cache on update

* [APP-1401] clear cache on update

* update with latest develop branch

* fix copies

* [APP-1619] add mixpanel event (#303)

* [APP-1619] add mixpanel event

* [APP-1619] add mixpanel event

* [APP-1593] Add locked variant for quota bar (#301)

* update: add locked version of quota status bar

* fix: text color for infotip

* fix: width issues

* fix: add check for 0

* [APP-1637][APP-1643] add UI fixes, add excluded rules array (#307)

* fix: make sidebar collapsible (#306)

* Merge current dev

* [APP-1603] Add dashboard menu (#309)

* [APP-1603] Add dashboard menu

* [APP-1603] Add dashboard menu

* [APP-1603] Add dashboard menu

* [APP-1603] Add dashboard menu

* Bug/app 1607 (#311)

* Fix: Update stats calculation logic [APP-1607]

* Fix: Set fixed width for the results table [APP-1650]

* Fix: Update filter rules [APP-1634]

* New: Add the no search results state [APP-1651]

* Fix: Convert indents [n/a]

* [APP-1670] add menu on Manage Fixes (#315)

* [APP-1670] add menu on Manage Fixes

* [APP-1670] update menu

* [APP-1611] fix comments

* fix: direction of snippet (#313)

* [APP-1561] New menu layout (#308)

* update: app menu and layout

* merge: latest changes from feature/remediation

* add: alert indicator to the closed sidebar

* fix: page layout for statement page

* update: menu display names

* fix: topbar menu layout

* update: sidebar menu width

* update: sidebar menu width

* fix: popup menu layout

* add: hover action to the toggle button

* update: my account menu

* fix: quota indicator for closed sidebar

* fix: icon alignments

* fix: scroll behaviour

* fix: page scroll behaviour

* fix: popup menu hover state

* update: quota bar and group layouts

* add: tooltips to the menu items

* update: make scans page fixed height and scrollable

* update: styles with theme references and added new styled components

* fix: make sidebar smoother

* update: accessibility page heading

* Merge latest develop

* [APP-1611] trigger save entry for clean cache (#314)

* [APP-1611] trigger save entry for clean cache

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-0000] call trigger save async (#319)

* [APP-1611] trigger save entry for clean cache

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-0000] call trigger save async

* fix: scrollbar issues (#318)

* [APP-1615] add remediation for wp image (#321)

* POC - FrontEnd remediations to handle Dynamic Data [APP-1644] (#312)

* POC - FrontEnd remediations to handle Dynamic Data

* Update modules/remediation/components/remediation-runner.php

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* added MutationObserver to cover elements that are added later on the page

runs until remediations are all done, and disconnect

* added $use_frontend flag instead of using "false"

* Update modules/remediation/components/remediation-runner.php

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* WIP on poc/fe-remediations

* [APP-0000] call trigger save async

* [APP-1644] apply FE remediation

* [APP-1644] apply FE remediation

* [APP-1644] apply FE remediation

* Add timeout (wait for FE remediation timeout)

* Add timeout (wait for FE remediation timeout)

* Add timeout (wait for FE remediation timeout)

* Add timeout (wait for FE remediation timeout)

* Add timeout (wait for FE remediation timeout)

* Small fixes

* Small fixes

* Small fixes

* Small fixes

---------

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>
Co-authored-by: vasyldinets <vasyld@elementor.red>

* [APP-1611] Fix cache issue (#324)

* [APP-1611] trigger save entry for clean cache

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-0000] call trigger save async

* [APP-1611] clear cache

* [APP-1657] upgrade cta (#323)

* update: added logic to show button based on plan

* Update modules/settings/assets/js/components/quota-bar/quota-bar-group.js

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* fix: eslint error

---------

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* [APP-1658] Update accessibility admin column design (#322)

* update: wpadmin column layout

* update: move icon to assets

* Fix: Resolve remediation encoding issue [APP-1646] (#325)

---------

Co-authored-by: Ohad <ohad@elementor.com>
Co-authored-by: Raz Ohad <admin@bainternet.info>
Co-authored-by: Nirbhay Singh <121793120+nirbhayel@users.noreply.github.com>
Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>
Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* [APP-1698] Update referrer policy (#333)

* [APP-1697] fix menu, add category to events as key without translation (#334)

* [APP-1697] fix menu, add category to events as key without translation

* [APP-1697] fix menu, add category to events as key without translation

* [APP-1717] Fix category title (#335)

* [APP-1724] Fix get object type for singular (#338)

* [APP-1724] Fix get object type for singular

* [APP-1724] Fix get object type for singular

* Update modules/remediation/classes/utils.php

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

---------

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Fix: Resolve some a11y issues [APP-1664] (#337)

* [APP-1696] Fix help menu ui (#339)

* fix: menu ui

* update: onclick action

* fix: alignment of the menu

* update: rename menu item to accessibility assistant

* Fix: Use the same issue count in the WP admin and scanner [APP-1726] (#341)

* Fix: Move data tag logic away from the component to prevent multiple renders [APP-1502] (#342)

* [APP-1738] add case-insensitive replace (#345)

* [APP-1738] add case-insensitive replace

* Update modules/remediation/assets/js/actions/replace.js

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Update modules/remediation/assets/js/actions/replace.js

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* [APP-1741][APP-1742][APP-1743] add components, calc contrast ratio, add logic for lightness

* Update modules/remediation/assets/js/actions/replace.js

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* update

* update

* update

---------

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Release/v3.5.1 (#349) (#351)

* Bump WP version

* ♻️ Initial Refactor commit [APP-687] (#109)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* PR Rejects

* Rejects leftover

* Setup base (#110)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: settings variable

* update: removed duplicate css import

* Update modules/settings/assets/js/api/index.js



---------




* [Infra] ✅ updated Github actions (#114)

* updated github actions

* removed composer github auth

* PHPCS

* removed package-lock.json from ignore to allow `npm ci`

* added missing husky

* ignore legacy

* removed unused non existing import

* Add connect modal (#111)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* fix: alignment and style

* update: imports

* update: removed conflicting imports

* fix: add compatibility for mobile devices

---------



* [APP 705] add connect module, settings and notification component (#112)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* add: connect module

* add: settings and get settings route

* add: hooks and contexts to get settings

* add: hooks

* add: notification component

* add: data api

* add: settings provider and connect settings

* add: husky

* fix: formatting and text-domain

* update: filter names

* fix: hook import

* add: set function for settings

* add: prop-types package

* update: refactor notification component and context

* update: remove filter for authorize url

* update: imports and exports of hooks

* update: plugin settings context filename and relevant imports

---------



* [APP 707] general setting components (#113)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* add: connect module

* add: settings and get settings route

* add: hooks and contexts to get settings

* add: hooks

* add: notification component

* add: data api

* add: settings provider and connect settings

* add: husky

* add: icon size control

* fix: icon size control labels

* add: icon select component

* add: color picker component

* add: accessibility icons

* add: icon export

* update: add icons to the component

* fix: styling for the icon select control

* update: color picker with react-colorful component

* update: icon size component with live icon design

* fix: styling of radio boxes

* add: icon design settings layout

* add: position settings layout

* add: layout exports

* add: alignment matrix and position control components

* add: position settings  & position settings for mobile layout

* fix: formatting and text-domain

* update: filter names

* fix: hook import

* add: set function for settings

* add: prop-types package

* update: refactor notification component and context

* update: remove filter for authorize url

* Update modules/settings/assets/js/components/color-picker/style.css



* update: color picker class name

---------




* [App 780] Navigation Sidebar (#115)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* add: connect module

* add: settings and get settings route

* add: hooks and contexts to get settings

* add: hooks

* add: notification component

* add: data api

* add: settings provider and connect settings

* add: husky

* fix: formatting and text-domain

* update: filter names

* fix: hook import

* add: set function for settings

* add: prop-types package

* update: refactor notification component and context

* update: remove filter for authorize url

* update: imports and exports of hooks

* update: plugin settings context filename and relevant imports

* update: icons and icon imports

* add: sidebar(wip)

* update: fix width of connect screen on mobile

* update: sidebar layout

* add: credit card and user arrow icons

* update: hidden wpfooter and fixed sidebar height

* update: sidebar layout

* add: basic page layouts

* update: sidebar layout

* add: sidebar menu, sidebar app bar and my account menu components

* update: add sidebar and menu settings

* update: add page layouts

* update: admin top bar

* add: bottom bar

* add: bottom bar and top bar

* add: bottom bar and top bar

* update: page content styling

* fix: styling

* fix: styling

* update: text domain

* update: added translations

* fix: admin top bar layout

* update: exports of icons

* update: exports of components

* add: aliases for imports and fix exports

* fix: height and styling of the layout

* fix: unhide wp footer

* update: keep widget menu open on page load (default)

* update: linter rules to move first prop to new line

* update: linter rules to move first prop to new line

---------



* Fix error on install plugin, add prettier (#116)

* Feature/app 810 assemble icon settings page (#117)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* add: connect module

* add: settings and get settings route

* add: hooks and contexts to get settings

* add: hooks

* add: notification component

* add: data api

* add: settings provider and connect settings

* add: husky

* add: icon size control

* fix: icon size control labels

* add: icon select component

* add: color picker component

* add: accessibility icons

* add: icon export

* update: add icons to the component

* fix: styling for the icon select control

* update: color picker with react-colorful component

* update: icon size component with live icon design

* fix: styling of radio boxes

* add: icon design settings layout

* add: position settings layout

* add: layout exports

* add: alignment matrix and position control components

* add: position settings  & position settings for mobile layout

* fix: formatting and text-domain

* update: filter names

* fix: hook import

* add: set function for settings

* add: prop-types package

* update: refactor notification component and context

* update: remove filter for authorize url

* update: imports and exports of hooks

* update: plugin settings context filename and relevant imports

* update: icons and icon imports

* add: sidebar(wip)

* update: fix width of connect screen on mobile

* update: sidebar layout

* Update modules/settings/assets/js/components/color-picker/style.css



* update: color picker class name

* add: credit card and user arrow icons

* update: hidden wpfooter and fixed sidebar height

* update: sidebar layout

* add: basic page layouts

* update: sidebar layout

* add: sidebar menu, sidebar app bar and my account menu components

* update: add sidebar and menu settings

* update: add page layouts

* update: admin top bar

* add: bottom bar

* add: bottom bar and top bar

* add: bottom bar and top bar

* update: page content styling

* fix: styling

* fix: styling

* update: text domain

* add: props to wrapper

* add: icon design and position setting layouts

* add: in page scroll behaviour to the settings

* add: widget icons and getter function

* update: icon design settings getter and setter functions

* update: imports

* add: mobile layout for position settings

* add: icon position settings

* add: icon position settings hooks and handlers

* fix: alignment of controls in AlignmentMatrixControl

* update: useSettings and usePositionSetting hooks and relevant functions

* fix: colors of AlignmentMatrixControl

* fix: styling of components and layouts

* add: aliases

* add: container wrapper to page

* update: accessibility options rendering logic

* fix: order of the icons

* add: aliases for components and hooks imports

* fix: styling of settings panel

* fix: container height for settings page

* update: toggle control states

* add: widget icon settings

* add: load saved widget icon settings

* update: move layout to page for different designs per page

* update: add changes tracking and disable button logic

* add: async/await to save settings

* update: convert options to array of objects

* Update modules/settings/assets/js/components/bottom-bar/index.js



* Update modules/settings/assets/js/app.js



* fix: remove duplicate entries

---------





* Feature/app 708 widget menu settings (#118)

* add: icons for menu settings

* add: placeholder layout for widget preview in menu settings

* update: load saved settings and updated imports

* add: logics for handling and saving menu settings

* add: useSavedSettings hook

* update: set export as default for Sidebar layout

* add: widget menu settings layout and settings

* update: add widget menu settings and widget preview layouts

* add: hide/show minimum option alert notification

* update: styling of the save button

* update: save settings logic to use async/await

* fix: accessibility text icon

* update: app type (#119)

* [APP-834] Update account menu buttons (#121)

* update: account menu buttons

* update: billing link

* add: error handling for switch account

* [APP-835] add service data (#122)

* add: client functions

* add: site register and site info endpoints

* update: add plan data settings

* update: add support for 201 response code

* update: add plan data key

* update: store the plan data on the once the site is registered

* update: add filter for client url

* add: retry registering in there is any error after connect

* update: setting prefix

* add: plan data

* update: add account details to menu

* fix: lint issues

* update: add data checkbox support (#123)

* [APP-928] Settings pointer (#125)

* add: settings pointer

* update: add alias for the settings

* [APP-837] Add post connect modal (#120)

* add: post connect modal

* update: settings prefix

* fix: connect modal design

* update: connect modal text

* add: connect modal graphics

* update: connect modal icon

* update: post connect modal

* update: sidebar menu text

* update: text of icon settings

* update: text

* update: php compatibility with return types

* add: accessibility statement page structure (#126)

* [APP-721] Render widget and global settings (#124)

* add: webhook endpoint

* add: widget module

* add: default widget settings on successful registration

* update: name of global object to ea11yWidget

* update: remove json encoding to make objects available on the frontend

* update: widget url, filter and enqueuing method

* update: removed obsolete code

* update: enqueue script only when connected

* update: add check for valid plan data and key

* update: conditional check

* update: conditional check

* fix: widget loading error (#128)

* [Legacy] Upgrade To New [APP-949] (#127)

* Added `Notice_Base` and `Notices` component to core module

* Always load core module and load all other modules based on legacy status

* added filter in customizer settings

* added bubble / pimple in admin menu to indicate upgrade

* added `Dismissible_Deprecated_Nag` notice to none legacy pages

* added `Dismissible_Deprecated_Nag` notice to legacy pages

* Added `Upgrade` component to legacy module

includes:
* loading of notices
* introduction modal
* admin menu pimple
* customizer notice
* pointer
* confirmation modal
* upgrade logic and handler

* ✅ Fixed legacy module test

* added `local:quick-run` command to run in browser mode

* update phpunit workflow

* ensure wp.ajax is loaded

* wrong translations

* Updated strings

* added "Equally"

* remove unused test

* ✅ use custom version of wp test library (#129)

* ✅ use custom version of wp test library

* cleanup

* update WP versions for testing

* [APP-711] Widget preview (#130)

* add: dynamic script loader for widget

* update: settings name

* update: settings save function and comments

* update: tools settings object structure

* add: widget preview section

* update: added setting page slug as a constant

* update: enqueue widget for preview in the settings

* add: widget icon assets link

* add: widget icon svgs

* update: store widget url in a constant

* update: store widget url in a constant

* update: trigger widget preview update on menu item changes

* update: remove the icon option from the frontend.

* update: add widget URL

* update: plan data setting type

* update: widget plan url

* update: widget plan url and parse plan data

* fix: phpcs error ext-json missing

* fix: widget url

* fix: save and use plan data as a serialized option

* fix: use template string for widget url

* [APP-908] Accessibility generator (#131)

* add: accessibility statement radio icons

* update: add form group on radio buttons

* add: statement generator

* add: statement generator

* add: accessibility statement data option

* update: create page in WordPress and save it to the option

* update: exclude zip file from the git

* update: render statement page conditionally

* add: statement link layout and settings

* add: preload statement data

* update: publish the created page and add link for it

* update: changed Dynamic Script Loader to WidgetLoader

* add: accessibility statement url

* update: text and styling

* update: styling of the preview text

* update: restructure statement generator

* add: support for dynamic update in statement links

* update: remove index.css file for widget loader

* add: widget styling for settings page

* add: empty link when hide link is enabled

* update: statement page structure and logic

* fix: typo

* update: convert component into a styled component

* fix: styling and layout

* update: icons

* update: convert radio buttons to styled component

* fix: typo and style

* add: fading for the link preview

* update: import

* update: styling and spacing

* fix: sidebar layout

* update: wpcs to latest version

* fix: spacing

* fix: wpcs version

* add: check for valid statement page

* fix: jitters on rendering

* fix: use escape attribute

* update: settings menu slug and plugin name

* fix: menu item rendering

* update: definition of the styled text field

* add: addPage function to the API

* fix: add notification on page creation

* add: copy link icon

* update: optimize SVGs

* [APP-908] Additional fixes (#133)

* fix: text domains

* updated: styled component syntax

* update: use await instead of then

* fix: prevent application crash in case widget fails to load

* add: generated info tip card

* update: refactor function

* Fix: Fix the QA bugs [n/a] (#135)

* [APP-830] Add mixpanel events (#134)

* [APP-830] Add mixpanel events

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* [APP-830] Add user to init Mixpanel (#136)

* [APP-830] Add mixpanel events

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* [APP-830] Add user to init Mixpanel

* [APP-830] Add user to init Mixpanel

* [APP-830] Add user to init Mixpanel

* [APP-830] rename events (#137)

* Connect and Preview Fixes (#139)

* updated connect admin page

* Use unified widget URL instead of hardcoded Js to support envs

* Removed enqueue of fictional widget.js and reuse settings `admin` handle

* Fix: Fix the QA bugs [n/a] (#138)

* New: Finish the BE integration [n/a]

* Fix: Fix some bugs [n/a]

* upgrade flow UI and design tweaks [app-949] (#141)

* Updated Learn More links with UTM's

* Tweaked Pointer strings Icon and CTA

* dismissible notice strings

* sticky notice strings

* updated upgrade flow design for pointer, notices, introduction modal, and confirmation modal

* added build script

* [APP-979] Update links and plugin name (#140)

* Ensure loading of legacy widget based on any saved data and fixed legacy JS

* Bug/app 1002 (#143)

* Bug: Update the logo in the "Hide Widget" modal [APP-1001]

* Fix: Update the side menu spaces [APP-1002]

* [APP-991] Add translation for statement (#142)

* [APP-979] Update links and plugin name

* [APP-991] Add translation for statement

* Set Prod Widget URL

* [APP-1004][APP-1005][APP-1006] Fix generator UI and logic, fix statement UI, fix copy link (#144)

* [APP-1004] Fix generator UI and logic

* [APP-1005] Fix statement UI

* [APP-1005] Fix statement UI

* Mixpanel record session

* Fix: Enhance position values validation [APP-1009] (#146)

* Bug/app 1003 (#147)

* Fix: Add a border to the preview [n/a]

* Fix: Fix Capabilities screen UI [APP-1003]

* [APP-1020] add missed events (#148)

* [APP-1015] fix switch account (#149)

* [APP-1015] fix switch account (#150)

* [APP-1021] Fix switch modal ui (#151)

* fix: ui issues

* fix: translation strings

* [APP-912] add default settings for RTL (#152)

* [APP-912] add default settings for RTL

* [APP-912] add default settings for RTL

* [APP-912] add default settings for RTL

* [APP-1026] Remove HTML breaking <style> tag & update pointer logic (#153)

* fix: remove extra closing tag

* update: hide settings pointer when plugin settings is opened

* update: remove unused functions

* update: add help text to mobile position settings

* Bug/app 1003 (#157)

* Fix: Add missed translations [n/a]

* Fix: Refresh the plan data on page load [n/a]

* New: Add loader to the settings [n/a]

* update: delete lock key after each check (#160)

* New: Update dashboard icon size [n/a] (#158)

* New: Update dashboard icon size [n/a]

* Fix: Fix widget previews [n/a]

* [APP-1018] Help menu change (#155)

* update: remove accessibility word from menu items

* update: remove top bar

* update: add help button to the sidebar

* update: re-add spacing in styled css code

* update: create styled components

* [APP-973] Add an UTM for users upgrading from one click to the new widget (#165)

* update: ui of the statement preview (#166)

* [APP-1011][APP-1013] focus outline and sitemap settings (#161)

* [APP-1011][APP-1013] focus outline and sitemap settings

* [APP-1011][APP-1013] focus outline and sitemap settings

* [APP-1011][APP-1013] focus outline and sitemap settings

* [APP-1011][APP-1013] focus outline and sitemap settings

* update: video link (#167)

* [APP-1051] Fix layout on the small and medium devices (#156)

* fix: layout on the small and medium devices

* update: change components to styled components

* refactor: position settings wrapper into a separate component

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel (#169)

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel

* [APP-1048] Add tooltip to accessibility statement (#159)

* add: tooltip to accessibility statement

* update: hide infotip when statement link is set

* update: infotip's text

* fix: infotip naming and logic

* [APP-1049] Add back button accessibility statement (#164)

* add: back button to the statement link section

* add: Edit link button to statement page section

* update: add admin_url and generate query args properly

* update: learn more link for accessibility statement page (#168)

* Fix: Update overlay height [n/a] (#171)

* Fix settings and connect issues (#170)

* fix: token fails to refresh after expiry

* update: add 12 hour time for plan data refresh and fix missing subscription id

* update: add check to refresh plan data

* fix: decoding errors and alignment and add logging for errors

* update: refresh logic and formatting

* Update/app 1029 app name (#173)

* update: plugin name

* update: default menu option

* update: menu structure

* update: add inline checks

* update: reduce padding on app icon in menu

* fix: height of the modal

* update: app menu icon color

* update: menu icon colors

* fix: menu icon size

* update: plugin names

* update: HELP_LINK

* update: app name

* update: icon background color

* update: icon size

* fix: admin icon size

* fix: width of the sidebar

* Fix/toggle not working properly (#174)

* fix: toggles not working properly in some cases

* fix: saving of the settings was not working

* add: missing adminUrl in settings data

* fix: switch was not working properly in some cases (#175)

* Fix/app 1093 incorrect position on default (#176)

* fix: switch was not working properly in some cases

* fix: default setting structure for the icon position

* [APP-1096] Text changes (#177)

* fix: switch was not working properly in some cases

* update: plugin name and action buttons title

* fix: revert change to is_active function

* fix: button color

* New: Add the skip link [APP-1012] (#179)

* [APP-1097] Fix preview load (#178)

* [APP-1097] Fix preview load

* [APP-1097] Fix preview load

* [APP-1097] Fix preview load

* Update modules/settings/assets/js/components/widget-loader/index.js

---------



* [APP-1123] Accessibility statement text (#181)

* fix: switch was not working properly in some cases

* update: accessibility statement content

* [APP-1121] Add support for react-jsx-runtime for older WP versions (#180)

* fix: switch was not working properly in some cases

* update: revert wp-scripts version to 28.0.0 to add support for older WordPress versions

* update: revert wp-scripts to 27.9.0

* add: support for react-jsx-runtime in older versions of WordPress

* update: version to the latest wp-scripts 30.3.0

* update: add lib/ to gitignore

* update: plugin name

* Fix: Fix admin widget previews [n/a] (#183)

* [APP-1061] change mixpanel user id (#184)

* [APP-1129] change toggle_event for mixpanel (#186)

* Remove skip to content btn if anchor does not exist (#187)

* fix: hide wp notices to keep the layout from shifting (#189)

* [APP-1143] fix bug with capability display (#195)

* [APP-1143] fix bug with capability display

* [APP-1143] fix bug with capability display

* [APP-1143] fix bug with capability display

* [APP-1143] fix bug with capability display

* add: loading text to widget preview (#196)

* [APP-1142] add 'appType' super props, change identify key (#191)

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* [APP-1142] Add 'appType' super props

* [APP-1144] Accessibility statement tooltip text update (#198)

* update: text

* update: switch design

* Tweak: Update widget loaders [n/a] (#197)

* added images to readme (#172)

* added images to readme

* updated readme

* V3.0.0

* updated readme

* updated tested up to

* Fix: Update the skip link rendering hook [APP-1157] (#203)

* bumped v3.0.1 (#206)

* Fix: Adapt widget preview to smaller height viewports [APP-1130] (#217)

* update: convert menu icon to base64 svg (#199)

* update: convert menu icon to base64 svg

* update: logo to svg logo with base64 encoded

* update: svg app icon

* [APP-1201] Improve admin panel accessibility (#220)

* [APP-1201] add accessibility rules

* [APP-1201] add accessibility rules

* [APP-1210] add prop to Mixpanel, move event names to const (#225)

* [APP-1159] Add mismatch URL flow (#210)

* update: convert imports to named imports

* add: function to check if current screen is settings page

* update: rename elementor logo to app logo

* add: url mismatch flow and components

* update: remove obsolete code

* Update modules/connect/rest/authorize.php



* Update modules/settings/module.php



* fix: modal was not closing

* update: remove url mismatch notice

* update: mismatch modal and rendering logic

* add: toast notifications for errors

* update: convert components into styled components

* update: remove bottom border from the dialog

* update: text copy

* fix: logo alignment

* update: renamed styled component

---------



* [APP-1108][APP-1109][APP-1110] Add analytics backend logic (#190)

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* Add nonce to the widget settings

* Update routes and DB table

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* [APP-1101] Move action button to footer (#208)

* update: add save changes footer to the bottom and remove it from capabilities

* add: logic to save settings for skiptocontent using footer

* update: text

* update: convert component to styled component

* [APP-1198] [APP-1199] Quota bar and notices (#219)

* add: quota bar

* add: openLink helper function

* add: styled elements and visits link placeholder

* update: remove hover state from the box

* add: quota notices

* update: quota access and usage calculations

* add: logic to calculate plan usage

* update: move logic to calculate plan usage to hook

* add: todo note

* add: todos

* add: mixpanel events

* fix: hide quota bar when sidebar is minimized

* fix: settings panel was not expanding when sidebar is minimized

* update: text and structure of the bar

* update: quota calculation logic

* update: remove TODOs

* update: text and values

* fix: height of the container for icon settings

* update: golinks

* update: golinks

* fix: prevent icon options from wrapping on smaller screen sizes (#229)

* [APP-1107] Add dashboard for analytics (#204)

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* Add nonce to the widget settings

* Update routes and DB table

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1201] add accessibility rules

* [APP-1107] fixed API endpoint

* [APP-1107] fixed API endpoint

* [APP-1107] fixed API endpoint

* [APP-1107] add check for is_active

* update to the latest

* update to the latest

* update to the latest

* fix bugs, add changes

* fix bugs, add changes

* fix bugs, add changes

* fix bugs, add changes

* [APP-1105] Add pro capabilities (#205)

* add: volume and solid crown icon

* add: volume and crown icons to export

* update: refactor menu item to a new component

* add: screen reader to the menu items and reorganize them

* add: pro item infotip content

* add: capabilities item and pro info tip to exports

* update: import ProInfoTip component and change disabled logic

* update: imports

* update: refactor pro item infotip into the separate component

* update: refactor infotip and add comments

* add: custom switch component

* add: logo settings layout

* update: switch component

* add: useToggleSetting hook to manage widget settings.

* update: move pro feature key to a separate constant

* fix: pro icon style

* update: remove branding key

* update: pro enable check structure

* update: pro enabled check structure

* update: key name

* update: update key before checking for it

* fix: null error

* add: update logic to get the tools settings based on plan

* update: exclude remove-elementor-label from the minimum option rule

* update: add formlabel and eventnames

* add: logic to deactivate the features which are disabled for the plan

* fix: PHP warning

* fix: keyword name

* add: GOLINKS

* add: open link function

* fix: PHP warning undefined key

* update: logic to show the icon and added golinks

* [APP-1045] Add billing tab (#223)

* add: plan name and subscription link

* update: refactor my account menu

* update: move truncate email to a helper file

* update: simplify truncation logic

* [APP-1270] Delete transient and force info update (#236)

* add: force update site/info on mismatch url

* update: add a constant for the transient

* add: delete_transient for switch account as well

* add: delete_transient for disconnect as well

* [APP-1267] Quota bar undefined (#234)

* fix: undefined was shown when there is no quota data

* add: preloader

* fix: make bottom bar sticky on the settings pages (#237)

* [APP-1268] Pro tip spacing (#235)

* fix: pro tip spacing

* fix: pro icon

* [APP-1271] Align menu icons (#238)

* update: hide info button on minimized sidebar

* fix: alignment of quota bar icon

* fix: conditional logic

* update: improve sidebar motion

* fix: switch account issue

* update: upgrade link for analytics popup (#239)

* [APP-1281] fix usage percentage formatting (#240)

* fix: format display of percentage correctly.

* update: fraction conversion logic

* Force referer and lower transient time to 15 minutes [APP-1286] (#242)

* reduce transient timeout

* force referrer in script tags

* [APP-1262] Enable routes for get statistic on disabled analytics (#233)

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1243] Admin upgrade notices (#241)

* add: admin quota notices

* add: fix function name and phpcs issues

* fix: formatting issues

* [APP-1287] change Mixpanel check for free trial (#243)

* Fix/quota text (#244)

* fix: wp notice close logic plus banner text

* update: banner text

* [APP-1292] missing mixpanel events (#245)

* add: missing mixpanel events

* update: use variable for hardcoded names

* update: use variable for hardcoded names

* [APP-1293] Add additional checks (#246)

* update: add additional check to prevent fatal error

* fix: formatting

* [APP-1312] minimize client css (#252)

* [APP-1168] widget icon radius

* add: icon radius component

* add: icon radius component

* update: add support for widget radius

* fix: minor ui fixes

* fix: resolve comments

* fix: alignment of the icon

* update: add styled components

* add: corner radius mixpanel event

* fix: corner radius should have default values when no value is set based on icon

* fix: icon radius input style

* add: accessibility attributes

* fix: active states color

* add: logic to control invalid inputs

* update: make aria attributes translatable

* update: styled component names

* add: spacing between the components

* [APP-1342] add super props, store plan scope after register/switch (#250)

* [APP-0000] store plan scope after register/switch

* Update modules/settings/module.php



* remove deprecated method

* remove deprecated method

* [1342] Add super prop to mixpanel

* [1342] Add super prop to mixpanel

* [1342] Add super prop to mixpanel

---------



* [Legacy] Added strict settings sanitization (#257)

* [Legacy] Added strict settings sanitization

* use correct esc_x method

* hardcoded 6.8.0

* added svn for wp test library

* fix: default border radius (#258)

* fix: default border radius

* add: default corner radius for new users

* update: add support for default values for users with saved style settings

* updated phpunit workflow

* revert to master

* hardcode 6.8.x

* update: default values for existing users

* update: remove saving default corner radius for new users

* fix: update default radius for text icon

* fix: PHPUnit tests for WP 6.8.0

* align with develop

* set to latest

---------




* fix: widget icon spacing (#262)

* Added custom gutenberg link to toggle widget [APP-1306] (#256)

* New: Added Ally Trigger Dynamic Tag for Elementor [APP-1305] (#254)

* New: Added Ally Trigger Dynamic Tag for Elementor [APP-1305]

* typo Update modules/widget/components/ally-trigger.php

* New: Add the what's new functionality [APP-1329] (#264)

* add: statement page selector field (#261)

* add: statement page selector field

* add: updated the statement link button to a search field

* fix: add support for create statement data

* New: Bump the Notifications SDK to 1.2.0 [APP-1427] (#267)

* Fix: Resolve a11y issues [APP-1331] (#269)

* [APP-1417] Add support for custom icon (#270)

* add: media upload button

* add: support for custom icon

* fix: code alignment, phpcs

* fix: code alignment and linting

* add: mixpanel events

* fix: styling of custom svg

* fix: missing variable

* fix: missing variable

* fix: load gutenberg block without css

* fix: icon spacing in preview

* fix: indentation

* fix: indents

* [APP-1440] Fix doing_it_wrong warning for translations (#271)

* fix: doing_it_wrong warning for translations

* update: stop explicitly loading translations

* fix: add package-lock

* fix: add package-lock

* New: Store fonts inside the plugin [APP-1385] (#277)

* add: what's new mixpanel event (#274)

* fix:disable autofocus on opening of popup menu (#279)

* New: Add the birthday banner [APP-1489] (#281)

* [APP-1442] Add language selector option to plugin (#273)

* add: language selector option

* update: language selector option key

* update: lang selector name (#284)

* update: add language selector to analytics table (#285)

* Tweak: Update the campaign's time range [APP-1489] (#283)

* fix: container width logic (#292)

* [APP-1530] scrollbars settings width (#296)

* update: title layout

* fix: width of the content

* update: browserlist

* fix: rtl issues (#304)

* [APP-1629] Fix pro icon (#305)

* update: @elementor/ui package

* fix: pro icon

* fix: pro icon

* [APP-1678] Remove mixpanel session replay (#317)

* Fix: plugin headers (#316) (#320)

* [APP-907] Accessibility assistant (#326)

* PHPCS and remediation POC WIP

* WIP Wizard module

* Added scanner module

* [APP-929][APP-930] Add initial setup for wizard, added btn to the topbar (#230)

* [APP-929][APP-930]

* [APP-929][APP-930]

* update logic

* update init app

* [APP-0000] store plan scope after register/switch

* change return of load

* add header

* Move into shadow dom, add context, add headers components

* add UI components

* add UI components

* add UI components

* merge current develop

* merge current develop

* Add AltText Form

* Add scroll to current element

* Align with current design, add loader, added preview for svg

* Align with current design, add loader, added preview for svg

* Resolve comments

* Resolve comments

* Resolve comments

* [APP-934] add submit logic (#259)

* [APP-934] add submit logic

* [APP-934] add submit logic

* [APP-934] add submit logic

* [APP-934] add submit logic

* Added replace remediation action

* Add submit logic

* Add submit alt text logic, generate AI alt text

* Add AI generate request, add convert from SVG to png base64, added manual fix block

* Add AI generate request, add convert from SVG to png base64, added manual fix block

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

---------



* Add texts, add remediation submit, fix logic to store remediation

* [APP-0000] add store request to the Service API (#268)

* [APP-0000] add store request to the Service API

* [APP-0000] add store request to the Service API

* [APP-0000] add store request to the Service API

* [APP-0000] add store request to the Service API

* [APP-0000] add request to store scanner summary

* [APP-0000] add request to store scanner summary

* [APP-0000] add request to store scanner summary

* [APP-1432] fix with AI flow (#275)

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1446] sidebar menu update (#276)

* update: simplify menu

* add: headings and scanner menu options

* [APP-945] add column for tables (#282)

* [APP-945] add column for tables

* [APP-945] add column for tables

* [APP-945] add column for tables

* [APP-945] add column for tables

* [APP-1447] Updated quota bar designs (#278)

* update: quota bar designs

* fix: the popover was partially visible

* update: AI credits name

* update: usage calculation logic

* add: quota indicators

* update: quotas tooltip text

* update: quotas notices text

* update: make toggle icon dynamic

* fix: @elementor/ui imports

* Update modules/settings/assets/js/layouts/quota-bar.js



* update: styling of component

---------



* [APP-1507] add UI changes (#286)

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1387] add mixpanel events (#288)

* [APP-1387] add mixpanel events

* [APP-1387] add mixpanel events

* New: Add the a11y assistant dashboard's UI [APP-1445] (#289)

* [APP-1513] add disconnected msg (#290)

* [APP-1513] add disconnected msg

* [APP-1513] add disconnected msg

* [APP-1513] add disconnected msg

* [APP-1547][APP-1548][APP-948] update alt text view, fix list issues (#291)

* [APP-1547][APP-1548][APP-948] update alt text view, fix list issues, add rest route for update status

* [APP-1547][APP-1548][APP-948] update alt text view, fix list issues, add rest route for update status

* fix: infotip icon padding and font style (#293)

* fix: infotip icon padding and font style

* fix: infotip icon padding and font style

* update: caniuse database

* [APP-1525] add edit mode (#294)

* [APP-1525] add edit mode

* [APP-1525] add edit mode

* [APP-1525] add edit mode

* Bug/app 1544 (#295)

* Fix: Resolve QA comments [APP-1544]

* New: Add beta tags [APP-1555]

* New: Add the "no results" state [APP-1544]

* [APP-1554] rename violations (#297)

* [APP-1512] add backend logic for remediation management (#298)

* [APP-1512] add backend logic for remediation management

* [APP-1512] add backend logic for remediation management

* Update modules/remediation/database/remediation-entry.php



* Update modules/remediation/rest/items.php



* [APP-1512] add backend logic for remediation management

---------



* Fix: Resolve QA comments [n/a] (#299)

* [APP-1512] add FE remediation management (#300)

* [APP-1512] add backend logic for remediation management

* [APP-1512] add backend logic for remediation management

* Update modules/remediation/database/remediation-entry.php



* Update modules/remediation/rest/items.php



* [APP-1512] add backend logic for remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

---------



* [APP-1609] fix tooltip

* [APP-1609] fix resolved btn click

* [APP-1401] clear cache on update (#302)

* [APP-1401] clear cache on update

* [APP-1401] clear cache on update

* [APP-1401] clear cache on update

* [APP-1401] clear cache on update

* [APP-1401] clear cache on update

* update with latest develop branch

* fix copies

* [APP-1619] add mixpanel event (#303)

* [APP-1619] add mixpanel event

* [APP-1619] add mixpanel event

* [APP-1593] Add locked variant for quota bar (#301)

* update: add locked version of quota status bar

* fix: text color for infotip

* fix: width issues

* fix: add check for 0

* [APP-1637][APP-1643] add UI fixes, add excluded rules array (#307)

* fix: make sidebar collapsible (#306)

* Merge current dev

* [APP-1603] Add dashboard menu (#309)

* [APP-1603] Add dashboard menu

* [APP-1603] Add dashboard menu

* [APP-1603] Add dashboard menu

* [APP-1603] Add dashboard menu

* Bug/app 1607 (#311)

* Fix: Update stats calculation logic [APP-1607]

* Fix: Set fixed width for the results table [APP-1650]

* Fix: Update filter rules [APP-1634]

* New: Add the no search results state [APP-1651]

* Fix: Convert indents [n/a]

* [APP-1670] add menu on Manage Fixes (#315)

* [APP-1670] add menu on Manage Fixes

* [APP-1670] update menu

* [APP-1611] fix comments

* fix: direction of snippet (#313)

* [APP-1561] New menu layout (#308)

* update: app menu and layout

* merge: latest changes from feature/remediation

* add: alert indicator to the closed sidebar

* fix: page layout for statement page

* update: menu display names

* fix: topbar menu layout

* update: sidebar menu width

* update: sidebar menu width

* fix: popup menu layout

* add: hover action to the toggle button

* update: my account menu

* fix: quota indicator for closed sidebar

* fix: icon alignments

* fix: scroll behaviour

* fix: page scroll behaviour

* fix: popup menu hover state

* update: quota bar and group layouts

* add: tooltips to the menu items

* update: make scans page fixed height and scrollable

* update: styles with theme references and added new styled components

* fix: make sidebar smoother

* update: accessibility page heading

* Merge latest develop

* [APP-1611] trigger save entry for clean cache (#314)

* [APP-1611] trigger save entry for clean cache

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-0000] call trigger save async (#319)

* [APP-1611] trigger save entry for clean cache

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-0000] call trigger save async

* fix: scrollbar issues (#318)

* [APP-1615] add remediation for wp image (#321)

* POC - FrontEnd remediations to handle Dynamic Data [APP-1644] (#312)

* POC - FrontEnd remediations to handle Dynamic Data

* Update modules/remediation/components/remediation-runner.php



* added MutationObserver to cover elements that are added later on the page

runs until remediations are all done, and disconnect

* added $use_frontend flag instead of using "false"

* Update modules/remediation/components/remediation-runner.php



* WIP on poc/fe-remediations

* [APP-0000] call trigger save async

* [APP-1644] apply FE remediation

* [APP-1644] apply FE remediation

* [APP-1644] apply FE remediation

* Add timeout (wait for FE remediation timeout)

* Add timeout (wait for FE remediation timeout)

* Add timeout (wait for FE remediation timeout)

* Add timeout (wait for FE remediation timeout)

* Add timeout (wait for FE remediation timeout)

* Small fixes

* Small fixes

* Small fixes

* Small fixes

---------




* [APP-1611] Fix cache issue (#324)

* [APP-1611] trigger save entry for clean cache

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-0000] call trigger save async

* [APP-1611] clear cache

* [APP-1657] upgrade cta (#323)

* update: added logic to show button based on plan

* Update modules/settings/assets/js/components/quota-bar/quota-bar-group.js



* fix: eslint error

---------



* [APP-1658] Update accessibility admin column design (#322)

* update: wpadmin column layout

* update: move icon to assets

* Fix: Resolve remediation encoding issue [APP-1646] (#325)

---------







* [APP-1698] Update referrer policy (#333)

* [APP-1697] fix menu, add category to events as key without translation (#334)

* [APP-1697] fix menu, add category to events as key without translation

* [APP-1697] fix menu, add category to events as key without translation

* [APP-1717] Fix category title (#335)

* [APP-1724] Fix get object type for singular (#338)

* [APP-1724] Fix get object type for singular

* [APP-1724] Fix get object type for singular

* Update modules/remediation/classes/utils.php



---------



* Fix: Resolve some a11y issues [APP-1664] (#337)

* [APP-1696] Fix help menu ui (#339)

* fix: menu ui

* update: onclick action

* fix: alignment of the menu

* update: rename menu item to accessibility assistant

* Fix: Use the same issue count in the WP admin and scanner [APP-1726] (#341)

* Fix: Move data tag logic away from the component to prevent multiple renders [APP-1502] (#342)

* [APP-1738] add case-insensitive replace (#345)

* [APP-1738] add case-insensitive replace

* Update modules/remediation/assets/js/actions/replace.js



* Update modules/remediation/assets/js/actions/replace.js



* [APP-1741][APP-1742][APP-1743] add components, calc contrast ratio, add logic for lightness

* Update modules/remediation/assets/js/actions/replace.js



* update

* update

* update

---------



* bumped v3.5.1

* [APP-1776] Deactivate scanner on not connected (#350)

---------

Co-authored-by: Yakir Sitbon <kingyes1@gmail.com>
Co-authored-by: Nirbhay Singh <121793120+nirbhayel@users.noreply.github.com>
Co-authored-by: VasylD <vasyld@elementor.red>
Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>
Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* [APP-1741][APP-1742][APP-1743] add components, calc contrast ratio, a… (#346)

* [APP-1741][APP-1742][APP-1743] add components, calc contrast ratio, add logic for lightness

* Update modules/scanner/assets/js/components/color-contrast-form/color-set.js

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* update

* update

* Remove shadow dom, add color picker

* Remove shadow dom, add color picker

* Remove shadow dom, add color picker

* Update modules/scanner/assets/js/layouts/color-contrast-layout.js

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Update modules/scanner/assets/js/components/color-contrast-form/color-set.js

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Update modules/scanner/assets/js/components/color-contrast-form/color-set.js

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Update modules/scanner/assets/js/layouts/color-contrast-layout.js

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Update modules/scanner/assets/js/utils/calc-color-ratio.js

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Remove shadow dom, add color picker

* Remove shadow dom, add color picker

* Revert shadow dom, include styles for color picker

* Revert shadow dom, include styles for color picker

---------

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* New: Add new Styles FE remediation [APP-1685] (#347)

* fix: content width on some pages (#348)

* Release/v3.5.1 (#349) (#354)

* Bump WP version

* ♻️ Initial Refactor commit [APP-687] (#109)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* PR Rejects

* Rejects leftover

* Setup base (#110)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: settings variable

* update: removed duplicate css import

* Update modules/settings/assets/js/api/index.js



---------




* [Infra] ✅ updated Github actions (#114)

* updated github actions

* removed composer github auth

* PHPCS

* removed package-lock.json from ignore to allow `npm ci`

* added missing husky

* ignore legacy

* removed unused non existing import

* Add connect modal (#111)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* fix: alignment and style

* update: imports

* update: removed conflicting imports

* fix: add compatibility for mobile devices

---------



* [APP 705] add connect module, settings and notification component (#112)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* add: connect module

* add: settings and get settings route

* add: hooks and contexts to get settings

* add: hooks

* add: notification component

* add: data api

* add: settings provider and connect settings

* add: husky

* fix: formatting and text-domain

* update: filter names

* fix: hook import

* add: set function for settings

* add: prop-types package

* update: refactor notification component and context

* update: remove filter for authorize url

* update: imports and exports of hooks

* update: plugin settings context filename and relevant imports

---------



* [APP 707] general setting components (#113)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* add: connect module

* add: settings and get settings route

* add: hooks and contexts to get settings

* add: hooks

* add: notification component

* add: data api

* add: settings provider and connect settings

* add: husky

* add: icon size control

* fix: icon size control labels

* add: icon select component

* add: color picker component

* add: accessibility icons

* add: icon export

* update: add icons to the component

* fix: styling for the icon select control

* update: color picker with react-colorful component

* update: icon size component with live icon design

* fix: styling of radio boxes

* add: icon design settings layout

* add: position settings layout

* add: layout exports

* add: alignment matrix and position control components

* add: position settings  & position settings for mobile layout

* fix: formatting and text-domain

* update: filter names

* fix: hook import

* add: set function for settings

* add: prop-types package

* update: refactor notification component and context

* update: remove filter for authorize url

* Update modules/settings/assets/js/components/color-picker/style.css



* update: color picker class name

---------




* [App 780] Navigation Sidebar (#115)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* add: connect module

* add: settings and get settings route

* add: hooks and contexts to get settings

* add: hooks

* add: notification component

* add: data api

* add: settings provider and connect settings

* add: husky

* fix: formatting and text-domain

* update: filter names

* fix: hook import

* add: set function for settings

* add: prop-types package

* update: refactor notification component and context

* update: remove filter for authorize url

* update: imports and exports of hooks

* update: plugin settings context filename and relevant imports

* update: icons and icon imports

* add: sidebar(wip)

* update: fix width of connect screen on mobile

* update: sidebar layout

* add: credit card and user arrow icons

* update: hidden wpfooter and fixed sidebar height

* update: sidebar layout

* add: basic page layouts

* update: sidebar layout

* add: sidebar menu, sidebar app bar and my account menu components

* update: add sidebar and menu settings

* update: add page layouts

* update: admin top bar

* add: bottom bar

* add: bottom bar and top bar

* add: bottom bar and top bar

* update: page content styling

* fix: styling

* fix: styling

* update: text domain

* update: added translations

* fix: admin top bar layout

* update: exports of icons

* update: exports of components

* add: aliases for imports and fix exports

* fix: height and styling of the layout

* fix: unhide wp footer

* update: keep widget menu open on page load (default)

* update: linter rules to move first prop to new line

* update: linter rules to move first prop to new line

---------



* Fix error on install plugin, add prettier (#116)

* Feature/app 810 assemble icon settings page (#117)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* add: connect module

* add: settings and get settings route

* add: hooks and contexts to get settings

* add: hooks

* add: notification component

* add: data api

* add: settings provider and connect settings

* add: husky

* add: icon size control

* fix: icon size control labels

* add: icon select component

* add: color picker component

* add: accessibility icons

* add: icon export

* update: add icons to the component

* fix: styling for the icon select control

* update: color picker with react-colorful component

* update: icon size component with live icon design

* fix: styling of radio boxes

* add: icon design settings layout

* add: position settings layout

* add: layout exports

* add: alignment matrix and position control components

* add: position settings  & position settings for mobile layout

* fix: formatting and text-domain

* update: filter names

* fix: hook import

* add: set function for settings

* add: prop-types package

* update: refactor notification component and context

* update: remove filter for authorize url

* update: imports and exports of hooks

* update: plugin settings context filename and relevant imports

* update: icons and icon imports

* add: sidebar(wip)

* update: fix width of connect screen on mobile

* update: sidebar layout

* Update modules/settings/assets/js/components/color-picker/style.css



* update: color picker class name

* add: credit card and user arrow icons

* update: hidden wpfooter and fixed sidebar height

* update: sidebar layout

* add: basic page layouts

* update: sidebar layout

* add: sidebar menu, sidebar app bar and my account menu components

* update: add sidebar and menu settings

* update: add page layouts

* update: admin top bar

* add: bottom bar

* add: bottom bar and top bar

* add: bottom bar and top bar

* update: page content styling

* fix: styling

* fix: styling

* update: text domain

* add: props to wrapper

* add: icon design and position setting layouts

* add: in page scroll behaviour to the settings

* add: widget icons and getter function

* update: icon design settings getter and setter functions

* update: imports

* add: mobile layout for position settings

* add: icon position settings

* add: icon position settings hooks and handlers

* fix: alignment of controls in AlignmentMatrixControl

* update: useSettings and usePositionSetting hooks and relevant functions

* fix: colors of AlignmentMatrixControl

* fix: styling of components and layouts

* add: aliases

* add: container wrapper to page

* update: accessibility options rendering logic

* fix: order of the icons

* add: aliases for components and hooks imports

* fix: styling of settings panel

* fix: container height for settings page

* update: toggle control states

* add: widget icon settings

* add: load saved widget icon settings

* update: move layout to page for different designs per page

* update: add changes tracking and disable button logic

* add: async/await to save settings

* update: convert options to array of objects

* Update modules/settings/assets/js/components/bottom-bar/index.js



* Update modules/settings/assets/js/app.js



* fix: remove duplicate entries

---------





* Feature/app 708 widget menu settings (#118)

* add: icons for menu settings

* add: placeholder layout for widget preview in menu settings

* update: load saved settings and updated imports

* add: logics for handling and saving menu settings

* add: useSavedSettings hook

* update: set export as default for Sidebar layout

* add: widget menu settings layout and settings

* update: add widget menu settings and widget preview layouts

* add: hide/show minimum option alert notification

* update: styling of the save button

* update: save settings logic to use async/await

* fix: accessibility text icon

* update: app type (#119)

* [APP-834] Update account menu buttons (#121)

* update: account menu buttons

* update: billing link

* add: error handling for switch account

* [APP-835] add service data (#122)

* add: client functions

* add: site register and site info endpoints

* update: add plan data settings

* update: add support for 201 response code

* update: add plan data key

* update: store the plan data on the once the site is registered

* update: add filter for client url

* add: retry registering in there is any error after connect

* update: setting prefix

* add: plan data

* update: add account details to menu

* fix: lint issues

* update: add data checkbox support (#123)

* [APP-928] Settings pointer (#125)

* add: settings pointer

* update: add alias for the settings

* [APP-837] Add post connect modal (#120)

* add: post connect modal

* update: settings prefix

* fix: connect modal design

* update: connect modal text

* add: connect modal graphics

* update: connect modal icon

* update: post connect modal

* update: sidebar menu text

* update: text of icon settings

* update: text

* update: php compatibility with return types

* add: accessibility statement page structure (#126)

* [APP-721] Render widget and global settings (#124)

* add: webhook endpoint

* add: widget module

* add: default widget settings on successful registration

* update: name of global object to ea11yWidget

* update: remove json encoding to make objects available on the frontend

* update: widget url, filter and enqueuing method

* update: removed obsolete code

* update: enqueue script only when connected

* update: add check for valid plan data and key

* update: conditional check

* update: conditional check

* fix: widget loading error (#128)

* [Legacy] Upgrade To New [APP-949] (#127)

* Added `Notice_Base` and `Notices` component to core module

* Always load core module and load all other modules based on legacy status

* added filter in customizer settings

* added bubble / pimple in admin menu to indicate upgrade

* added `Dismissible_Deprecated_Nag` notice to none legacy pages

* added `Dismissible_Deprecated_Nag` notice to legacy pages

* Added `Upgrade` component to legacy module

includes:
* loading of notices
* introduction modal
* admin menu pimple
* customizer notice
* pointer
* confirmation modal
* upgrade logic and handler

* ✅ Fixed legacy module test

* added `local:quick-run` command to run in browser mode

* update phpunit workflow

* ensure wp.ajax is loaded

* wrong translations

* Updated strings

* added "Equally"

* remove unused test

* ✅ use custom version of wp test library (#129)

* ✅ use custom version of wp test library

* cleanup

* update WP versions for testing

* [APP-711] Widget preview (#130)

* add: dynamic script loader for widget

* update: settings name

* update: settings save function and comments

* update: tools settings object structure

* add: widget preview section

* update: added setting page slug as a constant

* update: enqueue widget for preview in the settings

* add: widget icon assets link

* add: widget icon svgs

* update: store widget url in a constant

* update: store widget url in a constant

* update: trigger widget preview update on menu item changes

* update: remove the icon option from the frontend.

* update: add widget URL

* update: plan data setting type

* update: widget plan url

* update: widget plan url and parse plan data

* fix: phpcs error ext-json missing

* fix: widget url

* fix: save and use plan data as a serialized option

* fix: use template string for widget url

* [APP-908] Accessibility generator (#131)

* add: accessibility statement radio icons

* update: add form group on radio buttons

* add: statement generator

* add: statement generator

* add: accessibility statement data option

* update: create page in WordPress and save it to the option

* update: exclude zip file from the git

* update: render statement page conditionally

* add: statement link layout and settings

* add: preload statement data

* update: publish the created page and add link for it

* update: changed Dynamic Script Loader to WidgetLoader

* add: accessibility statement url

* update: text and styling

* update: styling of the preview text

* update: restructure statement generator

* add: support for dynamic update in statement links

* update: remove index.css file for widget loader

* add: widget styling for settings page

* add: empty link when hide link is enabled

* update: statement page structure and logic

* fix: typo

* update: convert component into a styled component

* fix: styling and layout

* update: icons

* update: convert radio buttons to styled component

* fix: typo and style

* add: fading for the link preview

* update: import

* update: styling and spacing

* fix: sidebar layout

* update: wpcs to latest version

* fix: spacing

* fix: wpcs version

* add: check for valid statement page

* fix: jitters on rendering

* fix: use escape attribute

* update: settings menu slug and plugin name

* fix: menu item rendering

* update: definition of the styled text field

* add: addPage function to the API

* fix: add notification on page creation

* add: copy link icon

* update: optimize SVGs

* [APP-908] Additional fixes (#133)

* fix: text domains

* updated: styled component syntax

* update: use await instead of then

* fix: prevent application crash in case widget fails to load

* add: generated info tip card

* update: refactor function

* Fix: Fix the QA bugs [n/a] (#135)

* [APP-830] Add mixpanel events (#134)

* [APP-830] Add mixpanel events

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* [APP-830] Add user to init Mixpanel (#136)

* [APP-830] Add mixpanel events

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* [APP-830] Add user to init Mixpanel

* [APP-830] Add user to init Mixpanel

* [APP-830] Add user to init Mixpanel

* [APP-830] rename events (#137)

* Connect and Preview Fixes (#139)

* updated connect admin page

* Use unified widget URL instead of hardcoded Js to support envs

* Removed enqueue of fictional widget.js and reuse settings `admin` handle

* Fix: Fix the QA bugs [n/a] (#138)

* New: Finish the BE integration [n/a]

* Fix: Fix some bugs [n/a]

* upgrade flow UI and design tweaks [app-949] (#141)

* Updated Learn More links with UTM's

* Tweaked Pointer strings Icon and CTA

* dismissible notice strings

* sticky notice strings

* updated upgrade flow design for pointer, notices, introduction modal, and confirmation modal

* added build script

* [APP-979] Update links and plugin name (#140)

* Ensure loading of legacy widget based on any saved data and fixed legacy JS

* Bug/app 1002 (#143)

* Bug: Update the logo in the "Hide Widget" modal [APP-1001]

* Fix: Update the side menu spaces [APP-1002]

* [APP-991] Add translation for statement (#142)

* [APP-979] Update links and plugin name

* [APP-991] Add translation for statement

* Set Prod Widget URL

* [APP-1004][APP-1005][APP-1006] Fix generator UI and logic, fix statement UI, fix copy link (#144)

* [APP-1004] Fix generator UI and logic

* [APP-1005] Fix statement UI

* [APP-1005] Fix statement UI

* Mixpanel record session

* Fix: Enhance position values validation [APP-1009] (#146)

* Bug/app 1003 (#147)

* Fix: Add a border to the preview [n/a]

* Fix: Fix Capabilities screen UI [APP-1003]

* [APP-1020] add missed events (#148)

* [APP-1015] fix switch account (#149)

* [APP-1015] fix switch account (#150)

* [APP-1021] Fix switch modal ui (#151)

* fix: ui issues

* fix: translation strings

* [APP-912] add default settings for RTL (#152)

* [APP-912] add default settings for RTL

* [APP-912] add default settings for RTL

* [APP-912] add default settings for RTL

* [APP-1026] Remove HTML breaking <style> tag & update pointer logic (#153)

* fix: remove extra closing tag

* update: hide settings pointer when plugin settings is opened

* update: remove unused functions

* update: add help text to mobile position settings

* Bug/app 1003 (#157)

* Fix: Add missed translations [n/a]

* Fix: Refresh the plan data on page load [n/a]

* New: Add loader to the settings [n/a]

* update: delete lock key after each check (#160)

* New: Update dashboard icon size [n/a] (#158)

* New: Update dashboard icon size [n/a]

* Fix: Fix widget previews [n/a]

* [APP-1018] Help menu change (#155)

* update: remove accessibility word from menu items

* update: remove top bar

* update: add help button to the sidebar

* update: re-add spacing in styled css code

* update: create styled components

* [APP-973] Add an UTM for users upgrading from one click to the new widget (#165)

* update: ui of the statement preview (#166)

* [APP-1011][APP-1013] focus outline and sitemap settings (#161)

* [APP-1011][APP-1013] focus outline and sitemap settings

* [APP-1011][APP-1013] focus outline and sitemap settings

* [APP-1011][APP-1013] focus outline and sitemap settings

* [APP-1011][APP-1013] focus outline and sitemap settings

* update: video link (#167)

* [APP-1051] Fix layout on the small and medium devices (#156)

* fix: layout on the small and medium devices

* update: change components to styled components

* refactor: position settings wrapper into a separate component

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel (#169)

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel

* [APP-1048] Add tooltip to accessibility statement (#159)

* add: tooltip to accessibility statement

* update: hide infotip when statement link is set

* update: infotip's text

* fix: infotip naming and logic

* [APP-1049] Add back button accessibility statement (#164)

* add: back button to the statement link section

* add: Edit link button to statement page section

* update: add admin_url and generate query args properly

* update: learn more link for accessibility statement page (#168)

* Fix: Update overlay height [n/a] (#171)

* Fix settings and connect issues (#170)

* fix: token fails to refresh after expiry

* update: add 12 hour time for plan data refresh and fix missing subscription id

* update: add check to refresh plan data

* fix: decoding errors and alignment and add logging for errors

* update: refresh logic and formatting

* Update/app 1029 app name (#173)

* update: plugin name

* update: default menu option

* update: menu structure

* update: add inline checks

* update: reduce padding on app icon in menu

* fix: height of the modal

* update: app menu icon color

* update: menu icon colors

* fix: menu icon size

* update: plugin names

* update: HELP_LINK

* update: app name

* update: icon background color

* update: icon size

* fix: admin icon size

* fix: width of the sidebar

* Fix/toggle not working properly (#174)

* fix: toggles not working properly in some cases

* fix: saving of the settings was not working

* add: missing adminUrl in settings data

* fix: switch was not working properly in some cases (#175)

* Fix/app 1093 incorrect position on default (#176)

* fix: switch was not working properly in some cases

* fix: default setting structure for the icon position

* [APP-1096] Text changes (#177)

* fix: switch was not working properly in some cases

* update: plugin name and action buttons title

* fix: revert change to is_active function

* fix: button color

* New: Add the skip link [APP-1012] (#179)

* [APP-1097] Fix preview load (#178)

* [APP-1097] Fix preview load

* [APP-1097] Fix preview load

* [APP-1097] Fix preview load

* Update modules/settings/assets/js/components/widget-loader/index.js

---------



* [APP-1123] Accessibility statement text (#181)

* fix: switch was not working properly in some cases

* update: accessibility statement content

* [APP-1121] Add support for react-jsx-runtime for older WP versions (#180)

* fix: switch was not working properly in some cases

* update: revert wp-scripts version to 28.0.0 to add support for older WordPress versions

* update: revert wp-scripts to 27.9.0

* add: support for react-jsx-runtime in older versions of WordPress

* update: version to the latest wp-scripts 30.3.0

* update: add lib/ to gitignore

* update: plugin name

* Fix: Fix admin widget previews [n/a] (#183)

* [APP-1061] change mixpanel user id (#184)

* [APP-1129] change toggle_event for mixpanel (#186)

* Remove skip to content btn if anchor does not exist (#187)

* fix: hide wp notices to keep the layout from shifting (#189)

* [APP-1143] fix bug with capability display (#195)

* [APP-1143] fix bug with capability display

* [APP-1143] fix bug with capability display

* [APP-1143] fix bug with capability display

* [APP-1143] fix bug with capability display

* add: loading text to widget preview (#196)

* [APP-1142] add 'appType' super props, change identify key (#191)

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* [APP-1142] Add 'appType' super props

* [APP-1144] Accessibility statement tooltip text update (#198)

* update: text

* update: switch design

* Tweak: Update widget loaders [n/a] (#197)

* added images to readme (#172)

* added images to readme

* updated readme

* V3.0.0

* updated readme

* updated tested up to

* Fix: Update the skip link rendering hook [APP-1157] (#203)

* bumped v3.0.1 (#206)

* Fix: Adapt widget preview to smaller height viewports [APP-1130] (#217)

* update: convert menu icon to base64 svg (#199)

* update: convert menu icon to base64 svg

* update: logo to svg logo with base64 encoded

* update: svg app icon

* [APP-1201] Improve admin panel accessibility (#220)

* [APP-1201] add accessibility rules

* [APP-1201] add accessibility rules

* [APP-1210] add prop to Mixpanel, move event names to const (#225)

* [APP-1159] Add mismatch URL flow (#210)

* update: convert imports to named imports

* add: function to check if current screen is settings page

* update: rename elementor logo to app logo

* add: url mismatch flow and components

* update: remove obsolete code

* Update modules/connect/rest/authorize.php



* Update modules/settings/module.php



* fix: modal was not closing

* update: remove url mismatch notice

* update: mismatch modal and rendering logic

* add: toast notifications for errors

* update: convert components into styled components

* update: remove bottom border from the dialog

* update: text copy

* fix: logo alignment

* update: renamed styled component

---------



* [APP-1108][APP-1109][APP-1110] Add analytics backend logic (#190)

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* Add nonce to the widget settings

* Update routes and DB table

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* [APP-1101] Move action button to footer (#208)

* update: add save changes footer to the bottom and remove it from capabilities

* add: logic to save settings for skiptocontent using footer

* update: text

* update: convert component to styled component

* [APP-1198] [APP-1199] Quota bar and notices (#219)

* add: quota bar

* add: openLink helper function

* add: styled elements and visits link placeholder

* update: remove hover state from the box

* add: quota notices

* update: quota access and usage calculations

* add: logic to calculate plan usage

* update: move logic to calculate plan usage to hook

* add: todo note

* add: todos

* add: mixpanel events

* fix: hide quota bar when sidebar is minimized

* fix: settings panel was not expanding when sidebar is minimized

* update: text and structure of the bar

* update: quota calculation logic

* update: remove TODOs

* update: text and values

* fix: height of the container for icon settings

* update: golinks

* update: golinks

* fix: prevent icon options from wrapping on smaller screen sizes (#229)

* [APP-1107] Add dashboard for analytics (#204)

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* Add nonce to the widget settings

* Update routes and DB table

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1201] add accessibility rules

* [APP-1107] fixed API endpoint

* [APP-1107] fixed API endpoint

* [APP-1107] fixed API endpoint

* [APP-1107] add check for is_active

* update to the latest

* update to the latest

* update to the latest

* fix bugs, add changes

* fix bugs, add changes

* fix bugs, add changes

* fix bugs, add changes

* [APP-1105] Add pro capabilities (#205)

* add: volume and solid crown icon

* add: volume and crown icons to export

* update: refactor menu item to a new component

* add: screen reader to the menu items and reorganize them

* add: pro item infotip content

* add: capabilities item and pro info tip to exports

* update: import ProInfoTip component and change disabled logic

* update: imports

* update: refactor pro item infotip into the separate component

* update: refactor infotip and add comments

* add: custom switch component

* add: logo settings layout

* update: switch component

* add: useToggleSetting hook to manage widget settings.

* update: move pro feature key to a separate constant

* fix: pro icon style

* update: remove branding key

* update: pro enable check structure

* update: pro enabled check structure

* update: key name

* update: update key before checking for it

* fix: null error

* add: update logic to get the tools settings based on plan

* update: exclude remove-elementor-label from the minimum option rule

* update: add formlabel and eventnames

* add: logic to deactivate the features which are disabled for the plan

* fix: PHP warning

* fix: keyword name

* add: GOLINKS

* add: open link function

* fix: PHP warning undefined key

* update: logic to show the icon and added golinks

* [APP-1045] Add billing tab (#223)

* add: plan name and subscription link

* update: refactor my account menu

* update: move truncate email to a helper file

* update: simplify truncation logic

* [APP-1270] Delete transient and force info update (#236)

* add: force update site/info on mismatch url

* update: add a constant for the transient

* add: delete_transient for switch account as well

* add: delete_transient for disconnect as well

* [APP-1267] Quota bar undefined (#234)

* fix: undefined was shown when there is no quota data

* add: preloader

* fix: make bottom bar sticky on the settings pages (#237)

* [APP-1268] Pro tip spacing (#235)

* fix: pro tip spacing

* fix: pro icon

* [APP-1271] Align menu icons (#238)

* update: hide info button on minimized sidebar

* fix: alignment of quota bar icon

* fix: conditional logic

* update: improve sidebar motion

* fix: switch account issue

* update: upgrade link for analytics popup (#239)

* [APP-1281] fix usage percentage formatting (#240)

* fix: format display of percentage correctly.

* update: fraction conversion logic

* Force referer and lower transient time to 15 minutes [APP-1286] (#242)

* reduce transient timeout

* force referrer in script tags

* [APP-1262] Enable routes for get statistic on disabled analytics (#233)

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1243] Admin upgrade notices (#241)

* add: admin quota notices

* add: fix function name and phpcs issues

* fix: formatting issues

* [APP-1287] change Mixpanel check for free trial (#243)

* Fix/quota text (#244)

* fix: wp notice close logic plus banner text

* update: banner text

* [APP-1292] missing mixpanel events (#245)

* add: missing mixpanel events

* update: use variable for hardcoded names

* update: use variable for hardcoded names

* [APP-1293] Add additional checks (#246)

* update: add additional check to prevent fatal error

* fix: formatting

* [APP-1312] minimize client css (#252)

* [APP-1168] widget icon radius

* add: icon radius component

* add: icon radius component

* update: add support for widget radius

* fix: minor ui fixes

* fix: resolve comments

* fix: alignment of the icon

* update: add styled components

* add: corner radius mixpanel event

* fix: corner radius should have default values when no value is set based on icon

* fix: icon radius input style

* add: accessibility attributes

* fix: active states color

* add: logic to control invalid inputs

* update: make aria attributes translatable

* update: styled component names

* add: spacing between the components

* [APP-1342] add super props, store plan scope after register/switch (#250)

* [APP-0000] store plan scope after register/switch

* Update modules/settings/module.php



* remove deprecated method

* remove deprecated method

* [1342] Add super prop to mixpanel

* [1342] Add super prop to mixpanel

* [1342] Add super prop to mixpanel

---------



* [Legacy] Added strict settings sanitization (#257)

* [Legacy] Added strict settings sanitization

* use correct esc_x method

* hardcoded 6.8.0

* added svn for wp test library

* fix: default border radius (#258)

* fix: default border radius

* add: default corner radius for new users

* update: add support for default values for users with saved style settings

* updated phpunit workflow

* revert to master

* hardcode 6.8.x

* update: default values for existing users

* update: remove saving default corner radius for new users

* fix: update default radius for text icon

* fix: PHPUnit tests for WP 6.8.0

* align with develop

* set to latest

---------




* fix: widget icon spacing (#262)

* Added custom gutenberg link to toggle widget [APP-1306] (#256)

* New: Added Ally Trigger Dynamic Tag for Elementor [APP-1305] (#254)

* New: Added Ally Trigger Dynamic Tag for Elementor [APP-1305]

* typo Update modules/widget/components/ally-trigger.php

* New: Add the what's new functionality [APP-1329] (#264)

* add: statement page selector field (#261)

* add: statement page selector field

* add: updated the statement link button to a search field

* fix: add support for create statement data

* New: Bump the Notifications SDK to 1.2.0 [APP-1427] (#267)

* Fix: Resolve a11y issues [APP-1331] (#269)

* [APP-1417] Add support for custom icon (#270)

* add: media upload button

* add: support for custom icon

* fix: code alignment, phpcs

* fix: code alignment and linting

* add: mixpanel events

* fix: styling of custom svg

* fix: missing variable

* fix: missing variable

* fix: load gutenberg block without css

* fix: icon spacing in preview

* fix: indentation

* fix: indents

* [APP-1440] Fix doing_it_wrong warning for translations (#271)

* fix: doing_it_wrong warning for translations

* update: stop explicitly loading translations

* fix: add package-lock

* fix: add package-lock

* New: Store fonts inside the plugin [APP-1385] (#277)

* add: what's new mixpanel event (#274)

* fix:disable autofocus on opening of popup menu (#279)

* New: Add the birthday banner [APP-1489] (#281)

* [APP-1442] Add language selector option to plugin (#273)

* add: language selector option

* update: language selector option key

* update: lang selector name (#284)

* update: add language selector to analytics table (#285)

* Tweak: Update the campaign's time range [APP-1489] (#283)

* fix: container width logic (#292)

* [APP-1530] scrollbars settings width (#296)

* update: title layout

* fix: width of the content

* update: browserlist

* fix: rtl issues (#304)

* [APP-1629] Fix pro icon (#305)

* update: @elementor/ui package

* fix: pro icon

* fix: pro icon

* [APP-1678] Remove mixpanel session replay (#317)

* Fix: plugin headers (#316) (#320)

* [APP-907] Accessibility assistant (#326)

* PHPCS and remediation POC WIP

* WIP Wizard module

* Added scanner module

* [APP-929][APP-930] Add initial setup for wizard, added btn to the topbar (#230)

* [APP-929][APP-930]

* [APP-929][APP-930]

* update logic

* update init app

* [APP-0000] store plan scope after register/switch

* change return of load

* add header

* Move into shadow dom, add context, add headers components

* add UI components

* add UI components

* add UI components

* merge current develop

* merge current develop

* Add AltText Form

* Add scroll to current element

* Align with current design, add loader, added preview for svg

* Align with current design, add loader, added preview for svg

* Resolve comments

* Resolve comments

* Resolve comments

* [APP-934] add submit logic (#259)

* [APP-934] add submit logic

* [APP-934] add submit logic

* [APP-934] add submit logic

* [APP-934] add submit logic

* Added replace remediation action

* Add submit logic

* Add submit alt text logic, generate AI alt text

* Add AI generate request, add convert from SVG to png base64, added manual fix block

* Add AI generate request, add convert from SVG to png base64, added manual fix block

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

---------



* Add texts, add remediation submit, fix logic to store remediation

* [APP-0000] add store request to the Service API (#268)

* [APP-0000] add store request to the Service API

* [APP-0000] add store request to the Service API

* [APP-0000] add store request to the Service API

* [APP-0000] add store request to the Service API

* [APP-0000] add request to store scanner summary

* [APP-0000] add request to store scanner summary

* [APP-0000] add request to store scanner summary

* [APP-1432] fix with AI flow (#275)

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1446] sidebar menu update (#276)

* update: simplify menu

* add: headings and scanner menu options

* [APP-945] add column for tables (#282)

* [APP-945] add column for tables

* [APP-945] add column for tables

* [APP-945] add column for tables

* [APP-945] add column for tables

* [APP-1447] Updated quota bar designs (#278)

* update: quota bar designs

* fix: the popover was partially visible

* update: AI credits name

* update: usage calculation logic

* add: quota indicators

* update: quotas tooltip text

* update: quotas notices text

* update: make toggle icon dynamic

* fix: @elementor/ui imports

* Update modules/settings/assets/js/layouts/quota-bar.js



* update: styling of component

---------



* [APP-1507] add UI changes (#286)

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1387] add mixpanel events (#288)

* [APP-1387] add mixpanel events

* [APP-1387] add mixpanel events

* New: Add the a11y assistant dashboard's UI [APP-1445] (#289)

* [APP-1513] add disconnected msg (#290)

* [APP-1513] add disconnected msg

* [APP-1513] add disconnected msg

* [APP-1513] add disconnected msg

* [APP-1547][APP-1548][APP-948] update alt text view, fix list issues (#291)

* [APP-1547][APP-1548][APP-948] update alt text view, fix list issues, add rest route for update status

* [APP-1547][APP-1548][APP-948] update alt text view, fix list issues, add rest route for update status

* fix: infotip icon padding and font style (#293)

* fix: infotip icon padding and font style

* fix: infotip icon padding and font style

* update: caniuse database

* [APP-1525] add edit mode (#294)

* [APP-1525] add edit mode

* [APP-1525] add edit mode

* [APP-1525] add edit mode

* Bug/app 1544 (#295)

* Fix: Resolve QA comments [APP-1544]

* New: Add beta tags [APP-1555]

* New: Add the "no results" state [APP-1544]

* [APP-1554] rename violations (#297)

* [APP-1512] add backend logic for remediation management (#298)

* [APP-1512] add backend logic for remediation management

* [APP-1512] add backend logic for remediation management

* Update modules/remediation/database/remediation-entry.php



* Update modules/remediation/rest/items.php



* [APP-1512] add backend logic for remediation management

---------



* Fix: Resolve QA comments [n/a] (#299)

* [APP-1512] add FE remediation management (#300)

* [APP-1512] add backend logic for remediation management

* [APP-1512] add backend logic for remediation management

* Update modules/remediation/database/remediation-entry.php



* Update modules/remediation/rest/items.php



* [APP-1512] add backend logic for remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

---------



* [APP-1609] fix tooltip

* [APP-1609] fix resolved btn click

* [APP-1401] clear cache on update (#302)

* [APP-1401] clear cache on update

* [APP-1401] clear cache on update

* [APP-1401] clear cache on update

* [APP-1401] clear cache on update

* [APP-1401] clear cache on update

* update with latest develop branch

* fix copies

* [APP-1619] add mixpanel event (#303)

* [APP-1619] add mixpanel event

* [APP-1619] add mixpanel event

* [APP-1593] Add locked variant for quota bar (#301)

* update: add locked version of quota status bar

* fix: text color for infotip

* fix: width issues

* fix: add check for 0

* [APP-1637][APP-1643] add UI fixes, add excluded rules array (#307)

* fix: make sidebar collapsible (#306)

* Merge current dev

* [APP-1603] Add dashboard menu (#309)

* [APP-1603] Add dashboard menu

* [APP-1603] Add dashboard menu

* [APP-1603] Add dashboard menu

* [APP-1603] Add dashboard menu

* Bug/app 1607 (#311)

* Fix: Update stats calculation logic [APP-1607]

* Fix: Set fixed width for the results table [APP-1650]

* Fix: Update filter rules [APP-1634]

* New: Add the no search results state [APP-1651]

* Fix: Convert indents [n/a]

* [APP-1670] add menu on Manage Fixes (#315)

* [APP-1670] add menu on Manage Fixes

* [APP-1670] update menu

* [APP-1611] fix comments

* fix: direction of snippet (#313)

* [APP-1561] New menu layout (#308)

* update: app menu and layout

* merge: latest changes from feature/remediation

* add: alert indicator to the closed sidebar

* fix: page layout for statement page

* update: menu display names

* fix: topbar menu layout

* update: sidebar menu width

* update: sidebar menu width

* fix: popup menu layout

* add: hover action to the toggle button

* update: my account menu

* fix: quota indicator for closed sidebar

* fix: icon alignments

* fix: scroll behaviour

* fix: page scroll behaviour

* fix: popup menu hover state

* update: quota bar and group layouts

* add: tooltips to the menu items

* update: make scans page fixed height and scrollable

* update: styles with theme references and added new styled components

* fix: make sidebar smoother

* update: accessibility page heading

* Merge latest develop

* [APP-1611] trigger save entry for clean cache (#314)

* [APP-1611] trigger save entry for clean cache

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-0000] call trigger save async (#319)

* [APP-1611] trigger save entry for clean cache

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-0000] call trigger save async

* fix: scrollbar issues (#318)

* [APP-1615] add remediation for wp image (#321)

* POC - FrontEnd remediations to handle Dynamic Data [APP-1644] (#312)

* POC - FrontEnd remediations to handle Dynamic Data

* Update modules/remediation/components/remediation-runner.php



* added MutationObserver to cover elements that are added later on the page

runs until remediations are all done, and disconnect

* added $use_frontend flag instead of using "false"

* Update modules/remediation/components/remediation-runner.php



* WIP on poc/fe-remediations

* [APP-0000] call trigger save async

* [APP-1644] apply FE remediation

* [APP-1644] apply FE remediation

* [APP-1644] apply FE remediation

* Add timeout (wait for FE remediation timeout)

* Add timeout (wait for FE remediation timeout)

* Add timeout (wait for FE remediation timeout)

* Add timeout (wait for FE remediation timeout)

* Add timeout (wait for FE remediation timeout)

* Small fixes

* Small fixes

* Small fixes

* Small fixes

---------




* [APP-1611] Fix cache issue (#324)

* [APP-1611] trigger save entry for clean cache

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-0000] call trigger save async

* [APP-1611] clear cache

* [APP-1657] upgrade cta (#323)

* update: added logic to show button based on plan

* Update modules/settings/assets/js/components/quota-bar/quota-bar-group.js



* fix: eslint error

---------



* [APP-1658] Update accessibility admin column design (#322)

* update: wpadmin column layout

* update: move icon to assets

* Fix: Resolve remediation encoding issue [APP-1646] (#325)

---------







* [APP-1698] Update referrer policy (#333)

* [APP-1697] fix menu, add category to events as key without translation (#334)

* [APP-1697] fix menu, add category to events as key without translation

* [APP-1697] fix menu, add category to events as key without translation

* [APP-1717] Fix category title (#335)

* [APP-1724] Fix get object type for singular (#338)

* [APP-1724] Fix get object type for singular

* [APP-1724] Fix get object type for singular

* Update modules/remediation/classes/utils.php



---------



* Fix: Resolve some a11y issues [APP-1664] (#337)

* [APP-1696] Fix help menu ui (#339)

* fix: menu ui

* update: onclick action

* fix: alignment of the menu

* update: rename menu item to accessibility assistant

* Fix: Use the same issue count in the WP admin and scanner [APP-1726] (#341)

* Fix: Move data tag logic away from the component to prevent multiple renders [APP-1502] (#342)

* [APP-1738] add case-insensitive replace (#345)

* [APP-1738] add case-insensitive replace

* Update modules/remediation/assets/js/actions/replace.js



* Update modules/remediation/assets/js/actions/replace.js



* [APP-1741][APP-1742][APP-1743] add components, calc contrast ratio, add logic for lightness

* Update modules/remediation/assets/js/actions/replace.js



* update

* update

* update

---------



* bumped v3.5.1

* [APP-1776] Deactivate scanner on not connected (#350)

---------

Co-authored-by: Yakir Sitbon <kingyes1@gmail.com>
Co-authored-by: Nirbhay Singh <121793120+nirbhayel@users.noreply.github.com>
Co-authored-by: VasylD <vasyld@elementor.red>
Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>
Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Sync 3.5.2 to the dev (#358)

* Release/v3.5.1 (#349)

* Bump WP version

* ♻️ Initial Refactor commit [APP-687] (#109)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* PR Rejects

* Rejects leftover

* Setup base (#110)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: settings variable

* update: removed duplicate css import

* Update modules/settings/assets/js/api/index.js

Co-authored-by: VasylD <vasyld@elementor.red>

---------

Co-authored-by: Ohad <ohad@elementor.com>
Co-authored-by: VasylD <vasyld@elementor.red>

* [Infra] ✅ updated Github actions (#114)

* updated github actions

* removed composer github auth

* PHPCS

* removed package-lock.json from ignore to allow `npm ci`

* added missing husky

* ignore legacy

* removed unused non existing import

* Add connect modal (#111)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* fix: alignment and style

* update: imports

* update: removed conflicting imports

* fix: add compatibility for mobile devices

---------

Co-authored-by: Ohad <ohad@elementor.com>

* [APP 705] add connect module, settings and notification component (#112)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* add: connect module

* add: settings and get settings route

* add: hooks and contexts to get settings

* add: hooks

* add: notification component

* add: data api

* add: settings provider and connect settings

* add: husky

* fix: formatting and text-domain

* update: filter names

* fix: hook import

* add: set function for settings

* add: prop-types package

* update: refactor notification component and context

* update: remove filter for authorize url

* update: imports and exports of hooks

* update: plugin settings context filename and relevant imports

---------

Co-authored-by: Ohad <ohad@elementor.com>

* [APP 707] general setting components (#113)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* add: connect module

* add: settings and get settings route

* add: hooks and contexts to get settings

* add: hooks

* add: notification component

* add: data api

* add: settings provider and connect settings

* add: husky

* add: icon size control

* fix: icon size control labels

* add: icon select component

* add: color picker component

* add: accessibility icons

* add: icon export

* update: add icons to the component

* fix: styling for the icon select control

* update: color picker with react-colorful component

* update: icon size component with live icon design

* fix: styling of radio boxes

* add: icon design settings layout

* add: position settings layout

* add: layout exports

* add: alignment matrix and position control components

* add: position settings  & position settings for mobile layout

* fix: formatting and text-domain

* update: filter names

* fix: hook import

* add: set function for settings

* add: prop-types package

* update: refactor notification component and context

* update: remove filter for authorize url

* Update modules/settings/assets/js/components/color-picker/style.css

Co-authored-by: Raz Ohad <admin@bainternet.info>

* update: color picker class name

---------

Co-authored-by: Ohad <ohad@elementor.com>
Co-authored-by: Raz Ohad <admin@bainternet.info>

* [App 780] Navigation Sidebar (#115)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* add: connect module

* add: settings and get settings route

* add: hooks and contexts to get settings

* add: hooks

* add: notification component

* add: data api

* add: settings provider and connect settings

* add: husky

* fix: formatting and text-domain

* update: filter names

* fix: hook import

* add: set function for settings

* add: prop-types package

* update: refactor notification component and context

* update: remove filter for authorize url

* update: imports and exports of hooks

* update: plugin settings context filename and relevant imports

* update: icons and icon imports

* add: sidebar(wip)

* update: fix width of connect screen on mobile

* update: sidebar layout

* add: credit card and user arrow icons

* update: hidden wpfooter and fixed sidebar height

* update: sidebar layout

* add: basic page layouts

* update: sidebar layout

* add: sidebar menu, sidebar app bar and my account menu components

* update: add sidebar and menu settings

* update: add page layouts

* update: admin top bar

* add: bottom bar

* add: bottom bar and top bar

* add: bottom bar and top bar

* update: page content styling

* fix: styling

* fix: styling

* update: text domain

* update: added translations

* fix: admin top bar layout

* update: exports of icons

* update: exports of components

* add: aliases for imports and fix exports

* fix: height and styling of the layout

* fix: unhide wp footer

* update: keep widget menu open on page load (default)

* update: linter rules to move first prop to new line

* update: linter rules to move first prop to new line

---------

Co-authored-by: Ohad <ohad@elementor.com>

* Fix error on install plugin, add prettier (#116)

* Feature/app 810 assemble icon settings page (#117)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* add: connect module

* add: settings and get settings route

* add: hooks and contexts to get settings

* add: hooks

* add: notification component

* add: data api

* add: settings provider and connect settings

* add: husky

* add: icon size control

* fix: icon size control labels

* add: icon select component

* add: color picker component

* add: accessibility icons

* add: icon export

* update: add icons to the component

* fix: styling for the icon select control

* update: color picker with react-colorful component

* update: icon size component with live icon design

* fix: styling of radio boxes

* add: icon design settings layout

* add: position settings layout

* add: layout exports

* add: alignment matrix and position control components

* add: position settings  & position settings for mobile layout

* fix: formatting and text-domain

* update: filter names

* fix: hook import

* add: set function for settings

* add: prop-types package

* update: refactor notification component and context

* update: remove filter for authorize url

* update: imports and exports of hooks

* update: plugin settings context filename and relevant imports

* update: icons and icon imports

* add: sidebar(wip)

* update: fix width of connect screen on mobile

* update: sidebar layout

* Update modules/settings/assets/js/components/color-picker/style.css

Co-authored-by: Raz Ohad <admin@bainternet.info>

* update: color picker class name

* add: credit card and user arrow icons

* update: hidden wpfooter and fixed sidebar height

* update: sidebar layout

* add: basic page layouts

* update: sidebar layout

* add: sidebar menu, sidebar app bar and my account menu components

* update: add sidebar and menu settings

* update: add page layouts

* update: admin top bar

* add: bottom bar

* add: bottom bar and top bar

* add: bottom bar and top bar

* update: page content styling

* fix: styling

* fix: styling

* update: text domain

* add: props to wrapper

* add: icon design and position setting layouts

* add: in page scroll behaviour to the settings

* add: widget icons and getter function

* update: icon design settings getter and setter functions

* update: imports

* add: mobile layout for position settings

* add: icon position settings

* add: icon position settings hooks and handlers

* fix: alignment of controls in AlignmentMatrixControl

* update: useSettings and usePositionSetting hooks and relevant functions

* fix: colors of AlignmentMatrixControl

* fix: styling of components and layouts

* add: aliases

* add: container wrapper to page

* update: accessibility options rendering logic

* fix: order of the icons

* add: aliases for components and hooks imports

* fix: styling of settings panel

* fix: container height for settings page

* update: toggle control states

* add: widget icon settings

* add: load saved widget icon settings

* update: move layout to page for different designs per page

* update: add changes tracking and disable button logic

* add: async/await to save settings

* update: convert options to array of objects

* Update modules/settings/assets/js/components/bottom-bar/index.js

Co-authored-by: VasylD <vasyld@elementor.red>

* Update modules/settings/assets/js/app.js

Co-authored-by: VasylD <vasyld@elementor.red>

* fix: remove duplicate entries

---------

Co-authored-by: Ohad <ohad@elementor.com>
Co-authored-by: Raz Ohad <admin@bainternet.info>
Co-authored-by: VasylD <vasyld@elementor.red>

* Feature/app 708 widget menu settings (#118)

* add: icons for menu settings

* add: placeholder layout for widget preview in menu settings

* update: load saved settings and updated imports

* add: logics for handling and saving menu settings

* add: useSavedSettings hook

* update: set export as default for Sidebar layout

* add: widget menu settings layout and settings

* update: add widget menu settings and widget preview layouts

* add: hide/show minimum option alert notification

* update: styling of the save button

* update: save settings logic to use async/await

* fix: accessibility text icon

* update: app type (#119)

* [APP-834] Update account menu buttons (#121)

* update: account menu buttons

* update: billing link

* add: error handling for switch account

* [APP-835] add service data (#122)

* add: client functions

* add: site register and site info endpoints

* update: add plan data settings

* update: add support for 201 response code

* update: add plan data key

* update: store the plan data on the once the site is registered

* update: add filter for client url

* add: retry registering in there is any error after connect

* update: setting prefix

* add: plan data

* update: add account details to menu

* fix: lint issues

* update: add data checkbox support (#123)

* [APP-928] Settings pointer (#125)

* add: settings pointer

* update: add alias for the settings

* [APP-837] Add post connect modal (#120)

* add: post connect modal

* update: settings prefix

* fix: connect modal design

* update: connect modal text

* add: connect modal graphics

* update: connect modal icon

* update: post connect modal

* update: sidebar menu text

* update: text of icon settings

* update: text

* update: php compatibility with return types

* add: accessibility statement page structure (#126)

* [APP-721] Render widget and global settings (#124)

* add: webhook endpoint

* add: widget module

* add: default widget settings on successful registration

* update: name of global object to ea11yWidget

* update: remove json encoding to make objects available on the frontend

* update: widget url, filter and enqueuing method

* update: removed obsolete code

* update: enqueue script only when connected

* update: add check for valid plan data and key

* update: conditional check

* update: conditional check

* fix: widget loading error (#128)

* [Legacy] Upgrade To New [APP-949] (#127)

* Added `Notice_Base` and `Notices` component to core module

* Always load core module and load all other modules based on legacy status

* added filter in customizer settings

* added bubble / pimple in admin menu to indicate upgrade

* added `Dismissible_Deprecated_Nag` notice to none legacy pages

* added `Dismissible_Deprecated_Nag` notice to legacy pages

* Added `Upgrade` component to legacy module

includes:
* loading of notices
* introduction modal
* admin menu pimple
* customizer notice
* pointer
* confirmation modal
* upgrade logic and handler

* ✅ Fixed legacy module test

* added `local:quick-run` command to run in browser mode

* update phpunit workflow

* ensure wp.ajax is loaded

* wrong translations

* Updated strings

* added "Equally"

* remove unused test

* ✅ use custom version of wp test library (#129)

* ✅ use custom version of wp test library

* cleanup

* update WP versions for testing

* [APP-711] Widget preview (#130)

* add: dynamic script loader for widget

* update: settings name

* update: settings save function and comments

* update: tools settings object structure

* add: widget preview section

* update: added setting page slug as a constant

* update: enqueue widget for preview in the settings

* add: widget icon assets link

* add: widget icon svgs

* update: store widget url in a constant

* update: store widget url in a constant

* update: trigger widget preview update on menu item changes

* update: remove the icon option from the frontend.

* update: add widget URL

* update: plan data setting type

* update: widget plan url

* update: widget plan url and parse plan data

* fix: phpcs error ext-json missing

* fix: widget url

* fix: save and use plan data as a serialized option

* fix: use template string for widget url

* [APP-908] Accessibility generator (#131)

* add: accessibility statement radio icons

* update: add form group on radio buttons

* add: statement generator

* add: statement generator

* add: accessibility statement data option

* update: create page in WordPress and save it to the option

* update: exclude zip file from the git

* update: render statement page conditionally

* add: statement link layout and settings

* add: preload statement data

* update: publish the created page and add link for it

* update: changed Dynamic Script Loader to WidgetLoader

* add: accessibility statement url

* update: text and styling

* update: styling of the preview text

* update: restructure statement generator

* add: support for dynamic update in statement links

* update: remove index.css file for widget loader

* add: widget styling for settings page

* add: empty link when hide link is enabled

* update: statement page structure and logic

* fix: typo

* update: convert component into a styled component

* fix: styling and layout

* update: icons

* update: convert radio buttons to styled component

* fix: typo and style

* add: fading for the link preview

* update: import

* update: styling and spacing

* fix: sidebar layout

* update: wpcs to latest version

* fix: spacing

* fix: wpcs version

* add: check for valid statement page

* fix: jitters on rendering

* fix: use escape attribute

* update: settings menu slug and plugin name

* fix: menu item rendering

* update: definition of the styled text field

* add: addPage function to the API

* fix: add notification on page creation

* add: copy link icon

* update: optimize SVGs

* [APP-908] Additional fixes (#133)

* fix: text domains

* updated: styled component syntax

* update: use await instead of then

* fix: prevent application crash in case widget fails to load

* add: generated info tip card

* update: refactor function

* Fix: Fix the QA bugs [n/a] (#135)

* [APP-830] Add mixpanel events (#134)

* [APP-830] Add mixpanel events

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* [APP-830] Add user to init Mixpanel (#136)

* [APP-830] Add mixpanel events

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* [APP-830] Add user to init Mixpanel

* [APP-830] Add user to init Mixpanel

* [APP-830] Add user to init Mixpanel

* [APP-830] rename events (#137)

* Connect and Preview Fixes (#139)

* updated connect admin page

* Use unified widget URL instead of hardcoded Js to support envs

* Removed enqueue of fictional widget.js and reuse settings `admin` handle

* Fix: Fix the QA bugs [n/a] (#138)

* New: Finish the BE integration [n/a]

* Fix: Fix some bugs [n/a]

* upgrade flow UI and design tweaks [app-949] (#141)

* Updated Learn More links with UTM's

* Tweaked Pointer strings Icon and CTA

* dismissible notice strings

* sticky notice strings

* updated upgrade flow design for pointer, notices, introduction modal, and confirmation modal

* added build script

* [APP-979] Update links and plugin name (#140)

* Ensure loading of legacy widget based on any saved data and fixed legacy JS

* Bug/app 1002 (#143)

* Bug: Update the logo in the "Hide Widget" modal [APP-1001]

* Fix: Update the side menu spaces [APP-1002]

* [APP-991] Add translation for statement (#142)

* [APP-979] Update links and plugin name

* [APP-991] Add translation for statement

* Set Prod Widget URL

* [APP-1004][APP-1005][APP-1006] Fix generator UI and logic, fix statement UI, fix copy link (#144)

* [APP-1004] Fix generator UI and logic

* [APP-1005] Fix statement UI

* [APP-1005] Fix statement UI

* Mixpanel record session

* Fix: Enhance position values validation [APP-1009] (#146)

* Bug/app 1003 (#147)

* Fix: Add a border to the preview [n/a]

* Fix: Fix Capabilities screen UI [APP-1003]

* [APP-1020] add missed events (#148)

* [APP-1015] fix switch account (#149)

* [APP-1015] fix switch account (#150)

* [APP-1021] Fix switch modal ui (#151)

* fix: ui issues

* fix: translation strings

* [APP-912] add default settings for RTL (#152)

* [APP-912] add default settings for RTL

* [APP-912] add default settings for RTL

* [APP-912] add default settings for RTL

* [APP-1026] Remove HTML breaking <style> tag & update pointer logic (#153)

* fix: remove extra closing tag

* update: hide settings pointer when plugin settings is opened

* update: remove unused functions

* update: add help text to mobile position settings

* Bug/app 1003 (#157)

* Fix: Add missed translations [n/a]

* Fix: Refresh the plan data on page load [n/a]

* New: Add loader to the settings [n/a]

* update: delete lock key after each check (#160)

* New: Update dashboard icon size [n/a] (#158)

* New: Update dashboard icon size [n/a]

* Fix: Fix widget previews [n/a]

* [APP-1018] Help menu change (#155)

* update: remove accessibility word from menu items

* update: remove top bar

* update: add help button to the sidebar

* update: re-add spacing in styled css code

* update: create styled components

* [APP-973] Add an UTM for users upgrading from one click to the new widget (#165)

* update: ui of the statement preview (#166)

* [APP-1011][APP-1013] focus outline and sitemap settings (#161)

* [APP-1011][APP-1013] focus outline and sitemap settings

* [APP-1011][APP-1013] focus outline and sitemap settings

* [APP-1011][APP-1013] focus outline and sitemap settings

* [APP-1011][APP-1013] focus outline and sitemap settings

* update: video link (#167)

* [APP-1051] Fix layout on the small and medium devices (#156)

* fix: layout on the small and medium devices

* update: change components to styled components

* refactor: position settings wrapper into a separate component

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel (#169)

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel

* [APP-1048] Add tooltip to accessibility statement (#159)

* add: tooltip to accessibility statement

* update: hide infotip when statement link is set

* update: infotip's text

* fix: infotip naming and logic

* [APP-1049] Add back button accessibility statement (#164)

* add: back button to the statement link section

* add: Edit link button to statement page section

* update: add admin_url and generate query args properly

* update: learn more link for accessibility statement page (#168)

* Fix: Update overlay height [n/a] (#171)

* Fix settings and connect issues (#170)

* fix: token fails to refresh after expiry

* update: add 12 hour time for plan data refresh and fix missing subscription id

* update: add check to refresh plan data

* fix: decoding errors and alignment and add logging for errors

* update: refresh logic and formatting

* Update/app 1029 app name (#173)

* update: plugin name

* update: default menu option

* update: menu structure

* update: add inline checks

* update: reduce padding on app icon in menu

* fix: height of the modal

* update: app menu icon color

* update: menu icon colors

* fix: menu icon size

* update: plugin names

* update: HELP_LINK

* update: app name

* update: icon background color

* update: icon size

* fix: admin icon size

* fix: width of the sidebar

* Fix/toggle not working properly (#174)

* fix: toggles not working properly in some cases

* fix: saving of the settings was not working

* add: missing adminUrl in settings data

* fix: switch was not working properly in some cases (#175)

* Fix/app 1093 incorrect position on default (#176)

* fix: switch was not working properly in some cases

* fix: default setting structure for the icon position

* [APP-1096] Text changes (#177)

* fix: switch was not working properly in some cases

* update: plugin name and action buttons title

* fix: revert change to is_active function

* fix: button color

* New: Add the skip link [APP-1012] (#179)

* [APP-1097] Fix preview load (#178)

* [APP-1097] Fix preview load

* [APP-1097] Fix preview load

* [APP-1097] Fix preview load

* Update modules/settings/assets/js/components/widget-loader/index.js

---------

Co-authored-by: Raz Ohad <ohad@elementor.com>

* [APP-1123] Accessibility statement text (#181)

* fix: switch was not working properly in some cases

* update: accessibility statement content

* [APP-1121] Add support for react-jsx-runtime for older WP versions (#180)

* fix: switch was not working properly in some cases

* update: revert wp-scripts version to 28.0.0 to add support for older WordPress versions

* update: revert wp-scripts to 27.9.0

* add: support for react-jsx-runtime in older versions of WordPress

* update: version to the latest wp-scripts 30.3.0

* update: add lib/ to gitignore

* update: plugin name

* Fix: Fix admin widget previews [n/a] (#183)

* [APP-1061] change mixpanel user id (#184)

* [APP-1129] change toggle_event for mixpanel (#186)

* Remove skip to content btn if anchor does not exist (#187)

* fix: hide wp notices to keep the layout from shifting (#189)

* [APP-1143] fix bug with capability display (#195)

* [APP-1143] fix bug with capability display

* [APP-1143] fix bug with capability display

* [APP-1143] fix bug with capability display

* [APP-1143] fix bug with capability display

* add: loading text to widget preview (#196)

* [APP-1142] add 'appType' super props, change identify key (#191)

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* [APP-1142] Add 'appType' super props

* [APP-1144] Accessibility statement tooltip text update (#198)

* update: text

* update: switch design

* Tweak: Update widget loaders [n/a] (#197)

* added images to readme (#172)

* added images to readme

* updated readme

* V3.0.0

* updated readme

* updated tested up to

* Fix: Update the skip link rendering hook [APP-1157] (#203)

* bumped v3.0.1 (#206)

* Fix: Adapt widget preview to smaller height viewports [APP-1130] (#217)

* update: convert menu icon to base64 svg (#199)

* update: convert menu icon to base64 svg

* update: logo to svg logo with base64 encoded

* update: svg app icon

* [APP-1201] Improve admin panel accessibility (#220)

* [APP-1201] add accessibility rules

* [APP-1201] add accessibility rules

* [APP-1210] add prop to Mixpanel, move event names to const (#225)

* [APP-1159] Add mismatch URL flow (#210)

* update: convert imports to named imports

* add: function to check if current screen is settings page

* update: rename elementor logo to app logo

* add: url mismatch flow and components

* update: remove obsolete code

* Update modules/connect/rest/authorize.php

Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>

* Update modules/settings/module.php

Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>

* fix: modal was not closing

* update: remove url mismatch notice

* update: mismatch modal and rendering logic

* add: toast notifications for errors

* update: convert components into styled components

* update: remove bottom border from the dialog

* update: text copy

* fix: logo alignment

* update: renamed styled component

---------

Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic (#190)

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* Add nonce to the widget settings

* Update routes and DB table

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* [APP-1101] Move action button to footer (#208)

* update: add save changes footer to the bottom and remove it from capabilities

* add: logic to save settings for skiptocontent using footer

* update: text

* update: convert component to styled component

* [APP-1198] [APP-1199] Quota bar and notices (#219)

* add: quota bar

* add: openLink helper function

* add: styled elements and visits link placeholder

* update: remove hover state from the box

* add: quota notices

* update: quota access and usage calculations

* add: logic to calculate plan usage

* update: move logic to calculate plan usage to hook

* add: todo note

* add: todos

* add: mixpanel events

* fix: hide quota bar when sidebar is minimized

* fix: settings panel was not expanding when sidebar is minimized

* update: text and structure of the bar

* update: quota calculation logic

* update: remove TODOs

* update: text and values

* fix: height of the container for icon settings

* update: golinks

* update: golinks

* fix: prevent icon options from wrapping on smaller screen sizes (#229)

* [APP-1107] Add dashboard for analytics (#204)

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* Add nonce to the widget settings

* Update routes and DB table

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1201] add accessibility rules

* [APP-1107] fixed API endpoint

* [APP-1107] fixed API endpoint

* [APP-1107] fixed API endpoint

* [APP-1107] add check for is_active

* update to the latest

* update to the latest

* update to the latest

* fix bugs, add changes

* fix bugs, add changes

* fix bugs, add changes

* fix bugs, add changes

* [APP-1105] Add pro capabilities (#205)

* add: volume and solid crown icon

* add: volume and crown icons to export

* update: refactor menu item to a new component

* add: screen reader to the menu items and reorganize them

* add: pro item infotip content

* add: capabilities item and pro info tip to exports

* update: import ProInfoTip component and change disabled logic

* update: imports

* update: refactor pro item infotip into the separate component

* update: refactor infotip and add comments

* add: custom switch component

* add: logo settings layout

* update: switch component

* add: useToggleSetting hook to manage widget settings.

* update: move pro feature key to a separate constant

* fix: pro icon style

* update: remove branding key

* update: pro enable check structure

* update: pro enabled check structure

* update: key name

* update: update key before checking for it

* fix: null error

* add: update logic to get the tools settings based on plan

* update: exclude remove-elementor-label from the minimum option rule

* update: add formlabel and eventnames

* add: logic to deactivate the features which are disabled for the plan

* fix: PHP warning

* fix: keyword name

* add: GOLINKS

* add: open link function

* fix: PHP warning undefined key

* update: logic to show the icon and added golinks

* [APP-1045] Add billing tab (#223)

* add: plan name and subscription link

* update: refactor my account menu

* update: move truncate email to a helper file

* update: simplify truncation logic

* [APP-1270] Delete transient and force info update (#236)

* add: force update site/info on mismatch url

* update: add a constant for the transient

* add: delete_transient for switch account as well

* add: delete_transient for disconnect as well

* [APP-1267] Quota bar undefined (#234)

* fix: undefined was shown when there is no quota data

* add: preloader

* fix: make bottom bar sticky on the settings pages (#237)

* [APP-1268] Pro tip spacing (#235)

* fix: pro tip spacing

* fix: pro icon

* [APP-1271] Align menu icons (#238)

* update: hide info button on minimized sidebar

* fix: alignment of quota bar icon

* fix: conditional logic

* update: improve sidebar motion

* fix: switch account issue

* update: upgrade link for analytics popup (#239)

* [APP-1281] fix usage percentage formatting (#240)

* fix: format display of percentage correctly.

* update: fraction conversion logic

* Force referer and lower transient time to 15 minutes [APP-1286] (#242)

* reduce transient timeout

* force referrer in script tags

* [APP-1262] Enable routes for get statistic on disabled analytics (#233)

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1243] Admin upgrade notices (#241)

* add: admin quota notices

* add: fix function name and phpcs issues

* fix: formatting issues

* [APP-1287] change Mixpanel check for free trial (#243)

* Fix/quota text (#244)

* fix: wp notice close logic plus banner text

* update: banner text

* [APP-1292] missing mixpanel events (#245)

* add: missing mixpanel events

* update: use variable for hardcoded names

* update: use variable for hardcoded names

* [APP-1293] Add additional checks (#246)

* update: add additional check to prevent fatal error

* fix: formatting

* [APP-1312] minimize client css (#252)

* [APP-1168] widget icon radius

* add: icon radius component

* add: icon radius component

* update: add support for widget radius

* fix: minor ui fixes

* fix: resolve comments

* fix: alignment of the icon

* update: add styled components

* add: corner radius mixpanel event

* fix: corner radius should have default values when no value is set based on icon

* fix: icon radius input style

* add: accessibility attributes

* fix: active states color

* add: logic to control invalid inputs

* update: make aria attributes translatable

* update: styled component names

* add: spacing between the components

* [APP-1342] add super props, store plan scope after register/switch (#250)

* [APP-0000] store plan scope after register/switch

* Update modules/settings/module.php

Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>

* remove deprecated method

* remove deprecated method

* [1342] Add super prop to mixpanel

* [1342] Add super prop to mixpanel

* [1342] Add super prop to mixpanel

---------

Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>

* [Legacy] Added strict settings sanitization (#257)

* [Legacy] Added strict settings sanitization

* use correct esc_x method

* hardcoded 6.8.0

* added svn for wp test library

* fix: default border radius (#258)

* fix: default border radius

* add: default corner radius for new users

* update: add support for default values for users with saved style settings

* updated phpunit workflow

* revert to master

* hardcode 6.8.x

* update: default values for existing users

* update: remove saving default corner radius for new users

* fix: update default radius for text icon

* fix: PHPUnit tests for WP 6.8.0

* align with develop

* set to latest

---------

Co-authored-by: Raz Ohad <admin@bainternet.info>
Co-authored-by: Raz Ohad <ohad@elementor.com>

* fix: widget icon spacing (#262)

* Added custom gutenberg link to toggle widget [APP-1306] (#256)

* New: Added Ally Trigger Dynamic Tag for Elementor [APP-1305] (#254)

* New: Added Ally Trigger Dynamic Tag for Elementor [APP-1305]

* typo Update modules/widget/components/ally-trigger.php

* New: Add the what's new functionality [APP-1329] (#264)

* add: statement page selector field (#261)

* add: statement page selector field

* add: updated the statement link button to a search field

* fix: add support for create statement data

* New: Bump the Notifications SDK to 1.2.0 [APP-1427] (#267)

* Fix: Resolve a11y issues [APP-1331] (#269)

* [APP-1417] Add support for custom icon (#270)

* add: media upload button

* add: support for custom icon

* fix: code alignment, phpcs

* fix: code alignment and linting

* add: mixpanel events

* fix: styling of custom svg

* fix: missing variable

* fix: missing variable

* fix: load gutenberg block without css

* fix: icon spacing in preview

* fix: indentation

* fix: indents

* [APP-1440] Fix doing_it_wrong warning for translations (#271)

* fix: doing_it_wrong warning for translations

* update: stop explicitly loading translations

* fix: add package-lock

* fix: add package-lock

* New: Store fonts inside the plugin [APP-1385] (#277)

* add: what's new mixpanel event (#274)

* fix:disable autofocus on opening of popup menu (#279)

* New: Add the birthday banner [APP-1489] (#281)

* [APP-1442] Add language selector option to plugin (#273)

* add: language selector option

* update: language selector option key

* update: lang selector name (#284)

* update: add language selector to analytics table (#285)

* Tweak: Update the campaign's time range [APP-1489] (#283)

* fix: container width logic (#292)

* [APP-1530] scrollbars settings width (#296)

* update: title layout

* fix: width of the content

* update: browserlist

* fix: rtl issues (#304)

* [APP-1629] Fix pro icon (#305)

* update: @elementor/ui package

* fix: pro icon

* fix: pro icon

* [APP-1678] Remove mixpanel session replay (#317)

* Fix: plugin headers (#316) (#320)

* [APP-907] Accessibility assistant (#326)

* PHPCS and remediation POC WIP

* WIP Wizard module

* Added scanner module

* [APP-929][APP-930] Add initial setup for wizard, added btn to the topbar (#230)

* [APP-929][APP-930]

* [APP-929][APP-930]

* update logic

* update init app

* [APP-0000] store plan scope after register/switch

* change return of load

* add header

* Move into shadow dom, add context, add headers components

* add UI components

* add UI components

* add UI components

* merge current develop

* merge current develop

* Add AltText Form

* Add scroll to current element

* Align with current design, add loader, added preview for svg

* Align with current design, add loader, added preview for svg

* Resolve comments

* Resolve comments

* Resolve comments

* [APP-934] add submit logic (#259)

* [APP-934] add submit logic

* [APP-934] add submit logic

* [APP-934] add submit logic

* [APP-934] add submit logic

* Added replace remediation action

* Add submit logic

* Add submit alt text logic, generate AI alt text

* Add AI generate request, add convert from SVG to png base64, added manual fix block

* Add AI generate request, add convert from SVG to png base64, added manual fix block

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

---------

Co-authored-by: Raz Ohad <admin@bainternet.info>

* Add texts, add remediation submit, fix logic to store remediation

* [APP-0000] add store request to the Service API (#268)

* [APP-0000] add store request to the Service API

* [APP-0000] add store request to the Service API

* [APP-0000] add store request to the Service API

* [APP-0000] add store request to the Service API

* [APP-0000] add request to store scanner summary

* [APP-0000] add request to store scanner summary

* [APP-0000] add request to store scanner summary

* [APP-1432] fix with AI flow (#275)

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1446] sidebar menu update (#276)

* update: simplify menu

* add: headings and scanner menu options

* [APP-945] add column for tables (#282)

* [APP-945] add column for tables

* [APP-945] add column for tables

* [APP-945] add column for tables

* [APP-945] add column for tables

* [APP-1447] Updated quota bar designs (#278)

* update: quota bar designs

* fix: the popover was partially visible

* update: AI credits name

* update: usage calculation logic

* add: quota indicators

* update: quotas tooltip text

* update: quotas notices text

* update: make toggle icon dynamic

* fix: @elementor/ui imports

* Update modules/settings/assets/js/layouts/quota-bar.js

Co-authored-by: VasylD <vasyld@elementor.red>

* update: styling of component

---------

Co-authored-by: VasylD <vasyld@elementor.red>

* [APP-1507] add UI changes (#286)

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1387] add mixpanel events (#288)

* [APP-1387] add mixpanel events

* [APP-1387] add mixpanel events

* New: Add the a11y assistant dashboard's UI [APP-1445] (#289)

* [APP-1513] add disconnected msg (#290)

* [APP-1513] add disconnected msg

* [APP-1513] add disconnected msg

* [APP-1513] add disconnected msg

* [APP-1547][APP-1548][APP-948] update alt text view, fix list issues (#291)

* [APP-1547][APP-1548][APP-948] update alt text view, fix list issues, add rest route for update status

* [APP-1547][APP-1548][APP-948] update alt text view, fix list issues, add rest route for update status

* fix: infotip icon padding and font style (#293)

* fix: infotip icon padding and font style

* fix: infotip icon padding and font style

* update: caniuse database

* [APP-1525] add edit mode (#294)

* [APP-1525] add edit mode

* [APP-1525] add edit mode

* [APP-1525] add edit mode

* Bug/app 1544 (#295)

* Fix: Resolve QA comments [APP-1544]

* New: Add beta tags [APP-1555]

* New: Add the "no results" state [APP-1544]

* [APP-1554] rename violations (#297)

* [APP-1512] add backend logic for remediation management (#298)

* [APP-1512] add backend logic for remediation management

* [APP-1512] add backend logic for remediation management

* Update modules/remediation/database/remediation-entry.php

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Update modules/remediation/rest/items.php

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* [APP-1512] add backend logic for remediation management

---------

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Fix: Resolve QA comments [n/a] (#299)

* [APP-1512] add FE remediation management (#300)

* [APP-1512] add backend logic for remediation management

* [APP-1512] add backend logic for remediation management

* Update modules/remediation/database/remediation-entry.php

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Update modules/remediation/rest/items.php

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* [APP-1512] add backend logic for remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

---------

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* [APP-1609] fix tooltip

* [APP-1609] fix resolved btn click

* [APP-1401] clear cache on update (#302)

* [APP-1401] clear cache on update

* [APP-1401] clear cache on update

* [APP-1401] clear cache on update

* [APP-1401] clear cache on update

* [APP-1401] clear cache on update

* update with latest develop branch

* fix copies

* [APP-1619] add mixpanel event (#303)

* [APP-1619] add mixpanel event

* [APP-1619] add mixpanel event

* [APP-1593] Add locked variant for quota bar (#301)

* update: add locked version of quota status bar

* fix: text color for infotip

* fix: width issues

* fix: add check for 0

* [APP-1637][APP-1643] add UI fixes, add excluded rules array (#307)

* fix: make sidebar collapsible (#306)

* Merge current dev

* [APP-1603] Add dashboard menu (#309)

* [APP-1603] Add dashboard menu

* [APP-1603] Add dashboard menu

* [APP-1603] Add dashboard menu

* [APP-1603] Add dashboard menu

* Bug/app 1607 (#311)

* Fix: Update stats calculation logic [APP-1607]

* Fix: Set fixed width for the results table [APP-1650]

* Fix: Update filter rules [APP-1634]

* New: Add the no search results state [APP-1651]

* Fix: Convert indents [n/a]

* [APP-1670] add menu on Manage Fixes (#315)

* [APP-1670] add menu on Manage Fixes

* [APP-1670] update menu

* [APP-1611] fix comments

* fix: direction of snippet (#313)

* [APP-1561] New menu layout (#308)

* update: app menu and layout

* merge: latest changes from feature/remediation

* add: alert indicator to the closed sidebar

* fix: page layout for statement page

* update: menu display names

* fix: topbar menu layout

* update: sidebar menu width

* update: sidebar menu width

* fix: popup menu layout

* add: hover action to the toggle button

* update: my account menu

* fix: quota indicator for closed sidebar

* fix: icon alignments

* fix: scroll behaviour

* fix: page scroll behaviour

* fix: popup menu hover state

* update: quota bar and group layouts

* add: tooltips to the menu items

* update: make scans page fixed height and scrollable

* update: styles with theme references and added new styled components

* fix: make sidebar smoother

* update: accessibility page heading

* Merge latest develop

* [APP-1611] trigger save entry for clean cache (#314)

* [APP-1611] trigger save entry for clean cache

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-0000] call trigger save async (#319)

* [APP-1611] trigger save entry for clean cache

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-0000] call trigger save async

* fix: scrollbar issues (#318)

* [APP-1615] add remediation for wp image (#321)

* POC - FrontEnd remediations to handle Dynamic Data [APP-1644] (#312)

* POC - FrontEnd remediations to handle Dynamic Data

* Update modules/remediation/components/remediation-runner.php

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* added MutationObserver to cover elements that are added later on the page

runs until remediations are all done, and disconnect

* added $use_frontend flag instead of using "false"

* Update modules/remediation/components/remediation-runner.php

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* WIP on poc/fe-remediations

* [APP-0000] call trigger save async

* [APP-1644] apply FE remediation

* [APP-1644] apply FE remediation

* [APP-1644] apply FE remediation

* Add timeout (wait for FE remediation timeout)

* Add timeout (wait for FE remediation timeout)

* Add timeout (wait for FE remediation timeout)

* Add timeout (wait for FE remediation timeout)

* Add timeout (wait for FE remediation timeout)

* Small fixes

* Small fixes

* Small fixes

* Small fixes

---------

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>
Co-authored-by: vasyldinets <vasyld@elementor.red>

* [APP-1611] Fix cache issue (#324)

* [APP-1611] trigger save entry for clean cache

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-0000] call trigger save async

* [APP-1611] clear cache

* [APP-1657] upgrade cta (#323)

* update: added logic to show button based on plan

* Update modules/settings/assets/js/components/quota-bar/quota-bar-group.js

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* fix: eslint error

---------

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* [APP-1658] Update accessibility admin column design (#322)

* update: wpadmin column layout

* update: move icon to assets

* Fix: Resolve remediation encoding issue [APP-1646] (#325)

---------

Co-authored-by: Ohad <ohad@elementor.com>
Co-authored-by: Raz Ohad <admin@bainternet.info>
Co-authored-by: Nirbhay Singh <121793120+nirbhayel@users.noreply.github.com>
Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>
Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* [APP-1698] Update referrer policy (#333)

* [APP-1697] fix menu, add category to events as key without translation (#334)

* [APP-1697] fix menu, add category to events as key without translation

* [APP-1697] fix menu, add category to events as key without translation

* [APP-1717] Fix category title (#335)

* [APP-1724] Fix get object type for singular (#338)

* [APP-1724] Fix get object type for singular

* [APP-1724] Fix get object type for singular

* Update modules/remediation/classes/utils.php

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

---------

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Fix: Resolve some a11y issues [APP-1664] (#337)

* [APP-1696] Fix help menu ui (#339)

* fix: menu ui

* update: onclick action

* fix: alignment of the menu

* update: rename menu item to accessibility assistant

* Fix: Use the same issue count in the WP admin and scanner [APP-1726] (#341)

* Fix: Move data tag logic away from the component to prevent multiple renders [APP-1502] (#342)

* [APP-1738] add case-insensitive replace (#345)

* [APP-1738] add case-insensitive replace

* Update modules/remediation/assets/js/actions/replace.js

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Update modules/remediation/assets/js/actions/replace.js

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* [APP-1741][APP-1742][APP-1743] add components, calc contrast ratio, add logic for lightness

* Update modules/remediation/assets/js/actions/replace.js

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* update

* update

* update

---------

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* bumped v3.5.1

* [APP-1776] Deactivate scanner on not connected (#350)

---------

Co-authored-by: Yakir Sitbon <kingyes1@gmail.com>
Co-authored-by: Nirbhay Singh <121793120+nirbhayel@users.noreply.github.com>
Co-authored-by: VasylD <vasyld@elementor.red>
Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>
Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Release/v3.5.2 (#355)

* [APP-1784] Null offset warning (#353)

* fix: offset warning when scan results are NULL

* fix: phpcs issues

* bumped v3.5.2

* Update README.md

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Update readme.txt

* [APP-0000] Add condition to init scanner module (#356)

* Add condition to init scanner module

* Update modules/scanner/module.php

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Update modules/scanner/module.php

* Update modules/scanner/module.php

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

---------

Co-authored-by: Raz Ohad <ohad@elementor.com>
Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* updated changelog

---------

Co-authored-by: Nirbhay Singh <121793120+nirbhayel@users.noreply.github.com>
Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>
Co-authored-by: VasylD <vasyld@elementor.red>

---------

Co-authored-by: Raz Ohad <ohad@elementor.com>
Co-authored-by: Yakir Sitbon <kingyes1@gmail.com>
Co-authored-by: Nirbhay Singh <121793120+nirbhayel@users.noreply.github.com>
Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>
Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Tweak: Remove block scripts from front end (#359)

* [APP-1766] Remove visit quota indications (#363)

* update: hide quota notices

* update: remove quota notices from the app

* update: remove plan visit from quota bar and indicator

* update: prevent notices from registering

* Update modules/settings/module.php

---------

Co-authored-by: Raz Ohad <ohad@elementor.com>

* [APP-1727] Update column actions (#343)

* update: column actions

* add: short and long button formats with tooltips

* update: simplify the tooltip approach

* add: tooltip to the column title

* update: move css to existing file

* add: media query listeners for column resize

* update: logic to resize the column and button

* [APP-1823] Fix conflict with ajax requests (#362)

* fix: conflict with ajax requests

* update: remove unsused class import

* [APP-1730] Add info details (#344)

* update: refactor the toggle function

* add: tooltip to analytics toggle

* update: confirm dialog modal content

* update: import

* update: not enough data alert content

* add: action to the alert and update text

* update: alert and infotip color based on previous data

* add: onclick handler to enable tracking

* update: alertboxes colors

* fix: show info only when analytics are enabled

* update: manually control the tooltip behaviour

* Update modules/settings/assets/js/components/sidebar-menu/tooltips/analytics.js

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* fix: linter errors

---------

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Tweak: WPML Support [APP-1795] (#364)

* [APP-1767]  Update the scan stats UI (#352)

* Release/v3.5.1 (#349)

* Bump WP version

* ♻️ Initial Refactor commit [APP-687] (#109)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* PR Rejects

* Rejects leftover

* Setup base (#110)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: settings variable

* update: removed duplicate css import

* Update modules/settings/assets/js/api/index.js

Co-authored-by: VasylD <vasyld@elementor.red>

---------

Co-authored-by: Ohad <ohad@elementor.com>
Co-authored-by: VasylD <vasyld@elementor.red>

* [Infra] ✅ updated Github actions (#114)

* updated github actions

* removed composer github auth

* PHPCS

* removed package-lock.json from ignore to allow `npm ci`

* added missing husky

* ignore legacy

* removed unused non existing import

* Add connect modal (#111)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* fix: alignment and style

* update: imports

* update: removed conflicting imports

* fix: add compatibility for mobile devices

---------

Co-authored-by: Ohad <ohad@elementor.com>

* [APP 705] add connect module, settings and notification component (#112)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* add: connect module

* add: settings and get settings route

* add: hooks and contexts to get settings

* add: hooks

* add: notification component

* add: data api

* add: settings provider and connect settings

* add: husky

* fix: formatting and text-domain

* update: filter names

* fix: hook import

* add: set function for settings

* add: prop-types package

* update: refactor notification component and context

* update: remove filter for authorize url

* update: imports and exports of hooks

* update: plugin settings context filename and relevant imports

---------

Co-authored-by: Ohad <ohad@elementor.com>

* [APP 707] general setting components (#113)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* add: connect module

* add: settings and get settings route

* add: hooks and contexts to get settings

* add: hooks

* add: notification component

* add: data api

* add: settings provider and connect settings

* add: husky

* add: icon size control

* fix: icon size control labels

* add: icon select component

* add: color picker component

* add: accessibility icons

* add: icon export

* update: add icons to the component

* fix: styling for the icon select control

* update: color picker with react-colorful component

* update: icon size component with live icon design

* fix: styling of radio boxes

* add: icon design settings layout

* add: position settings layout

* add: layout exports

* add: alignment matrix and position control components

* add: position settings  & position settings for mobile layout

* fix: formatting and text-domain

* update: filter names

* fix: hook import

* add: set function for settings

* add: prop-types package

* update: refactor notification component and context

* update: remove filter for authorize url

* Update modules/settings/assets/js/components/color-picker/style.css

Co-authored-by: Raz Ohad <admin@bainternet.info>

* update: color picker class name

---------

Co-authored-by: Ohad <ohad@elementor.com>
Co-authored-by: Raz Ohad <admin@bainternet.info>

* [App 780] Navigation Sidebar (#115)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* add: connect module

* add: settings and get settings route

* add: hooks and contexts to get settings

* add: hooks

* add: notification component

* add: data api

* add: settings provider and connect settings

* add: husky

* fix: formatting and text-domain

* update: filter names

* fix: hook import

* add: set function for settings

* add: prop-types package

* update: refactor notification component and context

* update: remove filter for authorize url

* update: imports and exports of hooks

* update: plugin settings context filename and relevant imports

* update: icons and icon imports

* add: sidebar(wip)

* update: fix width of connect screen on mobile

* update: sidebar layout

* add: credit card and user arrow icons

* update: hidden wpfooter and fixed sidebar height

* update: sidebar layout

* add: basic page layouts

* update: sidebar layout

* add: sidebar menu, sidebar app bar and my account menu components

* update: add sidebar and menu settings

* update: add page layouts

* update: admin top bar

* add: bottom bar

* add: bottom bar and top bar

* add: bottom bar and top bar

* update: page content styling

* fix: styling

* fix: styling

* update: text domain

* update: added translations

* fix: admin top bar layout

* update: exports of icons

* update: exports of components

* add: aliases for imports and fix exports

* fix: height and styling of the layout

* fix: unhide wp footer

* update: keep widget menu open on page load (default)

* update: linter rules to move first prop to new line

* update: linter rules to move first prop to new line

---------

Co-authored-by: Ohad <ohad@elementor.com>

* Fix error on install plugin, add prettier (#116)

* Feature/app 810 assemble icon settings page (#117)

* Initial refactor commit

* ✅ Added build and tests CI/CD

* update: add src for admin settings

* update: incorrect constant names

* update: namespace

* add: accessibility settings

* update: webpack to output files inside a folder

* update: build output folders

* update: removed commented code

* update: npm scripts

* add: webpack config

* add: hooks

* update: move admin setting to the module folder

* update: assets loading logic

* update: add rule to move jsx props to multiline imporving readability

* add: connect modal

* update: hooks import for better readability

* update: replace functions with hooks

* add: connect module

* add: settings and get settings route

* add: hooks and contexts to get settings

* add: hooks

* add: notification component

* add: data api

* add: settings provider and connect settings

* add: husky

* add: icon size control

* fix: icon size control labels

* add: icon select component

* add: color picker component

* add: accessibility icons

* add: icon export

* update: add icons to the component

* fix: styling for the icon select control

* update: color picker with react-colorful component

* update: icon size component with live icon design

* fix: styling of radio boxes

* add: icon design settings layout

* add: position settings layout

* add: layout exports

* add: alignment matrix and position control components

* add: position settings  & position settings for mobile layout

* fix: formatting and text-domain

* update: filter names

* fix: hook import

* add: set function for settings

* add: prop-types package

* update: refactor notification component and context

* update: remove filter for authorize url

* update: imports and exports of hooks

* update: plugin settings context filename and relevant imports

* update: icons and icon imports

* add: sidebar(wip)

* update: fix width of connect screen on mobile

* update: sidebar layout

* Update modules/settings/assets/js/components/color-picker/style.css

Co-authored-by: Raz Ohad <admin@bainternet.info>

* update: color picker class name

* add: credit card and user arrow icons

* update: hidden wpfooter and fixed sidebar height

* update: sidebar layout

* add: basic page layouts

* update: sidebar layout

* add: sidebar menu, sidebar app bar and my account menu components

* update: add sidebar and menu settings

* update: add page layouts

* update: admin top bar

* add: bottom bar

* add: bottom bar and top bar

* add: bottom bar and top bar

* update: page content styling

* fix: styling

* fix: styling

* update: text domain

* add: props to wrapper

* add: icon design and position setting layouts

* add: in page scroll behaviour to the settings

* add: widget icons and getter function

* update: icon design settings getter and setter functions

* update: imports

* add: mobile layout for position settings

* add: icon position settings

* add: icon position settings hooks and handlers

* fix: alignment of controls in AlignmentMatrixControl

* update: useSettings and usePositionSetting hooks and relevant functions

* fix: colors of AlignmentMatrixControl

* fix: styling of components and layouts

* add: aliases

* add: container wrapper to page

* update: accessibility options rendering logic

* fix: order of the icons

* add: aliases for components and hooks imports

* fix: styling of settings panel

* fix: container height for settings page

* update: toggle control states

* add: widget icon settings

* add: load saved widget icon settings

* update: move layout to page for different designs per page

* update: add changes tracking and disable button logic

* add: async/await to save settings

* update: convert options to array of objects

* Update modules/settings/assets/js/components/bottom-bar/index.js

Co-authored-by: VasylD <vasyld@elementor.red>

* Update modules/settings/assets/js/app.js

Co-authored-by: VasylD <vasyld@elementor.red>

* fix: remove duplicate entries

---------

Co-authored-by: Ohad <ohad@elementor.com>
Co-authored-by: Raz Ohad <admin@bainternet.info>
Co-authored-by: VasylD <vasyld@elementor.red>

* Feature/app 708 widget menu settings (#118)

* add: icons for menu settings

* add: placeholder layout for widget preview in menu settings

* update: load saved settings and updated imports

* add: logics for handling and saving menu settings

* add: useSavedSettings hook

* update: set export as default for Sidebar layout

* add: widget menu settings layout and settings

* update: add widget menu settings and widget preview layouts

* add: hide/show minimum option alert notification

* update: styling of the save button

* update: save settings logic to use async/await

* fix: accessibility text icon

* update: app type (#119)

* [APP-834] Update account menu buttons (#121)

* update: account menu buttons

* update: billing link

* add: error handling for switch account

* [APP-835] add service data (#122)

* add: client functions

* add: site register and site info endpoints

* update: add plan data settings

* update: add support for 201 response code

* update: add plan data key

* update: store the plan data on the once the site is registered

* update: add filter for client url

* add: retry registering in there is any error after connect

* update: setting prefix

* add: plan data

* update: add account details to menu

* fix: lint issues

* update: add data checkbox support (#123)

* [APP-928] Settings pointer (#125)

* add: settings pointer

* update: add alias for the settings

* [APP-837] Add post connect modal (#120)

* add: post connect modal

* update: settings prefix

* fix: connect modal design

* update: connect modal text

* add: connect modal graphics

* update: connect modal icon

* update: post connect modal

* update: sidebar menu text

* update: text of icon settings

* update: text

* update: php compatibility with return types

* add: accessibility statement page structure (#126)

* [APP-721] Render widget and global settings (#124)

* add: webhook endpoint

* add: widget module

* add: default widget settings on successful registration

* update: name of global object to ea11yWidget

* update: remove json encoding to make objects available on the frontend

* update: widget url, filter and enqueuing method

* update: removed obsolete code

* update: enqueue script only when connected

* update: add check for valid plan data and key

* update: conditional check

* update: conditional check

* fix: widget loading error (#128)

* [Legacy] Upgrade To New [APP-949] (#127)

* Added `Notice_Base` and `Notices` component to core module

* Always load core module and load all other modules based on legacy status

* added filter in customizer settings

* added bubble / pimple in admin menu to indicate upgrade

* added `Dismissible_Deprecated_Nag` notice to none legacy pages

* added `Dismissible_Deprecated_Nag` notice to legacy pages

* Added `Upgrade` component to legacy module

includes:
* loading of notices
* introduction modal
* admin menu pimple
* customizer notice
* pointer
* confirmation modal
* upgrade logic and handler

* ✅ Fixed legacy module test

* added `local:quick-run` command to run in browser mode

* update phpunit workflow

* ensure wp.ajax is loaded

* wrong translations

* Updated strings

* added "Equally"

* remove unused test

* ✅ use custom version of wp test library (#129)

* ✅ use custom version of wp test library

* cleanup

* update WP versions for testing

* [APP-711] Widget preview (#130)

* add: dynamic script loader for widget

* update: settings name

* update: settings save function and comments

* update: tools settings object structure

* add: widget preview section

* update: added setting page slug as a constant

* update: enqueue widget for preview in the settings

* add: widget icon assets link

* add: widget icon svgs

* update: store widget url in a constant

* update: store widget url in a constant

* update: trigger widget preview update on menu item changes

* update: remove the icon option from the frontend.

* update: add widget URL

* update: plan data setting type

* update: widget plan url

* update: widget plan url and parse plan data

* fix: phpcs error ext-json missing

* fix: widget url

* fix: save and use plan data as a serialized option

* fix: use template string for widget url

* [APP-908] Accessibility generator (#131)

* add: accessibility statement radio icons

* update: add form group on radio buttons

* add: statement generator

* add: statement generator

* add: accessibility statement data option

* update: create page in WordPress and save it to the option

* update: exclude zip file from the git

* update: render statement page conditionally

* add: statement link layout and settings

* add: preload statement data

* update: publish the created page and add link for it

* update: changed Dynamic Script Loader to WidgetLoader

* add: accessibility statement url

* update: text and styling

* update: styling of the preview text

* update: restructure statement generator

* add: support for dynamic update in statement links

* update: remove index.css file for widget loader

* add: widget styling for settings page

* add: empty link when hide link is enabled

* update: statement page structure and logic

* fix: typo

* update: convert component into a styled component

* fix: styling and layout

* update: icons

* update: convert radio buttons to styled component

* fix: typo and style

* add: fading for the link preview

* update: import

* update: styling and spacing

* fix: sidebar layout

* update: wpcs to latest version

* fix: spacing

* fix: wpcs version

* add: check for valid statement page

* fix: jitters on rendering

* fix: use escape attribute

* update: settings menu slug and plugin name

* fix: menu item rendering

* update: definition of the styled text field

* add: addPage function to the API

* fix: add notification on page creation

* add: copy link icon

* update: optimize SVGs

* [APP-908] Additional fixes (#133)

* fix: text domains

* updated: styled component syntax

* update: use await instead of then

* fix: prevent application crash in case widget fails to load

* add: generated info tip card

* update: refactor function

* Fix: Fix the QA bugs [n/a] (#135)

* [APP-830] Add mixpanel events (#134)

* [APP-830] Add mixpanel events

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* [APP-830] Add user to init Mixpanel (#136)

* [APP-830] Add mixpanel events

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* Merge branch 'develop' into feature/APP-830-add-mixpanel

# Conflicts:
#	.gitignore
#	modules/settings/assets/js/components/sidebar-menu/index.js
#	modules/settings/assets/js/pages/accessibility-statement.js

* [APP-830] Add user to init Mixpanel

* [APP-830] Add user to init Mixpanel

* [APP-830] Add user to init Mixpanel

* [APP-830] rename events (#137)

* Connect and Preview Fixes (#139)

* updated connect admin page

* Use unified widget URL instead of hardcoded Js to support envs

* Removed enqueue of fictional widget.js and reuse settings `admin` handle

* Fix: Fix the QA bugs [n/a] (#138)

* New: Finish the BE integration [n/a]

* Fix: Fix some bugs [n/a]

* upgrade flow UI and design tweaks [app-949] (#141)

* Updated Learn More links with UTM's

* Tweaked Pointer strings Icon and CTA

* dismissible notice strings

* sticky notice strings

* updated upgrade flow design for pointer, notices, introduction modal, and confirmation modal

* added build script

* [APP-979] Update links and plugin name (#140)

* Ensure loading of legacy widget based on any saved data and fixed legacy JS

* Bug/app 1002 (#143)

* Bug: Update the logo in the "Hide Widget" modal [APP-1001]

* Fix: Update the side menu spaces [APP-1002]

* [APP-991] Add translation for statement (#142)

* [APP-979] Update links and plugin name

* [APP-991] Add translation for statement

* Set Prod Widget URL

* [APP-1004][APP-1005][APP-1006] Fix generator UI and logic, fix statement UI, fix copy link (#144)

* [APP-1004] Fix generator UI and logic

* [APP-1005] Fix statement UI

* [APP-1005] Fix statement UI

* Mixpanel record session

* Fix: Enhance position values validation [APP-1009] (#146)

* Bug/app 1003 (#147)

* Fix: Add a border to the preview [n/a]

* Fix: Fix Capabilities screen UI [APP-1003]

* [APP-1020] add missed events (#148)

* [APP-1015] fix switch account (#149)

* [APP-1015] fix switch account (#150)

* [APP-1021] Fix switch modal ui (#151)

* fix: ui issues

* fix: translation strings

* [APP-912] add default settings for RTL (#152)

* [APP-912] add default settings for RTL

* [APP-912] add default settings for RTL

* [APP-912] add default settings for RTL

* [APP-1026] Remove HTML breaking <style> tag & update pointer logic (#153)

* fix: remove extra closing tag

* update: hide settings pointer when plugin settings is opened

* update: remove unused functions

* update: add help text to mobile position settings

* Bug/app 1003 (#157)

* Fix: Add missed translations [n/a]

* Fix: Refresh the plan data on page load [n/a]

* New: Add loader to the settings [n/a]

* update: delete lock key after each check (#160)

* New: Update dashboard icon size [n/a] (#158)

* New: Update dashboard icon size [n/a]

* Fix: Fix widget previews [n/a]

* [APP-1018] Help menu change (#155)

* update: remove accessibility word from menu items

* update: remove top bar

* update: add help button to the sidebar

* update: re-add spacing in styled css code

* update: create styled components

* [APP-973] Add an UTM for users upgrading from one click to the new widget (#165)

* update: ui of the statement preview (#166)

* [APP-1011][APP-1013] focus outline and sitemap settings (#161)

* [APP-1011][APP-1013] focus outline and sitemap settings

* [APP-1011][APP-1013] focus outline and sitemap settings

* [APP-1011][APP-1013] focus outline and sitemap settings

* [APP-1011][APP-1013] focus outline and sitemap settings

* update: video link (#167)

* [APP-1051] Fix layout on the small and medium devices (#156)

* fix: layout on the small and medium devices

* update: change components to styled components

* refactor: position settings wrapper into a separate component

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel (#169)

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel

* [APP-1012][APP-1085] Add skip to content settings and event for Mixpanel

* [APP-1048] Add tooltip to accessibility statement (#159)

* add: tooltip to accessibility statement

* update: hide infotip when statement link is set

* update: infotip's text

* fix: infotip naming and logic

* [APP-1049] Add back button accessibility statement (#164)

* add: back button to the statement link section

* add: Edit link button to statement page section

* update: add admin_url and generate query args properly

* update: learn more link for accessibility statement page (#168)

* Fix: Update overlay height [n/a] (#171)

* Fix settings and connect issues (#170)

* fix: token fails to refresh after expiry

* update: add 12 hour time for plan data refresh and fix missing subscription id

* update: add check to refresh plan data

* fix: decoding errors and alignment and add logging for errors

* update: refresh logic and formatting

* Update/app 1029 app name (#173)

* update: plugin name

* update: default menu option

* update: menu structure

* update: add inline checks

* update: reduce padding on app icon in menu

* fix: height of the modal

* update: app menu icon color

* update: menu icon colors

* fix: menu icon size

* update: plugin names

* update: HELP_LINK

* update: app name

* update: icon background color

* update: icon size

* fix: admin icon size

* fix: width of the sidebar

* Fix/toggle not working properly (#174)

* fix: toggles not working properly in some cases

* fix: saving of the settings was not working

* add: missing adminUrl in settings data

* fix: switch was not working properly in some cases (#175)

* Fix/app 1093 incorrect position on default (#176)

* fix: switch was not working properly in some cases

* fix: default setting structure for the icon position

* [APP-1096] Text changes (#177)

* fix: switch was not working properly in some cases

* update: plugin name and action buttons title

* fix: revert change to is_active function

* fix: button color

* New: Add the skip link [APP-1012] (#179)

* [APP-1097] Fix preview load (#178)

* [APP-1097] Fix preview load

* [APP-1097] Fix preview load

* [APP-1097] Fix preview load

* Update modules/settings/assets/js/components/widget-loader/index.js

---------

Co-authored-by: Raz Ohad <ohad@elementor.com>

* [APP-1123] Accessibility statement text (#181)

* fix: switch was not working properly in some cases

* update: accessibility statement content

* [APP-1121] Add support for react-jsx-runtime for older WP versions (#180)

* fix: switch was not working properly in some cases

* update: revert wp-scripts version to 28.0.0 to add support for older WordPress versions

* update: revert wp-scripts to 27.9.0

* add: support for react-jsx-runtime in older versions of WordPress

* update: version to the latest wp-scripts 30.3.0

* update: add lib/ to gitignore

* update: plugin name

* Fix: Fix admin widget previews [n/a] (#183)

* [APP-1061] change mixpanel user id (#184)

* [APP-1129] change toggle_event for mixpanel (#186)

* Remove skip to content btn if anchor does not exist (#187)

* fix: hide wp notices to keep the layout from shifting (#189)

* [APP-1143] fix bug with capability display (#195)

* [APP-1143] fix bug with capability display

* [APP-1143] fix bug with capability display

* [APP-1143] fix bug with capability display

* [APP-1143] fix bug with capability display

* add: loading text to widget preview (#196)

* [APP-1142] add 'appType' super props, change identify key (#191)

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* [APP-1142] Add 'appType' super props

* [APP-1144] Accessibility statement tooltip text update (#198)

* update: text

* update: switch design

* Tweak: Update widget loaders [n/a] (#197)

* added images to readme (#172)

* added images to readme

* updated readme

* V3.0.0

* updated readme

* updated tested up to

* Fix: Update the skip link rendering hook [APP-1157] (#203)

* bumped v3.0.1 (#206)

* Fix: Adapt widget preview to smaller height viewports [APP-1130] (#217)

* update: convert menu icon to base64 svg (#199)

* update: convert menu icon to base64 svg

* update: logo to svg logo with base64 encoded

* update: svg app icon

* [APP-1201] Improve admin panel accessibility (#220)

* [APP-1201] add accessibility rules

* [APP-1201] add accessibility rules

* [APP-1210] add prop to Mixpanel, move event names to const (#225)

* [APP-1159] Add mismatch URL flow (#210)

* update: convert imports to named imports

* add: function to check if current screen is settings page

* update: rename elementor logo to app logo

* add: url mismatch flow and components

* update: remove obsolete code

* Update modules/connect/rest/authorize.php

Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>

* Update modules/settings/module.php

Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>

* fix: modal was not closing

* update: remove url mismatch notice

* update: mismatch modal and rendering logic

* add: toast notifications for errors

* update: convert components into styled components

* update: remove bottom border from the dialog

* update: text copy

* fix: logo alignment

* update: renamed styled component

---------

Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic (#190)

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* Add nonce to the widget settings

* Update routes and DB table

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* [APP-1101] Move action button to footer (#208)

* update: add save changes footer to the bottom and remove it from capabilities

* add: logic to save settings for skiptocontent using footer

* update: text

* update: convert component to styled component

* [APP-1198] [APP-1199] Quota bar and notices (#219)

* add: quota bar

* add: openLink helper function

* add: styled elements and visits link placeholder

* update: remove hover state from the box

* add: quota notices

* update: quota access and usage calculations

* add: logic to calculate plan usage

* update: move logic to calculate plan usage to hook

* add: todo note

* add: todos

* add: mixpanel events

* fix: hide quota bar when sidebar is minimized

* fix: settings panel was not expanding when sidebar is minimized

* update: text and structure of the bar

* update: quota calculation logic

* update: remove TODOs

* update: text and values

* fix: height of the container for icon settings

* update: golinks

* update: golinks

* fix: prevent icon options from wrapping on smaller screen sizes (#229)

* [APP-1107] Add dashboard for analytics (#204)

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* [APP-1108][APP-1109][APP-1110] Add analytics backend logic

* Add nonce to the widget settings

* Update routes and DB table

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* Fix comments

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1107] Add dashboard for analytics

* [APP-1201] add accessibility rules

* [APP-1107] fixed API endpoint

* [APP-1107] fixed API endpoint

* [APP-1107] fixed API endpoint

* [APP-1107] add check for is_active

* update to the latest

* update to the latest

* update to the latest

* fix bugs, add changes

* fix bugs, add changes

* fix bugs, add changes

* fix bugs, add changes

* [APP-1105] Add pro capabilities (#205)

* add: volume and solid crown icon

* add: volume and crown icons to export

* update: refactor menu item to a new component

* add: screen reader to the menu items and reorganize them

* add: pro item infotip content

* add: capabilities item and pro info tip to exports

* update: import ProInfoTip component and change disabled logic

* update: imports

* update: refactor pro item infotip into the separate component

* update: refactor infotip and add comments

* add: custom switch component

* add: logo settings layout

* update: switch component

* add: useToggleSetting hook to manage widget settings.

* update: move pro feature key to a separate constant

* fix: pro icon style

* update: remove branding key

* update: pro enable check structure

* update: pro enabled check structure

* update: key name

* update: update key before checking for it

* fix: null error

* add: update logic to get the tools settings based on plan

* update: exclude remove-elementor-label from the minimum option rule

* update: add formlabel and eventnames

* add: logic to deactivate the features which are disabled for the plan

* fix: PHP warning

* fix: keyword name

* add: GOLINKS

* add: open link function

* fix: PHP warning undefined key

* update: logic to show the icon and added golinks

* [APP-1045] Add billing tab (#223)

* add: plan name and subscription link

* update: refactor my account menu

* update: move truncate email to a helper file

* update: simplify truncation logic

* [APP-1270] Delete transient and force info update (#236)

* add: force update site/info on mismatch url

* update: add a constant for the transient

* add: delete_transient for switch account as well

* add: delete_transient for disconnect as well

* [APP-1267] Quota bar undefined (#234)

* fix: undefined was shown when there is no quota data

* add: preloader

* fix: make bottom bar sticky on the settings pages (#237)

* [APP-1268] Pro tip spacing (#235)

* fix: pro tip spacing

* fix: pro icon

* [APP-1271] Align menu icons (#238)

* update: hide info button on minimized sidebar

* fix: alignment of quota bar icon

* fix: conditional logic

* update: improve sidebar motion

* fix: switch account issue

* update: upgrade link for analytics popup (#239)

* [APP-1281] fix usage percentage formatting (#240)

* fix: format display of percentage correctly.

* update: fraction conversion logic

* Force referer and lower transient time to 15 minutes [APP-1286] (#242)

* reduce transient timeout

* force referrer in script tags

* [APP-1262] Enable routes for get statistic on disabled analytics (#233)

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1262] Enable routes for get statistic on disabled analytics

* [APP-1243] Admin upgrade notices (#241)

* add: admin quota notices

* add: fix function name and phpcs issues

* fix: formatting issues

* [APP-1287] change Mixpanel check for free trial (#243)

* Fix/quota text (#244)

* fix: wp notice close logic plus banner text

* update: banner text

* [APP-1292] missing mixpanel events (#245)

* add: missing mixpanel events

* update: use variable for hardcoded names

* update: use variable for hardcoded names

* [APP-1293] Add additional checks (#246)

* update: add additional check to prevent fatal error

* fix: formatting

* [APP-1312] minimize client css (#252)

* [APP-1168] widget icon radius

* add: icon radius component

* add: icon radius component

* update: add support for widget radius

* fix: minor ui fixes

* fix: resolve comments

* fix: alignment of the icon

* update: add styled components

* add: corner radius mixpanel event

* fix: corner radius should have default values when no value is set based on icon

* fix: icon radius input style

* add: accessibility attributes

* fix: active states color

* add: logic to control invalid inputs

* update: make aria attributes translatable

* update: styled component names

* add: spacing between the components

* [APP-1342] add super props, store plan scope after register/switch (#250)

* [APP-0000] store plan scope after register/switch

* Update modules/settings/module.php

Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>

* remove deprecated method

* remove deprecated method

* [1342] Add super prop to mixpanel

* [1342] Add super prop to mixpanel

* [1342] Add super prop to mixpanel

---------

Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>

* [Legacy] Added strict settings sanitization (#257)

* [Legacy] Added strict settings sanitization

* use correct esc_x method

* hardcoded 6.8.0

* added svn for wp test library

* fix: default border radius (#258)

* fix: default border radius

* add: default corner radius for new users

* update: add support for default values for users with saved style settings

* updated phpunit workflow

* revert to master

* hardcode 6.8.x

* update: default values for existing users

* update: remove saving default corner radius for new users

* fix: update default radius for text icon

* fix: PHPUnit tests for WP 6.8.0

* align with develop

* set to latest

---------

Co-authored-by: Raz Ohad <admin@bainternet.info>
Co-authored-by: Raz Ohad <ohad@elementor.com>

* fix: widget icon spacing (#262)

* Added custom gutenberg link to toggle widget [APP-1306] (#256)

* New: Added Ally Trigger Dynamic Tag for Elementor [APP-1305] (#254)

* New: Added Ally Trigger Dynamic Tag for Elementor [APP-1305]

* typo Update modules/widget/components/ally-trigger.php

* New: Add the what's new functionality [APP-1329] (#264)

* add: statement page selector field (#261)

* add: statement page selector field

* add: updated the statement link button to a search field

* fix: add support for create statement data

* New: Bump the Notifications SDK to 1.2.0 [APP-1427] (#267)

* Fix: Resolve a11y issues [APP-1331] (#269)

* [APP-1417] Add support for custom icon (#270)

* add: media upload button

* add: support for custom icon

* fix: code alignment, phpcs

* fix: code alignment and linting

* add: mixpanel events

* fix: styling of custom svg

* fix: missing variable

* fix: missing variable

* fix: load gutenberg block without css

* fix: icon spacing in preview

* fix: indentation

* fix: indents

* [APP-1440] Fix doing_it_wrong warning for translations (#271)

* fix: doing_it_wrong warning for translations

* update: stop explicitly loading translations

* fix: add package-lock

* fix: add package-lock

* New: Store fonts inside the plugin [APP-1385] (#277)

* add: what's new mixpanel event (#274)

* fix:disable autofocus on opening of popup menu (#279)

* New: Add the birthday banner [APP-1489] (#281)

* [APP-1442] Add language selector option to plugin (#273)

* add: language selector option

* update: language selector option key

* update: lang selector name (#284)

* update: add language selector to analytics table (#285)

* Tweak: Update the campaign's time range [APP-1489] (#283)

* fix: container width logic (#292)

* [APP-1530] scrollbars settings width (#296)

* update: title layout

* fix: width of the content

* update: browserlist

* fix: rtl issues (#304)

* [APP-1629] Fix pro icon (#305)

* update: @elementor/ui package

* fix: pro icon

* fix: pro icon

* [APP-1678] Remove mixpanel session replay (#317)

* Fix: plugin headers (#316) (#320)

* [APP-907] Accessibility assistant (#326)

* PHPCS and remediation POC WIP

* WIP Wizard module

* Added scanner module

* [APP-929][APP-930] Add initial setup for wizard, added btn to the topbar (#230)

* [APP-929][APP-930]

* [APP-929][APP-930]

* update logic

* update init app

* [APP-0000] store plan scope after register/switch

* change return of load

* add header

* Move into shadow dom, add context, add headers components

* add UI components

* add UI components

* add UI components

* merge current develop

* merge current develop

* Add AltText Form

* Add scroll to current element

* Align with current design, add loader, added preview for svg

* Align with current design, add loader, added preview for svg

* Resolve comments

* Resolve comments

* Resolve comments

* [APP-934] add submit logic (#259)

* [APP-934] add submit logic

* [APP-934] add submit logic

* [APP-934] add submit logic

* [APP-934] add submit logic

* Added replace remediation action

* Add submit logic

* Add submit alt text logic, generate AI alt text

* Add AI generate request, add convert from SVG to png base64, added manual fix block

* Add AI generate request, add convert from SVG to png base64, added manual fix block

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

* Add texts, add remediation submit, fix logic to store remediation

---------

Co-authored-by: Raz Ohad <admin@bainternet.info>

* Add texts, add remediation submit, fix logic to store remediation

* [APP-0000] add store request to the Service API (#268)

* [APP-0000] add store request to the Service API

* [APP-0000] add store request to the Service API

* [APP-0000] add store request to the Service API

* [APP-0000] add store request to the Service API

* [APP-0000] add request to store scanner summary

* [APP-0000] add request to store scanner summary

* [APP-0000] add request to store scanner summary

* [APP-1432] fix with AI flow (#275)

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1432] fix with AI flow

* [APP-1446] sidebar menu update (#276)

* update: simplify menu

* add: headings and scanner menu options

* [APP-945] add column for tables (#282)

* [APP-945] add column for tables

* [APP-945] add column for tables

* [APP-945] add column for tables

* [APP-945] add column for tables

* [APP-1447] Updated quota bar designs (#278)

* update: quota bar designs

* fix: the popover was partially visible

* update: AI credits name

* update: usage calculation logic

* add: quota indicators

* update: quotas tooltip text

* update: quotas notices text

* update: make toggle icon dynamic

* fix: @elementor/ui imports

* Update modules/settings/assets/js/layouts/quota-bar.js

Co-authored-by: VasylD <vasyld@elementor.red>

* update: styling of component

---------

Co-authored-by: VasylD <vasyld@elementor.red>

* [APP-1507] add UI changes (#286)

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1507] add UI changes

* [APP-1387] add mixpanel events (#288)

* [APP-1387] add mixpanel events

* [APP-1387] add mixpanel events

* New: Add the a11y assistant dashboard's UI [APP-1445] (#289)

* [APP-1513] add disconnected msg (#290)

* [APP-1513] add disconnected msg

* [APP-1513] add disconnected msg

* [APP-1513] add disconnected msg

* [APP-1547][APP-1548][APP-948] update alt text view, fix list issues (#291)

* [APP-1547][APP-1548][APP-948] update alt text view, fix list issues, add rest route for update status

* [APP-1547][APP-1548][APP-948] update alt text view, fix list issues, add rest route for update status

* fix: infotip icon padding and font style (#293)

* fix: infotip icon padding and font style

* fix: infotip icon padding and font style

* update: caniuse database

* [APP-1525] add edit mode (#294)

* [APP-1525] add edit mode

* [APP-1525] add edit mode

* [APP-1525] add edit mode

* Bug/app 1544 (#295)

* Fix: Resolve QA comments [APP-1544]

* New: Add beta tags [APP-1555]

* New: Add the "no results" state [APP-1544]

* [APP-1554] rename violations (#297)

* [APP-1512] add backend logic for remediation management (#298)

* [APP-1512] add backend logic for remediation management

* [APP-1512] add backend logic for remediation management

* Update modules/remediation/database/remediation-entry.php

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Update modules/remediation/rest/items.php

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* [APP-1512] add backend logic for remediation management

---------

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Fix: Resolve QA comments [n/a] (#299)

* [APP-1512] add FE remediation management (#300)

* [APP-1512] add backend logic for remediation management

* [APP-1512] add backend logic for remediation management

* Update modules/remediation/database/remediation-entry.php

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Update modules/remediation/rest/items.php

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* [APP-1512] add backend logic for remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

* [APP-1512] add FE remediation management

---------

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* [APP-1609] fix tooltip

* [APP-1609] fix resolved btn click

* [APP-1401] clear cache on update (#302)

* [APP-1401] clear cache on update

* [APP-1401] clear cache on update

* [APP-1401] clear cache on update

* [APP-1401] clear cache on update

* [APP-1401] clear cache on update

* update with latest develop branch

* fix copies

* [APP-1619] add mixpanel event (#303)

* [APP-1619] add mixpanel event

* [APP-1619] add mixpanel event

* [APP-1593] Add locked variant for quota bar (#301)

* update: add locked version of quota status bar

* fix: text color for infotip

* fix: width issues

* fix: add check for 0

* [APP-1637][APP-1643] add UI fixes, add excluded rules array (#307)

* fix: make sidebar collapsible (#306)

* Merge current dev

* [APP-1603] Add dashboard menu (#309)

* [APP-1603] Add dashboard menu

* [APP-1603] Add dashboard menu

* [APP-1603] Add dashboard menu

* [APP-1603] Add dashboard menu

* Bug/app 1607 (#311)

* Fix: Update stats calculation logic [APP-1607]

* Fix: Set fixed width for the results table [APP-1650]

* Fix: Update filter rules [APP-1634]

* New: Add the no search results state [APP-1651]

* Fix: Convert indents [n/a]

* [APP-1670] add menu on Manage Fixes (#315)

* [APP-1670] add menu on Manage Fixes

* [APP-1670] update menu

* [APP-1611] fix comments

* fix: direction of snippet (#313)

* [APP-1561] New menu layout (#308)

* update: app menu and layout

* merge: latest changes from feature/remediation

* add: alert indicator to the closed sidebar

* fix: page layout for statement page

* update: menu display names

* fix: topbar menu layout

* update: sidebar menu width

* update: sidebar menu width

* fix: popup menu layout

* add: hover action to the toggle button

* update: my account menu

* fix: quota indicator for closed sidebar

* fix: icon alignments

* fix: scroll behaviour

* fix: page scroll behaviour

* fix: popup menu hover state

* update: quota bar and group layouts

* add: tooltips to the menu items

* update: make scans page fixed height and scrollable

* update: styles with theme references and added new styled components

* fix: make sidebar smoother

* update: accessibility page heading

* Merge latest develop

* [APP-1611] trigger save entry for clean cache (#314)

* [APP-1611] trigger save entry for clean cache

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-0000] call trigger save async (#319)

* [APP-1611] trigger save entry for clean cache

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-0000] call trigger save async

* fix: scrollbar issues (#318)

* [APP-1615] add remediation for wp image (#321)

* POC - FrontEnd remediations to handle Dynamic Data [APP-1644] (#312)

* POC - FrontEnd remediations to handle Dynamic Data

* Update modules/remediation/components/remediation-runner.php

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* added MutationObserver to cover elements that are added later on the page

runs until remediations are all done, and disconnect

* added $use_frontend flag instead of using "false"

* Update modules/remediation/components/remediation-runner.php

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* WIP on poc/fe-remediations

* [APP-0000] call trigger save async

* [APP-1644] apply FE remediation

* [APP-1644] apply FE remediation

* [APP-1644] apply FE remediation

* Add timeout (wait for FE remediation timeout)

* Add timeout (wait for FE remediation timeout)

* Add timeout (wait for FE remediation timeout)

* Add timeout (wait for FE remediation timeout)

* Add timeout (wait for FE remediation timeout)

* Small fixes

* Small fixes

* Small fixes

* Small fixes

---------

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>
Co-authored-by: vasyldinets <vasyld@elementor.red>

* [APP-1611] Fix cache issue (#324)

* [APP-1611] trigger save entry for clean cache

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-1611] fix comments

* [APP-0000] call trigger save async

* [APP-1611] clear cache

* [APP-1657] upgrade cta (#323)

* update: added logic to show button based on plan

* Update modules/settings/assets/js/components/quota-bar/quota-bar-group.js

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* fix: eslint error

---------

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* [APP-1658] Update accessibility admin column design (#322)

* update: wpadmin column layout

* update: move icon to assets

* Fix: Resolve remediation encoding issue [APP-1646] (#325)

---------

Co-authored-by: Ohad <ohad@elementor.com>
Co-authored-by: Raz Ohad <admin@bainternet.info>
Co-authored-by: Nirbhay Singh <121793120+nirbhayel@users.noreply.github.com>
Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>
Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* [APP-1698] Update referrer policy (#333)

* [APP-1697] fix menu, add category to events as key without translation (#334)

* [APP-1697] fix menu, add category to events as key without translation

* [APP-1697] fix menu, add category to events as key without translation

* [APP-1717] Fix category title (#335)

* [APP-1724] Fix get object type for singular (#338)

* [APP-1724] Fix get object type for singular

* [APP-1724] Fix get object type for singular

* Update modules/remediation/classes/utils.php

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

---------

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Fix: Resolve some a11y issues [APP-1664] (#337)

* [APP-1696] Fix help menu ui (#339)

* fix: menu ui

* update: onclick action

* fix: alignment of the menu

* update: rename menu item to accessibility assistant

* Fix: Use the same issue count in the WP admin and scanner [APP-1726] (#341)

* Fix: Move data tag logic away from the component to prevent multiple renders [APP-1502] (#342)

* [APP-1738] add case-insensitive replace (#345)

* [APP-1738] add case-insensitive replace

* Update modules/remediation/assets/js/actions/replace.js

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Update modules/remediation/assets/js/actions/replace.js

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* [APP-1741][APP-1742][APP-1743] add components, calc contrast ratio, add logic for lightness

* Update modules/remediation/assets/js/actions/replace.js

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* update

* update

* update

---------

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* bumped v3.5.1

* [APP-1776] Deactivate scanner on not connected (#350)

---------

Co-authored-by: Yakir Sitbon <kingyes1@gmail.com>
Co-authored-by: Nirbhay Singh <121793120+nirbhayel@users.noreply.github.com>
Co-authored-by: VasylD <vasyld@elementor.red>
Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>
Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* update: layout of the scan results stats

* add: Resolved issues by category section

* fix: scan stats ui

* update: change colors to primitive values

* update: add proptypes to the issuebycategory

* update: show dash for 0%

---------

Co-authored-by: Raz Ohad <ohad@elementor.com>
Co-authored-by: Yakir Sitbon <kingyes1@gmail.com>
Co-authored-by: VasylD <vasyld@elementor.red>
Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>
Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* [APP-1747] add parent selector (#360)

* [APP-1747] add parent selector

* [APP-1747] add parent selector

* [APP-1747] add parent selector

* [APP-1747] add parent selector

* [APP-1747] add parent selector

* [APP-1747] add parent selector

* [APP-1747] add parent selector

* [APP-1747] add parent selector

* [APP-1747] add parent selector

* [APP-1747] add parent selector

* [APP-1747] add parent selector

* [APP-1747] add parent selector

* [APP-1747] add parent selector

* Add mixpanel events

* Add mixpanel events

* Add mixpanel events

* Exclude adminbar from css rule

* Exclude adminbar from css rule

* Exclude adminbar from css rule

* Exclude adminbar from css rule

* Exclude adminbar from css rule

* Exclude adminbar from css rule

* Update modules/remediation/assets/js/actions/styles.js

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Exclude adminbar from css rule

* Exclude adminbar from css rule

* Update modules/scanner/assets/js/hooks/use-color-contrast-form.js

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Exclude adminbar from css rule

* Exclude adminbar from css rule

* fix quota

* fix quota

* fix quota

* fix quota

* fix quota

* fix quota

* fix quota

* fix linter

---------

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* update: show infotip only when pro feature is active (#365)

* [APP-1825] Add remove/disable category (#366)

* [APP-1747] add parent selector

* [APP-1747] add parent selector

* [APP-1747] add parent selector

* [APP-1747] add parent selector

* [APP-1747] add parent selector

* [APP-1747] add parent selector

* [APP-1747] add parent selector

* [APP-1747] add parent selector

* [APP-1747] add parent selector

* [APP-1747] add parent selector

* [APP-1747] add parent selector

* [APP-1747] add parent selector

* [APP-1747] add parent selector

* Add mixpanel events

* Add mixpanel events

* Add mixpanel events

* Exclude adminbar from css rule

* Exclude adminbar from css rule

* Exclude adminbar from css rule

* Exclude adminbar from css rule

* Exclude adminbar from css rule

* Exclude adminbar from css rule

* Update modules/remediation/assets/js/actions/styles.js

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Exclude adminbar from css rule

* Exclude adminbar from css rule

* Update modules/scanner/assets/js/hooks/use-color-contrast-form.js

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* Exclude adminbar from css rule

* Exclude adminbar from css rule

* fix quota

* fix quota

* fix quota

* fix quota

* fix quota

* fix quota

* fix quota

* fix linter

* [APP-1825] Add remove/disable category

* [APP-1825] Add remove/disable category

---------

Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>

* update:tooltip text (#368)

* [APP-1837][APP-1833] Fix 'Review issues' btn, submit only changed color (#367)

* [APP-1835] add potential violation for color contrast, fix selector (#369)

* [APP-1835] add potential violation for color contrast, fix selector

* [APP-1835] add potential violation for color contrast, fix selector

* [APP-1835] add potential violation for color contrast, fix selector

* update: add spacing on sides for smaller screens (#370)

* fix: analytics tooltip behaviour (#372)

* [APP-1843] fix issue with draft page url (#371)

* [APP-1835] add potential violation for color contrast, fix selector

* [APP-1835] add potential violation for color contrast, fix selector

* [APP-1835] add potential violation for color contrast, fix selector

* [APP-1843] fix issue with draft page url

* [APP-1843] fix issue with draft page url

* [APP-1843] fix issue with draft page url

* [APP-1843][1845] fix issue with draft page url, prevent error for gradient (#373)

* [APP-1843] fix issue with draft page url

* [APP-1845] Prevent error on background-image color contrast issue

* [APP-1845] Prevent error on background-image color contrast issue

* fix: bottom bar (#374)

* Tweak: Update webpack config to optimize local builds [n/a] (#379)

* Fix: Update the scanner's progress bar logic [APP-1821] (#382)

* Fix: Handle the unhandled exception in the Client [APP-1780] (#381)

* [APP-0000] Fix disable manage btn in dashboard, resolve issue with wp… (#385)

* [APP-0000] Fix disable manage btn in dashboard, resolve issue with wp-rocket cache

* [APP-0000] resolve issue with wp-rocket cache

* [APP-0000] resolve issue with wp-rocket cache

* [APP-0000] resolve issue with wp-rocket cache

* update: added support for php 8.4 (#384)

* [APP-1865] add clear cache button (#387)

* [APP-1865] add clear cache button

* [APP-1865] add clear cache button

* [APP-1861] add color contrast tool for gradient/image background (#386)

* update: add support for decimal points (#390)

* update: color from accent to promotion (#389)

* [APP-1465] Add user reviews (#332)

* add: reviews module

* add: logic for the days

* Update modules/reviews/assets/src/layouts/user-feedback-form.js

Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>

* fix: button name and action

* add: feedback url

* fix: endpoint for feedback

* remove: unused imports

* add: app_name

* update: move app name to the request

---------

Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>

* [APP-1857] Update chart components to mui (#388)

* update: change chart components to mui

* refactor: tooltip, chart data, rendering logic

* refactor: improved organization and reduce duplicated code

* update: colors with variables

* fix: width of the pie chart

* fix: pie chart width

* udpate: simply pie chart value calculation

* [APP-1532] Add deactivation feedback modal (#336)

* add: deactivation feedback modal

* add: deactivation feedback

* refactor: cleaned up and simplified the code

* [APP-1733] Onboarding (#383)

* add: onboarding admin notice for users

* add: onboarding modal

* add: mixpanel events

* update: banner text and style

* update: banner rendering logic

* fix: close button position

* add: conditional checks

* Merge branch 'develop' of github.com-elementor:elementor/one-click-accessibility into feature/app-1532-deactivation-feedback

* update: script handle name (#392)

* [APP-1865] fix clear cache button (#393)

* [APP-1931] update UI for gradient/image form (#394)

* [APP-1931] update UI for gradient/image form

* [APP-1931] update UI for gradient/image form

* [APP-1931] update UI for gradient/image form

* updated

* [APP-1955] update page register status (#397)

---------

Co-authored-by: Yakir Sitbon <kingyes1@gmail.com>
Co-authored-by: Raz Ohad <ohad@elementor.com>
Co-authored-by: Nirbhay Singh <121793120+nirbhayel@users.noreply.github.com>
Co-authored-by: VasylD <vasyld@elementor.red>
Co-authored-by: Raz Ohad <admin@bainternet.info>
Co-authored-by: Pavlo Kniazevych <139438463+pkniazevych@users.noreply.github.com>
Co-authored-by: gitstream-cm[bot] <111687743+gitstream-cm[bot]@users.noreply.github.com>
---
 assets/dev/js/hooks/index.js                  |   1 +
 assets/dev/js/hooks/use-storage.js            |  26 +
 .../js/services/mixpanel/mixpanel-events.js   |  13 +
 classes/database/entry.php                    |   2 +-
 classes/database/table.php                    |  10 +-
 classes/services/client.php                   |  12 +
 classes/utils.php                             |   3 +
 includes/manager.php                          |   2 +
 modules/deactivation/assets/css/style.css     | 152 +++++
 .../assets/js/deactivation-feedback.js        | 115 ++++
 modules/deactivation/module.php               | 260 +++++++
 .../remediation/components/cache-cleaner.php  |  32 +
 modules/remediation/database/page-entry.php   |   5 +
 .../database/remediation-entry.php            |  18 +-
 modules/remediation/module.php                |   1 +
 modules/remediation/rest/clear-cache.php      |  56 ++
 modules/reviews/assets/src/api/index.js       |  19 +
 modules/reviews/assets/src/app.js             |  20 +
 .../assets/src/components/dismiss-button.js   |  26 +
 .../assets/src/components/feedback-form.js    |  49 ++
 .../assets/src/components/notification.js     |  36 +
 .../assets/src/components/rating-form.js      | 117 ++++
 .../assets/src/components/review-form.js      |  56 ++
 modules/reviews/assets/src/constants.js       |   2 +
 .../reviews/assets/src/hooks/use-settings.js  |  72 ++
 modules/reviews/assets/src/icons/index.js     |   5 +
 .../reviews/assets/src/icons/mood-empty.js    |  16 +
 .../reviews/assets/src/icons/mood-happy.js    |  16 +
 .../assets/src/icons/mood-sad-squint.js       |  16 +
 modules/reviews/assets/src/icons/mood-sad.js  |  16 +
 .../reviews/assets/src/icons/mood-smile.js    |  16 +
 .../assets/src/layouts/user-feedback-form.js  | 181 +++++
 modules/reviews/assets/src/reviews.js         |  29 +
 modules/reviews/assets/src/style.css          |   0
 modules/reviews/classes/feedback-handler.php  |  42 ++
 modules/reviews/classes/route-base.php        |  39 ++
 modules/reviews/module.php                    | 218 ++++++
 modules/reviews/rest/feedback.php             |  58 ++
 modules/scanner/assets/js/api/APIScanner.js   |   8 +
 .../color-contrast-form/color-set-disabled.js | 106 +++
 .../components/color-contrast-form/index.js   | 135 ++--
 .../js/components/header/dropdown-menu.js     |  45 ++
 .../assets/js/components/header/index.js      |   3 +-
 modules/scanner/assets/js/constants/index.js  |   2 +
 .../js/context/scanner-wizard-context.js      |  25 +-
 .../js/hooks/use-color-contrast-form.js       |  20 +-
 modules/scanner/assets/js/index.js            |  46 +-
 .../assets/js/utils/calc-color-ratio.js       |  16 +-
 modules/scanner/assets/js/utils/colorUtil.js  | 639 ++++++++++++++++++
 .../scanner/assets/js/utils/convert-colors.js |  54 +-
 modules/scanner/components/top-bar-link.php   |  14 +
 modules/scanner/module.php                    |   1 +
 modules/settings/assets/js/app.js             |   2 +
 .../components/analytics/charts/pie-chart.js  |   2 +-
 .../settings/assets/js/components/index.js    |   1 +
 .../js/components/onboarding-modal/index.js   | 108 +++
 .../js/components/sidebar-menu/menu-item.js   |   2 +-
 .../js/components/upgrade-modal/index.js      |   2 +-
 .../assets/js/contexts/plugin-settings.js     |  10 +
 .../assistant/stats/category-pie-chart.js     | 160 -----
 .../assets/js/pages/assistant/stats/index.js  | 238 +------
 .../stats/issues-by-category/index.js         |  46 ++
 .../issue-list.js}                            |  31 +-
 .../stats/issues-by-category/pie-chart.js     | 148 ++++
 .../assistant/stats/issues-by-level/index.js  |  64 ++
 .../issue-list.js}                            |   6 +-
 .../stats/issues-by-level/pie-chart.js        | 105 +++
 .../js/pages/assistant/stats/pie-chart.js     | 118 ----
 .../js/pages/assistant/stats/stats-counter.js |  28 +
 .../js/pages/assistant/stats/stats.styles.js  |  86 +++
 .../js/pages/assistant/stats/tooltip.js       |  38 ++
 modules/settings/assets/js/utils/index.js     |   6 +-
 .../settings/banners/onboarding-banner.php    | 212 ++++++
 modules/settings/classes/settings.php         |   1 +
 modules/settings/module.php                   |  89 ++-
 package-lock.json                             |   4 +-
 package.json                                  |   6 +-
 pojo-accessibility.php                        |   4 +-
 readme.txt                                    |  11 +-
 webpack.config.js                             |  12 +-
 80 files changed, 3730 insertions(+), 681 deletions(-)
 create mode 100644 assets/dev/js/hooks/use-storage.js
 create mode 100644 modules/deactivation/assets/css/style.css
 create mode 100644 modules/deactivation/assets/js/deactivation-feedback.js
 create mode 100644 modules/deactivation/module.php
 create mode 100644 modules/remediation/rest/clear-cache.php
 create mode 100644 modules/reviews/assets/src/api/index.js
 create mode 100644 modules/reviews/assets/src/app.js
 create mode 100644 modules/reviews/assets/src/components/dismiss-button.js
 create mode 100644 modules/reviews/assets/src/components/feedback-form.js
 create mode 100644 modules/reviews/assets/src/components/notification.js
 create mode 100644 modules/reviews/assets/src/components/rating-form.js
 create mode 100644 modules/reviews/assets/src/components/review-form.js
 create mode 100644 modules/reviews/assets/src/constants.js
 create mode 100644 modules/reviews/assets/src/hooks/use-settings.js
 create mode 100644 modules/reviews/assets/src/icons/index.js
 create mode 100644 modules/reviews/assets/src/icons/mood-empty.js
 create mode 100644 modules/reviews/assets/src/icons/mood-happy.js
 create mode 100644 modules/reviews/assets/src/icons/mood-sad-squint.js
 create mode 100644 modules/reviews/assets/src/icons/mood-sad.js
 create mode 100644 modules/reviews/assets/src/icons/mood-smile.js
 create mode 100644 modules/reviews/assets/src/layouts/user-feedback-form.js
 create mode 100644 modules/reviews/assets/src/reviews.js
 create mode 100644 modules/reviews/assets/src/style.css
 create mode 100644 modules/reviews/classes/feedback-handler.php
 create mode 100644 modules/reviews/classes/route-base.php
 create mode 100644 modules/reviews/module.php
 create mode 100644 modules/reviews/rest/feedback.php
 create mode 100644 modules/scanner/assets/js/components/color-contrast-form/color-set-disabled.js
 create mode 100644 modules/scanner/assets/js/utils/colorUtil.js
 create mode 100644 modules/settings/assets/js/components/onboarding-modal/index.js
 delete mode 100644 modules/settings/assets/js/pages/assistant/stats/category-pie-chart.js
 create mode 100644 modules/settings/assets/js/pages/assistant/stats/issues-by-category/index.js
 rename modules/settings/assets/js/pages/assistant/stats/{issue-by-category.js => issues-by-category/issue-list.js} (87%)
 create mode 100644 modules/settings/assets/js/pages/assistant/stats/issues-by-category/pie-chart.js
 create mode 100644 modules/settings/assets/js/pages/assistant/stats/issues-by-level/index.js
 rename modules/settings/assets/js/pages/assistant/stats/{issue-levels.js => issues-by-level/issue-list.js} (92%)
 create mode 100644 modules/settings/assets/js/pages/assistant/stats/issues-by-level/pie-chart.js
 delete mode 100644 modules/settings/assets/js/pages/assistant/stats/pie-chart.js
 create mode 100644 modules/settings/assets/js/pages/assistant/stats/stats-counter.js
 create mode 100644 modules/settings/assets/js/pages/assistant/stats/stats.styles.js
 create mode 100644 modules/settings/assets/js/pages/assistant/stats/tooltip.js
 create mode 100644 modules/settings/banners/onboarding-banner.php

diff --git a/assets/dev/js/hooks/index.js b/assets/dev/js/hooks/index.js
index 8736a95d..6bd5c369 100644
--- a/assets/dev/js/hooks/index.js
+++ b/assets/dev/js/hooks/index.js
@@ -1 +1,2 @@
 export { useToastNotification } from '@ea11y-apps/global/hooks/use-notifications';
+export { default as useStorage } from '@ea11y-apps/global/hooks/use-storage';
diff --git a/assets/dev/js/hooks/use-storage.js b/assets/dev/js/hooks/use-storage.js
new file mode 100644
index 00000000..7bda6279
--- /dev/null
+++ b/assets/dev/js/hooks/use-storage.js
@@ -0,0 +1,26 @@
+import { store as coreDataStore } from '@wordpress/core-data';
+import { dispatch, useSelect } from '@wordpress/data';
+
+const useStorage = () => {
+	const save = async (data) => {
+		return await dispatch(coreDataStore).saveEntityRecord('root', 'site', data);
+	};
+
+	// Fetch site data with useSelect and check resolution status
+	const get = useSelect((select) => {
+		return {
+			data: select(coreDataStore).getEntityRecord('root', 'site'),
+			hasFinishedResolution: select(coreDataStore).hasFinishedResolution(
+				'getEntityRecord',
+				['root', 'site'],
+			),
+		};
+	}, []);
+
+	return {
+		save,
+		get,
+	};
+};
+
+export default useStorage;
diff --git a/assets/dev/js/services/mixpanel/mixpanel-events.js b/assets/dev/js/services/mixpanel/mixpanel-events.js
index b3627e84..689ee84b 100644
--- a/assets/dev/js/services/mixpanel/mixpanel-events.js
+++ b/assets/dev/js/services/mixpanel/mixpanel-events.js
@@ -56,4 +56,17 @@ export const mixpanelEvents = {
 	assistantDashboardScanCtaClicked: 'scan_cta_clicked',
 	assistantDashboardSearchTriggered: 'search_triggered',
 	scanLogActionsButtonClicked: 'scan_log_actions_button_clicked',
+
+	// Onboarding modal
+	scanHomePageButtonClicked: 'scan_triggered',
+	introductionBannerShowed: 'banner_showed',
+	introductionBannerClosed: 'banner_dismissed',
+
+	review: {
+		promptShown: 'review_prompt_shown',
+		dismissClicked: 'review_dismiss_clicked',
+		starSelected: 'review_star_selected',
+		feedbackSubmitted: 'review_feedback_submitted',
+		publicRedirectClicked: 'review_public_redirect_clicked',
+	},
 };
diff --git a/classes/database/entry.php b/classes/database/entry.php
index d7c689e9..d3e165a7 100644
--- a/classes/database/entry.php
+++ b/classes/database/entry.php
@@ -220,7 +220,7 @@ private function class_short_name(): string {
 	 *                           Optional.
 	 *                           Defaults to null. In this case, will raise only the defaults /changed/ event.
 	 */
-	private function trigger_change( $data, string $event = null ) : void {
+	private function trigger_change( $data, ?string $event = null ) : void {
 		if ( $event ) {
 			/**
 			 * event specific
diff --git a/classes/database/table.php b/classes/database/table.php
index f8e84166..56fb752a 100644
--- a/classes/database/table.php
+++ b/classes/database/table.php
@@ -299,7 +299,7 @@ private static function get_columns_for_insert( $data ) {
 	 *
 	 * @return string|null The query result or NULL on error.
 	 */
-	public static function select_var( $fields = '*', $where = '1', int $limit = null, int $offset = null, string $join = '' ): ?string {
+	public static function select_var( $fields = '*', $where = '1', ?int $limit = null, ?int $offset = null, string $join = '' ): ?string {
 		return static::db()->get_var( static::build_sql_string( $fields, $where, $limit, $offset, $join ) );
 	}
 
@@ -333,7 +333,7 @@ public static function select_var( $fields = '*', $where = '1', int $limit = nul
 	 *
 	 * @return string The SQL SELECT statement built according to the function parameters.
 	 */
-	private static function build_sql_string( $fields = '*', $where = '1', int $limit = null, int $offset = null, string $join = '', array $order_by = [], $group_by = '' ): string {
+	private static function build_sql_string( $fields = '*', $where = '1', ?int $limit = null, ?int $offset = null, string $join = '', array $order_by = [], $group_by = '' ): string {
 		if ( is_array( $fields ) ) {
 			$fields = implode( ', ', $fields );
 		}
@@ -414,7 +414,7 @@ public static function build_order_by_sql_string( array $order_by ): string {
 	 *
 	 * @return array|object|\stdClass[]|null On success, an array of objects. Null on error.
 	 */
-	public static function select( $fields = '*', $where = '1', int $limit = null, int $offset = null, $join = '', array $order_by = [], $group_by = '' ) {
+	public static function select( $fields = '*', $where = '1', ?int $limit = null, ?int $offset = null, $join = '', array $order_by = [], $group_by = '' ) {
 		// TODO: handle $wpdb->last_error
 		$query = static::build_sql_string( $fields, $where, $limit, $offset, $join, $order_by, $group_by );
 		return static::db()->get_results( $query );
@@ -447,7 +447,7 @@ public static function select( $fields = '*', $where = '1', int $limit = null, i
 	 *
 	 * @return string[] Array of the values of the column as strings, or an empty one on error.
 	 */
-	public static function get_col( string $column = '', $where = '1', int $limit = null, int $offset = null, string $join = '', array $order_by = [] ) : array {
+	public static function get_col( string $column = '', $where = '1', ?int $limit = null, ?int $offset = null, string $join = '', array $order_by = [] ) : array {
 		return static::db()->get_col( static::build_sql_string( $column, $where, $limit, $offset, $join, $order_by ) );
 	}
 
@@ -521,7 +521,7 @@ public static function insert( array $data = [] ) {
 	 *
 	 * @return false|int Number of rows affected or false on error
 	 */
-	public static function insert_many( array $data = [], string $columns = null ) {
+	public static function insert_many( array $data = [], ?string $columns = null ) {
 		if ( null === $columns ) {
 			$columns = static::get_columns_for_insert( $data );
 			if ( ! $columns ) {
diff --git a/classes/services/client.php b/classes/services/client.php
index dc9cc457..6c0ef060 100644
--- a/classes/services/client.php
+++ b/classes/services/client.php
@@ -20,6 +20,8 @@
 class Client {
 	private const BASE_URL = 'https://my.elementor.com/apps/api/v1/a11y/';
 
+	private const BASE_URL_FEEDBACK = 'https://feedback-api.prod.apps.elementor.red/apps/api/v1/';
+
 	private bool $refreshed = false;
 
 	public static ?Client $instance = null;
@@ -71,6 +73,9 @@ private static function webhook_endpoint(): string {
 		return get_rest_url( $blog_id, 'a11y/v1/webhooks/common' );
 	}
 
+	/**
+	 * @throws Service_Exception
+	 */
 	public function make_request( $method, $endpoint, $body = [], array $headers = [], $send_json = false, $file = false, $file_name = '' ) {
 		$headers = array_replace_recursive( [
 			'x-elementor-a11y' => EA11Y_VERSION,
@@ -114,7 +119,14 @@ public static function get_client_base_url() {
 		return apply_filters( 'ea11y_client_base_url', self::BASE_URL );
 	}
 
+	public static function get_feedback_base_url() {
+		return apply_filters( 'ea11y_feedback_base_url', self::BASE_URL_FEEDBACK );
+	}
+
 	private static function get_remote_url( $endpoint ): string {
+		if ( strpos( $endpoint, 'feedback/' ) !== false ) {
+			return self::get_feedback_base_url() . $endpoint;
+		}
 		return self::get_client_base_url() . $endpoint;
 	}
 
diff --git a/classes/utils.php b/classes/utils.php
index f501958b..8417729c 100644
--- a/classes/utils.php
+++ b/classes/utils.php
@@ -23,6 +23,9 @@ public static function is_elementor_installed() :bool {
 		$installed_plugins = get_plugins();
 		return isset( $installed_plugins[ $file_path ] );
 	}
+	public static function user_is_admin(): bool {
+		return current_user_can( 'manage_options' );
+	}
 
 	public static function sanitize_object( $input ) {
 		// Convert an object to array if needed
diff --git a/includes/manager.php b/includes/manager.php
index edb38889..0fc9fcdb 100644
--- a/includes/manager.php
+++ b/includes/manager.php
@@ -25,6 +25,8 @@ public static function get_module_list(): array {
 			'whats-new',
 			'Remediation',
 			'Scanner',
+			'Deactivation',
+			'Reviews',
 		];
 	}
 
diff --git a/modules/deactivation/assets/css/style.css b/modules/deactivation/assets/css/style.css
new file mode 100644
index 00000000..b2a73087
--- /dev/null
+++ b/modules/deactivation/assets/css/style.css
@@ -0,0 +1,152 @@
+.ea11y-deactivation-modal {
+    display: none;
+}
+
+.ea11y-deactivation-content {
+    padding: 20px;
+}
+
+/* Thickbox auto-height adjustments */
+#TB_window.ea11y-feedback-thickbox {
+    height: auto !important;
+    max-height: 90vh;
+    overflow: auto;
+    top: 50% !important;
+    left: 50% !important;
+    transform: translate(-50%, -50%) !important;
+    margin: 0 !important;
+    width: 600px !important;
+}
+
+/* Custom styles for Ally feedback thickbox */
+#TB_window.ea11y-feedback-thickbox {
+    border-radius: 8px;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
+}
+
+.ea11y-feedback-thickbox #TB_ajaxContent {
+    overflow: visible;
+    padding: 0;
+}
+
+.ea11y-feedback-thickbox #TB_title {
+    padding: 5px;
+    display: flex;
+    flex-direction: row;
+}
+
+.ea11y-feedback-thickbox #TB_closeWindowButton .tb-close-icon {
+    box-shadow: none !important;
+}
+
+.ea11y-feedback-thickbox #TB_ajaxWindowTitle {
+    font-size: 14px;
+    letter-spacing: 1px;
+}
+
+.ea11y-deactivation-content h3 {
+    margin-top: 0;
+    color: #23282d;
+    font-size: 18px;
+    font-weight: 600;
+}
+
+.ea11y-deactivation-content p {
+    color: #666;
+    margin-bottom: 20px;
+}
+
+.ea11y-feedback-options {
+    margin-bottom: 20px;
+}
+
+.ea11y-feedback-option {
+    margin-bottom: 15px;
+}
+
+.ea11y-feedback-option > label {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    color: #23282d;
+    margin-bottom: 8px;
+}
+
+.ea11y-feedback-option input[type="radio"] {
+    margin-right: 8px;
+}
+
+.ea11y-feedback-text-field {
+    margin-left: 24px;
+    margin-top: 8px;
+}
+
+.ea11y-feedback-text-field label {
+    display: block;
+    font-size: 12px;
+    color: #666;
+    margin-bottom: 4px;
+}
+
+.ea11y-feedback-text-field input,
+.ea11y-feedback-text-field textarea {
+    width: 100%;
+    padding: 6px 8px;
+    border: 1px solid #ddd;
+    border-radius: 3px;
+    font-size: 13px;
+    resize: vertical;
+}
+
+.ea11y-feedback-text-field input:focus,
+.ea11y-feedback-text-field textarea:focus {
+    border-color: #0073aa;
+    box-shadow: 0 0 0 1px #0073aa;
+    outline: none;
+}
+
+.ea11y-deactivation-buttons {
+    display: flex;
+    flex-direction: row-reverse;
+    justify-content: space-between;
+    gap: 10px;
+    border-top: 1px solid #e1e1e1;
+    padding-top: 20px;
+}
+
+.ea11y-btn {
+    padding: 8px 16px;
+    border: none;
+    background: none;
+    text-decoration: none;
+    border-radius: 3px;
+    cursor: pointer;
+    font-size: 13px;
+    font-weight: 600;
+    color: #c0c0c0;
+    transition: all 0.3s ease;
+}
+
+.ea11y-btn:hover {
+    background: none;
+    color: #000;
+}
+
+.ea11y-btn-primary {
+    background: rgb(240, 171, 252);
+    border-color: rgb(240, 171, 252);
+    color: #000;
+    font-weight: 600;
+    transition: all 0.3s ease;
+}
+
+.ea11y-btn-primary:hover {
+    background: #e881fa;
+    border-color: #e881fa;
+    color: #000;
+}
+
+.ea11y-btn:focus {
+    box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
+    outline: none;
+}
\ No newline at end of file
diff --git a/modules/deactivation/assets/js/deactivation-feedback.js b/modules/deactivation/assets/js/deactivation-feedback.js
new file mode 100644
index 00000000..3986bdc9
--- /dev/null
+++ b/modules/deactivation/assets/js/deactivation-feedback.js
@@ -0,0 +1,115 @@
+import '../css/style.css';
+
+const REASON_FIELDS = {
+	unclear_how_to_use: ['text_field_unclear', 'unclear_details'],
+	switched_solution: ['text_field_switched', 'switched_details'],
+	other: ['text_field_other', 'other_details'],
+};
+
+class Ea11yDeactivationHandler {
+	constructor() {
+		this.deactivationLink = document.getElementById(
+			'deactivate-pojo-accessibility',
+		);
+
+		if (!this.deactivationLink) {
+			return;
+		}
+
+		this.originalDeactivationLink = this.deactivationLink.getAttribute('href');
+
+		this.init();
+	}
+
+	modal(title, url, cssClass) {
+		window.tb_show?.(title, url);
+		setTimeout(
+			() => document.getElementById('TB_window')?.classList.add(cssClass),
+			5,
+		);
+	}
+
+	hideFields() {
+		document
+			.querySelectorAll('.ea11y-feedback-text-field')
+			.forEach((f) => (f.style.display = 'none'));
+	}
+
+	toggleField(reason) {
+		this.hideFields();
+		const fieldId = REASON_FIELDS[reason]?.[0];
+		if (fieldId) {
+			document.getElementById(fieldId).style.display = 'block';
+		}
+	}
+
+	sendRequest(data, done) {
+		fetch(window?.ea11yDeactivationFeedback?.ajaxurl || '', {
+			method: 'POST',
+			headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+			body: new URLSearchParams(data),
+		}).finally(done);
+	}
+
+	handleSubmit() {
+		const reason = document.querySelector(
+			'input[name="ea11y_deactivation_reason"]:checked',
+		)?.value;
+		const detailsId = REASON_FIELDS[reason]?.[1];
+		const extra = detailsId
+			? document.getElementById(detailsId)?.value || ''
+			: '';
+
+		if (reason) {
+			this.sendRequest(
+				{
+					action: 'ea11y_deactivation_feedback',
+					reason,
+					additional_data: extra,
+					nonce: window?.ea11yDeactivationFeedback?.nonce || '',
+				},
+				() => this.deactivate(),
+			);
+		} else {
+			this.deactivate();
+		}
+	}
+
+	deactivate() {
+		window.tb_remove?.();
+		window.location.href = this.originalDeactivationLink;
+	}
+
+	init() {
+		this.deactivationLink.addEventListener('click', (e) => {
+			e.preventDefault();
+			this.modal(
+				'QUICK FEEDBACK',
+				'#TB_inline?width=550&height=auto&inlineId=ea11y-deactivation-modal',
+				'ea11y-feedback-thickbox',
+			);
+		});
+
+		document.addEventListener('change', (e) => {
+			if (e.target?.name === 'ea11y_deactivation_reason') {
+				this.toggleField(e.target.value);
+			}
+		});
+
+		document.addEventListener('click', (e) => {
+			if (e.target?.id === 'ea11y-submit-deactivate') {
+				e.preventDefault();
+				this.handleSubmit();
+			}
+			if (e.target?.id === 'ea11y-skip-deactivate') {
+				e.preventDefault();
+				this.deactivate();
+			}
+		});
+	}
+}
+
+document.addEventListener(
+	'DOMContentLoaded',
+	() => new Ea11yDeactivationHandler(),
+);
diff --git a/modules/deactivation/module.php b/modules/deactivation/module.php
new file mode 100644
index 00000000..931c086a
--- /dev/null
+++ b/modules/deactivation/module.php
@@ -0,0 +1,260 @@
+<?php
+
+namespace EA11y\Modules\Deactivation;
+
+use EA11y\Classes\Logger;
+use EA11y\Classes\Module_Base;
+use EA11y\Classes\Utils;
+use EA11y\Classes\Services\Client;
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // Exit if accessed directly.
+}
+
+/**
+ * Class Module
+ */
+class Module extends Module_Base {
+
+	const SERVICE_ENDPOINT = 'feedback/deactivation';
+
+	/**
+	 * Get module name.
+	 * Retrieve the module name.
+	 *
+	 * @access public
+	 * @return string Module name.
+	 */
+	public function get_name(): string {
+		return 'deactivation';
+	}
+
+	/**
+	 * Check if we should show the deactivation feedback modal
+	 *
+	 * @return bool
+	 */
+	private function should_show_feedback(): bool {
+		global $pagenow;
+
+		return 'plugins.php' === $pagenow && Utils::user_is_admin();
+	}
+
+	/**
+	 * Enqueue deactivation feedback assets
+	 */
+	public function enqueue_deactivation_assets(): void {
+		if ( ! $this->should_show_feedback() ) {
+			return;
+		}
+
+		// Enqueue thickbox for modal
+		add_thickbox();
+
+		Utils\Assets::enqueue_app_assets( 'deactivation-ally' );
+
+		wp_localize_script(
+			'deactivation-ally',
+			'ea11yDeactivationFeedback',
+			[
+				'nonce' => wp_create_nonce( 'ea11y_deactivation_feedback' ),
+				'ajaxurl' => admin_url( 'admin-ajax.php' ),
+			]
+		);
+		
+	}
+
+	/**
+	 * Add deactivation feedback modal HTML to footer
+	 */
+	public function add_deactivation_modal(): void {
+		if ( ! $this->should_show_feedback() ) {
+			return;
+		}
+		?>
+		<div id="ea11y-deactivation-modal" class="ea11y-deactivation-modal">
+			<div class="ea11y-deactivation-content">
+				<h4>
+					<?php esc_html_e( 'If you have a moment, please share why you are deactivating Ally:', 'pojo-accessibility' ); ?>
+				</h4>
+
+				<div class="ea11y-feedback-options">
+					<div class="ea11y-feedback-option">
+						<label for="reason_no_longer_needed">
+							<input type="radio" name="ea11y_deactivation_reason" value="no_longer_needed" id="reason_no_longer_needed">
+							<?php esc_html_e( 'I no longer need this plugin', 'pojo-accessibility' ); ?>
+						</label>
+					</div>
+
+					<div class="ea11y-feedback-option">
+						<label for="reason_too_expensive">
+							<input type="radio" name="ea11y_deactivation_reason" value="too_expensive" id="reason_too_expensive">
+							<?php esc_html_e( 'It\'s too expensive', 'pojo-accessibility' ); ?>
+						</label>
+					</div>
+
+					<div class="ea11y-feedback-option">
+						<label for="reason_no_results">
+							<input type="radio" name="ea11y_deactivation_reason" value="no_results" id="reason_no_results">
+							<?php esc_html_e( 'The plugin didn\'t provide the results I was hoping for', 'pojo-accessibility' ); ?>
+						</label>
+					</div>
+
+					<div class="ea11y-feedback-option">
+						<label for="reason_unclear">
+							<input type="radio" name="ea11y_deactivation_reason" value="unclear_how_to_use" id="reason_unclear">
+							<?php esc_html_e( 'I wasn\'t sure how to use the plugin', 'pojo-accessibility' ); ?>
+						</label>
+						<div class="ea11y-feedback-text-field" id="text_field_unclear" style="display: none;">
+							<label for="unclear_details"><?php esc_html_e( 'Optional: Was anything unclear or confusing?', 'pojo-accessibility' ); ?></label>
+							<textarea id="unclear_details" name="unclear_details" rows="3" placeholder="<?php esc_attr_e( 'Please share details...', 'pojo-accessibility' ); ?>"></textarea>
+						</div>
+					</div>
+
+					<div class="ea11y-feedback-option">
+						<label for="reason_technical">
+							<input type="radio" name="ea11y_deactivation_reason" value="technical_issues" id="reason_technical">
+							<?php esc_html_e( 'I had technical issues or conflicts with my site', 'pojo-accessibility' ); ?>
+						</label>
+					</div>
+
+					<div class="ea11y-feedback-option">
+						<label for="reason_switched">
+							<input type="radio" name="ea11y_deactivation_reason" value="switched_solution" id="reason_switched">
+							<?php esc_html_e( 'I switched to a different solution', 'pojo-accessibility' ); ?>
+						</label>
+						<div class="ea11y-feedback-text-field" id="text_field_switched" style="display: none;">
+							<label for="switched_details"><?php esc_html_e( 'Optional: Please share which solution:', 'pojo-accessibility' ); ?></label>
+							<input type="text" id="switched_details" name="switched_details" placeholder="<?php esc_attr_e( 'Solution name...', 'pojo-accessibility' ); ?>">
+						</div>
+					</div>
+
+					<div class="ea11y-feedback-option">
+						<label for="reason_other">
+							<input type="radio" name="ea11y_deactivation_reason" value="other" id="reason_other">
+							<?php esc_html_e( 'Other', 'pojo-accessibility' ); ?>
+						</label>
+						<div class="ea11y-feedback-text-field" id="text_field_other" style="display: none;">
+							<label for="other_details"><?php esc_html_e( 'Optional: Please share the reason:', 'pojo-accessibility' ); ?></label>
+							<textarea id="other_details" name="other_details" rows="3" placeholder="<?php esc_attr_e( 'Please explain...', 'pojo-accessibility' ); ?>"></textarea>
+						</div>
+					</div>
+				</div>
+
+				<div class="ea11y-deactivation-buttons">
+					<button type="button" id="ea11y-skip-deactivate" class="ea11y-btn">
+						<?php esc_html_e( 'Skip & Deactivate', 'pojo-accessibility' ); ?>
+					</button>
+					<button type="button" id="ea11y-submit-deactivate" class="ea11y-btn ea11y-btn-primary">
+						<?php esc_html_e( 'Submit & Deactivate', 'pojo-accessibility' ); ?>
+					</button>
+				</div>
+			</div>
+		</div>
+		<?php
+	}
+
+	/**
+	 * Handle AJAX feedback submission
+	 */
+	public function handle_deactivation_feedback(): void {
+		// Verify nonce
+		$nonce = sanitize_text_field( wp_unslash( $_POST['nonce'] ?? '' ) );
+
+		if ( ! wp_verify_nonce( $nonce, 'ea11y_deactivation_feedback' ) ) {
+			wp_send_json_error( esc_html__( 'Security check failed', 'pojo-accessibility' ) );
+			return;
+		}
+
+		// Check user capabilities
+		if ( ! Utils::user_is_admin() ) {
+			wp_send_json_error( esc_html__( 'Insufficient permissions', 'pojo-accessibility' ) );
+			return;
+		}
+
+		$reason = sanitize_text_field( wp_unslash( $_POST['reason'] ?? '' ) );
+		$additional_data = '';
+
+		// Safely handle additional_data if it exists
+		if ( isset( $_POST['additional_data'] ) ) {
+			$additional_data = sanitize_textarea_field( wp_unslash( $_POST['additional_data'] ) );
+		}
+
+		if ( empty( $reason ) ) {
+			wp_send_json_success( [ 'message' => 'No reason provided' ] );
+			return;
+		}
+
+		// Send feedback to external service
+		$feedback_sent = $this->send_feedback_to_service( $reason, $additional_data );
+
+		if ( $feedback_sent ) {
+			wp_send_json_success( [ 'message' => 'Feedback sent successfully' ] );
+		} else {
+			// Still return success to not block deactivation, but log the error
+			Logger::error( 'Failed to send deactivation feedback to service' );
+			wp_send_json_success( [ 'message' => 'Feedback logged locally' ] );
+		}
+	}
+
+	/**
+	 * Send feedback to external service
+	 *
+	 * @param string $reason The deactivation reason
+	 * @param string $additional_data Additional feedback data from text fields
+	 * @return bool Whether the feedback was sent successfully
+	 */
+	private function send_feedback_to_service( string $reason, string $additional_data = '' ): bool {
+		$feedback_data = $this->prepare_feedback_data( $reason, $additional_data );
+
+		$response = Client::get_instance()->make_request(
+			'POST',
+			self::SERVICE_ENDPOINT,
+			$feedback_data
+		);
+
+		if ( empty( $response ) || is_wp_error( $response ) ) {
+			Logger::error( 'Failed to post feedback:' . $response->get_error_message() );
+			return false;
+		}
+		
+		return true;
+	}
+
+	/**
+	 * Prepare feedback data for the service
+	 *
+	 * @param string $reason The deactivation reason
+	 * @param string $additional_data Additional feedback data from text fields
+	 * @return array Formatted feedback data
+	 */
+	private function prepare_feedback_data( string $reason, string $additional_data = '' ): array {
+		$data = [
+			'app'         => 'ally',
+			'app_version' => EA11Y_VERSION,
+			'selected_answer'         => $reason,
+			'site_url'       => home_url(),
+			'wp_version'     => get_bloginfo( 'version' ),
+			'php_version'    => PHP_VERSION,
+			'timestamp'      => current_time( 'mysql' ),
+			'user_agent'     => sanitize_text_field( wp_unslash( $_SERVER['HTTP_USER_AGENT'] ?? '' ) ),
+			'locale'         => get_locale(),
+		];
+
+		// Add additional data if provided
+		if ( ! empty( $additional_data ) ) {
+			$data['feedback_text'] = $additional_data;
+		}
+
+		return $data;
+	}
+
+	/**
+	 * Constructor
+	 */
+	public function __construct() {
+		add_action( 'admin_enqueue_scripts', [ $this, 'enqueue_deactivation_assets' ] );
+		add_action( 'admin_footer', [ $this, 'add_deactivation_modal' ] );
+		add_action( 'wp_ajax_ea11y_deactivation_feedback', [ $this, 'handle_deactivation_feedback' ] );
+	}
+}
diff --git a/modules/remediation/components/cache-cleaner.php b/modules/remediation/components/cache-cleaner.php
index 7d510775..9a0086cf 100644
--- a/modules/remediation/components/cache-cleaner.php
+++ b/modules/remediation/components/cache-cleaner.php
@@ -14,6 +14,36 @@
 class Cache_Cleaner {
 	const EA11Y_CLEAR_POST_CACHE_HOOK = 'ea11y_clear_post_cache';
 
+	public static function clear_ally_cache() : void {
+		Page_Entry::clear_all_cache();
+	}
+
+	public static function clear_ally_post_cache( $post ) : void {
+		$url = get_permalink( $post->ID );
+		$url_trimmed = rtrim( $url, '/' );
+		Page_Entry::clear_cache( $url_trimmed );
+	}
+
+	public static function clear_ally_url_cache( $url ) : void {
+		$url_trimmed = rtrim( $url, '/' );
+		Page_Entry::clear_cache( $url_trimmed );
+	}
+
+	public static function clear_ally_list_cache( $urls ) : void {
+		foreach ( $urls as $url ) {
+			$url_trimmed = rtrim( $url, '/' );
+			Page_Entry::clear_cache( $url_trimmed );
+		}
+	}
+
+	public function add_wp_rocket_clean_action() {
+		add_action( 'rocket_after_clean_domain', [ self::class, 'clear_ally_cache' ] );
+		add_action( 'rocket_after_clean_terms', [ self::class, 'clear_ally_list_cache' ] );
+		add_action( 'after_rocket_clean_post', [ self::class, 'clear_ally_post_cache' ] );
+		add_action( 'after_rocket_clean_home', [ self::class, 'clear_ally_url_cache' ] );
+		add_action( 'after_rocket_clean_file', [ self::class, 'clear_ally_url_cache' ] );
+	}
+
 	public function add_litespeed_clean_hook() {
 		add_filter( 'litespeed_purge_post_events', function ( $events ) {
 			$events[] = self::EA11Y_CLEAR_POST_CACHE_HOOK;
@@ -56,6 +86,8 @@ public function clean_post_cache( $post_ID, $post, $update ) {
 
 	public function __construct() {
 		$this->add_litespeed_clean_hook();
+		$this->add_wp_rocket_clean_action();
+
 		add_action( 'created_term', [ $this, 'clean_taxonomy_cache' ], 10, 3 );
 		add_action( 'edited_term', [ $this, 'clean_taxonomy_cache' ], 10, 3 );
 		add_action( 'save_post', [ $this, 'clean_post_cache' ], 10, 3 );
diff --git a/modules/remediation/database/page-entry.php b/modules/remediation/database/page-entry.php
index f001c30e..61680fed 100644
--- a/modules/remediation/database/page-entry.php
+++ b/modules/remediation/database/page-entry.php
@@ -159,4 +159,9 @@ public static function clear_cache( string $url ) : void {
 			return;
 		}
 	}
+
+	public static function clear_all_cache() : void {
+		$query = 'UPDATE `' . Page_Table::table_name() . '` SET `' . Page_Table::FULL_HTML . '` = NULL WHERE `' . Page_Table::FULL_HTML . '` IS NOT NULL';
+		Page_Table::query( $query );
+	}
 }
diff --git a/modules/remediation/database/remediation-entry.php b/modules/remediation/database/remediation-entry.php
index eef9dc36..37c927fc 100644
--- a/modules/remediation/database/remediation-entry.php
+++ b/modules/remediation/database/remediation-entry.php
@@ -50,7 +50,7 @@ public function create( string $id = 'id' ) {
 	 * @param string $by_value
 	 * @param string|null $group
 	 */
-	public static function remove( string $by, string $by_value, string $group = null ) {
+	public static function remove( string $by, string $by_value, ?string $group = null ) {
 		$where = $group ? [
 			$by => $by_value,
 			'group' => $group,
@@ -68,19 +68,7 @@ public static function remove( string $by, string $by_value, string $group = nul
 	 * @return array
 	 */
 	public static function get_page_remediations( string $url, bool $total = false ) : array {
-		$where = $total ? [
-			[
-				'column' => Remediation_Table::table_name() . '.' . Remediation_Table::URL,
-				'value' => $url,
-				'operator' => '=',
-				'relation_after' => 'AND',
-			],
-			[
-				'column' => Remediation_Table::table_name() . '.' . Remediation_Table::GROUP,
-				'value' => 'altText',
-				'operator' => '<>',
-			],
-		] : [
+		$where = [
 			[
 				'column' => Remediation_Table::URL,
 				'value' => $url,
@@ -113,7 +101,7 @@ public static function get_all_remediations( int $period ) : array {
 	 *
 	 * @return void
 	 */
-	public static function update_remediations_status( string $by, string $by_value, bool $status, string $group = null ): void {
+	public static function update_remediations_status( string $by, string $by_value, bool $status, ?string $group = null ): void {
 		$where = $group ? [
 			$by => $by_value,
 			'group' => $group,
diff --git a/modules/remediation/module.php b/modules/remediation/module.php
index 8463c246..4de0999a 100644
--- a/modules/remediation/module.php
+++ b/modules/remediation/module.php
@@ -28,6 +28,7 @@ public static function routes_list(): array {
 			'Items',
 			'Item',
 			'Trigger_Save',
+			'Clear_Cache',
 		];
 	}
 
diff --git a/modules/remediation/rest/clear-cache.php b/modules/remediation/rest/clear-cache.php
new file mode 100644
index 00000000..4a2fd123
--- /dev/null
+++ b/modules/remediation/rest/clear-cache.php
@@ -0,0 +1,56 @@
+<?php
+
+namespace EA11y\Modules\Remediation\Rest;
+
+use EA11y\Modules\Remediation\Classes\Route_Base;
+use EA11y\Modules\Remediation\Components\Cache_Cleaner;
+use Throwable;
+use WP_Error;
+use WP_REST_Response;
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // Exit if accessed directly
+}
+
+class Clear_Cache extends Route_Base {
+	public string $path = 'clear-cache';
+
+	public function get_methods(): array {
+		return [ 'DELETE' ];
+	}
+
+	public function get_name(): string {
+		return 'clear-cache';
+	}
+
+	/**
+	 *
+	 * @return WP_Error|WP_REST_Response
+	 *
+	 */
+	public function DELETE( $request ) {
+		try {
+			$error = $this->verify_capability();
+
+			if ( $error ) {
+				return $error;
+			}
+
+			$url = esc_url( $request->get_param( 'url' ) );
+			if ( $url ) {
+				Cache_Cleaner::clear_ally_url_cache( $url );
+			} else {
+				Cache_Cleaner::clear_ally_cache();
+			}
+
+			return $this->respond_success_json( [
+				'message' => 'Cache cleared.',
+			] );
+		} catch ( Throwable $t ) {
+			return $this->respond_error_json( [
+				'message' => $t->getMessage(),
+				'code' => 'internal_server_error',
+			] );
+		}
+	}
+}
diff --git a/modules/reviews/assets/src/api/index.js b/modules/reviews/assets/src/api/index.js
new file mode 100644
index 00000000..08c0ef47
--- /dev/null
+++ b/modules/reviews/assets/src/api/index.js
@@ -0,0 +1,19 @@
+import API from '@ea11y-apps/global/api/';
+
+const v1Prefix = '/ea11y/v1';
+
+class APIReview extends API {
+	/**
+	 * @param {Object} data
+	 * @return {Promise<any>} result
+	 */
+	static async sendFeedback(data) {
+		return API.request({
+			method: 'POST',
+			path: `${v1Prefix}/reviews/review`,
+			data,
+		});
+	}
+}
+
+export default APIReview;
diff --git a/modules/reviews/assets/src/app.js b/modules/reviews/assets/src/app.js
new file mode 100644
index 00000000..c7f23c21
--- /dev/null
+++ b/modules/reviews/assets/src/app.js
@@ -0,0 +1,20 @@
+import ReviewNotifications from './components/notification';
+import { useSettings } from './hooks/use-settings';
+import UserFeedbackForm from './layouts/user-feedback-form';
+import './style.css';
+
+const ReviewsApp = () => {
+	const { notificationMessage, notificationType } = useSettings();
+
+	return (
+		<>
+			<UserFeedbackForm />
+			<ReviewNotifications
+				message={notificationMessage}
+				type={notificationType}
+			/>
+		</>
+	);
+};
+
+export default ReviewsApp;
diff --git a/modules/reviews/assets/src/components/dismiss-button.js b/modules/reviews/assets/src/components/dismiss-button.js
new file mode 100644
index 00000000..0a337591
--- /dev/null
+++ b/modules/reviews/assets/src/components/dismiss-button.js
@@ -0,0 +1,26 @@
+import CloseButton from '@elementor/ui/CloseButton';
+import { useStorage } from '@ea11y-apps/global/hooks';
+import { date } from '@wordpress/date';
+import { useSettings } from '../hooks/use-settings';
+
+const DismissButton = () => {
+	const { save, get } = useStorage();
+	const { setIsOpened } = useSettings();
+	const handleDismiss = async () => {
+		if (get.hasFinishedResolution) {
+			await save({
+				ea11y_review_data: {
+					...get.data.ea11y_review_data,
+					dismissals: get.data.ea11y_review_data.dismissals + 1,
+					hide_for_days: get.data.ea11y_review_data.hide_for_days + 30,
+					last_dismiss: date('Y-m-d H:i:s'),
+				},
+			});
+		}
+
+		setIsOpened(false);
+	};
+	return <CloseButton onClick={handleDismiss} />;
+};
+
+export default DismissButton;
diff --git a/modules/reviews/assets/src/components/feedback-form.js b/modules/reviews/assets/src/components/feedback-form.js
new file mode 100644
index 00000000..8241fc8c
--- /dev/null
+++ b/modules/reviews/assets/src/components/feedback-form.js
@@ -0,0 +1,49 @@
+import Button from '@elementor/ui/Button';
+import FormControl from '@elementor/ui/FormControl';
+import TextField from '@elementor/ui/TextField';
+import { styled } from '@elementor/ui/styles';
+import { __ } from '@wordpress/i18n';
+import { useSettings } from '../hooks/use-settings';
+
+const FeedbackForm = ({ close, handleSubmitForm }) => {
+	const { feedback, setFeedback } = useSettings();
+
+	return (
+		<FormControl fullWidth>
+			<StyledTextField
+				onChange={(e) => setFeedback(e.target.value)}
+				minRows={5}
+				multiline
+				placeholder={__(
+					'Share your thoughts on how we can improve Ally …',
+					'pojo-accessibility',
+				)}
+				sx={{ marginBottom: 2 }}
+				value={feedback}
+				color="secondary"
+			/>
+			<StyledButton
+				color="secondary"
+				variant="contained"
+				onClick={() => handleSubmitForm(close)}
+			>
+				{__('Submit', 'pojo-accessibility')}
+			</StyledButton>
+		</FormControl>
+	);
+};
+
+export default FeedbackForm;
+
+const StyledButton = styled(Button)`
+	min-width: 80px;
+	align-self: flex-end;
+`;
+
+const StyledTextField = styled(TextField)`
+	textarea:focus,
+	textarea:active {
+		outline: none;
+		box-shadow: none;
+	}
+`;
diff --git a/modules/reviews/assets/src/components/notification.js b/modules/reviews/assets/src/components/notification.js
new file mode 100644
index 00000000..bb6754ba
--- /dev/null
+++ b/modules/reviews/assets/src/components/notification.js
@@ -0,0 +1,36 @@
+import CloseButton from '@elementor/ui/CloseButton';
+import Snackbar from '@elementor/ui/Snackbar';
+import SnackbarContent from '@elementor/ui/SnackbarContent';
+import { useSettings } from '../hooks/use-settings';
+
+const ReviewNotifications = ({ type, message }) => {
+	const {
+		showNotification,
+		setShowNotification,
+		setNotificationMessage,
+		setNotificationType,
+	} = useSettings();
+
+	const closeNotification = () => {
+		setShowNotification(!showNotification);
+		setNotificationMessage('');
+		setNotificationType('');
+	};
+
+	return (
+		<Snackbar
+			open={showNotification}
+			autoHideDuration={type === 'error' ? 10000 : 2000}
+			onClose={closeNotification}
+			anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
+			sx={{ zIndex: 99999 }}
+		>
+			<SnackbarContent
+				message={message}
+				action={<CloseButton color="inherit" onClick={closeNotification} />}
+			/>
+		</Snackbar>
+	);
+};
+
+export default ReviewNotifications;
diff --git a/modules/reviews/assets/src/components/rating-form.js b/modules/reviews/assets/src/components/rating-form.js
new file mode 100644
index 00000000..8a767014
--- /dev/null
+++ b/modules/reviews/assets/src/components/rating-form.js
@@ -0,0 +1,117 @@
+import Button from '@elementor/ui/Button';
+import FormControl from '@elementor/ui/FormControl';
+import FormControlLabel from '@elementor/ui/FormControlLabel';
+import ListItem from '@elementor/ui/ListItem';
+import ListItemIcon from '@elementor/ui/ListItemIcon';
+import Radio from '@elementor/ui/Radio';
+import RadioGroup from '@elementor/ui/RadioGroup';
+import { styled } from '@elementor/ui/styles';
+import { __ } from '@wordpress/i18n';
+import { useSettings } from '../hooks/use-settings';
+import {
+	MoodEmpty,
+	MoodHappy,
+	MoodSad,
+	MoodSadSquint,
+	MoodSmile,
+} from '../icons';
+
+const RatingForm = ({ close, handleSubmitForm }) => {
+	const {
+		rating,
+		setRating,
+		setCurrentPage,
+		nextButtonDisabled,
+		setNextButtonDisabled,
+	} = useSettings();
+
+	const ratingsMap = [
+		{
+			value: 5,
+			label: __('Excellent', 'pojo-accessibility'),
+			icon: <MoodHappy />,
+		},
+		{
+			value: 4,
+			label: __('Pretty good', 'pojo-accessibility'),
+			icon: <MoodSmile />,
+		},
+		{
+			value: 3,
+			label: __("It's okay", 'pojo-accessibility'),
+			icon: <MoodEmpty />,
+		},
+		{
+			value: 2,
+			label: __('Could be better', 'pojo-accessibility'),
+			icon: <MoodSadSquint />,
+		},
+		{
+			value: 1,
+			label: __('Needs improvement', 'pojo-accessibility'),
+			icon: <MoodSad />,
+		},
+	];
+
+	const handleRatingChange = (event, value) => {
+		setRating(value);
+		setNextButtonDisabled(false);
+	};
+
+	const handleNextButton = async () => {
+		if (rating < 4) {
+			setCurrentPage('feedback');
+		} else {
+			const submitted = await handleSubmitForm(close, true);
+
+			if (submitted) {
+				setCurrentPage('review');
+			}
+		}
+	};
+
+	return (
+		<FormControl fullWidth>
+			<RadioGroup
+				aria-labelledby="demo-radio-buttons-group-label"
+				onChange={(event, value) => handleRatingChange(event, value)}
+				name="radio-buttons-group"
+			>
+				{ratingsMap.map(({ value, label, icon }) => {
+					return (
+						<ListItem key={'item-' + value} disableGutters disablePadding>
+							<ListItemIcon>{icon}</ListItemIcon>
+							<StyledFormControlLabel
+								control={<Radio color="secondary" />}
+								label={label}
+								value={value}
+								labelPlacement="start"
+							/>
+						</ListItem>
+					);
+				})}
+			</RadioGroup>
+			<StyledButton
+				color="secondary"
+				variant="contained"
+				onClick={handleNextButton}
+				disabled={nextButtonDisabled}
+			>
+				{__('Next', 'pojo-accessibility')}
+			</StyledButton>
+		</FormControl>
+	);
+};
+
+export default RatingForm;
+
+const StyledFormControlLabel = styled(FormControlLabel)`
+	justify-content: space-between;
+	margin-left: 0;
+	width: 100%;
+`;
+
+const StyledButton = styled(Button)`
+	min-width: 80px;
+	align-self: flex-end;
+`;
diff --git a/modules/reviews/assets/src/components/review-form.js b/modules/reviews/assets/src/components/review-form.js
new file mode 100644
index 00000000..fade6fda
--- /dev/null
+++ b/modules/reviews/assets/src/components/review-form.js
@@ -0,0 +1,56 @@
+import Button from '@elementor/ui/Button';
+import FormControl from '@elementor/ui/FormControl';
+import Typography from '@elementor/ui/Typography';
+import { styled } from '@elementor/ui/styles';
+import { useStorage } from '@ea11y-apps/global/hooks';
+import { mixpanelEvents, mixpanelService } from '@ea11y-apps/global/services';
+import { __ } from '@wordpress/i18n';
+import { WORDPRESS_REVIEW_LINK } from '../constants';
+import { useSettings } from '../hooks/use-settings';
+
+const ReviewForm = ({ close }) => {
+	const { rating } = useSettings();
+	const { save, get } = useStorage();
+
+	const handleSubmit = async () => {
+		mixpanelService.sendEvent(mixpanelEvents.review.publicRedirectClicked, {
+			rating: parseInt(rating),
+			timestamp: new Date().toISOString(),
+		});
+
+		await save({
+			ea11y_review_data: {
+				...get.data.ea11y_review_data,
+				repo_review_clicked: true,
+			},
+		});
+
+		close();
+		window.open(WORDPRESS_REVIEW_LINK, '_blank');
+	};
+
+	return (
+		<FormControl fullWidth>
+			<Typography variant="body1" marginBottom={1}>
+				{__(
+					'It would mean a lot if you left us a quick review, so others can discover it too.',
+					'pojo-accessibility',
+				)}
+			</Typography>
+			<StyledButton
+				color="secondary"
+				variant="contained"
+				onClick={handleSubmit}
+			>
+				{__('Leave a review', 'pojo-accessibility')}
+			</StyledButton>
+		</FormControl>
+	);
+};
+
+export default ReviewForm;
+
+const StyledButton = styled(Button)`
+	min-width: 90px;
+	align-self: flex-end;
+`;
diff --git a/modules/reviews/assets/src/constants.js b/modules/reviews/assets/src/constants.js
new file mode 100644
index 00000000..72764379
--- /dev/null
+++ b/modules/reviews/assets/src/constants.js
@@ -0,0 +1,2 @@
+export const WORDPRESS_REVIEW_LINK =
+	'https://wordpress.org/support/plugin/pojo-accessibility/reviews/#new-post';
diff --git a/modules/reviews/assets/src/hooks/use-settings.js b/modules/reviews/assets/src/hooks/use-settings.js
new file mode 100644
index 00000000..0ec99893
--- /dev/null
+++ b/modules/reviews/assets/src/hooks/use-settings.js
@@ -0,0 +1,72 @@
+import { useState, createContext, useContext } from '@wordpress/element';
+
+/**
+ * Context Component.
+ */
+const SettingsContext = createContext(null);
+
+export function useSettings() {
+	return useContext(SettingsContext);
+}
+
+const SettingsProvider = ({ children }) => {
+	const [rating, setRating] = useState(0);
+	const [feedback, setFeedback] = useState('');
+	const [currentPage, setCurrentPage] = useState('ratings');
+	const [nextButtonDisabled, setNextButtonDisabled] = useState(true);
+	const [isOpened, setIsOpened] = useState(true);
+
+	// Notification
+	const [showNotification, setShowNotification] = useState(false);
+	const [notificationMessage, setNotificationMessage] = useState('');
+	const [notificationType, setNotificationType] = useState('');
+
+	return (
+		<SettingsContext.Provider
+			value={{
+				rating,
+				setRating,
+				feedback,
+				setFeedback,
+				currentPage,
+				setCurrentPage,
+				nextButtonDisabled,
+				setNextButtonDisabled,
+				showNotification,
+				setShowNotification,
+				notificationMessage,
+				setNotificationMessage,
+				notificationType,
+				setNotificationType,
+				isOpened,
+				setIsOpened,
+			}}
+		>
+			{children}
+		</SettingsContext.Provider>
+	);
+};
+
+export const useNotifications = () => {
+	const { setNotificationMessage, setNotificationType, setShowNotification } =
+		useContext(SettingsContext);
+
+	const error = (message) => {
+		setNotificationMessage(message);
+		setNotificationType('error');
+		setShowNotification(true);
+	};
+
+	const success = (message) => {
+		setNotificationMessage(message);
+		setNotificationType('success');
+		setShowNotification(true);
+	};
+
+	return {
+		success,
+		error,
+	};
+};
+
+export default SettingsProvider;
diff --git a/modules/reviews/assets/src/icons/index.js b/modules/reviews/assets/src/icons/index.js
new file mode 100644
index 00000000..70bde2f0
--- /dev/null
+++ b/modules/reviews/assets/src/icons/index.js
@@ -0,0 +1,5 @@
+export { default as MoodEmpty } from './mood-empty';
+export { default as MoodHappy } from './mood-happy';
+export { default as MoodSad } from './mood-sad';
+export { default as MoodSadSquint } from './mood-sad-squint';
+export { default as MoodSmile } from './mood-smile';
diff --git a/modules/reviews/assets/src/icons/mood-empty.js b/modules/reviews/assets/src/icons/mood-empty.js
new file mode 100644
index 00000000..c16ff19d
--- /dev/null
+++ b/modules/reviews/assets/src/icons/mood-empty.js
@@ -0,0 +1,16 @@
+import SvgIcon from '@elementor/ui/SvgIcon';
+
+function MoodEmpty(props) {
+	return (
+		<SvgIcon viewBox="0 0 24 24" fill="none" {...props}>
+			<path
+				fillRule="evenodd"
+				clipRule="evenodd"
+				d="M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75ZM2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM8.25 10C8.25 9.58579 8.58579 9.25 9 9.25H9.01C9.42421 9.25 9.76 9.58579 9.76 10C9.76 10.4142 9.42421 10.75 9.01 10.75H9C8.58579 10.75 8.25 10.4142 8.25 10ZM14.25 10C14.25 9.58579 14.5858 9.25 15 9.25H15.01C15.4242 9.25 15.76 9.58579 15.76 10C15.76 10.4142 15.4242 10.75 15.01 10.75H15C14.5858 10.75 14.25 10.4142 14.25 10ZM8.25 15C8.25 14.5858 8.58579 14.25 9 14.25H15C15.4142 14.25 15.75 14.5858 15.75 15C15.75 15.4142 15.4142 15.75 15 15.75H9C8.58579 15.75 8.25 15.4142 8.25 15Z"
+				fill="black"
+			/>
+		</SvgIcon>
+	);
+}
+
+export default MoodEmpty;
diff --git a/modules/reviews/assets/src/icons/mood-happy.js b/modules/reviews/assets/src/icons/mood-happy.js
new file mode 100644
index 00000000..b7acc508
--- /dev/null
+++ b/modules/reviews/assets/src/icons/mood-happy.js
@@ -0,0 +1,16 @@
+import SvgIcon from '@elementor/ui/SvgIcon';
+
+function MoodHappy(props) {
+	return (
+		<SvgIcon viewBox="0 0 24 24" fill="none" {...props}>
+			<path
+				fillRule="evenodd"
+				clipRule="evenodd"
+				d="M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75ZM2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM8.25 9C8.25 8.58579 8.58579 8.25 9 8.25H9.01C9.42421 8.25 9.76 8.58579 9.76 9C9.76 9.41421 9.42421 9.75 9.01 9.75H9C8.58579 9.75 8.25 9.41421 8.25 9ZM14.25 9C14.25 8.58579 14.5858 8.25 15 8.25H15.01C15.4242 8.25 15.76 8.58579 15.76 9C15.76 9.41421 15.4242 9.75 15.01 9.75H15C14.5858 9.75 14.25 9.41421 14.25 9ZM7.46967 12.4697C7.61032 12.329 7.80109 12.25 8 12.25H16C16.1989 12.25 16.3897 12.329 16.5303 12.4697C16.671 12.6103 16.75 12.8011 16.75 13C16.75 14.2598 16.2496 15.468 15.3588 16.3588C14.468 17.2496 13.2598 17.75 12 17.75C10.7402 17.75 9.53204 17.2496 8.64124 16.3588C7.75044 15.468 7.25 14.2598 7.25 13C7.25 12.8011 7.32902 12.6103 7.46967 12.4697ZM8.83771 13.75C8.97562 14.3314 9.27247 14.8687 9.7019 15.2981C10.3114 15.9076 11.138 16.25 12 16.25C12.862 16.25 13.6886 15.9076 14.2981 15.2981C14.7275 14.8687 15.0244 14.3314 15.1623 13.75H8.83771Z"
+				fill="black"
+			/>
+		</SvgIcon>
+	);
+}
+
+export default MoodHappy;
diff --git a/modules/reviews/assets/src/icons/mood-sad-squint.js b/modules/reviews/assets/src/icons/mood-sad-squint.js
new file mode 100644
index 00000000..7184a277
--- /dev/null
+++ b/modules/reviews/assets/src/icons/mood-sad-squint.js
@@ -0,0 +1,16 @@
+import SvgIcon from '@elementor/ui/SvgIcon';
+
+function MoodSadSquint(props) {
+	return (
+		<SvgIcon viewBox="0 0 24 24" fill="none" {...props}>
+			<path
+				fillRule="evenodd"
+				clipRule="evenodd"
+				d="M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75ZM2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM7.96967 7.96967C8.26256 7.67678 8.73744 7.67678 9.03033 7.96967L10.5303 9.46967C10.8232 9.76256 10.8232 10.2374 10.5303 10.5303L9.03033 12.0303C8.73744 12.3232 8.26256 12.3232 7.96967 12.0303C7.67678 11.7374 7.67678 11.2626 7.96967 10.9697L8.93934 10L7.96967 9.03033C7.67678 8.73744 7.67678 8.26256 7.96967 7.96967ZM16.0303 7.96967C16.3232 8.26256 16.3232 8.73744 16.0303 9.03033L15.0607 10L16.0303 10.9697C16.3232 11.2626 16.3232 11.7374 16.0303 12.0303C15.7374 12.3232 15.2626 12.3232 14.9697 12.0303L13.4697 10.5303C13.1768 10.2374 13.1768 9.76256 13.4697 9.46967L14.9697 7.96967C15.2626 7.67678 15.7374 7.67678 16.0303 7.96967ZM10.3536 14.5814C10.8748 14.3623 11.4346 14.2495 12 14.2495C12.5654 14.2495 13.1252 14.3623 13.6464 14.5814C14.1677 14.8004 14.64 15.1213 15.0357 15.5251C15.3256 15.821 15.3208 16.2958 15.0249 16.5857C14.729 16.8756 14.2542 16.8708 13.9643 16.5749C13.7082 16.3136 13.4026 16.106 13.0653 15.9642C12.728 15.8225 12.3659 15.7495 12 15.7495C11.6341 15.7495 11.272 15.8225 10.9347 15.9642C10.5974 16.106 10.2918 16.3136 10.0357 16.5749C9.74583 16.8708 9.27098 16.8756 8.97511 16.5857C8.67924 16.2958 8.6744 15.821 8.96429 15.5251C9.36 15.1213 9.83232 14.8004 10.3536 14.5814Z"
+				fill="black"
+			/>
+		</SvgIcon>
+	);
+}
+
+export default MoodSadSquint;
diff --git a/modules/reviews/assets/src/icons/mood-sad.js b/modules/reviews/assets/src/icons/mood-sad.js
new file mode 100644
index 00000000..d3bdb8e0
--- /dev/null
+++ b/modules/reviews/assets/src/icons/mood-sad.js
@@ -0,0 +1,16 @@
+import SvgIcon from '@elementor/ui/SvgIcon';
+
+function MoodSad(props) {
+	return (
+		<SvgIcon viewBox="0 0 24 24" fill="none" {...props}>
+			<path
+				fillRule="evenodd"
+				clipRule="evenodd"
+				d="M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75ZM2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM8.25 10C8.25 9.58579 8.58579 9.25 9 9.25H9.01C9.42421 9.25 9.76 9.58579 9.76 10C9.76 10.4142 9.42421 10.75 9.01 10.75H9C8.58579 10.75 8.25 10.4142 8.25 10ZM14.25 10C14.25 9.58579 14.5858 9.25 15 9.25H15.01C15.4242 9.25 15.76 9.58579 15.76 10C15.76 10.4142 15.4242 10.75 15.01 10.75H15C14.5858 10.75 14.25 10.4142 14.25 10ZM12 14.9495C11.6341 14.9495 11.272 15.0225 10.9347 15.1642C10.5974 15.3059 10.2918 15.5135 10.0357 15.7749C9.74583 16.0707 9.27098 16.0756 8.97511 15.7857C8.67924 15.4958 8.6744 15.0209 8.96429 14.7251C9.36 14.3212 9.83232 14.0004 10.3536 13.7813C10.8748 13.5623 11.4346 13.4495 12 13.4495C12.5654 13.4495 13.1252 13.5623 13.6464 13.7813C14.1677 14.0004 14.64 14.3212 15.0357 14.7251C15.3256 15.0209 15.3208 15.4958 15.0249 15.7857C14.729 16.0756 14.2542 16.0707 13.9643 15.7749C13.7082 15.5135 13.4026 15.3059 13.0653 15.1642C12.728 15.0225 12.3659 14.9495 12 14.9495Z"
+				fill="black"
+			/>
+		</SvgIcon>
+	);
+}
+
+export default MoodSad;
diff --git a/modules/reviews/assets/src/icons/mood-smile.js b/modules/reviews/assets/src/icons/mood-smile.js
new file mode 100644
index 00000000..3b0eca35
--- /dev/null
+++ b/modules/reviews/assets/src/icons/mood-smile.js
@@ -0,0 +1,16 @@
+import SvgIcon from '@elementor/ui/SvgIcon';
+
+function MoodSmile(props) {
+	return (
+		<SvgIcon viewBox="0 0 24 24" fill="none" {...props}>
+			<path
+				fillRule="evenodd"
+				clipRule="evenodd"
+				d="M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75ZM2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM8.25 10C8.25 9.58579 8.58579 9.25 9 9.25H9.01C9.42421 9.25 9.76 9.58579 9.76 10C9.76 10.4142 9.42421 10.75 9.01 10.75H9C8.58579 10.75 8.25 10.4142 8.25 10ZM14.25 10C14.25 9.58579 14.5858 9.25 15 9.25H15.01C15.4242 9.25 15.76 9.58579 15.76 10C15.76 10.4142 15.4242 10.75 15.01 10.75H15C14.5858 10.75 14.25 10.4142 14.25 10ZM8.97511 14.4643C9.27098 14.1744 9.74583 14.1792 10.0357 14.4751C10.2918 14.7364 10.5974 14.944 10.9347 15.0858C11.272 15.2275 11.6341 15.3005 12 15.3005C12.3659 15.3005 12.728 15.2275 13.0653 15.0858C13.4026 14.944 13.7082 14.7364 13.9643 14.4751C14.2542 14.1792 14.729 14.1744 15.0249 14.4643C15.3208 14.7542 15.3256 15.229 15.0357 15.5249C14.64 15.9288 14.1677 16.2496 13.6464 16.4686C13.1252 16.6877 12.5654 16.8005 12 16.8005C11.4346 16.8005 10.8748 16.6877 10.3536 16.4686C9.83232 16.2496 9.36 15.9288 8.96429 15.5249C8.6744 15.229 8.67924 14.7542 8.97511 14.4643Z"
+				fill="black"
+			/>
+		</SvgIcon>
+	);
+}
+
+export default MoodSmile;
diff --git a/modules/reviews/assets/src/layouts/user-feedback-form.js b/modules/reviews/assets/src/layouts/user-feedback-form.js
new file mode 100644
index 00000000..c624e973
--- /dev/null
+++ b/modules/reviews/assets/src/layouts/user-feedback-form.js
@@ -0,0 +1,181 @@
+import Box from '@elementor/ui/Box';
+import Popover from '@elementor/ui/Popover';
+import Typography from '@elementor/ui/Typography';
+import { styled } from '@elementor/ui/styles';
+import { useStorage } from '@ea11y-apps/global/hooks';
+import { mixpanelEvents, mixpanelService } from '@ea11y-apps/global/services';
+import { useEffect, useRef } from '@wordpress/element';
+import { escapeHTML } from '@wordpress/escape-html';
+import { __ } from '@wordpress/i18n';
+import APIReview from '../api';
+import DismissButton from '../components/dismiss-button';
+import FeedbackForm from '../components/feedback-form';
+import RatingForm from '../components/rating-form';
+import ReviewForm from '../components/review-form';
+import { useNotifications, useSettings } from '../hooks/use-settings';
+
+const UserFeedbackForm = () => {
+	const anchorEl = useRef(null);
+
+	const { success, error } = useNotifications();
+	const { save, get } = useStorage();
+	const { rating, setRating, feedback, isOpened, setIsOpened, setCurrentPage } =
+		useSettings();
+
+	useEffect(() => {
+		/**
+		 * Show the popover if the user has not submitted repo feedback.
+		 */
+		if (
+			window?.ea11yReviewData?.reviewData?.rating > 3 &&
+			!window?.ea11yReviewData?.reviewData?.repo_review_clicked
+		) {
+			setCurrentPage('review');
+			setRating(window?.ea11yReviewData?.reviewData?.rating); // re-add the saved rating
+		}
+	}, []);
+
+	useEffect(() => {
+		if (isOpened) {
+			mixpanelService.init().then(() => {
+				mixpanelService.sendEvent(mixpanelEvents.review.promptShown, {});
+			});
+		}
+	}, [isOpened]);
+
+	/**
+	 * Close the popover.
+	 * @param {Object} event
+	 * @param {string} reason
+	 */
+	const handleClose = (event, reason) => {
+		if ('backdropClick' !== reason) {
+			setIsOpened(false);
+		}
+
+		mixpanelService.sendEvent(mixpanelEvents.review.dismissClicked);
+	};
+
+	const id = isOpened ? 'reviews-popover' : undefined;
+
+	const { currentPage } = useSettings();
+
+	const headerMessage = {
+		ratings: __('How would you rate Ally so far?', 'pojo-accessibility'),
+		feedback: __(
+			'We’re thrilled to hear that! What would make it even better?',
+			'pojo-accessibility',
+		),
+		review: __("We're thrilled you're enjoying Ally", 'pojo-accessibility'),
+	};
+
+	const handleSubmit = async (close, avoidClosing = false) => {
+		try {
+			const response = await APIReview.sendFeedback({ rating, feedback }).then(
+				async (res) => {
+					await save({
+						ea11y_review_data: {
+							...get.data.ea11y_review_data,
+							rating: parseInt(rating),
+							feedback: escapeHTML(feedback),
+							submitted: true,
+						},
+					});
+
+					return res;
+				},
+			);
+
+			if (rating && !feedback) {
+				mixpanelService.sendEvent(mixpanelEvents.review.starSelected, {
+					rating: parseInt(rating),
+				});
+			}
+
+			if (feedback) {
+				mixpanelService.sendEvent(mixpanelEvents.review.feedbackSubmitted, {
+					feedback_text: escapeHTML(feedback),
+					rating: parseInt(rating),
+				});
+			}
+
+			if (!response?.success) {
+				/**
+				 * Show success message if the feedback was already submitted.
+				 */
+				await success(__('Feedback already submitted', 'pojo-accessibility'));
+			} else {
+				await success(__('Thank you for your feedback!', 'pojo-accessibility'));
+			}
+
+			if (!avoidClosing) {
+				await close();
+			}
+
+			return true;
+		} catch (e) {
+			error(__('Failed to submit!', 'pojo-accessibility'));
+			console.log(e);
+			return false;
+		}
+	};
+
+	return (
+		<Popover
+			open={isOpened}
+			anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
+			anchorReference="anchorPosition"
+			anchorPosition={{
+				top: window.innerHeight - 10,
+				left: window.innerWidth - 10,
+			}}
+			id={id}
+			onClose={handleClose}
+			anchorEl={anchorEl.current}
+			disableEscapeKeyDown
+			disableScrollLock
+			disablePortal
+			slotProps={{
+				paper: {
+					sx: {
+						pointerEvents: 'auto', // allow interactions inside popover
+					},
+				},
+			}}
+			sx={{
+				pointerEvents: 'none', // allow click-through behind
+			}}
+		>
+			<StyledBox>
+				<Header>
+					<Typography variant="subtitle1" color="text.primary">
+						{headerMessage?.[currentPage]}
+					</Typography>
+					<DismissButton close={handleClose} />
+				</Header>
+				{'ratings' === currentPage && (
+					<RatingForm close={handleClose} handleSubmitForm={handleSubmit} />
+				)}
+				{'feedback' === currentPage && (
+					<FeedbackForm close={handleClose} handleSubmitForm={handleSubmit} />
+				)}
+				{'review' === currentPage && <ReviewForm close={handleClose} />}
+			</StyledBox>
+		</Popover>
+	);
+};
+
+export default UserFeedbackForm;
+
+const StyledBox = styled(Box)`
+	width: 350px;
+	padding: ${({ theme }) => theme.spacing(1.5)};
+`;
+
+const Header = styled(Box)`
+	display: flex;
+	flex-direction: row;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: ${({ theme }) => theme.spacing(2)};
+`;
diff --git a/modules/reviews/assets/src/reviews.js b/modules/reviews/assets/src/reviews.js
new file mode 100644
index 00000000..1efbd40c
--- /dev/null
+++ b/modules/reviews/assets/src/reviews.js
@@ -0,0 +1,29 @@
+import DirectionProvider from '@elementor/ui/DirectionProvider';
+import { ThemeProvider } from '@elementor/ui/styles';
+import domReady from '@wordpress/dom-ready';
+import { StrictMode, Fragment, createRoot } from '@wordpress/element';
+import ReviewsApp from './app';
+import SettingsProvider from './hooks/use-settings';
+
+domReady(() => {
+	const rootNode = document.getElementById('reviews-app');
+
+	// Can't use the settings hook in the global scope so accessing directly
+	const isDevelopment = window?.ea11ySettingsData?.isDevelopment;
+	const isRTL = window?.ea11yReviewData?.isRTL;
+	const AppWrapper = Boolean(isDevelopment) ? StrictMode : Fragment;
+
+	const root = createRoot(rootNode);
+
+	root.render(
+		<AppWrapper>
+			<DirectionProvider rtl={isRTL}>
+				<ThemeProvider colorScheme="light">
+					<SettingsProvider>
+						<ReviewsApp />
+					</SettingsProvider>
+				</ThemeProvider>
+			</DirectionProvider>
+		</AppWrapper>,
+	);
+});
diff --git a/modules/reviews/assets/src/style.css b/modules/reviews/assets/src/style.css
new file mode 100644
index 00000000..e69de29b
diff --git a/modules/reviews/classes/feedback-handler.php b/modules/reviews/classes/feedback-handler.php
new file mode 100644
index 00000000..1163f440
--- /dev/null
+++ b/modules/reviews/classes/feedback-handler.php
@@ -0,0 +1,42 @@
+<?php
+
+namespace EA11y\Modules\Reviews\Classes;
+
+use Exception;
+use EA11y\Classes\Services\Client;
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // Exit if accessed directly
+}
+
+/**
+ * Feedback_Handler
+ *
+ * Class to post feedback
+ */
+class Feedback_Handler {
+
+	const SERVICE_ENDPOINT = 'feedback/reviews';
+
+	/**
+	 * Send request to the service to submit the feedback.
+	 *
+	 * @param $params
+	 *
+	 * @return string
+	 * @throws Exception
+	 */
+	public static function post_feedback( $params ) {
+		$response = Client::get_instance()->make_request(
+			'POST',
+			self::SERVICE_ENDPOINT,
+			$params
+		);
+
+		if ( empty( $response ) || is_wp_error( $response ) ) {
+			throw new Exception( 'Failed to add the feedback.' );
+		}
+
+		return $response;
+	}
+}
diff --git a/modules/reviews/classes/route-base.php b/modules/reviews/classes/route-base.php
new file mode 100644
index 00000000..a0bdcd9d
--- /dev/null
+++ b/modules/reviews/classes/route-base.php
@@ -0,0 +1,39 @@
+<?php
+
+namespace EA11y\Modules\Reviews\Classes;
+
+use EA11y\Classes\Rest\Route;
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // Exit if accessed directly
+}
+
+/**
+ * Class Route_Base
+ */
+class Route_Base extends Route {
+	protected bool $override = false;
+	protected $auth = true;
+	protected string $path = '';
+	public function get_methods(): array {
+		return [];
+	}
+
+	public function get_endpoint(): string {
+		return 'reviews/' . $this->get_path();
+	}
+
+	public function get_path(): string {
+		return $this->path;
+	}
+
+	public function get_name(): string {
+		return 'reviews';
+	}
+
+	public function get_permission_callback( \WP_REST_Request $request ): bool {
+		$valid = $this->permission_callback( $request );
+
+		return $valid && user_can( $this->current_user_id, 'manage_options' );
+	}
+}
diff --git a/modules/reviews/module.php b/modules/reviews/module.php
new file mode 100644
index 00000000..19cb58f6
--- /dev/null
+++ b/modules/reviews/module.php
@@ -0,0 +1,218 @@
+<?php
+
+namespace EA11y\Modules\Reviews;
+
+use EA11y\Classes\Module_Base;
+use EA11y\Classes\Utils;
+use EA11y\Modules\Settings\Classes\Settings;
+use EA11y\Modules\Settings\Module as SettingsModule;
+use EA11y\Modules\Connect\Module as Connect;
+use Throwable;
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // Exit if accessed directly.
+}
+
+/**
+ * Class Module
+ */
+class Module extends Module_Base {
+
+	const REVIEW_DATA_OPTION = SettingsModule::SETTING_PREFIX . 'review_data';
+
+	/**
+	 * Get module name.
+	 * Retrieve the module name.
+	 *
+	 * @access public
+	 * @return string Module name.
+	 */
+	public function get_name(): string {
+		return 'Reviews';
+	}
+
+	public static function routes_list() : array {
+		return [
+			'Feedback',
+		];
+	}
+
+	public function render_app(): void {
+		echo '<div id="reviews-app"></div>';
+	}
+
+	/**
+	 * Enqueue Scripts and Styles
+	 */
+	public function enqueue_scripts( $hook ): void {
+		if ( SettingsModule::SETTING_PAGE_SLUG !== $hook ) {
+			return;
+		}
+
+		if ( ! Connect::is_connected() ) {
+			return;
+		}
+
+		if ( ! $this->maybe_show_review_popup() ) {
+			return;
+		}
+
+		Utils\Assets::enqueue_app_assets( 'reviews' );
+
+		wp_localize_script(
+			'reviews',
+			'ea11yReviewData',
+			[
+				'wpRestNonce' => wp_create_nonce( 'wp_rest' ),
+				'reviewData' => $this->get_review_data(),
+				'isRTL' => is_rtl(),
+			]
+		);
+
+		$this->render_app();
+	}
+
+	public function register_base_data(): void {
+
+		if ( get_option( self::REVIEW_DATA_OPTION ) ) {
+			return;
+		}
+
+		$data = [
+			'dismissals' => 0,
+			'hide_for_days' => 0,
+			'last_dismiss' => null,
+			'rating' => null,
+			'feedback' => null,
+			'added_on' => gmdate( 'Y-m-d H:i:s' ),
+			'submitted' => false,
+			'repo_review_clicked' => false,
+		];
+
+		update_option( self::REVIEW_DATA_OPTION, $data, false );
+	}
+
+	/**
+	 * Register settings.
+	 *
+	 * Register settings for the plugin.
+	 *
+	 * @return void
+	 * @throws Throwable
+	 */
+	public function register_settings(): void {
+		$settings = [
+			'review_data' => [
+				'type' => 'object',
+				'show_in_rest' => [
+					'schema' => [
+						'type' => 'object',
+						'additionalProperties' => true,
+					],
+				],
+			],
+		];
+
+		foreach ( $settings as $setting => $args ) {
+			if ( ! isset( $args['show_in_rest'] ) ) {
+				$args['show_in_rest'] = true;
+			}
+			register_setting( 'options', SettingsModule::SETTING_PREFIX . $setting, $args );
+		}
+	}
+
+	public function get_review_data(): array {
+		return get_option( self::REVIEW_DATA_OPTION );
+	}
+
+	/**
+	 * Get the number of days since the plugin was installed.
+	 *
+	 * @return int The number of days since the plugin was installed.
+	 */
+	public function get_days_since_installed() {
+		$registered_at = Settings::get( Settings::PLAN_DATA )->site->registered_at ?? null;
+		if ( ! $registered_at ) {
+			return 0;
+		}
+		$days = floor( ( time() - strtotime( $registered_at ) ) / DAY_IN_SECONDS );
+		return max( 0, $days );
+	}
+
+	/**
+	 * Check if the settings have been modified by comparing them with the default settings.
+	 * @return bool
+	 */
+	public function check_if_settings_modified() {
+
+		// Get the current settings.
+		$current_widget_menu_settings = Settings::get( Settings::WIDGET_MENU_SETTINGS );
+		$current_widget_icon_settings = Settings::get( Settings::WIDGET_ICON_SETTINGS );
+		$current_skip_to_content_settings = Settings::get( Settings::SKIP_TO_CONTENT );
+
+		if ( ! $current_widget_menu_settings || ! $current_widget_icon_settings || ! $current_skip_to_content_settings ) {
+			return false;
+		}
+
+		// Get the default settings.
+		$widget_menu_settings = SettingsModule::get_default_settings( 'widget_menu_settings' );
+		$widget_icon_settings = SettingsModule::get_default_settings( 'widget_icon_settings' );
+		$skip_to_content_settings = SettingsModule::get_default_settings( 'skip_to_content_settings' );
+
+		// Check if the current settings match the default settings.
+		if ( $current_widget_menu_settings !== $widget_menu_settings || $current_widget_icon_settings !== $widget_icon_settings || $current_skip_to_content_settings !== $skip_to_content_settings ) {
+			return true;
+		}
+
+		return false;
+	}
+
+	/**
+	 * Maybe show the review popup.
+	 * Check if the review popup should be shown based on various conditions.
+	 * @return bool
+	 */
+	public function maybe_show_review_popup() {
+		if ( $this->check_if_settings_modified() && $this->get_days_since_installed() > 1 ) {
+
+			$review_data = $this->get_review_data();
+
+			// Don't show if user has already submitted feedback when rating is less than 4.
+			if ( isset( $review_data['rating'] ) && (int) $review_data['rating'] < 4 ) {
+				return false;
+			}
+
+			// Hide if rating is submitted but repo review is not clicked.
+			if ( (int) $review_data['rating'] > 3 && $review_data['repo_review_clicked'] ) {
+				return false;
+			}
+
+			// Don't show if user has dismissed the popup 3 times.
+			if ( 3 === (int) $review_data['dismissals'] ) {
+				return false;
+			}
+
+			if ( isset( $review_data['hide_for_days'] ) && $review_data['hide_for_days'] > 0 ) {
+				$hide_for_days = $review_data['hide_for_days'];
+				$last_dismiss = strtotime( $review_data['last_dismiss'] );
+				$days_since_dismiss = floor( ( time() - $last_dismiss ) / DAY_IN_SECONDS );
+
+				if ( $days_since_dismiss < $hide_for_days ) {
+					return false;
+				}
+			}
+
+			return true;
+		}
+
+		return false;
+	}
+
+	public function __construct() {
+		add_action( 'admin_enqueue_scripts', [ $this, 'enqueue_scripts' ] );
+		add_action( 'admin_init', [ $this, 'register_base_data' ] );
+		add_action( 'rest_api_init', [ $this, 'register_settings' ] );
+
+		$this->register_routes();
+	}
+}
diff --git a/modules/reviews/rest/feedback.php b/modules/reviews/rest/feedback.php
new file mode 100644
index 00000000..55ef7f52
--- /dev/null
+++ b/modules/reviews/rest/feedback.php
@@ -0,0 +1,58 @@
+<?php
+
+namespace EA11y\Modules\Reviews\Rest;
+
+use EA11y\Modules\Reviews\Classes\Feedback_Handler;
+use EA11y\Modules\Reviews\Classes\Route_Base;
+use Throwable;
+use WP_Error;
+use WP_REST_Request;
+use WP_REST_Response;
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // Exit if accessed directly
+}
+
+
+class Feedback extends Route_Base {
+	public string $path = 'review';
+
+	public function get_methods(): array {
+		return [ 'POST' ];
+	}
+
+	public function get_name(): string {
+		return 'feedback';
+	}
+
+	/**
+	 * @param WP_REST_Request $request
+	 *
+	 * @return WP_Error|WP_REST_Response
+	 */
+	public function POST( WP_REST_Request $request ) {
+		try {
+			$error = $this->verify_capability();
+
+			if ( $error ) {
+				return $error;
+			}
+
+			$params = $request->get_json_params();
+			// Prepare for use
+			$params['feedback'] = sanitize_text_field( $params['feedback'] );
+			$params['rating'] = sanitize_text_field( $params['rating'] );
+			$params['app_name'] = 'ally';
+
+			$response = Feedback_Handler::post_feedback( $params );
+
+			return $this->respond_success_json( $response );
+
+		} catch ( Throwable $t ) {
+			return $this->respond_error_json( [
+				'message' => $t->getMessage(),
+				'code' => 'internal_server_error',
+			] );
+		}
+	}
+}
diff --git a/modules/scanner/assets/js/api/APIScanner.js b/modules/scanner/assets/js/api/APIScanner.js
index 5935ce7e..294b43fb 100644
--- a/modules/scanner/assets/js/api/APIScanner.js
+++ b/modules/scanner/assets/js/api/APIScanner.js
@@ -119,4 +119,12 @@ export class APIScanner extends API {
 			data,
 		});
 	}
+
+	static async clearCache(data) {
+		return APIScanner.request({
+			method: 'DELETE',
+			path: `${v1Prefix}/remediation/clear-cache`,
+			data,
+		});
+	}
 }
diff --git a/modules/scanner/assets/js/components/color-contrast-form/color-set-disabled.js b/modules/scanner/assets/js/components/color-contrast-form/color-set-disabled.js
new file mode 100644
index 00000000..140addcc
--- /dev/null
+++ b/modules/scanner/assets/js/components/color-contrast-form/color-set-disabled.js
@@ -0,0 +1,106 @@
+import LockFilledIcon from '@elementor/icons/LockFilledIcon';
+import RotateIcon from '@elementor/icons/RotateIcon';
+import Box from '@elementor/ui/Box';
+import Button from '@elementor/ui/Button';
+import InputAdornment from '@elementor/ui/InputAdornment';
+import Slider from '@elementor/ui/Slider';
+import TextField from '@elementor/ui/TextField';
+import Tooltip from '@elementor/ui/Tooltip';
+import Typography from '@elementor/ui/Typography';
+import { styled } from '@elementor/ui/styles';
+import { UnstableColorIndicator } from '@elementor/ui/unstable';
+import PropTypes from 'prop-types';
+import { SunIcon, SunOffIcon } from '@ea11y-apps/scanner/images';
+import { __ } from '@wordpress/i18n';
+
+export const ColorSetDisabled = ({ title, description }) => {
+	return (
+		<Box>
+			<Box display="flex" alignItems="center" gap={1}>
+				<Typography variant="body2" as="p" color="text.disabled">
+					{title}
+				</Typography>
+				<Tooltip
+					arrow
+					placement="top"
+					title={description}
+					PopperProps={{
+						disablePortal: true,
+						sx: {
+							'& .MuiTooltip-tooltip': {
+								maxWidth: 400,
+							},
+						},
+					}}
+				>
+					<LockFilledIcon tabindex={0} color="disabled" fontSize="tiny" />
+				</Tooltip>
+			</Box>
+			<StyledColorSet>
+				<SunOffIcon />
+				<Slider
+					aria-label={__('Lightness', 'pojo-accessibility')}
+					color="secondary"
+					size="small"
+					sx={{ width: '150px' }}
+					disabled
+				/>
+				<SunIcon />
+				<TextField
+					variant="outlined"
+					size="small"
+					color="secondary"
+					defaultValue="-"
+					disabled
+					inputProps={{
+						'aria-label': __('Lightness percent', 'pojo-accessibility'),
+					}}
+					InputProps={{
+						sx: {
+							width: '75px',
+							paddingRight: '4px',
+							marginRight: '8px',
+						},
+						endAdornment: (
+							<InputAdornment position="end">
+								<Button size="small" disabled sx={{ minWidth: 'auto' }}>
+									%
+								</Button>
+							</InputAdornment>
+						),
+					}}
+				/>
+				<UnstableColorIndicator
+					value="rgba(0, 0, 0, 0)"
+					disabled
+					size="small"
+				/>
+				<Tooltip
+					arrow
+					placement="top"
+					title={__('Reset', 'pojo-accessibility')}
+					PopperProps={{
+						disablePortal: true,
+					}}
+				>
+					<RotateIcon
+						color="disabled"
+						fontSize="tiny"
+						sx={{ p: '6px', transform: 'rotate(180deg)' }}
+					/>
+				</Tooltip>
+			</StyledColorSet>
+		</Box>
+	);
+};
+
+const StyledColorSet = styled(Box)`
+	display: flex;
+	align-items: center;
+	gap: ${({ theme }) => theme.spacing(1)};
+`;
+
+ColorSetDisabled.propTypes = {
+	title: PropTypes.string.isRequired,
+	description: PropTypes.string.isRequired,
+};
diff --git a/modules/scanner/assets/js/components/color-contrast-form/index.js b/modules/scanner/assets/js/components/color-contrast-form/index.js
index 28a674cc..6176623e 100644
--- a/modules/scanner/assets/js/components/color-contrast-form/index.js
+++ b/modules/scanner/assets/js/components/color-contrast-form/index.js
@@ -1,22 +1,21 @@
 import Alert from '@elementor/ui/Alert';
 import AlertTitle from '@elementor/ui/AlertTitle';
-import Box from '@elementor/ui/Box';
 import Button from '@elementor/ui/Button';
 import Divider from '@elementor/ui/Divider';
 import Typography from '@elementor/ui/Typography';
 import PropTypes from 'prop-types';
 import { mixpanelEvents, mixpanelService } from '@ea11y-apps/global/services';
 import { ColorSet } from '@ea11y-apps/scanner/components/color-contrast-form/color-set';
+import { ColorSetDisabled } from '@ea11y-apps/scanner/components/color-contrast-form/color-set-disabled';
 import { ParentSelector } from '@ea11y-apps/scanner/components/color-contrast-form/parent-selector';
 import { BLOCKS } from '@ea11y-apps/scanner/constants';
 import { useColorContrastForm } from '@ea11y-apps/scanner/hooks/use-color-contrast-form';
 import { StyledBox } from '@ea11y-apps/scanner/styles/app.styles';
 import { scannerItem } from '@ea11y-apps/scanner/types/scanner-item';
-import {
-	checkContrastAA,
-	isLargeText,
-} from '@ea11y-apps/scanner/utils/calc-color-ratio';
-import { __, sprintf } from '@wordpress/i18n';
+import { checkContrastAA } from '@ea11y-apps/scanner/utils/calc-color-ratio';
+import { rgbOrRgbaToHex } from '@ea11y-apps/scanner/utils/convert-colors';
+import { useEffect, useRef } from '@wordpress/element';
+import { __ } from '@wordpress/i18n';
 
 export const ColorContrastForm = ({ items, current, setCurrent }) => {
 	const item = items[current];
@@ -38,17 +37,19 @@ export const ColorContrastForm = ({ items, current, setCurrent }) => {
 		setCurrent,
 	});
 
-	const isPossibleToResolve = item.messageArgs[3] && item.messageArgs[4];
+	const colorRef = useRef(null);
 
-	const passRatio = isLargeText(item.node) ? '3:1' : '4.5:1';
+	useEffect(() => {
+		if (item?.node) {
+			colorRef.current = rgbOrRgbaToHex(
+				window.getComputedStyle(item.node).getPropertyValue('color'),
+			);
+		}
+	}, [item]);
 
-	const colorData =
-		color && background
-			? checkContrastAA(color, background, item.node)
-			: {
-					ratio: item.messageArgs[0],
-					passesAA: false,
-				};
+	const isBackgroundEnabled = item.messageArgs[3] && item.messageArgs[4];
+
+	const colorData = checkContrastAA(item.node);
 
 	const handleSubmit = async () => {
 		await onSubmit();
@@ -65,58 +66,37 @@ export const ColorContrastForm = ({ items, current, setCurrent }) => {
 	return (
 		<StyledBox>
 			<Divider />
-			{!isPossibleToResolve ? (
-				<>
-					<Box>
-						<Typography variant="subtitle2" as="h5" sx={{ mb: 1 }}>
-							{__('What’s the issue?', 'pojo-accessibility')}
-						</Typography>
-						<Typography variant="body2" as="p">
-							{__(
-								'Adjust the text or background lightness until the indicator shows an accessible level.',
-								'pojo-accessibility',
-							)}
-						</Typography>
-					</Box>
-					<Box>
-						<Typography variant="subtitle2" as="h5" sx={{ mb: 1 }}>
-							{__('How to resolve?', 'pojo-accessibility')}
-						</Typography>
-						<Typography variant="body2" as="p">
-							{sprintf(
-								// Translators: %s - color ratio
-								__(
-									'To meet accessibility standards, update the text or background color to reach a contrast ratio of at least %s',
-									'pojo-accessibility',
-								),
-								passRatio,
-							)}
-						</Typography>
-					</Box>
-				</>
+
+			<Typography variant="body2" as="p">
+				{__(
+					'Adjust the text or background lightness until the indicator shows an accessible level.',
+					'pojo-accessibility',
+				)}
+			</Typography>
+			<ColorSet
+				title={__('Text', 'pojo-accessibility')}
+				color={color}
+				initialColor={colorRef.current || color}
+				setColor={changeColor}
+				area="color"
+			/>
+
+			{isBackgroundEnabled ? (
+				<ColorSet
+					title={__('Background', 'pojo-accessibility')}
+					color={background}
+					initialColor={item.messageArgs[4]}
+					setColor={changeBackground}
+					area="background"
+				/>
 			) : (
-				<>
-					<Typography variant="body2" as="p">
-						{__(
-							'Adjust the text or background lightness until the indicator shows an accessible level.',
-							'pojo-accessibility',
-						)}
-					</Typography>
-					<ColorSet
-						title={__('Text', 'pojo-accessibility')}
-						color={color}
-						initialColor={item.messageArgs[3]}
-						setColor={changeColor}
-						area="color"
-					/>
-					<ColorSet
-						title={__('Background', 'pojo-accessibility')}
-						color={background}
-						initialColor={item.messageArgs[4]}
-						setColor={changeBackground}
-						area="background"
-					/>
-				</>
+				<ColorSetDisabled
+					title={__('Background', 'pojo-accessibility')}
+					description={__(
+						'Image and gradient backgrounds must be changed in the design',
+						'pojo-accessibility',
+					)}
+				/>
 			)}
 
 			{backgroundChanged && (
@@ -132,18 +112,17 @@ export const ColorContrastForm = ({ items, current, setCurrent }) => {
 				</AlertTitle>
 				{colorData.ratio}
 			</Alert>
-			{isPossibleToResolve && (
-				<Button
-					variant="contained"
-					size="small"
-					color="info"
-					loading={loading}
-					disabled={!colorData.passesAA || resolved || loading}
-					onClick={handleSubmit}
-				>
-					{__('Apply changes', 'pojo-accessibility')}
-				</Button>
-			)}
+
+			<Button
+				variant="contained"
+				size="small"
+				color="info"
+				loading={loading}
+				disabled={!colorData.passesAA || resolved || loading}
+				onClick={handleSubmit}
+			>
+				{__('Apply changes', 'pojo-accessibility')}
+			</Button>
 		</StyledBox>
 	);
 };
diff --git a/modules/scanner/assets/js/components/header/dropdown-menu.js b/modules/scanner/assets/js/components/header/dropdown-menu.js
index af810db1..117505f9 100644
--- a/modules/scanner/assets/js/components/header/dropdown-menu.js
+++ b/modules/scanner/assets/js/components/header/dropdown-menu.js
@@ -1,4 +1,5 @@
 import CalendarDollarIcon from '@elementor/icons/CalendarDollarIcon';
+import ClearIcon from '@elementor/icons/ClearIcon';
 import DotsHorizontalIcon from '@elementor/icons/DotsHorizontalIcon';
 import ExternalLinkIcon from '@elementor/icons/ExternalLinkIcon';
 import RefreshIcon from '@elementor/icons/RefreshIcon';
@@ -11,7 +12,9 @@ import MenuItemIcon from '@elementor/ui/MenuItemIcon';
 import MenuItemText from '@elementor/ui/MenuItemText';
 import Tooltip from '@elementor/ui/Tooltip';
 import { ELEMENTOR_URL } from '@ea11y-apps/global/constants';
+import { useToastNotification } from '@ea11y-apps/global/hooks';
 import { mixpanelEvents, mixpanelService } from '@ea11y-apps/global/services';
+import { APIScanner } from '@ea11y-apps/scanner/api/APIScanner';
 import { BLOCKS } from '@ea11y-apps/scanner/constants';
 import { useScannerWizardContext } from '@ea11y-apps/scanner/context/scanner-wizard-context';
 import { DisabledMenuItemText } from '@ea11y-apps/scanner/styles/app.styles';
@@ -21,7 +24,9 @@ import { __ } from '@wordpress/i18n';
 export const DropdownMenu = () => {
 	const { remediations, isManage, setOpenedBlock, setIsManage, runNewScan } =
 		useScannerWizardContext();
+	const { error } = useToastNotification();
 	const [isOpened, setIsOpened] = useState(false);
+	const [loading, setLoading] = useState(false);
 	const anchorEl = useRef(null);
 
 	const handleOpen = () => {
@@ -41,6 +46,21 @@ export const DropdownMenu = () => {
 		sendOnClickEvent('Rescan');
 	};
 
+	const onClearCache = async () => {
+		try {
+			setLoading(true);
+			await APIScanner.clearCache({
+				url: window.ea11yScannerData?.pageData?.url,
+			});
+			sendOnClickEvent('Clear cache');
+			handleClose();
+		} catch (e) {
+			error(__('An error occurred.', 'pojo-accessibility'));
+		} finally {
+			setLoading(false);
+		}
+	};
+
 	const goToManagement = () => {
 		handleClose();
 		setIsManage(true);
@@ -86,6 +106,31 @@ export const DropdownMenu = () => {
 
 					<MenuItemText>{__('Rescan', 'pojo-accessibility')}</MenuItemText>
 				</MenuItem>
+				{remediations.length > 0 ? (
+					<MenuItem
+						onClick={onClearCache}
+						loading={loading}
+						disabled={loading}
+						dense
+					>
+						<MenuItemIcon>
+							<ClearIcon />
+						</MenuItemIcon>
+
+						<MenuItemText>
+							{__('Clear cache', 'pojo-accessibility')}
+						</MenuItemText>
+					</MenuItem>
+				) : (
+					<MenuItem dense>
+						<MenuItemIcon>
+							<ClearIcon color="disabled" />
+						</MenuItemIcon>
+						<DisabledMenuItemText>
+							{__('Clear page cache', 'pojo-accessibility')}
+						</DisabledMenuItemText>
+					</MenuItem>
+				)}
 
 				{!remediations.length ? (
 					<Tooltip
diff --git a/modules/scanner/assets/js/components/header/index.js b/modules/scanner/assets/js/components/header/index.js
index cf51ec6c..11e43893 100644
--- a/modules/scanner/assets/js/components/header/index.js
+++ b/modules/scanner/assets/js/components/header/index.js
@@ -37,8 +37,9 @@ export const Header = () => {
 		isChanged,
 		setOpenedBlock,
 		setIsManage,
+		violation,
 	} = useScannerWizardContext();
-	const violation = results?.summary?.counts?.violation;
+
 	const onClose = () => {
 		if (isManage) {
 			setIsManage(false);
diff --git a/modules/scanner/assets/js/constants/index.js b/modules/scanner/assets/js/constants/index.js
index b4efd439..e3980de2 100644
--- a/modules/scanner/assets/js/constants/index.js
+++ b/modules/scanner/assets/js/constants/index.js
@@ -1,6 +1,8 @@
 import { __ } from '@wordpress/i18n';
 
 export const TOP_BAR_LINK = '#wp-admin-bar-ea11y-scanner-wizard a';
+export const SCAN_LINK = '#wp-admin-bar-ea11y-scan-page a';
+export const CLEAR_CACHE_LINK = '#wp-admin-bar-ea11y-clear-cache a';
 
 export const SCANNER_URL_PARAM = 'open-ea11y-assistant';
 export const MANAGE_URL_PARAM = 'open-ea11y-manage';
diff --git a/modules/scanner/assets/js/context/scanner-wizard-context.js b/modules/scanner/assets/js/context/scanner-wizard-context.js
index e633a512..ea5b68c2 100644
--- a/modules/scanner/assets/js/context/scanner-wizard-context.js
+++ b/modules/scanner/assets/js/context/scanner-wizard-context.js
@@ -81,6 +81,7 @@ export const ScannerWizardContextProvider = ({ children }) => {
 		structuredClone(MANUAL_GROUPS),
 	);
 	const [openIndex, setOpenIndex] = useState(null);
+	const [violation, setViolation] = useState(null);
 
 	useEffect(() => {
 		const items = isManage
@@ -113,6 +114,16 @@ export const ScannerWizardContextProvider = ({ children }) => {
 		}
 	}, [sortedRemediation]);
 
+	useEffect(() => {
+		if (results?.summary?.counts) {
+			const total = Object.values(sortedViolations).reduce(
+				(sum, arr) => sum + arr.length,
+				0,
+			);
+			setViolation(total);
+		}
+	}, [sortedViolations, results]);
+
 	const updateRemediationList = async () => {
 		try {
 			const items = await APIScanner.getRemediations(
@@ -145,13 +156,6 @@ export const ScannerWizardContextProvider = ({ children }) => {
 		setOpenIndex(null);
 	};
 
-	const initialViolations =
-		window.ea11yScannerData.initialScanResult?.counts?.violation ?? 0;
-	const violation =
-		results?.summary?.counts?.violation >= 0
-			? results?.summary?.counts?.violation
-			: null;
-
 	const registerPage = async (data, sorted) => {
 		try {
 			if (window?.ea11yScannerData?.pageData?.unregistered) {
@@ -159,16 +163,13 @@ export const ScannerWizardContextProvider = ({ children }) => {
 					window?.ea11yScannerData?.pageData,
 					data.summary,
 				);
+				window.ea11yScannerData.pageData.unregistered = false;
 			}
+
 			setResults(data);
 			setSortedViolations(sorted);
 			setAltTextData([]);
 			setManualData(structuredClone(MANUAL_GROUPS));
-			setResolved(
-				initialViolations >= data.summary?.counts?.issuesResolved
-					? data.summary?.counts?.issuesResolved
-					: 0,
-			);
 		} catch (e) {
 			if (e?.message === 'Quota exceeded') {
 				setQuotaExceeded(true);
diff --git a/modules/scanner/assets/js/hooks/use-color-contrast-form.js b/modules/scanner/assets/js/hooks/use-color-contrast-form.js
index 185c4961..a7161666 100644
--- a/modules/scanner/assets/js/hooks/use-color-contrast-form.js
+++ b/modules/scanner/assets/js/hooks/use-color-contrast-form.js
@@ -10,6 +10,7 @@ import {
 } from '@ea11y-apps/scanner/constants';
 import { useScannerWizardContext } from '@ea11y-apps/scanner/context/scanner-wizard-context';
 import { scannerItem } from '@ea11y-apps/scanner/types/scanner-item';
+import { rgbOrRgbaToHex } from '@ea11y-apps/scanner/utils/convert-colors';
 import {
 	focusOnElement,
 	removeExistingFocus,
@@ -28,6 +29,7 @@ export const useColorContrastForm = ({ item, current, setCurrent }) => {
 		setOpenedBlock,
 		setManualData,
 		updateRemediationList,
+		currentScanId,
 	} = useScannerWizardContext();
 
 	const [loading, setLoading] = useState(false);
@@ -68,7 +70,10 @@ export const useColorContrastForm = ({ item, current, setCurrent }) => {
 	}, [item]);
 
 	const {
-		color = item.messageArgs[3],
+		color = item.messageArgs[3] ||
+			rgbOrRgbaToHex(
+				window.getComputedStyle(item.node).getPropertyValue('color'),
+			),
 		background = item.messageArgs[4],
 		parents = [item.path.dom],
 		resolved = false,
@@ -163,7 +168,7 @@ export const useColorContrastForm = ({ item, current, setCurrent }) => {
 	};
 
 	const isValidHexColor = (str) =>
-		/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(str.trim());
+		/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(str.trim());
 
 	const isValidCSS = (cssText) => {
 		try {
@@ -203,9 +208,13 @@ export const useColorContrastForm = ({ item, current, setCurrent }) => {
 	};
 
 	const buildCSSRule = () => {
-		if (!isValidHexColor(color) || !isValidHexColor(background)) {
+		if (
+			!isValidHexColor(color) ||
+			(background && !isValidHexColor(background))
+		) {
 			throw new Error('Invalid hex color input detected');
 		}
+
 		try {
 			const colorSelector = getElementCSSSelector(item.path.dom);
 			const bgSelector = getElementCSSSelector(
@@ -216,8 +225,9 @@ export const useColorContrastForm = ({ item, current, setCurrent }) => {
 				color !== item.messageArgs[3]
 					? `${colorSelector} {color: ${color} !important;}`
 					: '';
+
 			const bgRule =
-				background !== item.messageArgs[4]
+				background && background !== item.messageArgs[4]
 					? `${bgSelector} {background-color: ${background} !important;}`
 					: '';
 
@@ -245,6 +255,8 @@ export const useColorContrastForm = ({ item, current, setCurrent }) => {
 				group: BLOCKS.colorContrast,
 			});
 
+			await APIScanner.resolveIssue(currentScanId);
+
 			updateData({ resolved: true });
 
 			item.node?.removeAttribute(DATA_INITIAL_COLOR);
diff --git a/modules/scanner/assets/js/index.js b/modules/scanner/assets/js/index.js
index 75097d87..b4b85d62 100644
--- a/modules/scanner/assets/js/index.js
+++ b/modules/scanner/assets/js/index.js
@@ -5,11 +5,14 @@ import { CacheProvider } from '@emotion/react';
 import { prefixer } from 'stylis';
 import rtlPlugin from 'stylis-plugin-rtl';
 import { NotificationsProvider } from '@ea11y-apps/global/hooks/use-notifications';
+import { APIScanner } from '@ea11y-apps/scanner/api/APIScanner';
 import App from '@ea11y-apps/scanner/app';
 import {
+	CLEAR_CACHE_LINK,
 	isRTL,
 	MANAGE_URL_PARAM,
 	ROOT_ID,
+	SCAN_LINK,
 	SCANNER_URL_PARAM,
 	TOP_BAR_LINK,
 } from '@ea11y-apps/scanner/constants';
@@ -20,20 +23,36 @@ import { __ } from '@wordpress/i18n';
 
 document.addEventListener('DOMContentLoaded', function () {
 	const params = new URLSearchParams(window.location.search);
-	document.querySelector(TOP_BAR_LINK)?.addEventListener('click', (event) => {
-		event.preventDefault();
-		const rootNode = document.getElementById(ROOT_ID);
-		const url = new URL(window.location.href);
-		url.searchParams.delete('open-ea11y-assistant-src');
-		url.searchParams.append('open-ea11y-assistant-src', 'top_bar');
-		history.replaceState(null, '', url);
 
-		if (rootNode) {
-			closeWidget(rootNode);
-		} else {
-			initApp();
-		}
-	});
+	document
+		.querySelector(CLEAR_CACHE_LINK)
+		?.addEventListener('click', async (event) => {
+			event.preventDefault();
+			try {
+				await APIScanner.clearCache();
+				window.location.reload();
+			} catch (e) {
+				console.error(e);
+			}
+		});
+	document
+		.querySelectorAll(`${TOP_BAR_LINK}, ${SCAN_LINK}`)
+		?.forEach((link) => {
+			link.addEventListener('click', (event) => {
+				event.preventDefault();
+				const rootNode = document.getElementById(ROOT_ID);
+				const url = new URL(window.location.href);
+				url.searchParams.delete('open-ea11y-assistant-src');
+				url.searchParams.append('open-ea11y-assistant-src', 'top_bar');
+				history.replaceState(null, '', url);
+
+				if (rootNode) {
+					closeWidget(rootNode);
+				} else {
+					initApp();
+				}
+			});
+		});
 	if (
 		params.get(SCANNER_URL_PARAM) === '1' ||
 		params.get(MANAGE_URL_PARAM) === '1'
@@ -72,6 +91,7 @@ const initApp = () => {
 	// Can't use the settings hook in the global scope so accessing directly
 	const isDevelopment = window?.ea11ySettingsData?.isDevelopment;
 	const AppWrapper = Boolean(isDevelopment) ? StrictMode : Fragment;
+
 	const cache = createCache({
 		key: 'css',
 		prepend: true,
diff --git a/modules/scanner/assets/js/utils/calc-color-ratio.js b/modules/scanner/assets/js/utils/calc-color-ratio.js
index 4d4bb116..38859936 100644
--- a/modules/scanner/assets/js/utils/calc-color-ratio.js
+++ b/modules/scanner/assets/js/utils/calc-color-ratio.js
@@ -1,4 +1,4 @@
-import { hexToRGB } from '@ea11y-apps/scanner/utils/convert-colors';
+import { ColorUtil } from '@ea11y-apps/scanner/utils/colorUtil';
 
 export const getLuminance = (r, g, b) => {
 	const toLinear = (c) => {
@@ -27,10 +27,16 @@ export const isLargeText = (el) => {
 	return size >= threshold;
 };
 
-export const checkContrastAA = (fgHex, bgHex, el) => {
-	const fg = hexToRGB(fgHex);
-	const bg = hexToRGB(bgHex);
-	const ratio = contrastRatio(fg, bg);
+export const checkContrastAA = (el) => {
+	// First determine the color contrast ratio
+	const colorCombo = ColorUtil.ColorCombo(el);
+	if (colorCombo === null) {
+		//some exception occurred, or not able to get color combo for some reason
+		throw new Error('unable to get color combo for element: ' + el.nodeName);
+	}
+	const fg = colorCombo.fg;
+	const bg = colorCombo.bg;
+	const ratio = fg.contrastRatio(bg);
 	const large = isLargeText(el);
 	const passesAA = ratio >= (large ? 3 : 4.5);
 	return {
diff --git a/modules/scanner/assets/js/utils/colorUtil.js b/modules/scanner/assets/js/utils/colorUtil.js
new file mode 100644
index 00000000..037fd7ec
--- /dev/null
+++ b/modules/scanner/assets/js/utils/colorUtil.js
@@ -0,0 +1,639 @@
+const parentNode = (node) => {
+	if (node === null) {
+		return null;
+	}
+	let p = node.parentNode;
+	if (node.slotOwner) {
+		p = node.slotOwner;
+	} else if (node.ownerElement) {
+		p = node.ownerElement;
+	} else if (p && p.nodeType === 11) {
+		if (p.host) {
+			p = p.host;
+		} else {
+			p = null;
+		}
+	}
+	return p;
+};
+const parentElement = (node) => {
+	let elem = node;
+	do {
+		elem = parentNode(elem);
+	} while (elem && elem.nodeType !== 1);
+	return elem;
+};
+
+export class ColorUtil {
+	static CSSColorLookup = {
+		aliceblue: '#f0f8ff',
+		antiquewhite: '#faebd7',
+		aqua: '#00ffff',
+		aquamarine: '#7fffd4',
+		azure: '#f0ffff',
+		beige: '#f5f5dc',
+		bisque: '#ffe4c4',
+		black: '#000000',
+		blanchedalmond: '#ffebcd',
+		blue: '#0000ff',
+		blueviolet: '#8a2be2',
+		brown: '#a52a2a',
+		burlywood: '#deb887',
+		cadetblue: '#5f9ea0',
+		chartreuse: '#7fff00',
+		chocolate: '#d2691e',
+		coral: '#ff7f50',
+		cornflowerblue: '#6495ed',
+		cornsilk: '#fff8dc',
+		crimson: '#dc143c',
+		cyan: '#00ffff',
+		darkblue: '#00008b',
+		darkcyan: '#008b8b',
+		darkgoldenrod: '#b8860b',
+		darkgray: '#a9a9a9',
+		darkgreen: '#006400',
+		darkkhaki: '#bdb76b',
+		darkmagenta: '#8b008b',
+		darkolivegreen: '#556b2f',
+		darkorange: '#ff8c00',
+		darkorchid: '#9932cc',
+		darkred: '#8b0000',
+		darksalmon: '#e9967a',
+		darkseagreen: '#8fbc8f',
+		darkslateblue: '#483d8b',
+		darkslategray: '#2f4f4f',
+		darkturquoise: '#00ced1',
+		darkviolet: '#9400d3',
+		deeppink: '#ff1493',
+		deepskyblue: '#00bfff',
+		dimgray: '#696969',
+		dodgerblue: '#1e90ff',
+		firebrick: '#b22222',
+		floralwhite: '#fffaf0',
+		forestgreen: '#228b22',
+		fuchsia: '#ff00ff',
+		gainsboro: '#dcdcdc',
+		ghostwhite: '#f8f8ff',
+		gold: '#ffd700',
+		goldenrod: '#daa520',
+		gray: '#808080',
+		green: '#008000',
+		greenyellow: '#adff2f',
+		honeydew: '#f0fff0',
+		hotpink: '#ff69b4',
+		indianred: '#cd5c5c',
+		indigo: '#4b0082',
+		ivory: '#fffff0',
+		khaki: '#f0e68c',
+		lavender: '#e6e6fa',
+		lavenderblush: '#fff0f5',
+		lawngreen: '#7cfc00',
+		lemonchiffon: '#fffacd',
+		lightblue: '#add8e6',
+		lightcoral: '#f08080',
+		lightcyan: '#e0ffff',
+		lightgoldenrodyellow: '#fafad2',
+		lightgrey: '#d3d3d3',
+		lightgreen: '#90ee90',
+		lightpink: '#ffb6c1',
+		lightsalmon: '#ffa07a',
+		lightseagreen: '#20b2aa',
+		lightskyblue: '#87cefa',
+		lightslategray: '#778899',
+		lightsteelblue: '#b0c4de',
+		lightyellow: '#ffffe0',
+		lime: '#00ff00',
+		limegreen: '#32cd32',
+		linen: '#faf0e6',
+		magenta: '#ff00ff',
+		maroon: '#800000',
+		mediumaquamarine: '#66cdaa',
+		mediumblue: '#0000cd',
+		mediumorchid: '#ba55d3',
+		mediumpurple: '#9370d8',
+		mediumseagreen: '#3cb371',
+		mediumslateblue: '#7b68ee',
+		mediumspringgreen: '#00fa9a',
+		mediumturquoise: '#48d1cc',
+		mediumvioletred: '#c71585',
+		midnightblue: '#191970',
+		mintcream: '#f5fffa',
+		mistyrose: '#ffe4e1',
+		moccasin: '#ffe4b5',
+		navajowhite: '#ffdead',
+		navy: '#000080',
+		oldlace: '#fdf5e6',
+		olive: '#808000',
+		olivedrab: '#6b8e23',
+		orange: '#ffa500',
+		orangered: '#ff4500',
+		orchid: '#da70d6',
+		palegoldenrod: '#eee8aa',
+		palegreen: '#98fb98',
+		paleturquoise: '#afeeee',
+		palevioletred: '#d87093',
+		papayawhip: '#ffefd5',
+		peachpuff: '#ffdab9',
+		peru: '#cd853f',
+		pink: '#ffc0cb',
+		plum: '#dda0dd',
+		powderblue: '#b0e0e6',
+		purple: '#800080',
+		red: '#ff0000',
+		rosybrown: '#bc8f8f',
+		royalblue: '#4169e1',
+		saddlebrown: '#8b4513',
+		salmon: '#fa8072',
+		sandybrown: '#f4a460',
+		seagreen: '#2e8b57',
+		seashell: '#fff5ee',
+		sienna: '#a0522d',
+		silver: '#c0c0c0',
+		skyblue: '#87ceeb',
+		slateblue: '#6a5acd',
+		slategray: '#708090',
+		snow: '#fffafa',
+		springgreen: '#00ff7f',
+		steelblue: '#4682b4',
+		tan: '#d2b48c',
+		teal: '#008080',
+		thistle: '#d8bfd8',
+		tomato: '#ff6347',
+		turquoise: '#40e0d0',
+		violet: '#ee82ee',
+		wheat: '#f5deb3',
+		white: '#ffffff',
+		whitesmoke: '#f5f5f5',
+		yellow: '#ffff00',
+		yellowgreen: '#9acd32',
+		buttontext: 'rgba(0, 0, 0, 0.847)',
+		buttonface: '#ffffff',
+		graytext: 'rgba(0, 0, 0, 0.247)',
+	};
+
+	// Rewrite the color object to account for alpha
+	static Color(cssStyleColor) {
+		if (!cssStyleColor) {
+			return null;
+		}
+		cssStyleColor = cssStyleColor.toLowerCase();
+		if (cssStyleColor === 'transparent') {
+			return new ColorObj(255, 255, 255, 0);
+		}
+		if (cssStyleColor in ColorUtil.CSSColorLookup) {
+			cssStyleColor = ColorUtil.CSSColorLookup[cssStyleColor];
+		}
+		if (cssStyleColor.startsWith('rgb(')) {
+			const rgbRegex = /\s*rgb\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/;
+			const m = cssStyleColor.match(rgbRegex);
+			if (m === null) {
+				return null;
+			}
+
+			return new ColorObj(m[1], m[2], m[3]);
+		} else if (cssStyleColor.startsWith('rgba(')) {
+			const rgbRegex =
+				/\s*rgba\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(.+)\s*\)/;
+			const m = cssStyleColor.match(rgbRegex);
+			if (m === null) {
+				return null;
+			}
+
+			return new ColorObj(m[1], m[2], m[3], m[4]);
+		} else if (cssStyleColor.charAt(0) !== '#') {
+			return null;
+		}
+		if (cssStyleColor.length === 4) {
+			// The three-digit RGB (#rgb) is converted to six-digit form (#rrggbb) by replicating digits
+			// (https://www.w3.org/TR/css-color-3/#rgb-color)
+			cssStyleColor =
+				'#' +
+				cssStyleColor.charAt(1).repeat(2) +
+				cssStyleColor.charAt(2).repeat(2) +
+				cssStyleColor.charAt(3).repeat(2);
+		}
+		const thisRed = parseInt(cssStyleColor.substring(1, 3), 16);
+		const thisGreen = parseInt(cssStyleColor.substring(3, 5), 16);
+		const thisBlue = parseInt(cssStyleColor.substring(5, 7), 16);
+		return new ColorObj(thisRed, thisGreen, thisBlue);
+
+		//    return null; // Unreachable
+	}
+
+	static ColorCombo(ruleContext) {
+		try {
+			const doc = ruleContext.ownerDocument;
+			if (!doc) {
+				return null;
+			}
+			const win = doc.defaultView;
+			if (!win) {
+				return null;
+			}
+
+			const ancestors = [];
+			let walkNode = ruleContext;
+			while (walkNode) {
+				if (walkNode.nodeType === 1) {
+					ancestors.push(walkNode);
+				}
+				walkNode = parentElement(walkNode);
+			}
+
+			const retVal = {
+				hasGradient: false,
+				hasBGImage: false,
+				textShadow: false,
+				fg: null,
+				bg: null,
+			};
+
+			// start
+			let cStyle = win.getComputedStyle(ruleContext);
+			let compStyleColor = cStyle.color;
+			if (!compStyleColor) {
+				compStyleColor = 'black';
+			}
+			let fg = ColorUtil.Color(compStyleColor);
+			const reColor = /transparent|rgba?\([^)]+\)/gi;
+			const guessGradColor = function (gradList, bgColor, fgColor) {
+				try {
+					// If there's only one color, return that
+					if (typeof gradList.length === 'undefined') {
+						return gradList;
+					}
+
+					let overallWorst = null;
+					let overallWorstRatio = null;
+					for (let iGrad = 1; iGrad < gradList.length; ++iGrad) {
+						let worstColor = gradList[iGrad - 1];
+						let worstRatio = fgColor.contrastRatio(gradList[iGrad - 1]);
+						let step = 0.1;
+						let idx = 0;
+						while (step > 0.0001) {
+							while (
+								idx + step <= 1 &&
+								worstRatio >
+									fgColor.contrastRatio(
+										gradList[iGrad]
+											.mix(gradList[iGrad - 1], idx + step)
+											.getOverlayColor(bgColor),
+									)
+							) {
+								worstColor = gradList[iGrad]
+									.mix(gradList[iGrad - 1], idx + step)
+									.getOverlayColor(bgColor);
+								worstRatio = fgColor.contrastRatio(worstColor);
+								idx = idx + step;
+							}
+							while (
+								idx - step >= 0 &&
+								worstRatio >
+									fgColor.contrastRatio(
+										gradList[iGrad]
+											.mix(gradList[iGrad - 1], idx - step)
+											.getOverlayColor(bgColor),
+									)
+							) {
+								worstColor = gradList[iGrad]
+									.mix(gradList[iGrad - 1], idx - step)
+									.getOverlayColor(bgColor);
+								worstRatio = fgColor.contrastRatio(worstColor);
+								idx = idx - step;
+							}
+							step = step / 10;
+						}
+						if (overallWorstRatio === null || overallWorstRatio > worstRatio) {
+							overallWorstRatio = worstRatio;
+							overallWorst = worstColor;
+						}
+					}
+					return overallWorst; // return the darkest color
+				} catch (e) {
+					console.log(e);
+				}
+				return bgColor;
+			};
+
+			let priorStackBG = ColorUtil.Color('white');
+			let thisStackOpacity = null;
+			let thisStackAlpha = null;
+			let thisStackBG = null;
+			// Ancestors processed from the topmost parent toward the child
+			while (ancestors.length > 0) {
+				const procNext = ancestors.pop();
+				//let procNext = ancestors.splice(0, 1)[0];
+				// cStyle is the computed style of this layer
+				cStyle = win.getComputedStyle(procNext);
+				if (cStyle === null) {
+					continue;
+				}
+
+				// thisBgColor is the color of this layer or null if the layer is transparent
+				let thisBgColor = null;
+				if (
+					cStyle.backgroundColor &&
+					cStyle.backgroundColor !== 'transparent' &&
+					cStyle.backgroundColor !== 'rgba(0, 0, 0, 0)'
+				) {
+					thisBgColor = ColorUtil.Color(cStyle.backgroundColor);
+				}
+				// If there is a gradient involved, set thisBgColor to the worst color combination available against the foreground
+				if (
+					cStyle.backgroundImage &&
+					cStyle.backgroundImage.indexOf &&
+					cStyle.backgroundImage.indexOf('gradient') !== -1
+				) {
+					const gradColors = cStyle.backgroundImage.match(reColor);
+					if (gradColors) {
+						const gradColorComp = [];
+						for (let i = 0; i < gradColors.length; ++i) {
+							if (!gradColors[i].length) {
+								gradColors.splice(i--, 1);
+							} else {
+								let colorComp = ColorUtil.Color(gradColors[i]);
+								if (colorComp.alpha !== undefined && colorComp.alpha < 1) {
+									// mix the grdient bg color wit parent bg if alpha < 1
+									const compStackBg = thisStackBG || priorStackBG;
+									colorComp = colorComp.getOverlayColor(compStackBg);
+								}
+								gradColorComp.push(colorComp);
+							}
+						}
+						thisBgColor = guessGradColor(
+							gradColorComp,
+							thisStackBG || priorStackBG,
+							fg,
+						);
+					}
+				}
+
+				// Handle non-solid opacity
+				if (
+					thisStackOpacity === null ||
+					(cStyle.opacity &&
+						cStyle.opacity.length > 0 &&
+						parseFloat(cStyle.opacity) < 1)
+				) {
+					// New stack, reset
+					if (thisStackBG !== null) {
+						// Overlay
+						thisStackBG.alpha = thisStackOpacity * thisStackAlpha;
+						priorStackBG = thisStackBG.getOverlayColor(priorStackBG);
+					}
+					thisStackOpacity = 1.0;
+					thisStackAlpha = null;
+					thisStackBG = null;
+					if (cStyle.opacity && cStyle.opacity.length > 0) {
+						thisStackOpacity = parseFloat(cStyle.opacity);
+					}
+					if (thisBgColor !== null) {
+						thisStackBG = thisBgColor;
+						thisStackAlpha = thisStackBG.alpha || 1.0;
+						delete thisStackBG.alpha;
+						if (thisStackOpacity === 1.0 && thisStackAlpha === 1.0) {
+							retVal.hasBGImage = false;
+							retVal.hasGradient = false;
+						}
+					}
+				}
+				// Handle solid color backgrounds and gradient color backgrounds
+				else if (thisBgColor !== null) {
+					// If this stack already has a background color, blend it
+					if (thisStackBG === null) {
+						thisStackBG = thisBgColor;
+						thisStackAlpha = thisStackBG.alpha || 1.0;
+						delete thisStackBG.alpha;
+					} else {
+						thisStackBG = thisBgColor.getOverlayColor(thisStackBG);
+						//thisStackAlpha = thisBgColor.alpha || 1.0;
+						thisStackAlpha = thisStackBG.alpha || 1.0;
+					}
+					// #526: If thisBgColor had an alpha value, it may not expose through thisStackBG in the above code
+					// We can't wipe out the gradient info if this layer was transparent
+					if (
+						thisStackOpacity === 1.0 &&
+						thisStackAlpha === 1.0 &&
+						(thisStackBG.alpha || 1.0) === 1.0 &&
+						(thisBgColor.alpha || 1.0) === 0
+					) {
+						retVal.hasBGImage = false;
+						retVal.hasGradient = false;
+					}
+				}
+				if (cStyle.backgroundImage && cStyle.backgroundImage !== 'none') {
+					if (
+						cStyle.backgroundImage.indexOf &&
+						cStyle.backgroundImage.indexOf('gradient') !== -1
+					) {
+						retVal.hasGradient = true;
+					} else {
+						retVal.hasBGImage = true;
+					}
+				}
+			}
+			if (thisStackBG !== null) {
+				fg = fg.getOverlayColor(thisStackBG);
+				delete fg.alpha;
+			}
+			fg.alpha = (fg.alpha || 1) * thisStackOpacity;
+			fg = fg.getOverlayColor(priorStackBG);
+			if (thisStackBG !== null) {
+				thisStackBG.alpha = thisStackOpacity * thisStackAlpha;
+				priorStackBG = thisStackBG.getOverlayColor(priorStackBG);
+			}
+			retVal.fg = fg;
+			retVal.bg = priorStackBG;
+
+			if (cStyle.textShadow && cStyle.textShadow !== 'none') {
+				retVal.textShadow = true;
+			}
+
+			return retVal;
+		} catch (err) {
+			// something happened, then...
+			return null;
+		}
+	}
+}
+
+export class ColorObj {
+	red;
+	green;
+	blue;
+	alpha;
+
+	constructor(red, green, blue, alpha) {
+		function fixComponent(comp) {
+			if (typeof comp !== typeof '') {
+				return comp;
+			}
+			let compStr = comp;
+			compStr = compStr.trim();
+			if (compStr[compStr.length - 1] !== '%') {
+				return parseInt(compStr);
+			}
+			return Math.round(
+				parseFloat(compStr.substring(0, compStr.length - 1)) * 2.55,
+			);
+		}
+		this.red = fixComponent(red);
+		this.green = fixComponent(green);
+		this.blue = fixComponent(blue);
+		if (typeof alpha !== 'undefined') {
+			this.alpha = typeof alpha === typeof '' ? parseFloat(alpha) : alpha;
+		}
+	}
+
+	toHexHelp(value) {
+		const retVal = Math.round(value).toString(16);
+		if (retVal.length === 1) {
+			return '0' + retVal;
+		}
+		return retVal;
+	}
+
+	toHex() {
+		return (
+			'#' +
+			this.toHexHelp(this.red) +
+			this.toHexHelp(this.green) +
+			this.toHexHelp(this.blue)
+		);
+	}
+
+	contrastRatio(bgColor) {
+		let fgColor = this;
+
+		if (typeof this.alpha !== 'undefined') {
+			fgColor = this.getOverlayColor(bgColor);
+		}
+
+		const lum1 = fgColor.relativeLuminance();
+
+		const lum2 = bgColor.relativeLuminance();
+
+		return lum1 > lum2
+			? (lum1 + 0.05) / (lum2 + 0.05)
+			: (lum2 + 0.05) / (lum1 + 0.05);
+	}
+
+	relativeLuminance() {
+		let R = this.red / 255.0;
+		let G = this.green / 255.0;
+		let B = this.blue / 255.0;
+		R = R <= 0.04045 ? R / 12.92 : Math.pow((R + 0.055) / 1.055, 2.4);
+		G = G <= 0.04045 ? G / 12.92 : Math.pow((G + 0.055) / 1.055, 2.4);
+		B = B <= 0.04045 ? B / 12.92 : Math.pow((B + 0.055) / 1.055, 2.4);
+		return 0.2126 * R + 0.7152 * G + 0.0722 * B;
+	}
+
+	mix(color2, percThis) {
+		if (
+			typeof this.alpha === 'undefined' &&
+			typeof color2.alpha === 'undefined'
+		) {
+			return new ColorObj(
+				percThis * this.red + (1 - percThis) * color2.red,
+				percThis * this.green + (1 - percThis) * color2.green,
+				percThis * this.blue + (1 - percThis) * color2.blue,
+			);
+		}
+		const alphaThis = this.alpha ? this.alpha : 1;
+		const alphaOther = color2.alpha ? color2.alpha : 1;
+		return new ColorObj(
+			percThis * this.red + (1 - percThis) * color2.red,
+			percThis * this.green + (1 - percThis) * color2.green,
+			percThis * this.blue + (1 - percThis) * color2.blue,
+			percThis * alphaThis + (1 - percThis) * alphaOther,
+		);
+	}
+
+	getOverlayColor(bgColor) {
+		if (typeof this.alpha === 'undefined' || this.alpha >= 1) {
+			// No mixing required - it's opaque
+			return this;
+		}
+		if (this.alpha < 0) {
+			//		Haac.Error.logError("Invalid alpha value");
+			return null;
+		}
+		if (typeof bgColor.alpha !== 'undefined' && bgColor.alpha < 1) {
+			//		Haac.Error.logError("Cannot mix with a background alpha");
+			return null;
+		}
+		const retVal = this.mix(bgColor, this.alpha);
+		delete retVal.alpha;
+		return retVal;
+	}
+
+	static fromCSSColor(cssStyleColor) {
+		let thisRed = -1;
+		let thisGreen = -1;
+		let thisBlue = -1;
+
+		cssStyleColor = cssStyleColor.toLowerCase();
+		if (cssStyleColor.startsWith('rgb(')) {
+			const rgbRegex = /\s*rgb\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/;
+			const m = cssStyleColor.match(rgbRegex);
+			if (m === null) {
+				return null;
+			}
+
+			thisRed = m[1];
+			thisGreen = m[2];
+			thisBlue = m[3];
+		} else if (cssStyleColor.startsWith('rgba(')) {
+			const rgbRegex =
+				/\s*rgba\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(.+)\s*\)/;
+			const m = cssStyleColor.match(rgbRegex);
+			if (m === null) {
+				return null;
+			}
+
+			thisRed = m[1];
+			thisGreen = m[2];
+			thisBlue = m[3];
+		} else {
+			if (cssStyleColor.charAt(0) !== '#') {
+				if (cssStyleColor in ColorUtil.CSSColorLookup) {
+					cssStyleColor = ColorUtil.CSSColorLookup[cssStyleColor];
+				} else {
+					return null;
+				}
+			}
+			const fromHex = function (val) {
+				const lookup = {
+					a: 10,
+					b: 11,
+					c: 12,
+					d: 13,
+					e: 14,
+					f: 15,
+				};
+				let retVal = 0;
+				for (let i = 0; i < val.length; ++i) {
+					retVal =
+						retVal * 16 +
+						parseInt(
+							val.charAt(i) in lookup ? lookup[val.charAt(i)] : val.charAt(i),
+						);
+				}
+				return retVal;
+			};
+			if (cssStyleColor.length === 4) {
+				// The three-digit RGB (#rgb) is converted to six-digit form (#rrggbb) by replicating digits
+				// (https://www.w3.org/TR/css-color-3/#rgb-color)
+				cssStyleColor =
+					'#' +
+					cssStyleColor.charAt(1).repeat(2) +
+					cssStyleColor.charAt(2).repeat(2) +
+					cssStyleColor.charAt(3).repeat(2);
+			}
+			thisRed = fromHex(cssStyleColor.substring(1, 3));
+			thisGreen = fromHex(cssStyleColor.substring(3, 5));
+			thisBlue = fromHex(cssStyleColor.substring(5, 7));
+		}
+		return new ColorObj(thisRed, thisGreen, thisBlue);
+	}
+}
diff --git a/modules/scanner/assets/js/utils/convert-colors.js b/modules/scanner/assets/js/utils/convert-colors.js
index 26e9b17a..f0edad97 100644
--- a/modules/scanner/assets/js/utils/convert-colors.js
+++ b/modules/scanner/assets/js/utils/convert-colors.js
@@ -9,6 +9,29 @@ export const expandHex = (hex) => {
 	return `#${hex}`;
 };
 
+export const rgbOrRgbaToHex = (color) => {
+	const match = color.match(
+		/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?\)/i,
+	);
+	if (!match) {
+		return null;
+	} // Not an RGB or RGBA string
+
+	const r = parseInt(match[1]).toString(16).padStart(2, '0');
+	const g = parseInt(match[2]).toString(16).padStart(2, '0');
+	const b = parseInt(match[3]).toString(16).padStart(2, '0');
+
+	// If alpha present and less than 1, include it
+	if (match[4] !== undefined && parseFloat(match[4]) < 1) {
+		const a = Math.round(parseFloat(match[4]) * 255)
+			.toString(16)
+			.padStart(2, '0');
+		return `#${r}${g}${b}${a}`.toUpperCase(); // 8-digit hex with alpha
+	}
+
+	return `#${r}${g}${b}`.toUpperCase(); // 6-digit hex
+};
+
 export const hexToRGB = (hex) => {
 	hex = expandHex(hex).replace(/^#/, '');
 	const num = parseInt(hex, 16);
@@ -18,14 +41,17 @@ export const hexToRGB = (hex) => {
 
 export const hexToHsl = (hex) => {
 	hex = expandHex(hex).replace(/^#/, '');
+
+	// Handle optional alpha (default 255)
+	const hasAlpha = hex.length === 8;
 	const r = parseInt(hex.slice(0, 2), 16) / 255;
 	const g = parseInt(hex.slice(2, 4), 16) / 255;
 	const b = parseInt(hex.slice(4, 6), 16) / 255;
+	const a = hasAlpha ? parseInt(hex.slice(6, 8), 16) / 255 : 1;
 
 	const max = Math.max(r, g, b);
 	const min = Math.min(r, g, b);
-	let h = (max + min) / 2;
-	let s = (max + min) / 2;
+	let h, s;
 	const l = (max + min) / 2;
 
 	if (max === min) {
@@ -51,10 +77,11 @@ export const hexToHsl = (hex) => {
 		h: Math.round(h),
 		s: Math.round(s * 100),
 		l: Math.round(l * 100),
+		a: parseFloat(a.toFixed(2)), // keep 2 decimal alpha
 	};
 };
 
-export const hslToHex = ({ h, s, l }) => {
+export const hslToHex = ({ h, s, l, a = 1 }) => {
 	s /= 100;
 	l /= 100;
 
@@ -62,10 +89,7 @@ export const hslToHex = ({ h, s, l }) => {
 	const x = c * (1 - Math.abs(((h / 60) % 2) - 1));
 	const m = l - c / 2;
 
-	let r;
-	let g;
-	let b;
-
+	let r, g, b;
 	if (h < 60) {
 		[r, g, b] = [c, x, 0];
 	} else if (h < 120) {
@@ -80,10 +104,16 @@ export const hslToHex = ({ h, s, l }) => {
 		[r, g, b] = [c, 0, x];
 	}
 
-	const toHex = (v) => {
-		const hex = Math.round((v + m) * 255).toString(16);
-		return hex.length === 1 ? '0' + hex : hex;
-	};
+	const toHex = (v) =>
+		Math.round((v + m) * 255)
+			.toString(16)
+			.padStart(2, '0');
+
+	const alphaHex = Math.round(a * 255)
+		.toString(16)
+		.padStart(2, '0');
 
-	return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+	return a < 1
+		? `#${toHex(r)}${toHex(g)}${toHex(b)}${alphaHex}`.toUpperCase()
+		: `#${toHex(r)}${toHex(g)}${toHex(b)}`.toUpperCase();
 };
diff --git a/modules/scanner/components/top-bar-link.php b/modules/scanner/components/top-bar-link.php
index cc429454..25b5adcf 100644
--- a/modules/scanner/components/top-bar-link.php
+++ b/modules/scanner/components/top-bar-link.php
@@ -31,6 +31,20 @@ public function add_bar_link() {
 				'title' => $svg_icon . esc_html__( 'Accessibility Assistant', 'pojo-accessibility' ),
 				'href' => '#', // Click event is handled by JS.
 			] );
+			// Add scan page
+			$wp_admin_bar->add_node( [
+				'id' => 'ea11y-scan-page',
+				'title'  => esc_html__( 'Scan page', 'pojo-accessibility' ),
+				'href' => '#', // Click event is handled by JS.
+				'parent' => 'ea11y-scanner-wizard',
+			] );
+			// Add clear all cache
+			$wp_admin_bar->add_node( [
+				'id' => 'ea11y-clear-cache',
+				'title'  => esc_html__( 'Clear all cache', 'pojo-accessibility' ),
+				'href' => '#', // Click event is handled by JS.
+				'parent' => 'ea11y-scanner-wizard',
+			] );
 		}, 200 );
 	}
 
diff --git a/modules/scanner/module.php b/modules/scanner/module.php
index 1f07d485..f3059e6b 100644
--- a/modules/scanner/module.php
+++ b/modules/scanner/module.php
@@ -106,6 +106,7 @@ public function enqueue_assets() : void {
 				'pluginVersion' => EA11Y_VERSION,
 				'isConnected' => Connect::is_connected(),
 				'isRTL' => is_rtl(),
+				'isDevelopment' => defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG,
 			]
 		);
 	}
diff --git a/modules/settings/assets/js/app.js b/modules/settings/assets/js/app.js
index 6104350e..f85b9a3c 100644
--- a/modules/settings/assets/js/app.js
+++ b/modules/settings/assets/js/app.js
@@ -9,6 +9,7 @@ import {
 	Notifications,
 	PostConnectModal,
 	UrlMismatchModal,
+	OnboardingModal,
 } from '@ea11y/components';
 import {
 	useNotificationSettings,
@@ -52,6 +53,7 @@ const App = () => {
 				)}
 				{isConnected && !closePostConnectModal && <PostConnectModal />}
 				{isUrlMismatch && !isConnected && <UrlMismatchModal />}
+				<OnboardingModal />
 
 				<TopBar />
 
diff --git a/modules/settings/assets/js/components/analytics/charts/pie-chart.js b/modules/settings/assets/js/components/analytics/charts/pie-chart.js
index 735d7698..9872b129 100644
--- a/modules/settings/assets/js/components/analytics/charts/pie-chart.js
+++ b/modules/settings/assets/js/components/analytics/charts/pie-chart.js
@@ -71,7 +71,7 @@ export const PieChart = () => {
 					series={[
 						{
 							data: formatted,
-							innerRadius: chartWidth < 100 ? chartWidth - 20 : 80,
+							innerRadius: chartWidth < 100 ? chartWidth - 15 : 85,
 							outerRadius: chartWidth < 100 ? chartWidth : 100,
 							paddingAngle: 0,
 							cornerRadius: 0,
diff --git a/modules/settings/assets/js/components/index.js b/modules/settings/assets/js/components/index.js
index 8a545d3a..700f2914 100644
--- a/modules/settings/assets/js/components/index.js
+++ b/modules/settings/assets/js/components/index.js
@@ -36,3 +36,4 @@ export { default as QuotaIndicator } from './quota-bar/quota-indicator';
 export { default as MenuItem } from './sidebar-menu/menu-item';
 export { default as QuotaBarPopupMenu } from './quota-bar/quota-popup-menu';
 export { default as QuotaBarGroup } from './quota-bar/quota-bar-group';
+export { default as OnboardingModal } from './onboarding-modal';
diff --git a/modules/settings/assets/js/components/onboarding-modal/index.js b/modules/settings/assets/js/components/onboarding-modal/index.js
new file mode 100644
index 00000000..668e3a70
--- /dev/null
+++ b/modules/settings/assets/js/components/onboarding-modal/index.js
@@ -0,0 +1,108 @@
+import Button from '@elementor/ui/Button';
+import Dialog from '@elementor/ui/Dialog';
+import DialogActions from '@elementor/ui/DialogActions';
+import DialogContent from '@elementor/ui/DialogContent';
+import DialogContentText from '@elementor/ui/DialogContentText';
+import DialogHeader from '@elementor/ui/DialogHeader';
+import DialogTitle from '@elementor/ui/DialogTitle';
+import { useModal, useStorage } from '@ea11y/hooks';
+import { AppLogo } from '@ea11y/icons';
+import { mixpanelEvents, mixpanelService } from '@ea11y-apps/global/services';
+import { useEffect, useState } from '@wordpress/element';
+import { __ } from '@wordpress/i18n';
+import { usePluginSettingsContext } from '../../contexts/plugin-settings';
+
+const OnboardingModal = () => {
+	const { isOpen, close } = useModal();
+	const { save } = useStorage();
+	const { homeUrl, isConnected, closePostConnectModal, closeOnboardingModal } =
+		usePluginSettingsContext();
+	const [shouldShowModal, setShouldShowModal] = useState(false);
+
+	// Check if URL has source=admin_banner parameter
+	useEffect(() => {
+		const urlParams = new URLSearchParams(window.location.search);
+		const source = urlParams.get('source');
+		setShouldShowModal(source === 'admin_banner');
+	}, []);
+
+	// Check if modal should be displayed based on all conditions
+	const shouldDisplayModal =
+		isOpen &&
+		shouldShowModal &&
+		isConnected &&
+		closePostConnectModal &&
+		!closeOnboardingModal;
+
+	useEffect(() => {
+		if (shouldDisplayModal) {
+			mixpanelService.sendEvent(mixpanelEvents.introductionBannerShowed, {
+				source: 'page_view',
+			});
+		}
+	}, [shouldDisplayModal]);
+
+	const onClose = async () => {
+		await save({
+			ea11y_close_onboarding_modal: true,
+		});
+
+		await mixpanelService.sendEvent(mixpanelEvents.introductionBannerClosed);
+
+		close();
+	};
+
+	return (
+		<Dialog
+			open={shouldDisplayModal}
+			onClose={onClose}
+			aria-labelledby="alert-dialog-title"
+			aria-describedby="alert-dialog-description"
+		>
+			<DialogHeader logo={<AppLogo />} onClose={onClose}>
+				<DialogTitle>{__('Ally', 'pojo-accessibility')}</DialogTitle>
+			</DialogHeader>
+
+			<DialogContent dividers>
+				<iframe
+					width="550"
+					height="300"
+					src="https://www.youtube.com/embed/4Ct_6HAsBr8?si=NZsWyvjBxvSs45lL&amp;controls=0"
+					title="YouTube video player"
+					allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+					referrerPolicy="strict-origin-when-cross-origin"
+					allowfullscreen
+				></iframe>
+				<DialogContentText variant="h5" color="text.primary" marginTop={2}>
+					{__('See Ally’s new assistant in action', 'pojo-accessibility')}
+				</DialogContentText>
+				<DialogContentText>
+					{__(
+						'Watch a quick demo to see how it works. Then launch your first scan to uncover issues and start improving your site.',
+						'pojo-accessibility',
+					)}
+				</DialogContentText>
+			</DialogContent>
+
+			<DialogActions>
+				<Button onClick={onClose} color="secondary">
+					{__('Got it', 'pojo-accessibility')}
+				</Button>
+				<Button
+					href={`${homeUrl}?open-ea11y-assistant=1&open-ea11y-assistant-src=Ally_dashboard`}
+					target="_blank"
+					variant="contained"
+					color="info"
+					onClick={() => {
+						mixpanelService.sendEvent(mixpanelEvents.scanHomePageButtonClicked);
+						onClose();
+					}}
+				>
+					{__('Scan my home page', 'pojo-accessibility')}
+				</Button>
+			</DialogActions>
+		</Dialog>
+	);
+};
+
+export default OnboardingModal;
diff --git a/modules/settings/assets/js/components/sidebar-menu/menu-item.js b/modules/settings/assets/js/components/sidebar-menu/menu-item.js
index aa5705e9..44a7761d 100644
--- a/modules/settings/assets/js/components/sidebar-menu/menu-item.js
+++ b/modules/settings/assets/js/components/sidebar-menu/menu-item.js
@@ -116,7 +116,7 @@ const MenuItem = ({ keyName, item }) => {
 					{showProIcon(item) && openSidebar && (
 						<ListItemIcon>
 							<StyledChip
-								color="accent"
+								color="promotion"
 								variant="standard"
 								icon={<CrownFilled size="tiny" />}
 							/>
diff --git a/modules/settings/assets/js/components/upgrade-modal/index.js b/modules/settings/assets/js/components/upgrade-modal/index.js
index afe7b635..649bf3e7 100644
--- a/modules/settings/assets/js/components/upgrade-modal/index.js
+++ b/modules/settings/assets/js/components/upgrade-modal/index.js
@@ -61,7 +61,7 @@ const UpgradeModal = () => {
 							href={GOLINKS.ANALYTICS_POPUP}
 							target="_blank"
 							size="large"
-							color="accent"
+							color="promotion"
 							startIcon={<CrownFilled />}
 							variant="contained"
 							sx={{ width: 300 }}
diff --git a/modules/settings/assets/js/contexts/plugin-settings.js b/modules/settings/assets/js/contexts/plugin-settings.js
index 68d31614..3d7e91d8 100644
--- a/modules/settings/assets/js/contexts/plugin-settings.js
+++ b/modules/settings/assets/js/contexts/plugin-settings.js
@@ -29,6 +29,12 @@ export const PluginSettingsProvider = ({ children }) => {
 					);
 				}
 
+				if ('closeOnboardingModal' in settings) {
+					settings.closeOnboardingModal = Boolean(
+						settings.closeOnboardingModal,
+					);
+				}
+
 				if ('isUrlMismatch' in settings) {
 					settings.isUrlMismatch = Boolean(settings.isUrlMismatch);
 				}
@@ -37,6 +43,10 @@ export const PluginSettingsProvider = ({ children }) => {
 					settings.unfilteredUploads = Boolean(settings.unfilteredUploads);
 				}
 
+				if ('homeUrl' in settings) {
+					settings.homeUrl = settings.homeUrl;
+				}
+
 				setPluginSettings(settings);
 				setLoaded(true);
 			})
diff --git a/modules/settings/assets/js/pages/assistant/stats/category-pie-chart.js b/modules/settings/assets/js/pages/assistant/stats/category-pie-chart.js
deleted file mode 100644
index 58ef2dfa..00000000
--- a/modules/settings/assets/js/pages/assistant/stats/category-pie-chart.js
+++ /dev/null
@@ -1,160 +0,0 @@
-import {
-	ColorBlue100,
-	ColorBlue200,
-	ColorBlue300,
-	ColorBlue400,
-	ColorBlue500,
-	ColorBlue700,
-	ColorBlue900,
-} from '@elementor/design-tokens/primitives';
-import Box from '@elementor/ui/Box';
-import { styled } from '@elementor/ui/styles';
-import PropTypes from 'prop-types';
-import { BLOCK_TITLES } from '@ea11y-apps/scanner/constants';
-import { __ } from '@wordpress/i18n';
-
-const CategoryPieChart = ({ issueByCategory, loading }) => {
-	// Loading state
-	if (loading) {
-		const loadingBackground = `
-			radial-gradient(closest-side, white 84%, transparent 85% 100%),
-			conic-gradient(#e5e7eb 0%, #f3f3f4 50%, #e5e7eb 100%)
-		`;
-		return <StyledLoadingPieChart background={loadingBackground} />;
-	}
-
-	// Process categories similar to issue-by-category.js
-	const processedCategories = () => {
-		// Convert to array and sort by count (descending)
-		const sortedCategories = Object.entries(issueByCategory || {})
-			.map(([key, count]) => ({
-				key,
-				title: BLOCK_TITLES[key] || key,
-				count: count || 0,
-			}))
-			.sort((a, b) => b.count - a.count);
-
-		// Calculate total issues across all categories
-		const totalIssues = sortedCategories.reduce(
-			(sum, category) => sum + category.count,
-			0,
-		);
-
-		// Take top 6 categories
-		const top6 = sortedCategories.slice(0, 6);
-		// Calculate "other" count from remaining categories
-		const otherCount = sortedCategories
-			.slice(6)
-			.reduce((sum, category) => sum + category.count, 0);
-
-		// Add "other" category if there are remaining categories or if it has count
-		const result = [...top6];
-		if (otherCount > 0 || sortedCategories.length > 6) {
-			result.push({
-				key: 'other',
-				title: __('Other', 'pojo-accessibility'),
-				count: otherCount,
-			});
-		}
-
-		// Convert counts to percentages and add colors
-		return result.map((category, index) => ({
-			key: category.key,
-			percentage:
-				totalIssues > 0 ? Math.round((category.count / totalIssues) * 100) : 0,
-			color:
-				[
-					ColorBlue900,
-					ColorBlue700,
-					ColorBlue500,
-					ColorBlue400,
-					ColorBlue300,
-					ColorBlue200,
-					ColorBlue100, // for "other"
-				][index] || ColorBlue100,
-		}));
-	};
-
-	const categories = processedCategories();
-
-	// Create conic-gradient string
-	const createConicGradient = () => {
-		if (categories.length === 0) {
-			return 'conic-gradient(#f3f3f4 0%, #f3f3f4 100%)';
-		}
-
-		let cumulativePercentage = 0;
-		const gradientStops = [];
-
-		categories.forEach((category) => {
-			const startPercentage = cumulativePercentage;
-			const endPercentage = cumulativePercentage + category.percentage;
-
-			gradientStops.push(
-				`${category.color} ${startPercentage}% ${endPercentage}%`,
-			);
-			cumulativePercentage += category.percentage;
-		});
-
-		// Fill remaining space with light gray if total is less than 100%
-		if (cumulativePercentage < 100) {
-			gradientStops.push(`#f3f3f4 ${cumulativePercentage}% 100%`);
-		}
-
-		return `conic-gradient(${gradientStops.join(', ')})`;
-	};
-
-	const background = `
-		radial-gradient(closest-side, white 84%, transparent 85% 100%),
-		${createConicGradient()}
-	`;
-
-	return <StyledCategoryPieChart background={background} />;
-};
-
-CategoryPieChart.propTypes = {
-	issueByCategory: PropTypes.shape({
-		altText: PropTypes.number,
-		dynamicContent: PropTypes.number,
-		formsInputsError: PropTypes.number,
-		keyboardAssistiveTech: PropTypes.number,
-		pageStructureNav: PropTypes.number,
-		tables: PropTypes.number,
-		colorContrast: PropTypes.number,
-		other: PropTypes.number,
-	}),
-	loading: PropTypes.bool.isRequired,
-};
-
-const StyledCategoryPieChart = styled(Box)`
-	width: 176px;
-	height: 176px;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	border-radius: 100%;
-	background: ${({ background }) => background};
-	margin-right: ${({ theme }) => theme.spacing(1.5)};
-`;
-
-const StyledLoadingPieChart = styled(Box)`
-	width: 176px;
-	height: 176px;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	border-radius: 100%;
-	background: ${({ background }) => background};
-	animation: rotate 3s linear infinite;
-
-	@keyframes rotate {
-		from {
-			transform: rotate(0deg);
-		}
-		to {
-			transform: rotate(360deg);
-		}
-	}
-`;
-
-export default CategoryPieChart;
diff --git a/modules/settings/assets/js/pages/assistant/stats/index.js b/modules/settings/assets/js/pages/assistant/stats/index.js
index 279d8e47..c4a9e607 100644
--- a/modules/settings/assets/js/pages/assistant/stats/index.js
+++ b/modules/settings/assets/js/pages/assistant/stats/index.js
@@ -1,135 +1,46 @@
 import Box from '@elementor/ui/Box';
-import Typography from '@elementor/ui/Typography';
 import { styled } from '@elementor/ui/styles';
 import PropTypes from 'prop-types';
-import PieChartLoader from '@ea11y/pages/assistant/loaders/pie-chart-loader';
-import ValueLoader from '@ea11y/pages/assistant/loaders/value-loader';
-import AccessibilityAssistantStatsIssueResovledBYCategory from '@ea11y/pages/assistant/stats/issue-by-category';
-import AccessibilityAssistantStatsIssueLevels from '@ea11y/pages/assistant/stats/issue-levels';
-import StatsPieChart from '@ea11y/pages/assistant/stats/pie-chart';
-import AccessibilityAssistantTooltip from '@ea11y/pages/assistant/tooltip';
+import IssuesByCategory from '@ea11y/pages/assistant/stats/issues-by-category/';
+import IssuesByLevel from '@ea11y/pages/assistant/stats/issues-by-level/';
+import StatsCounter from '@ea11y/pages/assistant/stats/stats-counter/';
 import { __ } from '@wordpress/i18n';
-import CategoryPieChart from './category-pie-chart';
 
 const AccessibilityAssistantStats = ({ stats, loading, noResultsState }) => {
-	const levelsTotal =
-		stats.issue_levels.a + stats.issue_levels.aa + stats.issue_levels.aaa;
-
-	const firstLevelPercentage = stats.issue_levels.a
-		? Math.round((stats.issue_levels.a / levelsTotal) * 100)
-		: 0;
-
-	const secondLevelPercentage = stats.issue_levels.aa
-		? Math.round((stats.issue_levels.aa / levelsTotal) * 100)
-		: 0;
-
 	const openIssues = stats.issues_total - stats.issues_fixed;
 
 	return (
 		<StyledStatsContainer>
-			<StyledStatsItem className="scanned-urls">
-				<StyledStatsItemContent>
-					<StyledStatsItemTitle variant="subtitle1" as="p">
-						{__('Scanned URLs', 'pojo-accessibility')}
-
-						<AccessibilityAssistantTooltip
-							content={__(
-								"View how many URLs you've already scanned for accessibility issues. A URL can be any page on your site, like a blog post or product page.",
-								'pojo-accessibility',
-							)}
-						/>
-					</StyledStatsItemTitle>
-
-					<Typography variant="h4" as="p">
-						{loading ? <ValueLoader /> : stats.scans}
-					</Typography>
-				</StyledStatsItemContent>
-			</StyledStatsItem>
-
-			<StyledStatsItem className="open-issues">
-				<StyledStatsItemContent>
-					<StyledStatsItemTitle variant="subtitle1" as="p">
-						{__('Open Issues', 'pojo-accessibility')}
-
-						<AccessibilityAssistantTooltip
-							content={__(
-								"View the number of accessibility issues that still need to be resolved. These are issues found during your latest scans that haven't been fixed yet.",
-								'pojo-accessibility',
-							)}
-						/>
-					</StyledStatsItemTitle>
-
-					<Typography variant="h4" as="p">
-						{loading ? <ValueLoader /> : openIssues}
-					</Typography>
-				</StyledStatsItemContent>
-			</StyledStatsItem>
-
-			<StyledStatsItem className="resolved-issues-by-level">
-				<StyledStatsItemContent>
-					<StyledStatsItemTitle variant="subtitle1" as="p" spacing={3}>
-						{__('Resolved issues by level', 'pojo-accessibility')}
-
-						<AccessibilityAssistantTooltip
-							content={__(
-								"Track how many issues you've resolved for each WCAG level. Meeting these guidelines helps make your site more accessible and inclusive for all visitors.",
-								'pojo-accessibility',
-							)}
-						/>
-					</StyledStatsItemTitle>
-
-					{loading ? (
-						<ValueLoader />
-					) : (
-						<AccessibilityAssistantStatsIssueLevels
-							issueLevels={stats.issue_levels}
-						/>
-					)}
-				</StyledStatsItemContent>
-
-				<StyledStatsItemChart>
-					{loading ? (
-						<PieChartLoader />
-					) : (
-						<StatsPieChart
-							value={levelsTotal.toString()}
-							firstSectorPercentage={firstLevelPercentage}
-							secondSectorPercentage={secondLevelPercentage}
-							noResultsState={noResultsState}
-						/>
-					)}
-				</StyledStatsItemChart>
-			</StyledStatsItem>
-
-			<StyledStatsItem className="resolved-issues-by-category">
-				<StyledStatsItemContent>
-					<StyledStatsItemTitle variant="subtitle1" as="p" spacing={3}>
-						{__('Resolved issues by category', 'pojo-accessibility')}
-
-						<AccessibilityAssistantTooltip
-							content={__(
-								"Track how many accessibility issues you've resolved in each category.",
-								'pojo-accessibility',
-							)}
-						/>
-					</StyledStatsItemTitle>
-
-					{loading ? (
-						<ValueLoader />
-					) : (
-						<AccessibilityAssistantStatsIssueResovledBYCategory
-							issueByCategory={stats.issue_by_category}
-						/>
-					)}
-				</StyledStatsItemContent>
-
-				<StyledStatsItemChart>
-					<CategoryPieChart
-						loading={loading}
-						issueByCategory={stats.issue_by_category}
-					/>
-				</StyledStatsItemChart>
-			</StyledStatsItem>
+			<StatsCounter
+				stat={stats.scans}
+				loading={loading}
+				title={__('Scanned URLs', 'pojo-accessibility')}
+				tooltip={__(
+					"View how many URLs you've already scanned for accessibility issues. A URL can be any page on your site, like a blog post or product page.",
+					'pojo-accessibility',
+				)}
+			/>
+
+			<StatsCounter
+				stat={openIssues}
+				loading={loading}
+				title={__('Open Issues', 'pojo-accessibility')}
+				tooltip={__(
+					"View the number of accessibility issues that still need to be resolved. These are issues found during your latest scans that haven't been fixed yet.",
+					'pojo-accessibility',
+				)}
+			/>
+
+			<IssuesByLevel
+				stats={stats}
+				loading={loading}
+				noResultsState={noResultsState}
+			/>
+			<IssuesByCategory
+				stats={stats}
+				loading={loading}
+				noResultsState={noResultsState}
+			/>
 		</StyledStatsContainer>
 	);
 };
@@ -155,87 +66,4 @@ const StyledStatsContainer = styled(Box)`
 	}
 `;
 
-const StyledStatsItem = styled(Box)`
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-
-	padding: ${({ theme }) => `${theme.spacing(2)} ${theme.spacing(2.5)}`};
-
-	border-radius: ${({ theme }) => theme.shape.borderRadius * 2}px;
-	background: ${({ theme }) => theme.palette.background.default};
-
-	:nth-of-type(1) {
-		grid-area: 1 / 1 / 2 / 2;
-	}
-
-	:nth-of-type(2) {
-		grid-area: 1 / 2 / 2 / 3;
-	}
-
-	:nth-of-type(3) {
-		grid-area: 2 / 1 / 3 / 3;
-	}
-
-	:nth-of-type(4) {
-		grid-area: 1 / 3 / 3 / 4;
-	}
-
-	@media screen and (max-width: 960px) {
-		:nth-of-type(1) {
-			grid-area: 1 / 1 / 2 / 2;
-		}
-
-		:nth-of-type(2) {
-			grid-area: 2 / 1 / 3 / 2;
-		}
-
-		:nth-of-type(3) {
-			grid-area: 3 / 1 / 4 / 2;
-		}
-
-		:nth-of-type(4) {
-			grid-area: 4 / 1 / 5 / 2;
-		}
-	}
-`;
-
-const StyledStatsItemContent = styled(Box)`
-	min-width: 150px;
-	min-height: 50px;
-	height: 100%;
-`;
-
-const StyledStatsItemChart = styled(Box)`
-	margin-inline-start: ${({ theme }) => theme.spacing(2)};
-
-	@media screen and (max-width: 1200px) {
-		& {
-			display: none;
-		}
-	}
-`;
-
-const StyledStatsItemTitle = styled(Typography)`
-	display: flex;
-	justify-content: flex-start;
-	align-items: center;
-
-	margin: 0;
-	margin-bottom: ${({ spacing, theme }) => theme.spacing(spacing || 2)};
-
-	color: ${({ theme }) => theme.palette.text.primary};
-	font-feature-settings:
-		'liga' off,
-		'clig' off;
-	font-size: 16px;
-	font-weight: 500;
-	line-height: 130%;
-	letter-spacing: 0.15px;
-
-	& svg {
-		margin-inline-start: ${({ theme }) => theme.spacing(1)};
-	}
-`;
-
 export default AccessibilityAssistantStats;
diff --git a/modules/settings/assets/js/pages/assistant/stats/issues-by-category/index.js b/modules/settings/assets/js/pages/assistant/stats/issues-by-category/index.js
new file mode 100644
index 00000000..9de11beb
--- /dev/null
+++ b/modules/settings/assets/js/pages/assistant/stats/issues-by-category/index.js
@@ -0,0 +1,46 @@
+import ValueLoader from '@ea11y/pages/assistant/loaders/value-loader';
+import AccessibilityAssistantTooltip from '@ea11y/pages/assistant/tooltip';
+import { __ } from '@wordpress/i18n';
+import {
+	StyledStatsItem,
+	StyledStatsItemContent,
+	StyledStatsItemChart,
+	StyledStatsItemTitle,
+} from '../stats.styles';
+import IssueList from './issue-list';
+import PieChart from './pie-chart';
+
+const IssuesByCategory = ({ stats, loading, noResultsState }) => {
+	return (
+		<StyledStatsItem className="resolved-issues-by-category">
+			<StyledStatsItemContent>
+				<StyledStatsItemTitle variant="subtitle1" as="p" spacing={3}>
+					{__('Resolved issues by category', 'pojo-accessibility')}
+
+					<AccessibilityAssistantTooltip
+						content={__(
+							"Track how many accessibility issues you've resolved in each category.",
+							'pojo-accessibility',
+						)}
+					/>
+				</StyledStatsItemTitle>
+
+				{loading ? (
+					<ValueLoader />
+				) : (
+					<IssueList issueByCategory={stats.issue_by_category} />
+				)}
+			</StyledStatsItemContent>
+
+			<StyledStatsItemChart>
+				<PieChart
+					loading={loading}
+					issueByCategory={stats.issue_by_category}
+					noResultsState={noResultsState}
+				/>
+			</StyledStatsItemChart>
+		</StyledStatsItem>
+	);
+};
+
+export default IssuesByCategory;
diff --git a/modules/settings/assets/js/pages/assistant/stats/issue-by-category.js b/modules/settings/assets/js/pages/assistant/stats/issues-by-category/issue-list.js
similarity index 87%
rename from modules/settings/assets/js/pages/assistant/stats/issue-by-category.js
rename to modules/settings/assets/js/pages/assistant/stats/issues-by-category/issue-list.js
index 0a024335..6d61f077 100644
--- a/modules/settings/assets/js/pages/assistant/stats/issue-by-category.js
+++ b/modules/settings/assets/js/pages/assistant/stats/issues-by-category/issue-list.js
@@ -1,3 +1,12 @@
+import {
+	ColorBlue100,
+	ColorBlue200,
+	ColorBlue300,
+	ColorBlue400,
+	ColorBlue500,
+	ColorBlue700,
+	ColorBlue900,
+} from '@elementor/design-tokens/primitives';
 import Box from '@elementor/ui/Box';
 import Typography from '@elementor/ui/Typography';
 import { styled } from '@elementor/ui/styles';
@@ -11,9 +20,7 @@ const CATEGORY_TITLE_OVERRIDES = {
 	dynamicContent: __('Dynamic/Aria', 'pojo-accessibility'),
 };
 
-const AccessibilityAssistantStatsIssueResovledBYCategory = ({
-	issueByCategory,
-}) => {
+const IssueList = ({ issueByCategory }) => {
 	// Process categories to show top 6 by usage + "other"
 	const processedCategories = () => {
 		// Convert to array and sort by count (descending)
@@ -73,7 +80,7 @@ const AccessibilityAssistantStatsIssueResovledBYCategory = ({
 	);
 };
 
-AccessibilityAssistantStatsIssueResovledBYCategory.propTypes = {
+IssueList.propTypes = {
 	issueByCategory: PropTypes.object.isRequired,
 };
 
@@ -97,13 +104,13 @@ const StyledIssueLevel = styled(Box)`
 		border-radius: 100%;
 		background-color: ${({ colorIndex }) => {
 			const colors = [
-				'#1e3a8a', // Blue 900
-				'#1d4ed8', // Blue 700
-				'#3b82f6', // Blue 500
-				'#60a5fa', // Blue 400
-				'#93c5fd', // Blue 300
-				'#BFDBFE', // Blue 200
-				'#DBEAFE', // Blue 100 (for "other")
+				ColorBlue900,
+				ColorBlue700,
+				ColorBlue500,
+				ColorBlue400,
+				ColorBlue300,
+				ColorBlue200,
+				ColorBlue100, // (for "other")
 			];
 			return colors[colorIndex % colors.length];
 		}};
@@ -123,4 +130,4 @@ const StyledIssuesCount = styled(Typography)`
 	text-align: left;
 `;
 
-export default AccessibilityAssistantStatsIssueResovledBYCategory;
+export default IssueList;
diff --git a/modules/settings/assets/js/pages/assistant/stats/issues-by-category/pie-chart.js b/modules/settings/assets/js/pages/assistant/stats/issues-by-category/pie-chart.js
new file mode 100644
index 00000000..18130fed
--- /dev/null
+++ b/modules/settings/assets/js/pages/assistant/stats/issues-by-category/pie-chart.js
@@ -0,0 +1,148 @@
+import {
+	ColorBlue100,
+	ColorBlue200,
+	ColorBlue300,
+	ColorBlue400,
+	ColorBlue500,
+	ColorBlue700,
+	ColorBlue900,
+} from '@elementor/design-tokens/primitives';
+import Box from '@elementor/ui/Box';
+import {
+	PieChart as MuiPieChart,
+	pieArcLabelClasses,
+} from '@mui/x-charts/PieChart';
+import PropTypes from 'prop-types';
+import { BLOCK_TITLES } from '@ea11y-apps/scanner/constants';
+import { __ } from '@wordpress/i18n';
+import StatsPieTooltip from '../tooltip';
+
+const PieChart = ({ issueByCategory, loading, noResultsState }) => {
+	const processedCategories = () => {
+		// Convert to array and sort by count (descending)
+		const sortedCategories = Object.entries(issueByCategory || {})
+			.map(([key, count]) => ({
+				key,
+				title: BLOCK_TITLES[key] || key,
+				count: count || 0,
+			}))
+			.sort((a, b) => b.count - a.count);
+
+		// Calculate total issues across all categories
+		const totalIssues = sortedCategories.reduce(
+			(sum, category) => sum + category.count,
+			0,
+		);
+
+		// Take top 6 categories
+		const top6 = sortedCategories.slice(0, 6);
+		// Calculate "other" count from remaining categories
+		const otherCount = sortedCategories
+			.slice(6)
+			.reduce((sum, category) => sum + category.count, 0);
+
+		// Add "other" category if there are remaining categories or if it has count
+		const result = [...top6];
+		if (otherCount > 0 || sortedCategories.length > 6) {
+			result.push({
+				key: 'other',
+				title: __('Other', 'pojo-accessibility'),
+				count: otherCount,
+			});
+		}
+
+		if (loading || totalIssues === 0 || noResultsState) {
+			return [{ label: 'Loading...', value: 100, color: '#f3f3f4' }];
+		}
+
+		// Convert to MUI PieChart format with percentages and colors
+		return result.map((category, index) => {
+			const percentage =
+				totalIssues > 0
+					? parseFloat(((category.count / totalIssues) * 100).toFixed(2))
+					: 0;
+			const color =
+				[
+					ColorBlue900,
+					ColorBlue700,
+					ColorBlue500,
+					ColorBlue400,
+					ColorBlue300,
+					ColorBlue200,
+					ColorBlue100, // for "other"
+				][index] || ColorBlue100;
+
+			return {
+				label: `${category.title}: ${percentage}%`,
+				value: percentage,
+				color,
+				categoryTitle: category.title,
+				categoryCount: category.count,
+			};
+		});
+	};
+
+	const categories = processedCategories();
+
+	return (
+		<Box
+			sx={{
+				width: 200,
+				height: 200,
+				display: 'flex',
+				justifyContent: 'center',
+				alignItems: 'center',
+				marginRight: 1.5,
+			}}
+		>
+			<MuiPieChart
+				series={[
+					{
+						data: categories,
+						innerRadius: 66,
+						outerRadius: 80,
+						paddingAngle: 0,
+						cornerRadius: 0,
+						startAngle: 0,
+						endAngle: 360,
+						cx: 100,
+						cy: 100,
+					},
+				]}
+				slots={{
+					itemContent: StatsPieTooltip,
+				}}
+				width={200}
+				height={200}
+				slotProps={{
+					legend: { hidden: true },
+				}}
+				sx={{
+					position: 'absolute',
+					top: '50%',
+					left: '50%',
+					transform: 'translate(-50%, -50%)',
+					[`& .${pieArcLabelClasses.root}`]: {
+						display: 'none',
+					},
+				}}
+			/>
+		</Box>
+	);
+};
+
+PieChart.propTypes = {
+	issueByCategory: PropTypes.shape({
+		altText: PropTypes.number,
+		dynamicContent: PropTypes.number,
+		formsInputsError: PropTypes.number,
+		keyboardAssistiveTech: PropTypes.number,
+		pageStructureNav: PropTypes.number,
+		tables: PropTypes.number,
+		colorContrast: PropTypes.number,
+		other: PropTypes.number,
+	}),
+	loading: PropTypes.bool.isRequired,
+};
+
+export default PieChart;
diff --git a/modules/settings/assets/js/pages/assistant/stats/issues-by-level/index.js b/modules/settings/assets/js/pages/assistant/stats/issues-by-level/index.js
new file mode 100644
index 00000000..2e0a590c
--- /dev/null
+++ b/modules/settings/assets/js/pages/assistant/stats/issues-by-level/index.js
@@ -0,0 +1,64 @@
+import ValueLoader from '@ea11y/pages/assistant/loaders/value-loader';
+import AccessibilityAssistantTooltip from '@ea11y/pages/assistant/tooltip';
+import { __ } from '@wordpress/i18n';
+import {
+	StyledStatsItem,
+	StyledStatsItemContent,
+	StyledStatsItemChart,
+	StyledStatsItemTitle,
+} from '../stats.styles';
+import IssueList from './issue-list';
+import PieChart from './pie-chart';
+
+const IssuesByLevel = ({ stats, loading, noResultsState }) => {
+	const levelsTotal =
+		stats.issue_levels.a + stats.issue_levels.aa + stats.issue_levels.aaa;
+
+	const firstLevelPercentage = stats.issue_levels.a
+		? Math.round((stats.issue_levels.a / levelsTotal) * 100)
+		: 0;
+
+	const secondLevelPercentage = stats.issue_levels.aa
+		? Math.round((stats.issue_levels.aa / levelsTotal) * 100)
+		: 0;
+
+	const thirdLevelPercentage = stats.issue_levels.aaa
+		? Math.round((stats.issue_levels.aaa / levelsTotal) * 100)
+		: 0;
+
+	return (
+		<StyledStatsItem className="resolved-issues-by-level">
+			<StyledStatsItemContent>
+				<StyledStatsItemTitle variant="subtitle1" as="p" spacing={3}>
+					{__('Resolved issues by level', 'pojo-accessibility')}
+
+					<AccessibilityAssistantTooltip
+						content={__(
+							"Track how many issues you've resolved for each WCAG level. Meeting these guidelines helps make your site more accessible and inclusive for all visitors.",
+							'pojo-accessibility',
+						)}
+					/>
+				</StyledStatsItemTitle>
+
+				{loading ? (
+					<ValueLoader />
+				) : (
+					<IssueList issueLevels={stats.issue_levels} />
+				)}
+			</StyledStatsItemContent>
+
+			<StyledStatsItemChart>
+				<PieChart
+					loading={loading}
+					value={levelsTotal.toString()}
+					firstSectorPercentage={firstLevelPercentage}
+					secondSectorPercentage={secondLevelPercentage}
+					thirdSectorPercentage={thirdLevelPercentage}
+					noResultsState={noResultsState}
+				/>
+			</StyledStatsItemChart>
+		</StyledStatsItem>
+	);
+};
+
+export default IssuesByLevel;
diff --git a/modules/settings/assets/js/pages/assistant/stats/issue-levels.js b/modules/settings/assets/js/pages/assistant/stats/issues-by-level/issue-list.js
similarity index 92%
rename from modules/settings/assets/js/pages/assistant/stats/issue-levels.js
rename to modules/settings/assets/js/pages/assistant/stats/issues-by-level/issue-list.js
index 41d911c3..fc4a835c 100644
--- a/modules/settings/assets/js/pages/assistant/stats/issue-levels.js
+++ b/modules/settings/assets/js/pages/assistant/stats/issues-by-level/issue-list.js
@@ -4,7 +4,7 @@ import { styled } from '@elementor/ui/styles';
 import PropTypes from 'prop-types';
 import { __, sprintf } from '@wordpress/i18n';
 
-const AccessibilityAssistantStatsIssueLevels = ({ issueLevels }) => {
+const IssueList = ({ issueLevels }) => {
 	return (
 		<>
 			<StyledIssueLevel>
@@ -52,7 +52,7 @@ const AccessibilityAssistantStatsIssueLevels = ({ issueLevels }) => {
 	);
 };
 
-AccessibilityAssistantStatsIssueLevels.propTypes = {
+IssueList.propTypes = {
 	issueLevels: PropTypes.object.isRequired,
 };
 
@@ -104,4 +104,4 @@ const StyledIssuesCount = styled(Typography)`
 	letter-spacing: 0.1px;
 `;
 
-export default AccessibilityAssistantStatsIssueLevels;
+export default IssueList;
diff --git a/modules/settings/assets/js/pages/assistant/stats/issues-by-level/pie-chart.js b/modules/settings/assets/js/pages/assistant/stats/issues-by-level/pie-chart.js
new file mode 100644
index 00000000..805b32ef
--- /dev/null
+++ b/modules/settings/assets/js/pages/assistant/stats/issues-by-level/pie-chart.js
@@ -0,0 +1,105 @@
+import {
+	ColorGreen900,
+	ColorGreen500,
+	ColorGreen200,
+} from '@elementor/design-tokens/primitives';
+import Box from '@elementor/ui/Box';
+import Typography from '@elementor/ui/Typography';
+import {
+	PieChart as MuiPieChart,
+	pieArcLabelClasses,
+} from '@mui/x-charts/PieChart';
+import PropTypes from 'prop-types';
+import StatsPieTooltip from '../tooltip';
+
+const PieChart = ({
+	loading,
+	value,
+	firstSectorPercentage,
+	secondSectorPercentage,
+	thirdSectorPercentage,
+	noResultsState,
+}) => {
+	const hasNoData =
+		firstSectorPercentage === 0 &&
+		secondSectorPercentage === 0 &&
+		thirdSectorPercentage === 0;
+
+	let pieData = [
+		{ label: 'A', value: firstSectorPercentage, color: ColorGreen900 },
+		{ label: 'AA', value: secondSectorPercentage, color: ColorGreen500 },
+		{ label: 'AAA', value: thirdSectorPercentage, color: ColorGreen200 },
+	];
+
+	if (loading || noResultsState || hasNoData) {
+		pieData = [{ label: 'No Issues', value: 100, color: '#f3f3f4' }];
+	}
+
+	return (
+		<Box
+			sx={{
+				width: 120,
+				height: 120,
+				display: 'flex',
+				justifyContent: 'center',
+				alignItems: 'center',
+				marginRight: 0.5,
+				position: 'relative',
+			}}
+		>
+			<MuiPieChart
+				series={[
+					{
+						data: pieData,
+						innerRadius: 40,
+						outerRadius: 52,
+						cx: 60,
+						cy: 60,
+					},
+				]}
+				slots={{
+					itemContent: StatsPieTooltip,
+				}}
+				width={120}
+				height={120}
+				slotProps={{
+					legend: { hidden: true },
+				}}
+				sx={{
+					position: 'absolute',
+					top: '50%',
+					left: '50%',
+					transform: 'translate(-50%, -50%)',
+					[`& .${pieArcLabelClasses.root}`]: {
+						display: 'none',
+					},
+				}}
+			/>
+			<Box
+				sx={{
+					position: 'absolute',
+					top: '55%',
+					left: '53%',
+					transform: 'translate(-50%, -50%)',
+					display: 'flex',
+					justifyContent: 'center',
+					alignItems: 'center',
+				}}
+			>
+				<Typography variant="h4" as="span">
+					{value}
+				</Typography>
+			</Box>
+		</Box>
+	);
+};
+
+PieChart.propTypes = {
+	value: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
+	firstSectorPercentage: PropTypes.number.isRequired,
+	secondSectorPercentage: PropTypes.number,
+	thirdSectorPercentage: PropTypes.number,
+	noResultsState: PropTypes.bool,
+};
+
+export default PieChart;
diff --git a/modules/settings/assets/js/pages/assistant/stats/pie-chart.js b/modules/settings/assets/js/pages/assistant/stats/pie-chart.js
deleted file mode 100644
index df8fb881..00000000
--- a/modules/settings/assets/js/pages/assistant/stats/pie-chart.js
+++ /dev/null
@@ -1,118 +0,0 @@
-import Box from '@elementor/ui/Box';
-import Typography from '@elementor/ui/Typography';
-import { styled, useTheme } from '@elementor/ui/styles';
-import PropTypes from 'prop-types';
-import { __ } from '@wordpress/i18n';
-
-const StatsPieChart = ({
-	value,
-	firstSectorPercentage,
-	secondSectorPercentage,
-	noResultsState,
-}) => {
-	const theme = useTheme();
-
-	if (noResultsState) {
-		return (
-			<StyledProgressCircle
-				background={`
-					radial-gradient(closest-side, white 77%, transparent 78% 100%),
-					conic-gradient(#10b981 0%, #f3f3f4 0)
-				`}
-			>
-				<StyledEmptyStateValue variant="h4" as="span">
-					0
-					<StyledEmptyStateLabel variant="body2" as="span">
-						{__('Issues', 'pojo-accessibility')}
-					</StyledEmptyStateLabel>
-				</StyledEmptyStateValue>
-			</StyledProgressCircle>
-		);
-	}
-
-	if (typeof value !== 'string') {
-		let sectorColor = theme.palette.success.light;
-
-		if (firstSectorPercentage <= 25) {
-			sectorColor = theme.palette.error.main;
-		}
-
-		if (firstSectorPercentage > 25 && firstSectorPercentage <= 60) {
-			sectorColor = theme.palette.warning.light;
-		}
-
-		const background = `
-			radial-gradient(closest-side, white 77%, transparent 78% 100%),
-			conic-gradient(${sectorColor} ${firstSectorPercentage}%, #f3f3f4 0)
-		`;
-
-		return (
-			<StyledProgressCircle background={background}>
-				{value}
-			</StyledProgressCircle>
-		);
-	}
-
-	return (
-		<StyledProgressCircle
-			as="div"
-			background={`radial-gradient(closest-side, white 77%, transparent 78% 100%), conic-gradient(
-				#064E3B 0% ${firstSectorPercentage}%,
-				#10b981 ${firstSectorPercentage}% ${firstSectorPercentage + secondSectorPercentage}%,
-				#a7f3d0 ${firstSectorPercentage + secondSectorPercentage}% 100%
-			)`}
-		>
-			<Typography variant="h4" as="span">
-				{value}
-			</Typography>
-		</StyledProgressCircle>
-	);
-};
-
-StatsPieChart.propTypes = {
-	value: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
-	firstSectorPercentage: PropTypes.number.isRequired,
-	secondSectorPercentage: PropTypes.number,
-	thirdSectorPercentage: PropTypes.number,
-	noResultsState: PropTypes.bool,
-};
-
-const StyledProgressCircle = styled(Box)`
-	width: 104px;
-	height: 104px;
-	display: flex;
-
-	justify-content: center;
-	align-items: center;
-	border-radius: 100%;
-	margin-right: ${({ theme }) => theme.spacing(0.5)};
-
-	background: ${({ background }) => background};
-`;
-
-const StyledEmptyStateValue = styled(Typography)`
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-
-	color: ${({ theme }) => theme.palette.text.secondary};
-	font-feature-settings:
-		'liga' off,
-		'clig' off;
-	font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
-	font-size: 32px;
-	font-weight: 700;
-	line-height: 78%;
-	letter-spacing: 0.25px;
-`;
-
-const StyledEmptyStateLabel = styled(Typography)`
-	color: ${({ theme }) => theme.palette.text.tertiary};
-	font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
-	font-size: 14px;
-	font-weight: 400;
-	line-height: 143%;
-	letter-spacing: 0.17px;
-`;
-
-export default StatsPieChart;
diff --git a/modules/settings/assets/js/pages/assistant/stats/stats-counter.js b/modules/settings/assets/js/pages/assistant/stats/stats-counter.js
new file mode 100644
index 00000000..2b2643ea
--- /dev/null
+++ b/modules/settings/assets/js/pages/assistant/stats/stats-counter.js
@@ -0,0 +1,28 @@
+import Typography from '@elementor/ui/Typography';
+import ValueLoader from '@ea11y/pages/assistant/loaders/value-loader';
+import AccessibilityAssistantTooltip from '@ea11y/pages/assistant/tooltip';
+import {
+	StyledStatsItem,
+	StyledStatsItemContent,
+	StyledStatsItemTitle,
+} from './stats.styles';
+
+const StatsCounter = ({ stat, loading, title, tooltip }) => {
+	return (
+		<StyledStatsItem className="scanned-urls">
+			<StyledStatsItemContent>
+				<StyledStatsItemTitle variant="subtitle1" as="p">
+					{title}
+
+					<AccessibilityAssistantTooltip content={tooltip} />
+				</StyledStatsItemTitle>
+
+				<Typography variant="h4" as="p">
+					{loading ? <ValueLoader /> : stat}
+				</Typography>
+			</StyledStatsItemContent>
+		</StyledStatsItem>
+	);
+};
+
+export default StatsCounter;
diff --git a/modules/settings/assets/js/pages/assistant/stats/stats.styles.js b/modules/settings/assets/js/pages/assistant/stats/stats.styles.js
new file mode 100644
index 00000000..2715f461
--- /dev/null
+++ b/modules/settings/assets/js/pages/assistant/stats/stats.styles.js
@@ -0,0 +1,86 @@
+import Box from '@elementor/ui/Box';
+import Typography from '@elementor/ui/Typography';
+import { styled } from '@elementor/ui/styles';
+
+export const StyledStatsItem = styled(Box)`
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+
+	padding: ${({ theme }) => `${theme.spacing(2)} ${theme.spacing(2.5)}`};
+
+	border-radius: ${({ theme }) => theme.shape.borderRadius * 2}px;
+	background: ${({ theme }) => theme.palette.background.default};
+
+	:nth-of-type(1) {
+		grid-area: 1 / 1 / 2 / 2;
+	}
+
+	:nth-of-type(2) {
+		grid-area: 1 / 2 / 2 / 3;
+	}
+
+	:nth-of-type(3) {
+		grid-area: 2 / 1 / 3 / 3;
+	}
+
+	:nth-of-type(4) {
+		grid-area: 1 / 3 / 3 / 4;
+	}
+
+	@media screen and (max-width: 960px) {
+		:nth-of-type(1) {
+			grid-area: 1 / 1 / 2 / 2;
+		}
+
+		:nth-of-type(2) {
+			grid-area: 2 / 1 / 3 / 2;
+		}
+
+		:nth-of-type(3) {
+			grid-area: 3 / 1 / 4 / 2;
+		}
+
+		:nth-of-type(4) {
+			grid-area: 4 / 1 / 5 / 2;
+		}
+	}
+`;
+
+export const StyledStatsItemContent = styled(Box)`
+	min-width: 150px;
+	min-height: 50px;
+	height: 100%;
+`;
+
+export const StyledStatsItemChart = styled(Box)`
+	margin-inline-start: ${({ theme }) => theme.spacing(2)};
+
+	@media screen and (max-width: 1200px) {
+		& {
+			display: none;
+		}
+	}
+`;
+
+export const StyledStatsItemTitle = styled(Typography)`
+	display: flex;
+	justify-content: flex-start;
+	align-items: center;
+
+	margin: 0;
+	margin-bottom: ${({ spacing, theme }) => theme.spacing(spacing || 2)};
+
+	color: ${({ theme }) => theme.palette.text.primary};
+	font-feature-settings:
+		'liga' off,
+		'clig' off;
+	font-size: 16px;
+	font-weight: 500;
+	line-height: 130%;
+	letter-spacing: 0.15px;
+
+	& svg {
+		margin-inline-start: ${({ theme }) => theme.spacing(1)};
+	}
+`;
diff --git a/modules/settings/assets/js/pages/assistant/stats/tooltip.js b/modules/settings/assets/js/pages/assistant/stats/tooltip.js
new file mode 100644
index 00000000..98796b11
--- /dev/null
+++ b/modules/settings/assets/js/pages/assistant/stats/tooltip.js
@@ -0,0 +1,38 @@
+import Paper from '@elementor/ui/Paper';
+import Typography from '@elementor/ui/Typography';
+import { styled } from '@elementor/ui/styles';
+
+const StatsPieTooltip = (props) => {
+	const { itemData, series } = props;
+	const data = series.data[itemData.dataIndex];
+	return (
+		<Paper sx={{ p: 2, pb: 1 }}>
+			<StyledStatsPieTooltipTitle
+				variant="body2"
+				color="text.tertiary"
+				itemColor={data.color}
+			>
+				{data.label}
+			</StyledStatsPieTooltipTitle>
+			<Typography variant="h6">{`${data.value}%`}</Typography>
+		</Paper>
+	);
+};
+
+export default StatsPieTooltip;
+
+const StyledStatsPieTooltipTitle = styled(Typography)`
+	position: relative;
+	padding-left: 18px;
+	&:before {
+		content: '';
+		position: absolute;
+		left: 0;
+		top: calc(50% - 5px);
+		display: inline-block;
+		width: 10px;
+		height: 10px;
+		border-radius: 50%;
+		background-color: ${(props) => props.itemColor};
+	}
+`;
diff --git a/modules/settings/assets/js/utils/index.js b/modules/settings/assets/js/utils/index.js
index 7fa5a5de..6aad0043 100644
--- a/modules/settings/assets/js/utils/index.js
+++ b/modules/settings/assets/js/utils/index.js
@@ -69,11 +69,13 @@ export const calculatePlanUsage = (allowed, used) => {
  */
 export const formatPlanValue = (value) => {
 	if (value >= 1000000) {
-		return `${Math.floor(value / 1000000)}M`;
+		const millions = value / 1000000;
+		return millions % 1 === 0 ? `${millions}M` : `${millions.toFixed(1)}M`;
 	}
 
 	if (value >= 1000) {
-		return `${Math.floor(value / 1000)}K`;
+		const thousands = value / 1000;
+		return thousands % 1 === 0 ? `${thousands}K` : `${thousands.toFixed(1)}K`;
 	}
 
 	return value;
diff --git a/modules/settings/banners/onboarding-banner.php b/modules/settings/banners/onboarding-banner.php
new file mode 100644
index 00000000..fa429d6b
--- /dev/null
+++ b/modules/settings/banners/onboarding-banner.php
@@ -0,0 +1,212 @@
+<?php
+
+namespace EA11y\Modules\Settings\Banners;
+
+use EA11y\Modules\Core\Components\Pointers;
+use EA11y\Modules\Scanner\Database\Scans_Table;
+use EA11y\Modules\Connect\Module as Connect;
+use Throwable;
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // Exit if accessed directly.
+}
+
+class Onboarding_Banner {
+	const BANNER_POINTER_NAME = 'ea11y_onboarding_banner';
+	const POINTER_ACTION = 'ea11y_pointer_dismissed';
+	const POINTER_NONCE_KEY = 'ea11y-pointer-dismissed';
+
+	public static function user_viewed_banner(): bool {
+		return Pointers::is_dismissed( self::BANNER_POINTER_NAME );
+	}
+
+	/**
+	 * Check if user has performed any scans
+	 * @return bool
+	 */
+	public static function user_has_scanned_pages(): bool {
+		$scan_count = Scans_Table::select_var( 'COUNT(*)' );
+		return intval( $scan_count ) > 0;
+	}
+
+	/**
+	 * Get banner markup
+	 * @throws Throwable
+	 */
+	public static function get_banner() {
+
+		if ( ! Connect::is_connected() ) {
+			return;
+		}
+
+		if ( ! current_user_can( 'manage_options' ) ) {
+			return;
+		}
+
+		if ( self::user_viewed_banner() || self::user_has_scanned_pages() ) {
+			return;
+		}
+
+		$url = admin_url( 'admin-ajax.php' );
+		$nonce = wp_create_nonce( self::POINTER_NONCE_KEY );
+		$link = admin_url( 'admin.php?page=accessibility-settings&source=admin_banner' );
+		?>
+
+		<div class="elementor-ea11y-banner elementor-ea11y-onboarding-banner notice notice-info info">
+			<div class="elementor-ea11y-banner-container">
+				<div class="elementor-ea11y-banner-content">
+				<div class="elementor-ea11y-banner-content-icon">
+				<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 43 43" fill="none">
+						<path d="M21.3937 42.7875C33.2092 42.7875 42.7875 33.2092 42.7875 21.3937C42.7875 9.57831 33.2092 0 21.3937 0C9.57831 0 0 9.57831 0 21.3937C0 33.2092 9.57831 42.7875 21.3937 42.7875Z" fill="#2563EB"/>
+						<path d="M21.3954 13.4431C23.1077 13.4431 24.4958 12.055 24.4958 10.3427C24.4958 8.63031 23.1077 7.24219 21.3954 7.24219C19.683 7.24219 18.2949 8.63031 18.2949 10.3427C18.2949 12.055 19.683 13.4431 21.3954 13.4431Z" fill="#ffffff"/>
+						<path d="M33.0433 13.2168L25.9471 14.3056C22.8936 14.6233 19.7987 14.615 16.6623 14.3056L9.75116 13.2196C8.73425 13.1864 7.88867 14.0016 7.88867 15.0213C7.88867 16.0409 8.50213 16.6931 9.63786 16.823L14.8274 17.5083L21.9347 18.2626L17.4609 18.5887L16.8446 33.8976C16.8446 34.8095 17.5825 35.5473 18.4944 35.5473C19.3565 35.5473 20.075 34.8814 20.1385 34.022L20.6581 27.1413C20.6912 26.7074 21.0532 26.373 21.4871 26.373C21.9209 26.373 22.2829 26.7074 22.3161 27.1413L22.8356 34.022C22.9019 34.8814 23.6176 35.5473 24.4797 35.5473C25.3916 35.5473 26.1295 34.8095 26.1295 33.8976L25.5547 19.7742C25.5547 18.7407 26.3754 17.8924 27.4089 17.8592L33.1539 16.8257C34.2979 16.624 34.903 15.9995 34.903 15.024C34.903 14.0043 34.0602 13.1864 33.0433 13.2196V13.2168Z" fill="#ffffff"/>
+					</svg>
+				</div>
+					<div class="elementor-ea11y-banner-content-text">
+						<h2>
+							<?php _e( 'New in Ally: Accessibility Assistant', 'pojo-accessibility' ); ?>
+						</h2>
+						<p>
+							<?php _e( 'Scan your site for accessibility issues and start fixing them with ease. It\'s already part of your plan.', 'pojo-accessibility' ); ?>
+						</p>
+						<a class="elementor-ea11y-run-scan-button button button-primary" href="<?php echo esc_url( $link ); ?>" target="_blank">
+							<?php _e( 'Try it now', 'pojo-accessibility' ); ?>
+						</a>
+					</div>
+				</div>
+				<div class="elementor-ea11y-banner-actions">
+					<button class="elementor-ea11y-banner-close">
+						<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+						<path 
+							fill-rule="evenodd"
+							clip-rule="evenodd"
+							d="M13.2803 1.28033C13.5732 0.987437 13.5732 0.512563 13.2803 0.21967C12.9874 -0.0732233 12.5126 -0.0732233 12.2197 0.21967L6.75 5.68934L1.28033 0.21967C0.987437 -0.0732233 0.512563 -0.0732233 0.21967 0.21967C-0.0732233 0.512563 -0.0732233 0.987437 0.21967 1.28033L5.68934 6.75L0.21967 12.2197C-0.0732233 12.5126 -0.0732233 12.9874 0.21967 13.2803C0.512563 13.5732 0.987437 13.5732 1.28033 13.2803L6.75 7.81066L12.2197 13.2803C12.5126 13.5732 12.9874 13.5732 13.2803 13.2803C13.5732 12.9874 13.5732 12.5126 13.2803 12.2197L7.81066 6.75L13.2803 1.28033Z"
+							fill="black"
+							fill-opacity="0.56"
+						/>
+						</svg>
+					</button>
+				</div>
+			</div>
+		</div>
+
+		<style>
+			html[dir="rtl"] #ea11y-app,
+			html:not([dir="rtl"]) #ea11y-app {
+				height: calc(100vh - 32px - 80px);
+			}
+
+			.elementor-ea11y-banner {
+				overflow: hidden;
+				margin-inline-start: -20px;
+				border-left-color: #2563EB;
+				padding: 0;
+			}
+
+			.elementor-ea11y-banner-container {
+				position: relative;
+				width: 100%;
+				display: flex;
+				justify-content: space-between;
+				direction: ltr;
+				height: 130px;
+				gap: 12px;
+			}
+
+			.elementor-ea11y-banner-content {
+				display: flex;
+				gap: 16px;
+			}
+			.elementor-ea11y-banner-content-icon {
+				background: #EFF5FE;
+				padding: 16px 12px;
+			}
+
+			.elementor-ea11y-banner-content-text {
+				padding: 16px;
+			}
+
+			.elementor-ea11y-banner-content-text h2 {
+				margin: 0 0 2px 0;
+			}
+
+			.elementor-ea11y-banner-content-text p {
+				margin: 0 0 16px 0;
+			}
+
+			a.elementor-ea11y-run-scan-button {
+				background-color: #2563EB !important;
+				padding: 4px 10px !important;
+			}
+
+			a.elementor-ea11y-run-scan-button:hover {
+				background-color: #1D4ED8 !important;
+			}
+
+			.elementor-ea11y-banner-actions {
+				padding: 16px;
+			}
+
+			.elementor-ea11y-banner-actions button {
+				position: relative;
+				border: none;
+				background: none;
+				padding: 0;
+				margin: 0;
+				cursor: pointer;
+				z-index: 2;
+			}
+
+			@media (max-width: 1170px) {
+				.elementor-ea11y-banner a {
+					padding: 6px 10px;
+					font-size: 14px;
+				}
+			}
+
+			@media (max-width: 845px) {
+				.elementor-ea11y-banner button {
+					margin: 0 6px;
+				}
+			}
+		</style>
+
+		<script>
+			document.addEventListener('DOMContentLoaded', function () {
+				const banner = document.querySelector('.elementor-ea11y-banner');
+				const button = document.querySelector('.elementor-ea11y-banner button');
+				const pageRoot = document.querySelector('#ea11y-app');
+
+				const requestData = {
+					action: "<?php echo esc_js( self::POINTER_ACTION ); ?>",
+					nonce: "<?php echo esc_js( $nonce ); ?>",
+					data: {
+						pointer: "<?php echo esc_js( self::BANNER_POINTER_NAME ); ?>",
+					}
+				};
+
+				if (button) {
+					button.addEventListener('click', function () {
+						jQuery.ajax(
+							{
+								url: '<?php echo esc_js( $url ); ?>',
+								method: 'POST',
+								data: requestData,
+								success: () => {
+									banner.remove();
+
+									if (pageRoot) {
+										pageRoot.style.height = 'calc(100vh - 32px)';
+									}
+								},
+								error: (error) => console.error('Error:', error),
+							}
+						);
+					});
+				}
+			});
+
+		</script>
+		<?php
+	}
+}
diff --git a/modules/settings/classes/settings.php b/modules/settings/classes/settings.php
index fef99c74..777710b9 100644
--- a/modules/settings/classes/settings.php
+++ b/modules/settings/classes/settings.php
@@ -8,6 +8,7 @@
 
 class Settings {
 	public const CLOSE_POST_CONNECT_MODAL = 'ea11y_close_post_connect_modal';
+	public const CLOSE_ONBOARDING_MODAL = 'ea11y_close_onboarding_modal';
 
 	public const IS_VALID_PLAN_DATA = 'ea11y_is_valid_plan_data';
 	public const PLAN_DATA = 'ea11y_plan_data';
diff --git a/modules/settings/module.php b/modules/settings/module.php
index 0381d454..10669549 100644
--- a/modules/settings/module.php
+++ b/modules/settings/module.php
@@ -1,12 +1,24 @@
 <?php
 namespace EA11y\Modules\Settings;
 
-use EA11y\Classes\{Logger, Module_Base, Utils};
-use EA11y\Modules\Connect\Classes\{Config, Data};
+use EA11y\Classes\{
+	Logger,
+	Module_Base,
+	Utils
+};
+use EA11y\Modules\Connect\Classes\{
+	Config,
+	Data,
+	Exceptions\Service_Exception
+};
 use EA11y\Modules\Connect\Classes\Utils as Connect_Utils;
 use EA11y\Modules\Connect\Module as Connect;
-use EA11y\Modules\Core\Components\{Notices, Svg};
+use EA11y\Modules\Core\Components\{
+	Notices,
+	Svg
+};
 use EA11y\Modules\Settings\Banners\Elementor_Birthday_Banner;
+use EA11y\Modules\Settings\Banners\Onboarding_Banner;
 use EA11y\Modules\Settings\Classes\Settings;
 use EA11y\Modules\Widget\Module as WidgetModule;
 use Exception;
@@ -46,6 +58,10 @@ public function render_app() {
 		<?php
 	}
 
+	public function admin_banners() {
+		Onboarding_Banner::get_banner();
+	}
+
 	public function register_page() : void {
 		add_menu_page(
 			__( 'Ally - Web Accessibility', 'pojo-accessibility' ),
@@ -138,9 +154,11 @@ public static function get_plugin_settings(): array {
 		return [
 			'isConnected' => Connect::is_connected(),
 			'closePostConnectModal' => Settings::get( Settings::CLOSE_POST_CONNECT_MODAL ),
+			'closeOnboardingModal' => Settings::get( Settings::CLOSE_ONBOARDING_MODAL ),
 			'isRTL' => is_rtl(),
 			'isUrlMismatch' => ! Connect_Utils::is_valid_home_url(),
 			'unfilteredUploads' => Svg::are_unfiltered_uploads_enabled(),
+			'homeUrl' => home_url(),
 		];
 	}
 
@@ -200,7 +218,6 @@ public static function save_plan_data( $register_response ) : void {
 	 * @return void
 	 */
 	public static function refresh_plan_data() : void {
-
 		if ( ! Connect::is_connected() ) {
 				return;
 		}
@@ -219,27 +236,31 @@ public static function refresh_plan_data() : void {
 			return;
 		}
 
-		$response = Utils::get_api_client()->make_request(
-			'GET',
-			'site/info',
-			[ 'api_key' => $plan_data->public_api_key ]
-		);
+		try {
+			$response = Utils::get_api_client()->make_request(
+				'GET',
+				'site/info',
+				[ 'api_key' => $plan_data->public_api_key ]
+			);
 
-		if ( ! is_wp_error( $response ) ) {
-			Settings::set( Settings::PLAN_DATA, $response );
-			Settings::set( Settings::IS_VALID_PLAN_DATA, true );
-			self::set_plan_data_refresh_transient();
-		} else {
-			Logger::error( esc_html( $response->get_error_message() ) );
+			if ( ! is_wp_error( $response ) ) {
+				Settings::set( Settings::PLAN_DATA, $response );
+				Settings::set( Settings::IS_VALID_PLAN_DATA, true );
+				self::set_plan_data_refresh_transient();
+			} else {
+				Logger::error( esc_html( $response->get_error_message() ) );
+				Settings::set( Settings::IS_VALID_PLAN_DATA, false );
+			}
+		} catch ( Service_Exception $se ) {
+			Logger::error( esc_html( $se->getMessage() ) );
 			Settings::set( Settings::IS_VALID_PLAN_DATA, false );
 		}
 	}
 
 	/**
-	 * Set default values after successful registration.
-	 * @return void
+	 * Get default settings for the plugin.
 	 */
-	private static function set_default_settings() : void {
+	public static function get_default_settings( $setting ): array {
 		$widget_menu_settings = [
 			'bigger-text' => [
 				'enabled' => true,
@@ -332,16 +353,34 @@ private static function set_default_settings() : void {
 			'anchor' => '#content',
 		];
 
+		switch ( $setting ) {
+			case 'widget_menu_settings':
+				return $widget_menu_settings;
+			case 'widget_icon_settings':
+				return $widget_icon_settings;
+			case 'skip_to_content_settings':
+				return $skip_to_content_setting;
+			default:
+				return [];
+		}
+	}
+
+	/**
+	 * Set default values after successful registration.
+	 * @return void
+	 */
+	private static function set_default_settings() : void {
+
 		if ( ! get_option( Settings::WIDGET_MENU_SETTINGS ) ) {
-			update_option( Settings::WIDGET_MENU_SETTINGS, $widget_menu_settings );
+			update_option( Settings::WIDGET_MENU_SETTINGS, self::get_default_settings( 'widget_menu_settings' ) );
 		}
 
 		if ( ! get_option( Settings::WIDGET_ICON_SETTINGS ) ) {
-			update_option( Settings::WIDGET_ICON_SETTINGS, $widget_icon_settings );
+			update_option( Settings::WIDGET_ICON_SETTINGS, self::get_default_settings( 'widget_icon_settings' ) );
 		}
 
 		if ( ! get_option( Settings::SKIP_TO_CONTENT ) ) {
-			update_option( Settings::SKIP_TO_CONTENT, $skip_to_content_setting );
+			update_option( Settings::SKIP_TO_CONTENT, self::get_default_settings( 'skip_to_content_settings' ) );
 		}
 	}
 
@@ -448,6 +487,9 @@ public function register_settings(): void {
 			'unfiltered_files_upload' => [
 				'type' => 'boolean',
 			],
+			'close_onboarding_modal' => [
+				'type' => 'boolean',
+			],
 		];
 
 		foreach ( $settings as $setting => $args ) {
@@ -551,8 +593,9 @@ public function __construct() {
 		add_action( 'on_connect_' . Config::APP_PREFIX . '_connected', [ $this, 'on_connect' ] );
 		add_action( 'current_screen', [ $this, 'check_plan_data' ] );
 		add_action( 'admin_head', [ $this, 'hide_admin_notices' ] );
+		
 		// Register notices
-		// Removed visits quota
-		// add_action( 'ea11y_register_notices', [ $this, 'register_notices' ] );
+		//add_action( 'ea11y_register_notices', [ $this, 'register_notices' ] );
+		add_action( 'admin_notices', [ $this, 'admin_banners' ] );
 	}
 }
diff --git a/package-lock.json b/package-lock.json
index 0502377d..ac10397f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
 	"name": "pojo-accessibility",
-	"version": "3.6.0",
+	"version": "3.7.0",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "pojo-accessibility",
-			"version": "3.6.0",
+			"version": "3.7.0",
 			"dependencies": {
 				"@elementor/design-tokens": "^1.1.4",
 				"@elementor/icons": "^1.46.0",
diff --git a/package.json b/package.json
index 30fb8c99..d9cf9902 100644
--- a/package.json
+++ b/package.json
@@ -3,10 +3,10 @@
 	"slug": "pojo-accessibility",
 	"homepage": "http://pojo.me/",
 	"description": "",
-	"version": "3.6.0",
+	"version": "3.7.0",
 	"scripts": {
-		"build": "wp-scripts build",
-		"start": "wp-scripts start",
+		"build": "NODE_ENV=production wp-scripts build",
+		"start": "NODE_ENV=development wp-scripts start",
 		"format": "wp-scripts format",
 		"lint:js": "wp-scripts lint-js",
 		"lint:js:fix": "wp-scripts lint-js --fix",
diff --git a/pojo-accessibility.php b/pojo-accessibility.php
index f65c6d32..03394bfe 100644
--- a/pojo-accessibility.php
+++ b/pojo-accessibility.php
@@ -5,7 +5,7 @@
  * Description: Improve your website’s accessibility with ease. Customize capabilities such as text resizing, contrast modes, link highlights, and easily generate an accessibility statement to demonstrate your commitment to inclusivity.
  * Author: Elementor.com
  * Author URI: https://elementor.com/
- * Version: 3.6.0
+ * Version: 3.7.0
  * Text Domain: pojo-accessibility
  * Domain Path: /languages/
  */
@@ -15,7 +15,7 @@
 
 // Legacy
 define( 'POJO_A11Y_CUSTOMIZER_OPTIONS', 'pojo_a11y_customizer_options' );
-define( 'EA11Y_VERSION', '3.6.0' );
+define( 'EA11Y_VERSION', '3.7.0' );
 define( 'EA11Y_MAIN_FILE', __FILE__ );
 define( 'EA11Y_BASE', plugin_basename( EA11Y_MAIN_FILE ) );
 define( 'EA11Y_PATH', plugin_dir_path( __FILE__ ) );
diff --git a/readme.txt b/readme.txt
index 482b4fc8..945904b9 100644
--- a/readme.txt
+++ b/readme.txt
@@ -4,13 +4,15 @@ Tags: Web Accessibility, Accessibility, A11Y, WCAG, Accessibility Statement
 Requires at least: 6.6
 Tested up to: 6.8
 Requires PHP: 7.4
-Stable tag: 3.6.0
+Stable tag: 3.7.0
 License: GPLv2 or later
 
 Ally: Make your site more inclusive by scanning for accessibility violations, fixing them easily, and adding a usability widget and accessibility statement.
 
 == Description ==
 
+https://www.youtube.com/watch?v=-2ig5D348vo
+
 Ally (formerly One Click Accessibility) is a free, powerful, and user-friendly plugin that helps WordPress creators build more accessible websites with ease.
 It simplifies accessibility with three essential tools:
 
@@ -187,6 +189,13 @@ You can report security bugs through the Patchstack Vulnerability Disclosure Pro
 5. Widget on Site: This is how the accessibility widget appears on a live website.
 
 == Changelog ==
+= 3.7.0 - 2025-09-02 =
+* New: Redesigned Accessibility Widget – Clearer structure, Wider accessible buttons, and Improved mobile view
+* New: Intro banner for users who connected Ally
+* New: Reviews & CSAT flow to gather user feedback
+* Tweak: Added cache clearing option in Assistant panel and WordPress Admin Bar
+* Tweak: Enhanced color contrast evaluation to fix issues with gradient/video backgrounds
+* Fix: found issue count wrong in edge cases
 
 = 3.6.0 - 2025-08-02 =
 * New: Smart color contrast remediation flow in the accessibility assistant
diff --git a/webpack.config.js b/webpack.config.js
index c24a4372..9680e40d 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -28,6 +28,16 @@ const entryPoints = {
 		'modules/widget/assets/js',
 		'ally-gutenberg-block.js',
 	),
+	'deactivation-ally': path.resolve(
+		process.cwd(),
+		'modules/deactivation/assets/js',
+		'deactivation-feedback.js',
+	),
+	reviews: path.resolve(
+		process.cwd(),
+		'modules/reviews/assets/src',
+		'reviews.js',
+	),
 };
 
 // React JSX Runtime Polyfill
@@ -95,7 +105,7 @@ module.exports = [
 		},
 		optimization: {
 			...defaultConfig.optimization,
-			minimize: true,
+			minimize: process.env.NODE_ENV === 'production',
 			minimizer: [
 				...defaultConfig.optimization.minimizer,
 				new CssMinimizerPlugin(), // Minimize CSS